/********************************************
   AUTHOR:          http://www.ambitiouswebdesign.com 
   WEBSITE:     http://www.#.com/
   TEMPLATE NAME:  NAME OF COMAPNY
   DATE:           Mar-28th-2009
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 
* { margin: 0; padding: 0px; }

html, body { 
margin: 0;
padding: 0px;
height: 100%; 
background: #0c1801 url(/images/bkgrd_html.jpg) repeat-x ;
} 


.line { border: none; border-bottom: 1px solid #4e5b28; height: 0px; margin: 0 auto }
.clear { clear: both; }

a:link     	 { font-family:  Calibri, optima, "Trebuchet MS", sans-serif; text-decoration: none; color: #1b3704; font-size: 10pt }
a:visited  	 { font-family: Calibri, optima, "Trebuchet MS", sans-serif; text-decoration: none; color: #0c1801;}
a:hover    	 { font-family: Calibri, optima, "Trebuchet MS", sans-serif; text-decoration: underline; color: #3d7e08;}



/* ----------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 { 
height: auto !important; 
margin: 0 auto -4em; /* make sure this matches in the body footer DIV */
width: 960px;
background-color: black;
} 


/* --------------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: black url(/images/bkgrd_header.jpg) no-repeat;
height: 126px;
}

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

.logolink, #swap { width: 137px; height: 121px;}
.logolink { background-image: url('/images/logo.gif'); background-repeat: no-repeat;}
.logolink a { float: left;  }
 
#swap { background-image: url(/images/logo.gif); }
 
.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------------- */

#topnav {
background: black url(/images/bkgrd_navb.jpg) top no-repeat;
height: 50px;
}

#topnav ul { margin-left: 17px; _margin-left: 5px; padding: 10px 0px 0px 0px;  _margin-bottom:15px; _padding-bottom:7px; float: left}
#topnav ul li  {list-style-type: none; display: inline; text-transform:uppercase; }
#topnav ul li a { color: white; padding: 12px 10px 6px 8px; font: 12pt 'Trebuchet MS', Arial,  Sans-Serif; letter-spacing:1px; }
#topnav ul li a:hover { color: #595959; text-decoration:none;}

#topnav p {color: white; font: 13px Arial, 'Trebuchet MS', Sans-Serif; padding: 10px 10px 0px 0px;  _padding: 10px 5px 0px 0px; float:right}



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

#main {
min-height: 100%; 
height: auto !important; 
height: 100%; 
background-color: white; /* Main DIV Background Img */
padding-bottom:40px;}

#main .content {
padding: 20px 40px 20px 40px;
margin: 0px;
min-height: 300px; /* Height of Background Img */
height: auto;
}


#main p            { color:black; font-family: Calibri, optima, "Trebuchet MS", sans-serif; font-size: 10pt; padding-bottom:10px; line-height:1.5; }
#main table        { color:black; font-family: Calibri, optima, "Trebuchet MS", sans-serif; font-size: 10pt }
#main h1           { color:#204105; font-family: Calibri, optima, "Trebuchet MS", sans-serif; font-size: 15pt; font-weight: bold; padding-bottom:5px; }
#main h2           { color:#3c3c3c; font-family: Calibri, optima, "Trebuchet MS", sans-serif; font-size: 12pt; font-style: italic; font-weight: bold;padding-bottom:5px; }
#main h3           { color:#3d7e08; font-family: Calibri, optima, "Trebuchet MS", sans-serif; font-size: 12pt; font-weight: bold; }

.bold { font-weight:bold;}


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


#footer, .push { 
clear: both;
width: 960px;
bottom: 0;
left: 0;
margin: 0 auto; 
position: relative;
} 

#footer {
background: black url(/images/bkgrd_footer.jpg) repeat-x;
width: 960px;
height: auto;
}

#footer .content { 
width: 920px; 
height: auto;
margin: 0 auto;
padding-top:42px;
position: relative; 
}


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

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

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

#footer .links li a {
color: #949494;
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; color:white; }


#footer .email li {
display: inline;
list-style-type: none;
padding: 0px 10px 0px 10px;
font: 10pt Arial, 'Trebuchet MS', Sans-Serif;
color: #1b3704;
}

#footer .email li a {
text-decoration: none;
color: #1b3704;
}

#footer .email li a:hover { text-decoration: underline; color:white; }


/* --------ASC LINKS--------- */

#footer .asc ul { margin: 10px 0px 0px 0px; padding: 10px 0px 0px 0px;}
#footer .asc li { display: block; list-style-type: none;}

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



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


#footer .seo {
height: auto;
text-align: left;
min-height: 100px;
width: 750px;
font: 8pt Arial, 'Trebuchet MS', Sans-Serif;}
 

#footer .seo a {
color: #949494;
text-decoration: none;
font: 8pt Arial, 'Trebuchet MS', Sans-Serif;
}