/********************************************
   AUTHOR:          http://www.ambitiouswebdesign.com 
   WEBSITE:     http://www.elkhornenergy.com/
   TEMPLATE NAME:  Elkorn Energy
   DATE:           Dec-11th-2008
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 
* { margin: 0; padding: 0px; }

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

/* ----------CART--------------------- */

font, table, tr, td { border: none; background-color: transparent;}
table, td, tr { border: none; font: 9pt "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif; color: #e1e1e1; }
td { line-height: 20px; }
table b { color: #e1e1e1; }
table a, tr a, td a, font a, .content table a {color: #e1e1e1; font: 9pt "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif; }
table a:hover, tr a:hover, td a:hover, font a:hover, .content table a:hover {color: #ee4591;}
table hr {border: none; border-bottom: 1px solid #e1e1e1; height: 0px;}
font img { border: 6px solid #e1e1e1; margin-right: 10px; } 

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

#container { 
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin: 0 auto 0em; /* make sure this matches in the body footer DIV */
width: 960px;
background-color: white
} 


/* --------------LABELS BUTTONS & FORMS-----------*/
 
label {
color: #481a08;
font-family: Cambria, serif;
font-size: 18px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: normal;
text-decoration: none;
}
 
input, textarea {
width: 28em;
border: none;
font-family: Verdana, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
color: #faf9f5;
padding:10px;
margin-bottom: 20px;
background-color: #b0ac9e
}
 
.button {
width: 6em;
font-family: Cambria, serif;
font-size: 18px;
color: #fff;      
background: #481a08;
padding: 4px 5px;
border: 1px solid #481a08;
text-transform: uppercase
}

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

#header {
height: 236px;
background: url("/energy/images/mission.jpg") no-repeat;
}

/* --------------RTR------------- */

#header .rtr {
float: left;
padding: 14px 0px 0px 20px
}

#header .rtr .holder {
background: url("/energy/images/rtrborder.gif") repeat-x;
width:534px;
height: 203px;
border: 1px solid #d9dad0;
}

#header .rtr .holder .images {
padding: 9px 0px 0px 8px
}

#header .text {
float: right;
width: 370px;
color: #fff;
font-family: Cambria, serif;
font-size: 16px;
font-style: italic;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
padding: 15px 15px 15px 0px
}

#header .text h3 {
background: url("/energy/images/elkhornhead.gif") no-repeat;
height: 25px;
margin-bottom: 9px;
}

.clear {
clear: both
}


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

#main {
min-height: 100%; 
height: auto !important; 
height: 100%; 
background: #FFF url("/energy/images/mainleft.gif") repeat-y; /* Main DIV Background Img */
}

#main .holder {
background: url("/energy/images/mainbg.gif") repeat-x; /* Main DIV Background Img */
}


#main .content {
padding: 0px;
margin: 0px;
margin-left: 285px;
margin-right: 0px;
height: auto;
padding: 15px 20px 15px 15px;
}

#main h1 {
color: #481a08;
font-family: Cambria, serif;
font-size: 32px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: normal;
line-height: 1.3em;
}


#main h6 {
border-top: 1px dashed #b0ac9e;
margin: 5px 0px 8px 0px;
}

#main p {
color: #180903;
font-family: Verdana, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.8em;
padding-bottom: 20px;
text-align: justify
}

#main a {
color: #50402f;
border-bottom: 1px dashed #4d706d;
text-decoration: none
}

#main a:hover {
color: #50402f;
border-bottom: 1px dashed #16433a;
text-decoration: none
}

#main .navleft {
float:left; 
width: 271px;
margin: 0px;
padding: 0px;
background: #b0ac9e url("/energy/images/navbg.gif") repeat-x;
min-height: 250px;
height: 100%;
height: auto
}

.lefthr {
background: #b0ac9e url("/energy/images/lefthr.gif") repeat-x;
height: 2px;
margin: 12px 0px 8px 0px
}


/* --------------LEFTNAV------------- */

#leftnav {
padding: 15px;
}


#leftnav h2 {
color: #481a08;
font-family: Cambria, serif;
font-size: 20px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: normal;
line-height: 1.3em;
}

#leftnav a {
color: #481a08;
font-family: Cambria, serif;
font-size: 18px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: normal;
text-decoration: none;
border-bottom: none;
}

#leftnav a:hover {
text-decoration: none;
border-bottom: 1px dashed #481a08;
color: #481a08;
}

#leftnav .contain {
width: 250px;
margin-bottom:30px;
}

#leftnav img {
float: left;
}

#leftnav .held {
width: 230px;
text-align: left;
padding-top: 17px;
padding-left: 5px;
}

#leftnav p{
color: #fff;
font-family: Verdana, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
padding: 0px;
text-align: left;
}


/* --------------CONTACT------------- */

#contact {
padding: 0px 15px 15px 15px;
}

#contact h2 {
color: #481a08;
font-family: Cambria, serif;
font-size: 20px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: normal;
line-height: 1.3em;
padding-left: 48px;
}

#contact .box {
background: url("/energy/images/icon_box.gif") no-repeat;
height: 55px;
width: 42px;
position: absolute;
margin-top: -11px;
}

#contact p {
color: #2A4C4B;
font-family: Verdana, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.8em;
}

#contact a {
color: #481a08;
border-bottom: 1px dashed #481a08;
text-decoration: none
}

#contact a:hover {
color: #fff;
border-bottom: 1px dashed #fff;
}

#contact b {
color: #481a08;
}

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

.clear {
clear: both;
}

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

.push {
background: #FFF url("/energy/images/mainleft.gif") repeat-y; 
}

#footer {
height: 100px;
height: auto;
}

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

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

#footer ul {
padding: 10px 10px 0px 0px;
}

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

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

#footer .links li a {
color: #50402f;
text-decoration: none;
border-right: 1px solid;
padding: 0px 10px 0px 10px;
font-family: Verdana, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: normal;
}

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


#footer .links .last {
border:none!important;
}


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

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

#footer .asc li a {
color: #767369;
text-decoration: none;
padding: 0px 10px 20px 10px;
font-family: Verdana, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 2em;
}















/* ----- 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; }