/********************************************
   AUTHOR:          http://www.ambitiouswebdesign.com 
   WEBSITE:     http://www.enhancedbiofuels.com/
   TEMPLATE NAME:  Enhanced Biofuels
   DATE:           Oct-29th-2008
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 
* { margin: 0; padding: 0px; }

html, body { 
margin: 0;
padding: 0px;
height: 25%;
background: #c5e6f6 url(/images/bg.gif) repeat-x;
} 

.homebody {
}

.bg1 {background: #c5e6f6 url(/images/bg.gif) repeat-x;}
.bg2 {background: #f7f7ec url(/images/bg.gif) repeat-x;}

a:focus, a:active {outline-style: none;} /* REMOVES DOTTED BORDER IN FF */


/* ----------Centered Container Or the Layout--------------------- */

#container { 
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin: 0 auto -4em; /* make sure this matches in the body footer DIV */
width: 960px;
background: url(/images/mainbg.png) repeat-y;
}

#topcontainer {
margin: 0 auto;
width: 960px;
} 

/* --------------LABELS BUTTONS & FORMS-----------*/
 
label {
font: bold 10pt 'Trebuchet MS', Arial, Sans-serif;
color: #777;
}
 
.form, textarea {
width: 20em;
border: 1px solid #777;
font: 10pt 'Trebuchet MS', Arial, Sans-serif;
color: #86878b;
padding: 2px;
margin-bottom: 20px;
}
 
.button {
width: 6em;
font: bold 10pt 'Trebuchet MS', Arial, Sans-serif;
color: #fff;      
background: #4fc2f0;
padding: 4px 5px;
border: 1px solid #46a1c6;
}

/* --------------HEADER------------- */

#header {
background: url(/images/headbg.gif) no-repeat;
height: 93px;
}

#header .address {
float: right; 
width: 400px;
padding: 20px 25px 0px 0px;
text-align:right
}

#header ul {
margin: 0px;
padding-top: 5px;
}

#header li {
list-style-type: none;
display: inline;
}

#header li a {
background: url(/images/icon_mail.gif) no-repeat;
padding-left: 16px;
}

#header .address p, #header a {
font: 10.5pt 'Trebuchet MS', Arial, Sans-serif;
color: black
}

/* --------------LOGO IN HEADER *always use this*------------- */

.logolink {
background-image: url('/images/logo.png');
background-repeat: no-repeat;
height: 77px;
width: 408px;
float: left;
}
 
.logolink a { float: left;  }
 
#swap {background-image: url(/images/logo.png);  width: 408px;  height: 77px;  }
 
.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */

/* --------------TOPNAV------------------------------------------------------------- */
.suckertreemenu { height: 53px;}
.suckertreemenu img { border: none;}

.suckertreemenu ul{
margin: 0;
padding-left: 0px;
list-style-type: none;
letter-spacing: 0px;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: inline;
color: #FFF;
text-decoration: none;
}


/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 2em;
position: absolute;
top: 0em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
margin-top: -12px;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
margin-top: -1px;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a {
margin: 0px;
display: block;
overflow: visible;
text-align: left;
text-transform: uppercase;
font: bold 8pt 'Trebuchet MS', Helvetica, Arial, Sans-Serif;
color: #6bb826;
width: 150px; /*width of sub menu levels*/
text-decoration: none;
padding: 6px;
border: 1px solid #6bb826;
background-color: #fff;
top: -12em;
}

.suckertreemenu ul li a:hover { color: #000;}

.suckertreemenu ul li ul li a:hover{
background-color: #f4f4f4;
text-decoration:underline;
color: #6bb826;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */

/* --------------UNDERNAV----------------*/
#under { height: 10px; background: url(/images/table_top.png) no-repeat;}

/* --------------MAIN THREE BLOCKS----------------*/

#threeblocks {
padding: 0px 0px 0px 8px;
font: 10pt 'Trebuchet MS', Helvetica, Arial, Sans-Serif;
color: #444334;
height: 100%;
height: auto;
min-height: 100%;
clear: both;
line-height: 16px;
margin: 0 auto
}


#threeblocks .services, #threeblocks .strategic, #threeblocks .commitment  {
float: left;
width: 271px;
margin: 0px;
padding: 0px;
clear:right;
}


#threeblocks a { color: #629a1e;}
#threeblocks p { text-align: left }
#threeblocks .services p, #threeblocks .commitment p, #threeblocks .strategic p { padding: 12px 0px 0px 0px;}


#threeblocks img { margin: 13px 0px 0px 13px;}
#threeblocks .services .readmore { float: right; padding: 38px 0px 0px 0px;}
#threeblocks .commitment .readmore { float: right; padding: 36px 0px 0px 0px;}
#threeblocks .strategic .readmore { float: right; padding: 19px 0px 0px 0px;}


#threeblocks .line {
width: 40px;
float: left;
clear:right;
background: url(/images/threeblocks_line.gif) repeat-y; 
height: 245px;
margin-top: 10px;
}

#threeblocks img { border: none}
#threeblocks .facts { text-align: center}

/* --------------HOME MAIN----------------*/

#homemain {
min-height: 50%; 
height: 50%; 
padding: 0px 21px 20px 23px;
}

#homemain .content {
padding: 0px;
margin: 0px;
margin-right: 0px;
min-height: 170px; /* Height of Background Img */
}

#homemain .mission {
width: 910px;
height: 227px;
background: url(/images/missiontwo.jpg) no-repeat;
color: #fff;
font: 10pt 'Trebuchet MS', Helvetica, Arial, Sans-Serif;
}

#homemain .missiontwo {
width: 910px;
height: 227px;
background: url(/images/missiontwo.jpg) no-repeat;
color: #fff;
font: 10pt 'Trebuchet MS', Helvetica, Arial, Sans-Serif;
}


#homemain .mission p, .mission div {
padding: 90px 30px 0px 320px;
font: 10pt 'Trebuchet MS', Helvetica, Arial, Sans-Serif;
color: #fff;
text-align: ;
line-height: 19px;
}



#homemain .missiontwo p, .missiontwo div {
padding: 90px 30px 0px 320px;
font: 10pt 'Trebuchet MS', Helvetica, Arial, Sans-Serif;
color: #000;
text-align: ;
line-height: 19px;
}


#homemain .mission a { color: white}

/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/

#main { min-height: 100%; height: auto !important; height: 100%; padding: 10px 21px 20px 32px;}

#main .content {
padding: 0px;
margin: 0px;
margin-left: 160px;
margin-right: 0px;
min-height: 170px; /* Height of Background Img */
height: auto;
margin-bottom: 20px;
}

#main .headerpic { margin-bottom: 15px;}

#main h1 {
color: #629a1e;
margin-bottom: 15px;
font: bold 16pt 'Trebuchet MS', Helvetica, Arial, Sans-Serif;
}

#main h2 {
color: #629a1e;
margin-bottom: 15px;
font: bold 10pt 'Trebuchet MS', Helvetica, Arial, Sans-Serif;
text-decoration:underline
}

#main p, .units {
font: 10pt 'Trebuchet MS', Helvetica, Arial, Sans-Serif;
color: #444334;
padding-right: 18px;
padding-bottom: 20px;
text-align: ;
font-weight: 500;
}

.img { border: 6px solid #e5e5e5}

#main ul { margin: 0px; padding: 0px 20px 20px 60px;}

#main li {
display: block;
font: 10pt 'Trebuchet MS', Helvetica, Arial, Sans-Serif;
color: #444334;
padding-bottom: 8px;
padding-left: 25px;
}


#main .content a { color: #629a1e; }
#main .content a:hover { color: #629a1e;}


/* --------------NAVLEFT------------- */

#main .navleft {
float:left; 
width: 145px;
margin: 0px;
padding: 0px;
font: bold 9pt 'Trebuchet MS', Helvetica, Arial, Sans-Serif;
background: url(/images/testbg.gif) no-repeat top right;
height: 96px;
}

#main .navleft b {
float: right;
padding-right: 22px;
padding-top: 10px;
padding-bottom: 8px;
color: #444334;
font-style: italic
}

#main .navleft p {
padding: 0px 0px 0px 40px;
}

#main .navleft .holder {
padding-right: 12px;
}

em {
color: #629a1e;
}

/* --------------FOOTER------------- */

.clear {
clear: both;
}

#footer, .push { 
clear: both;
width: 960px;
height: 4em; /* make sure this matches in the body container DIV */
bottom: 0;
left: 0;
margin: 0 auto; 
position: relative;
} 

#footer {
background: url(/images/footer.gif) no-repeat;
height: 212px;
height: auto;
}

#footer img {
border: none;
}

#footer .content { 
width: 960px; 
height: 212px;
margin: 0 auto; 
position: relative; 
}

/* --------------FOOTER LINKS------------- */

#footer .back {
float: left;
width: 100px;
text-align: center;
margin: 50px 0px 0px 20px;
}

#footer .copy {
float: right;
text-align: right;
width: 450px;
font: 9pt 'Trebuchet MS', Helvetica, Arial, Sans-Serif;
margin: 50px 20px 0px 0px;
color: #444334;
}

#footer .copy a {
color: black;
}


#footer ul {
padding: 10px;
}

#footer .links ul {
margin: 0px;
padding: 0px;
}

#footer .links li {
display: inline;
list-style-type: none;
}

#footer .links li a {
color: #000;
text-decoration: none;
border-right: 1px solid;
padding: 0px 10px 0px 10px;
font: 10pt Arial, 'Trebuchet MS', Sans-Serif;
}

#footer .links li a:hover {
text-decoration: underline;
}

#footer .asc ul {
margin: 0px;
padding: 0px;
}

#footer .asc li {
display: block;
list-style-type: none;
}

#footer .asc li a {
color: #000;
text-decoration: none;
padding: 0px 10px 0px 10px;
font: 10pt Arial, 'Trebuchet MS', Sans-Serif;
}

#footer .links li a:hover {
text-decoration: underline;
}


/* --------------------------------------TABLES-------------------------------------------------- */

#mytable{
border-collapse: collapse;
font-size: 1.1em;
text-align: center;
width: 97%
}

#mytable table {
height: 100%;
vertical-align: middle;
}

#mytable th {
background: #87bb4a url(/images/tablehead.gif) repeat-x;
color: #fff;
padding: 15px;
border-right: 1px solid #fff;
border-bottom: 1px solid #0dace7;
font: bold 10pt "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#mytable .spec {
border-left: 1px solid #000;
}

#mytable th a {
color: white
}

#mytable .rowone {
background: #fff url(/images/tablerowone.gif) repeat-x;
}

#mytable td {
padding: 6px 11px;
font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #444334;
border: 1px solid #e4e4e4;
width: 33%;
background: #fff url(/images/tablerowone.gif) repeat-x;
vertical-align: middle;
}

#mytable td a, #mytable tr.alt td {
font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #6a6a69;
}

#main table .process {
background: transparent; font-weight: bold
}

#mytable a {
padding: 0px;
margin: 0px;
}

.left {
text-align: left;
}

#mytable td * {
padding: 6px 11px;
}

#mytable tr.alt td {
background: #fff url(/images/tablerowtwo.gif) repeat-x;
}


#empty {
background: none;
}

#empty td, #empty tr {
background: none;
border: none;
}

#empty .blue {
background-color: #e9f9f9;
border: 1px solid white
}

#empty td img, #mytable td img {
padding: 0px;
margin: 0px;
}







/* --------------------------------------TABLES2-------------------------------------------------- */

#mytable2{
border-collapse: collapse;
font-size: 1.1em;
text-align: center;
width: 97%
}

#mytable2 table {
height: 100%;
vertical-align: middle;
}

#mytable2 th {
background: #87bb4a url(/images/tablehead.gif) repeat-x;
color: #fff;
padding: 15px;
border-right: 1px solid #fff;
border-bottom: 1px solid #0dace7;
font: bold 10pt "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#mytable2 .spec {
border-left: 1px solid #000;
}

#mytable2 th a {
color: white
}

#mytable2 .rowone {
background: #fff url(/images/tablerowone.gif) repeat-x;
}

#mytable2 td {
padding: 6px 11px;
font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #444334;
border: 1px solid #e4e4e4;
width: 5%;
background: #fff url(/images/tablerowone.gif) repeat-x;
vertical-align: middle;
}

#mytable2 td a, #mytable2 tr.alt td {
font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #6a6a69;
}

#main table .process {
background: transparent; font-weight: bold
}

#mytable2 a {
padding: 0px;
margin: 0px;
}

.left {
text-align: left;
}

#mytable2 td * {
padding: 6px 11px;
}

#mytable2 tr.alt td {
background: #fff url(/images/tablerowtwo.gif) repeat-x;
}


#empty {
background: none;
}

#empty td, #empty tr {
background: none;
border: none;
}

#empty .blue {
background-color: #e9f9f9;
border: 1px solid white
}

#empty td img, #mytable2 td img {
padding: 0px;
margin: 0px;
}


/* ----- Customer Cart TABLES ---------- */
#awscustomertables table{margin: 1em; border-collapse: collapse;}
#awscustomertables td{ padding: .3em; border: 1px #F2F2F2 solid; }
#awscustomertables th{ padding: .3em; border: 1px #F2F2F2 solid; background: #F2F2F2; }