/********************************************
   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: #171717 url('images/bg.jpg') no-repeat top center;
} 


.line { border: none; border-bottom: 1px solid #303030; height: 0px; margin: 0 auto; margin-bottom: 15px; margin-top: -5px; clear: both;}
.clear { clear: both; }



/* ----------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;
padding-top: 40px;
} 


/* --------------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 {
height: 94px;
}

#header .phone{
float: right;
width: 157px;
}



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

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


#topnav ul{
padding: 15px;
}

#topnav li{
padding-left: 20px;
display: inline;
list-style-type: none;
padding-bottom: 15px;
padding-top: 0px;
color: #fc321c;
}

#topnav li a{color: #fc321c; text-decoration: none; font: 12px Arial, 'Trebuchet MS', Sans-Serif; padding-top: 7px; padding-bottom: 7px; text-transform:uppercase;}

#topnav li a:hover{color: #fff;}

#topnav .active{color: #fff;}


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

#main {
min-height: 100%; 
height: auto !important; 
height: 100%; 
background: #000 url(/images/mainbg.jpg) no-repeat;
border: 1px #3a3a3a solid;
}

#main .content {
padding: 0px;
min-height: 600px; /* Height of Background Img */
height: auto;
width: 920px;
margin: 0 auto;
}

#main h1 {color: #fc321c; font: 25px Impact, Charcoal, sans-serif; text-transform:uppercase; margin-bottom: 20px;}
#main h2 {color: #fff; font: 20px Impact, Charcoal, sans-serif; text-transform:uppercase; margin-bottom: 10px; margin-top: 10px;}

.red {color: #fc321c; font: bold 12px Arial, 'Trebuchet MS', Sans-Serif; }

#main p {color: #fff; font: 12px Arial, 'Trebuchet MS', Sans-Serif; margin-bottom: 20px;}

#main a {color: #fc321c; text-decoration: underline;}

#main hr {color: #303030; height: 1px; margin: -10px 0px 5px 0px;}

#main .pagecontent {
padding: 20px;
margin-top: 15px;
min-height: 449px; /* Height of Background Img */
height: auto;
background: #060606 url(/images/contentbg.jpg) no-repeat top left;
}

#main .tricolumn {
padding: 20px;
margin-top: 15px;
min-height: 449px; /* Height of Background Img */
height: auto;
background: #060606 url(/images/3columnbg.jpg) no-repeat top left;
}

#main .doublecolumn {
padding: 20px;
margin-top: 15px;
min-height: 449px; /* Height of Background Img */
height: auto;
background: #060606 url(/images/2columnbg.jpg) no-repeat top left;
}



#main .pageheader {margin: 0px; height: 192px;}

#main .left {
float: left; width: 550px; padding: 0px 20px 0px 0px;
}


#main .right {
float: right; width: 290px; margin: 0px 0px 0px 15px;
}



/* --------------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 {
min-height: 220px;
height: auto;
height: 100%;
background: url('images/footerbg.png') no-repeat;

}

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

#footer .contentleft { 
width: 450px; 
float: left;

}

#footer .contentright { 
width: 450px; 
float: right;
}



#footer .footercontact { 
color: #a5a5a6;
padding: 0px 10px 0px 10px;
font: 10px Arial, 'Trebuchet MS', Sans-Serif;
float: left;
text-transform:uppercase;
}



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

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

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

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

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

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

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


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


#footer .asc { margin-top: 40px; padding: 0px; float: left; text-align: left;}

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

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

/* --------W3 LINKS--------- */

#footer .w3 ul { margin: 0px; padding: 10px;}
#footer .w3 li { display: inline; list-style-type: none;}
#footer .w3 li a { color: #000; text-decoration: none; border-right: 1px solid; padding: 0px 10px 0px 10px; font: 10pt Arial, 'Trebuchet MS', Sans-Serif;}
#footer .w3 li a:hover { text-decoration: underline;}



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


#footer .seo {
color: #464646;
text-decoration: none;
font: 8pt Arial, 'Trebuchet MS', Sans-Serif;
padding-left: 10px;
width: 440px;
float: left;
margin-top: 10px;
}
 

#footer .seo a {
text-decoration: none;
color: #464646;
}




/* --------------FONT STYLES------------- */

.red {
color: #fc321c;
}


.boldwhite {
color: #fff;
font-weight:bold;
text-transform:uppercase;
}




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

#homepic {
height: 366px;
width: 530px; 
background: url(/images/homepic.jpg) no-repeat top left;
float: left;
}


/* --------------BLOCKS----------------*/

.block {
height: 325px;
width: 292px; 
background: #040404 url(/images/blockbg.jpg) no-repeat top left;
float: left;
margin: 0px 22px 40px 0px;
padding-top: 15px;
}


.blockright {
height: 297px;
width: 292px; 
background: #040404 url(/images/blockbg.jpg) no-repeat top left;
float: right;
margin: 0px 0px 40px 0px;
padding-top: 15px;
}

.block p, .blockright p{
padding: 15px 15px 0px 0px;
}

.learnmore{
float: right;
clear: both; margin-bottom: 20px;
}




/* --------------UL----------------*/

#main ul.bullet{padding: 15px 15px 0px 15px;}

#main .bullet li{
background: url(/images/arrowbullet.gif) no-repeat;
padding: 0px 0px 15px 20px;
list-style-type: none;
display: block;
color: #fff;
font: 12px Arial, 'Trebuchet MS', Sans-Serif;
}

#main .bullet li a{color: #fff; text-decoration: underline;}

#main .bullet li a:hover{color: #fff;}

/* --------------RIGHT PHOTOS----------------*/

#rightimages{width: 267px; margin: 0px 0px 0px 0px; height: auto; float: right;}
#rightimages .holder{width: 267px; height: 271px; background: url(/images/picbg.png) no-repeat top left; margin-bottom: 10px;}
#rightimages .holder img{}


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

/* --------------GALLERY------------- */

#gallery{
width: 960px;
_width: 900px;

float: left;
padding: 0px 0px 0px 0px;
color: #fff;
font: 12px Arial, 'Trebuchet MS', Sans-Serif;

}

#gallery .displayimage{
width: 300px;
text-align:center;
float: left;
}

#gallery .displayimage img{
width: 200px;
border: 1px #3b3b3b solid;
margin: 5px 0px 5px 0px;
_margin: 0px;

}

#gallery .displayimage p{
font: bold 8pt 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
text-align:center;
margin-top: 5px;
}

#gallery .displayimage a{
text-decoration: none;
border-bottom: 0px;
}

/* --------------SERVICES------------- */

#services{}
#services .leftside{ width: 425px; float: left;}
#services .rightside{ width: 425px; float: right;}
#services .service{float: left; width: 425px; border-bottom: 1px #303030 solid; margin-bottom: 15px; padding-bottom: 15px; height: 250px;}
#services .servicepic{float: left; width: 175px;text-align: center;margin-right: 20px; color: #fff; font: 12px Arial, 'Trebuchet MS', Sans-Serif;}
#services img{ border: 5px #1a1a1a solid;margin-bottom: 10px; }
#services h4 {color: #fff; font: 16px Impact, Charcoal, sans-serif; margin-bottom: 5px; margin-top: 10px;}