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


.line { border: none; border-bottom: 1px solid #e34f12; height: 0px;  }
.clear { clear: both; }

a:link {color: #000000; text-decoration:none }
a:hover {text-decoration:underline}
a:visited {color:#000000}

img {border:none;}


/* ----------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: #e34f12;}
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; 
height: 100%; 
margin: 0 auto -4em; /* make sure this matches in the body footer DIV */
width: 960px;
background-color: white;
} 


/* --------------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: white url(/images/bkgrd_header.gif) no-repeat;
height: 104px;
}

.images { height: 64px; padding:40px 0px 0px 377px;  }

.images a { float: right; }

#swap07 { background-image: url(/images/nav_home_over.jpg);  width: 79px;  height: 64px; }
#swap06 { background-image: url(/images/nav_contact_over.jpg); width: 78px;  height: 64px; }
#swap05 { background-image: url(/images/nav_sizes_over.jpg); width: 77px;  height: 64px; }
#swap04 { background-image: url(/images/nav_supplies_over.jpg); width: 102px;  height: 64px; }
#swap03 { background-image: url(/images/nav_about_over.jpg); width: 78px;  height: 64px; }
#swap02 { background-image: url(/images/nav_rent_over.jpg); width: 78px;  height: 64px; }
#swap01 { background-image: url(/images/nav_pay_over.jpg); width: 91px;  height: 64px; }


.active {float:right;  }


.rollover { display: inline; } /* Allow setting widths and heights */
.rollover img { 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 */









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

.logolink, #swap { width: 369px; height: 104px;}
.logolink { background: ;}
.logolink a { float: left; clear:right; }
 
#swap { background-image:; }
 
.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 */

/* --------------MISSION------------- */

#missionhome {
background: white url(/images/mission_home.jpg) no-repeat ;
height: 341px;
padding-bottom:20px;
}

#missionsub {
	height:49px;
	background: white url(/images/bkgrd_sub.jpg) no-repeat ;
}

#missionsub .title {
	font: 27px bold Calibri, optima, "Trebuchet MS", sans-serif; color: white; padding: 9px 0px 0px 20px; text-transform:uppercase; }

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

#main {
min-height: 300px; 
height: auto !important; 
background-color:white;
}

#main .content {
padding: 0px;
margin: 0px;
min-height: 170px; /* Height of Background Img */
height: auto;
font-family:Calibri, optima, "Trebuchet MS", sans-serif;
}

#main h1 {
font: 15pt Calibri, optima, "Trebuchet MS", sans-serif;  
color: #e34f12; 
font-weight:bold; 
}

#main h2 {
font: 15pt Calibri, optima, "Trebuchet MS", sans-serif;  
color: #3b1d15; 
font-weight:bold; 
text-align:left;
}

#main p {
font: 10pt Calibri, optima, "Trebuchet MS", sans-serif;  
color: black; 
padding-bottom:10px;
line-height:1.25;
text-align:left;
}

#main h3 {
font: 13pt Calibri, optima, "Trebuchet MS", sans-serif;  
color: #e34f12; 
font-weight:bold; 
}

#main h1, h2, h3, p {text-align:left;}

#leftcol {
margin:20px 10px 0px 20px;
_margin:20px 5px 0px 8px;
width:315px;
min-height:250px;
height:auto;	
float:left;
	}
	
#rightcol {
width: 600px;
margin:20px 10px 0px 345px;
_margin:20px 10px 0px 325px;
height:auto;
}

#rightcol h1, h2, h3, p  {text-align:left;}

#rightcol a  {text-align:left; color:black}



/* --------------FEATURED LEFT------------- */


#featuredleft {
width: 605px;
margin:0px 20px 5px 20px;
_margin:0px 8px 5px 8px;
padding-bottom:5px;
min-height:125px;
border-bottom:  thin solid silver; 
float:left;
}

#featuredleft  img { float:left; clear: left;  }

#featuredleft  h1 { padding-top:7px; margin-left:315px;}

#featuredleft  p { margin-left:315px;}

#featuredleft  h1, p  {text-align:left;}



/* --------------FEATURED RIGHT------------- */


#featuredright {
width:275px;
height:auto;
min-height:250px;
background-color:#faf7ed;
float:right;
margin: 0px 20px 0px 0px;
padding:10px;
}

#featuredright cite { font-size:8pt;  color:gray;}

#featuredright .coupon{
	width:236px;
	min-height:128px;
	height:auto;
	border:3px black dashed;
	background: #ffdb00 url(/images/bkgrd_coupon.jpg) repeat-x;
	padding:10px;
	margin-left: 5px;
	margin-bottom:15px;
}

#featuredright h1, h2, h3, p {font-family: Calibri, optima, "Trebuchet MS", sans-serif;  }

#featuredright h1 {font-size:16pt; color:#e34f12; border-bottom: 1px #e34f12 solid; letter-spacing:1px;text-transform:uppercase;  text-align:center;}

#featuredright h2 {font-size:15pt; color:black; font-weight:bold; text-transform:uppercase; border-bottom: 1px #e34f12 solid; text-align:center;}

#featuredright h3 {font-size:13pt; color:black; font-weight:bold; margin:5px 0px 5px 0px; text-align:center;}

#featuredright p {font-size:11pt; color:black; }

#featuredright a {font-size:11pt; color:black; }

#featuredright p cite {font-style:italic; font-size:9pt; color:black;text-align:center;}




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


#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:#b93802 url(/images/bkgrd_footer.jpg)  no-repeat;
height: 175px;
}

#footer .content { 
position: relative; 
padding: 48px 0px 0px 235px; 
height:62px;
}


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

#footer ul { padding: 0px;}
#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; }


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

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

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


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


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

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