body { text-align: center; margin: 0; font: 11px "Trebuchet MS", Tahoma; color: #000; background: #fff; }

/* header */
#header { position: relative; width: 100%; height: 40px; }

#logo-menu { position: relative; width: 760px; margin: 0 auto; background: #000; }

#logo { position: absolute; top: 40px; left: 0; width: 280px; font-size: 13px; }
#logo img { margin: 0; border: 0; }
#logo h1 { margin: 0 0 5px; padding: 0; font-weight: bold; font-size: 13px; color: #c10000; }
#logo h1 big { font-size: 18px; }

#menu { 
	position: absolute; top: 55px; right: 0; height: 30px; border-bottom: 1px solid #eee;
}

#menu ul { margin: 3px 0 0 0; float: left; padding-left: 8px; font: bold 13px "Trebuchet MS", Arial, sans-serif; }
* html #menu ul { margin-bottom: 11px; margin-left: 0; }
#menu ul li { display: inline; }
#menu ul li a { float: left; color: #9c5959; font-weight: bold; padding: 7px 9px 5px 5px; text-decoration: none; }
#menu ul li a:hover, #menu ul li a#selected { color: #eb820d; 
	background: transparent url("../../img/panouri-sandwich-isopan/bkg-menu-stripe.gif") top center repeat;
}

/* products */
#products-zone { clear: both; width: 100%; margin: 100px 0 0 0; padding: 5px 0; background: #f9fcdb; }

#products { position: relative; width: 760px; height: 180px; margin: 0 auto; padding: 0; text-align: left; }

.prods { position: relative; float: left; width: 250px; max-height: 170px; border-right: 1px dotted #ffe5bb; }
.prods h1 { float: right; font: bold 13px "Trebuchet MS", Tahoma; margin: 15px 0 0 0; padding: 0; }
.prods h1 a { padding: 0 7px 0 0; color: #560f0f; text-decoration: none; }
.prods a img { margin: 10px 0 0 0; padding: 0; border: 0; }

/* middle */
#middle-zone { clear: both; margin: 0 0 20px 0; padding: 0; }

#middle { width: 760px; height: auto; margin: 0 auto; text-align: left;  }

/* middle ileft */
#ileft { float: left; width: 280px; margin: 15px 0 0 0; color: #000; }
#ileft h1 { padding: 5px 0; font: 15px "Trebuchet MS", Trebuchet, Arial; color: #8b1b15; margin: 10px 0 0 0; }
#ileft h2 { color: #f08507; font: bold 18px "Trebuchet MS", Arial, sans-serif; margin: 0; padding: 0; }
#ileft p { font-size: 12px; padding: 10px 0 5px 0; } 
#ileft img { margin: 5px 0 0 0; border: 0; } 
#ileft ul { list-style: none; margin: 10px 0 10px 0; padding: 0; font-size: 12px; }
#ileft li { border-bottom: 1px dotted #eee;	padding: 3px 0 3px 10px; color: #635442; }
#ileft li a { display: block;  width: 96%; color: #830f0f; }
#ileft li a:hover { color: #f89c0b; text-decoration: none; }

/* middle iright */
#iright { float: right; width: 470px; margin: 15px 0 0 0; height: 100%; }
#iright h2 { color: #f08507; font: bold 18px "Trebuchet MS", Arial, sans-serif; margin: 0; padding: 0; }
#iright p { font-size: 12px; padding: 10px 0 5px 0; } 
#iright p a { color: #5b0e0e; text-decoration: underline; } 
#iright p a:hover { color: #b90f0f; text-decoration: none; }

/* footer */
#footer-zone {
	position: relative; clear: both; margin: 20px 0 0 0; background: #f2ffaa url("../../img/panouri-sandwich-isopan/bkg-footer.gif") repeat-x left top; min-height: 68px;
}

#footer { position: relative; width: 760px; height: 120px; margin: 0 auto; padding: 0; text-align: left; color: #000; }

#footer-links { clear: both; margin: 0; padding: 20px 0; }
#footer-links a { font: bold 12px "Trebuchet MS", Arial, sans-serif; margin: 0; color: #ae4848; text-decoration: none; border-bottom: 1px dotted #dfc6c6; }
	
	#validation { clear: both; margin: 0; padding: 0; }
	#validation a { text-decoration: none; padding: 0 4px 1px 4px; }
	#validation a:hover { text-decoration: underline; }
	#validation a.html { background : #bed024; font-size: 10px; color: #fff; }
	#validation a.html:hover { background : #d9430e; font-size : 10px; color: #fff; }
	#validation a.css { background: #d9430e; font-size: 10px; color: #fff; }
	#validation a.css:hover { background: #bed024; font-size: 10px; color: #fff; }

	/* web design author */
	#creation-logo { clear: both; margin: 0; padding: 5px 0; font: 11px Arial, "Trebuchet MS", Tahoma; color: #696969; }
	#creation-logo a { text-decoration: none; font-weight: bold; font-size: 11px; color: #000; }
	#creation-logo a:hover { color: #5e9f1f; }
	#creation-logo em { font-style: normal; font-weight: bold; color: #5e9f1f; }
	#creation-logo strong { color: #000; }
	
span.adeserv { font-weight: bold; color: #850f0f; }

/**/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clear { clear: both; }
/**/
.center { text-align: center; }

/* contact & program */
ul.lflist { display: block; list-style: none; margin: 10px 0 10px 0; padding: 0; }
ul.lflist li { position: relative; display: block; margin: 0 0 0 5px; height: 18px; padding: 0; color: #0098c9; }
ul.lflist li span { font-weight: bold; color: #547e8b; }
ul.lflist li span.cleft { position: relative; width: 75px; color: #ab9c86; }
ul.lflist li span.cright { position: absolute; width: 150px; left: 80px; top: 0; right: 0; color: #d56308; }