html {
background-color:#e6e7e8;
}
body {
font-family: Arial;
text-align:left;
}
a{
text-decoration: none;
color:#000000;
}
.spacer {
clear:both;
}

/* header */
.header {
background-color:#FFFFFF;
}
.header .center {
margin: 0 auto;
width:974px;
}
.header .left{
float:left;
padding-top: 15px;
padding-bottom: 10px;
}
.header .right{
float:right;
text-align: right;
}
.header .right .menu{
width: auto;
padding-top: 5px;
}
.header .right .menu .bullet{
padding-left:15px;
padding-right:15px;
}
.header .right form{
padding: 5px 0;
}
.header .bar {
background-color:#BCBDC0;
height:26px;
}
.header .menu li{
float:left;
text-transform: uppercase;
}
.header .menu li.odd{
background-color: #e6e7e8;
padding: 5px 12px;
}
.header .menu li.even{
background-color: #d1d3d4;
padding: 5px 12px;
}

/* body */
.body{
background-color: #ffffff;
}
.body .center{
background-color: #ffffff;
width: 994px;
margin: 0 auto;
}

/*
footer
*/
.footer {
color:#545352;
font-size:90%;
padding-top:20px;
}
.footer .center {
margin: 0 auto;
width:974px;
}
.footer .copy{
float: left;
padding-top: 5px;
text-align: center;
}
.footer .tradewinds{
float: right;
text-align: right;
}
.footer .tradewinds a{
padding-right: 10px;
}



/* index */
.index .center{
width: 912px;
margin: 0 auto;
height: 420px;
}
.index .center img {
padding-bottom:80px;
padding-top:80px;
}
.index .bar {
padding-top:7px;
background-color:#BCBDC0;
height:24px;
text-align: center;
font-weight: bold;
}

/* about us */
.about{
margin:0 auto;
width:600px;
padding-top:5px;
padding-bottom:5px;
line-height: 1.5;
}
.about h1{
font-size: 130%;
font-weight:bold;
padding-bottom:5px;
margin-left:-10px;
}
.about h2{
font-size: 130%;
padding-bottom:5px;
padding-left:10px;
float: left;
}
.about h3{
font-size:110%;
font-weight:bold;
margin-top:10px;
}
.about p{
margin-top:10px;
margin-bottom:10px;
font-size:110%;
}

/* history */
.history{
margin:0 auto;
width:600px;
padding-top:5px;
padding-bottom:5px;
line-height: 1.5;
}
.history h1{
font-size: 130%;
font-weight:bold;
padding-bottom:5px;
margin-left:-10px;
}
.history p{
margin-top:10px;
margin-bottom:10px;
font-size:110%;
}

/* attributes */
.attributes{
margin:0 auto;
width:600px;
padding-top:5px;
padding-bottom:5px;
line-height: 1.5;
}
.attributes h1{
font-size: 130%;
font-weight:bold;
padding-bottom:5px;
margin-left:-10px;
}
.attributes h2{
font-size: 130%;
padding-bottom:5px;
font-weight: bold;
}
.attributes .wrapper{
margin:0 auto;
width:600px;
padding-top:5px;
padding-bottom:5px;
line-height: 1.5;
}
.attributes h3{
font-weight: bold;
font-size:110%;
margin-top:10px;
}
.attributes p{
margin-top:10px;
margin-bottom:10px;
font-size:110%;
}
.attributes li{
list-style: disc inside;
padding-left:10px;
}

/* showroom */
.showroom{
margin:0 auto;
width:600px;
padding-top:10px;
padding-bottom:10px;
}

/*
distributor
*/
.distributor{
padding:5px;
}
.distributor h1{
font-size: 130%;
font-weight:bold;
padding:5px;
}
.distributor h2{
font-size: 110%;
font-weight:bold;
padding-top:20px;
padding-bottom:5px;
}
.distributor .left{
width:330px;
padding:30px;
margin:20px;
border:1px solid #6D6E70;
font-size:110%;
float:left;
}
.distributor .left label{
font-weight:bold;
}
.distributor .left td{
padding:5px;
}
.distributor .right{
float:left;
margin-left:40px;
}
.distributor .right .item{
padding-bottom:20px;
}
.distributor .right h3{
font-weight:bold;
}
.distributor .details-left{
float:left;
}
.distributor .details-right{
float:left;
padding-left: 10px;
}
.distributor-state{
	font-size:120%;
	font-weight:bold;
	padding-top:25px;
}
.distributor-name{
	padding-top:5px;
	font-weight:bold;
}
.distributor-address{
	padding-left:10px;
	width:290px;
	float:left;
}
.distributor-contact{
	float:left;
}
.distributor .rep ul{
	margin-left: 10px;
}

/* contact us*/
.contact{
padding:5px;
}
.contact h1{
font-size: 130%;
font-weight:bold;
padding:5px;
}
.contact h2{
font-size: 110%;
}
.contact-left{
float:left;
width:400px;
padding-top:10px;
padding-left:10px;
}
.contact-right{
float:left;
}
.contact-map{
float:left;
width:300px;
height:200px;
margin-left:10px;
}
.contact-address{
float:left;
width:150px;
margin-top:10px;
}
.contact-address h1{
font-size:110%;
font-weight:bold;
}
.contact-thanks{
margin-top:10px;
}

/* error */
.error{
margin:0 auto;
width:600px;
padding-top:5px;
padding-bottom:5px;
line-height: 1.5;
}
.error h1{
font-size: 130%;
font-weight:bold;
padding-bottom:5px;
margin-left:-10px;
}
.error h2{
font-size: 130%;
padding-bottom:5px;
padding-left:10px;
}

/* certifications */
.certifications{
margin:0 auto;
width:600px;
padding-top:5px;
padding-bottom:5px;
line-height: 1.5;
}
.certifications h1{
font-size: 130%;
font-weight:bold;
margin-left:-10px;
}
.certifications p{
margin-top:10px;
margin-bottom:10px;
font-size:110%;
}


/* sustainability */
.sustainability{
margin:0 auto;
width:900px;
padding-top:5px;
padding-bottom:5px;
line-height: 1.75;
}
.sustainability h1{
font-size: 130%;
font-weight:bold;
color:#514A4A;
margin-left:-10px;
}
.sustainability h2{
font-size: 160%;
color: #6d6f71;
text-align: center;
font-weight: bold;
padding-top: 5px;
}
.sustainability h3{
color:#86b140;
font-size: 120%;
font-weight: bold;
}
.sustainability p{
margin-bottom:10px;
font-size:110%;
color: #6d6f71;
}
.sustainability .left{
float: left;
width:440px;
}
.sustainability .right{
float: left;
margin-left: 20px;
width:440px;
}
.sustainability .top{
font-size: 130%;
font-weight: 600;
}
.sustainability .sfc img{
float: right;
}

.designer-left{
float: left;
width:310px;
}
.designer-image{
padding: 5px;
}
.designer-name{
text-align: center;
}
.designer-quote{
float: left;
width:240px;
padding: 25px;
}
.designer-view{
width:290px;
padding:10px;
border:1px solid #6D6E70;
font-size:110%;
}
