body { background: url('/images/sitebg.jpg') top center; font-family: Arial, Verdana, 'San Serif'; font-size: 12px; margin: 0px 10px;}

.container { width: 960px; margin: 0px auto;  }

#header-bar { height: 12px; background-color: black; border-bottom: 1px solid white; margin-bottom: 20px; }

#left { width: 300px; float: left; color: white; border-right: 1px solid white; padding: 25px; margin-right: 10px; line-height: 18px; text-align: justify; background-image: url('/images/bg-fade.png');}
#left h1, #left h2 {  }
#left h1 { font-size: 24pt; color: rgb(66,66,66); text-indent: -5000px; background-image: url('/images/ecosoil_logo_small.png'); display: inline; border: 1px solid white;}
#left h2 { font-size: 16pt; color: rgb(185,255,48); display: inline;  float: left; margin-top: 10px;}
	
#right { width: 576px; float: left; }

#content-box { position: relative; background-image: url('/images/bg-content_box2.png'); float: left; width: 310px; height: 284px; padding: 105px 25px 10px 25px; margin-top: 34px; font-size: 12px; line-height: 18px; }

#content-box h1 { font-size: 14pt; color: #777; margin:0; padding:0; }
#content-box h1 b { font-size: 22pt; color: rgb(117,151,46); }
#content-box p { margin-top: 5px; text-align: justify; color: #444;}
#content-box #nav { position: absolute; bottom: 35px;  padding-right: 45px;}
#nav img { border: 0px; }

#content-box-homepage { position: relative; background-image: url('/images/bg-content-homepage.png'); float: left; width: 310px; height: 240px; padding: 10px 25px; margin-top: 105px; font-size: 12px; line-height: 18px; }

#middle_container_white { position: absolute; z-index: -5; left: 0px; width: 100%; margin: 30px 0px; padding: 5px 0px; height: 95px; background-image: url('/images/bg-middle_white.png'); }

#logo-box { float: left; text-align: center; width: 100%;}
#logo-box img { margin: 0px 0px 7px 4px; }
#logo-box h2 { color: white; margin-top: -20px; font-size: 13pt;}

#middle_container { width: 100%; margin: 50px 0px; padding: 5px 0px; height: 95px; background-image: url('/images/bg-middle.png'); }
#middle_container div div { float: left; width: 406px;}
#middle_container h2 { display: block; }

#middle_container_menu { position: relative; width: 100%; margin: 20px 0px; padding: 5px 0px; height: 25px; background-image: url('/images/bg-middle_white.png'); }

#menu { width: 960px; margin: 0px auto; text-align: center; }
#menu div { margin: 2px; float: left; width: 133px; text-align: center;}
#menu h1 { display: inline; font-size: 12pt; color: white; margin: 0 8px;}
#menu h1 a { color: rgb(43,61,19); }

#video { width: 576px; height: 416px; padding: 10px; background-color: white;}

.pics { width: 596px; height: 436px; padding:0; margin:0; overflow: hidden }
.pics img { height: 416px; width: 576px;  border: 10px solid #fff; top:0; left:0 }

#product_form { background-color: white; width: 526px; height: 366px; border: 10px solid white; padding: 25px; background-image: url('/images/form_bg.jpg');}
#product_form h1 { margin:0; padding:0; }
#product_form p { color: #444444; font-size: 11px; line-height: 14px; }
#col_1, #col_2 { float: left; width: 255px; padding: 0; margin: 0; }
#col_1 p, #col_2 p{ padding: 0; margin: 0; }

#product_form label{ display:inline; font-size: 8pt;  text-align:left; width:210px; clear: both;  }
#product_form input, #product_form textarea, #product_form select {  font-size:12px; padding:4px 2px; border:solid 1px #aacfe4; width:210px; margin:5px 0px; height: 20px; }
#product_form textarea { height: 40px; }


#prod-menu { position: absolute; padding: 10px; width: 250px; top: 70px; left: 50%; margin-left: -380px; background-color: rgb(193,219,140); z-index: 99;}
#prod-menu h2 { font-size: 12pt; padding: 0; margin: 0;}
#prod-menu h2 b { color: color: rgb(117,151,46); }
#prod-menu a { color: #000; }

.footer-text { text-align: center; color: white; font-size: 12px; }
.footer-text h1 { margin-top: 5px;  padding:0; font-size: 22pt; color: rgb(185,255,48); }

#view-products { text-align: right; width: 360px;  clear: both; position: absolute; bottom: 0px; right: 12px; }
#view-products h1 { font-size: 12pt; font-weight: bold; margin: 0; padding: 0;  }
#view-products h1 a { color: black; }

.product_list { width: 162px; float: left; padding: 2px 3px 3px 0px; border-bottom: 1px solid silver;}
.product_list b {color: rgb(117,151,46); font-size: 13pt;}
.product_list a {color: #555555; text-decoration: none;}
#product_list_container { margin-left: -10px; margin-right: -10px; }

#middle_container div #footer_cred { float: right; text-align: right; clear: both; font-size: 8pt; color: white;}
#middle_container div #footer_cred a { color: white;}