html, body { margin: 0; padding: 0; }

body { 
	color: #333;
	padding-bottom: 20px; 
	text-align: center; 
	background-color: #b2be36;
	}

#container {
background-image: url(/images/bg_body.gif);
text-align: center;
margin-left: auto;
margin-right: auto;
width: 804px;
}

#main {
	background-image: url(/images/bg_body.gif);
	background-repeat: repeat-y;
	background-position: center;
	padding: 20px 20px 0 20px;
	text-align: left;
}		
		
#header_home, #header_about, #header_news, #header_products, #header_gallery, #header_technical, #header_contact, #header_american {
background-color: #b2be36;
text-align: center;
margin: 0;
}
		
#header_home {
height: 330px;
}

#header_about {
background: url(/about/images/header_about.jpg) no-repeat bottom left;
height: 215px;
}

#header_news {
background: url(/news/images/header_news.jpg) no-repeat bottom left;
height: 215px;
}

#header_products {
background: url(/products/images/header_products.jpg) no-repeat bottom left;
height: 215px;
}

#header_gallery {
background: url(/gallery/images/header_gallery.jpg) no-repeat bottom left;
height: 215px;
}

#header_technical {
background: url(/technical/images/header_technical.jpg) no-repeat bottom left;
height: 215px;
}

#header_contact {
background: url(/contact/images/header_contact.jpg) no-repeat bottom left;
height: 215px;
}

#header_american {
background: url(/products/americanclassic/images/header_american.jpg) no-repeat bottom left;
height: 215px;
}

#header_barcelona {
background: url(/products/barcelona/images/header_barcelona.jpg) no-repeat bottom left;
height: 215px;
}

#header_provence {
background: url(/products/provence/images/header_provence.jpg) no-repeat bottom left;
height: 215px;
}

#header_ecowood {
background: url(/products/ecowood/images/header_ecowood.jpg) no-repeat bottom left;
height: 215px;
}

#header_tuscany {
background: url(/products/tuscany/images/header_tuscany.jpg) no-repeat bottom left;
height: 215px;
}

#header_metropolitan {
background: url(/products/metropolitan/images/header_metropolitan.jpg) no-repeat bottom left;
height: 215px;
}

#subnav {
border-bottom: 1px solid #CCCCCC;
padding-bottom: 5px;
margin-bottom: 10px;
color: #333333;
font: 10pt/14pt arial; 
text-align: left;
}
	
#sidebar {
width: 190px;
margin-top: 20px;
padding: 0;
float: left;
display: inline; /* floats are handled as block elements, this is to fix 
							   a margin collapsing bug in IE */
}

#prod_left {
width: 400px;
padding: 0 20px 0 0;
border-right: 1px solid #CCC;
text-align: left;
float: left;
display: inline; /* floats are handled as block elements, this is to fix 
							   a margin collapsing bug in IE */
}

#prod_right {
width: 320px;
margin: 0 0 0 0;
text-align: left;
float: right;
}

td.prod_left {
width: 180px;
padding: 5px 15px 0px 0px;
border-right: 1px solid #CCCCCC;
}

td.prod_right {
width: 320px;
padding: 8px 0px 0px 20px;
}


				
#bottom {
	height: 30px;
	padding: 0 20px 20px 20px;
	background: url(/images/bg_footer.gif) no-repeat bottom left;
	clear: left;
}

#footer {
	background-color: #b2be36;
	padding: 10px 20px 40px 20px;
	clear: left;
}

p { 
	font: 10pt/14pt arial; 
	margin-top: -5px;
	}
	
td { 
	font: 10pt/14pt arial; 
	margin-top: 0px;
	text-align: left;
	}

h1 { 
	font: bold 16pt arial;
	color: #333;
	margin-top: 0px;
	margin-bottom: 7px;
	text-align: left;
	}
	

h2 { 
	font: bold 14pt arial;
	color: #333;
	margin-top: 0px;
	margin-bottom: 7px;
	text-align: left;
	}
	
h3 { 
	font: bold 13pt arial;
	color: #333;
	margin-top: 0px;
	margin-bottom: 7px;
	text-align: left;
	}	

#footer p { 
	font: 9pt/12pt arial; 
	color: #393939;
	margin-top: 0px;
	text-align: center;
	}

a, a:link, a:visited, a:active { 
	text-decoration: none; 
	color: #8f9a1b;
	font-weight: bold;
	}

a:hover { 
	text-decoration: underline; 
	color: #8f9a1b;
	}
	

#footer a, #footer a:link, #footer a:visited, #footer a:active { 
	text-decoration: none; 
	color: #393939;
	font-weight: normal;
	}

#footer a:hover { 
	text-decoration: underline; 
	color: #393939;
	}


	
ul li, ol li {
	margin: 0px 0px 5px -23px;
	text-align: left;
	font: 10pt/14pt arial; 
}

/* Tables */

table.specs {
width: 750px;
border-right: 1px solid #999999;
border-left: 1px solid #999999;
}

table.specs tr.header td {
background-color: #333333;
color: #FFFFFF;
font-weight: bold;
}

table.specs tr.row td {
background-color: #eeeeee;
border-bottom: 1px solid #999999;
border-top: 1px solid #999999;
}

table.specs tr.specborder td {
border-bottom: 1px solid #999999;
}

tr.row td {
background-color: #eeeeee;
border-bottom: 1px solid #999999;
border-top: 1px solid #999999;
}

tr.bottomborder td {
border-bottom: 1px solid #999999;
}
