/* Reset */
* {margin: 0; padding: 0; border: 0; outline: 0;}
img {display: block;}

.cf {display: inline-block;} /*this trips hasLayout for ie7*/
.cf:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .cf {height: 1%;}
.cf {display: block;} /*this returns it back to normal*/


/* Layout */
body {font-size: 100%; color: #231F20; text-align: center; margin: 40px 0;}
#container {width: 970px; margin: 0 auto; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: .75em; line-height: 1.5em; font-weight: normal;}
#head {border: dashed 2px #ccc; border-width: 0 0 2px 0; padding: 10px 0; margin-bottom: 20px;}


#content {width: 970px; _width: 973px; clear: both; padding: 20px 0; font-weight: normal;}
#col1, #col2, #col3 {width: 310px;}
#col1 {margin: 0 20px 0 0; padding: 20px 0; border: dashed 2px #ccc; border-width: 2px 0 0 0; float: left;}
#col2 {margin: 0 20px 0 0; float: left;}
#col3 {margin: 0 0 20px 0; float: left;}
.interior {padding: 20px 0;}


#footer {clear: both;}
.bar1, .bar2, .bar3 {background: #ccc; width: 310px; height: 10px;}
.bar1 {margin: 0 20px 0 0; float: left;}
.bar2 {margin: 0 20px 0 0; float: left;}
.bar3 {float: right;}

.left {float: left;}
.right {float: right;}
.clear {clear: both;}

/* Typography */
p {margin: 0 0 20px 0;}
.florence {font-size: .75em; float: left; clear: left;}
.copywrite {font-size: .75em; float: right; clear: both;}
span.right {font-size: .83em; float: right;}

/* Links */
a {color: #231F20; text-decoration: none; font-weight: bold;}
a:hover {text-decoration: underline;}
.florence a {font-weight: normal;}
.florence a:hover {background: #e5e5e5; text-decoration: underline;}
a.enlarge {margin: 0 0 10px 10px; float: right;}

/* Headings */
h1.logo {background: url(../images/sofaux-logo.gif) no-repeat; width: 332px; height: 23px; margin: 0; clear: left;}
h1.logo a {width: 332px; height: 23px; display: block; text-indent: -999em;}
h2 {font-size: 1em; font-weight: bold; text-transform: uppercase; padding: 0 0 5px 0;}

/* Images */
.plus-symbol {margin: 10px 0;}
.thumb1 {width: 145px; height: 145px; margin: 0 20px 0 0; float: left;}
.thumb2 {width: 145px; height: 145px; margin: 0;}
.thumb3 {clear: left; width: 145px; height: 145px; margin: 20px 20px 0 0; float: left;}
.thumb4 {width: 145px; height: 145px; margin: 20px 0 0 0;}

/* Lists */
#props {margin: 15px 0;}
#props li {background: url(../images/bullet.gif) no-repeat 1px 7px; list-style: none; padding-left: 10px; text-transform: uppercase; font-size: .89em;}

/* Navigation */
#nav {height: 14px; margin: 10px 0 0 0; list-style: none; float: right; clear: right;}
#nav li {display: inline; float: left;}
#nav a {height: 14px; margin: 0 0 0 22px; display: block; text-indent: -999em; overflow: hidden;}
#nav a:hover, #nav a.active {background-position: 0 -14px;}
#nav a.active {cursor: default;}

#sub-nav {border: dashed 2px #ccc; border-width: 0 0 2px 0; padding-bottom: 15px;}
#sub-nav li {background: url(../images/sub-nav-symbol.gif) no-repeat 0 6px; list-style: none; padding-left: 10px; text-transform: uppercase; font-size: .89em;}
#sub-nav li a:hover, #sub-nav a.active {background: #e5e5e5}

.shirts {background: url(../images/nav/shirts.gif); width: 48px;}
.about {background: url(../images/nav/about.gif); width: 48px;}
.buy {background: url(../images/nav/buy.gif); width: 32px;}
.contact {background: url(../images/nav/contact.gif); width: 63px;}