/* basic stripping down of ugo browser styles */
*{
	outline: none;
}
html{
	overflow: -moz-scrollbars-vertical;
}
body,
html{
	padding: 0px;
	margin: 0px;
	font-family: Arial;
}
body{
	font-size: 70%;
}

h1,h2,h3,h4,h5,h6,p,div,form,ul,li,a{
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
ul{
	padding: 10px 0px 10px 10px;
}
li{
	margin: 5px 15px;
}
a,input{
	outline: none;
}
/* quick tools clears float ext. */
.left{
	float: left;
}
.right{
	float: right;
}
.clearFix:after,
.clearfix:after,
#headNav:after,
#home:after,
#servicesNav:after{
	display:block;
	clear:both;
	content:".";
	visibility: hidden;
	line-height: 0px;
}

.clear{
	clear: both;
}
/* shared styles  */
body{
	background-image: url("../img/bgEffects/splat1.gif");
	background-position: top right;
	background-repeat: no-repeat;
	background-color :#a43934;
}

/* main navigation */
#headNav{
	
}
#headNav ul,
#headNav li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#headNav ul{
	float: right;
}
#headNav li{
	float: left;
}
#headNav li a:link,
#headNav li a:visited
{
	color: #fff;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	font-family: Arial;
	background-position: top center;
	display: block;
	height: 24px;
	margin: 0px 10px;
	text-align: center;
	vertical-align: middle;
}
#pagehome #headNav li.navHome a,
#pageinterior #headNav li.navServices a,
#pageoutdoor #headNav li.navServices a,
#pagerollup #headNav li.navServices a,
#pagevehicles #headNav li.navServices a,
#pagewallcovering #headNav li.navServices a,
#pageflatbed #headNav li.navServices a,
#pageecoCor #headNav li.navServices a,
#pageecoPVC #headNav li.navServices a,
#pageecoBan #headNav li.navServices a,
#pagefaq #headNav li.navFaq a,
#pagecontant #headNav li.navContact a,
#headNav li a:hover{
	background-position: center -24px;
}
#headNav li a:active{
	background-position: center -48px;
}
#headNav li.navHome a{
	background-image: url("../img/nav/home.gif");
	width: 64px;
}
#headNav li.navServices a{
	background-image: url("../img/nav/services.gif");
	width: 97px;
}
#headNav li.navFaq a{
	background-image: url("../img/nav/home.gif");
	width: 64px;
}
#headNav li.navContact a{
	background-image: url("../img/nav/contact.gif");
	width: 84px;
}
#headNav li.navLogin a{
	background-image: url("../img/nav/contact.gif");
	width: 84px;
}
#headNav li a span{
	font-weight: bold;
	padding-top: 3px;
	vertical-align: middle;
	font-size: 15px;
	display: block;
}

/* close main navigation */
#pillCap{
	display: block;
	margin: 0px;
	padding: 0px;
}
.mainBody{
	padding: 13px 0px;
}
.mainBody-bd{	
	background-image: url("../img/bgEffects/pillMid.gif");
}
.mainContent
{
	margin: 0px 20px;
	display: block;
}
#headBar{
	padding: 0px 0px 20px 0px;
	margin: 0px 3px 0px 20px;
}
#mainLogo{
	float: left;
}
#mainLogo img{
	border: 0px solid green;
}
#pageHead{
	background-image: url("../img/header/titlebg.gif");
	background-position: top left;
	background-color: #f58026;
	background-repeat: no-repeat;
	float: right;
	padding: 0px 20px 0px 40px;
	height: 40px;
}
#pageecoPVC #pageHead,
#pageecoCor #pageHead,
#pageecoBan #pageHead{
	background-position: bottom left;
	background-color: #5fa831;
}
#headBar #pageHead h1{
	font-size: 2em;
	color: #ffffff;
	margin: 6px 10px 0px 0px;
	padding: 0px;
	
}
/* style the main body */
#main{
	width: 926px;
	margin: 72px auto 0px auto;
}
/* footer */
#footer{
	margin-top: 22px;
}
#fContact{
	margin-bottom: 27px;
}
#fContact div{
	display: inline;
	margin-right: 20px;
	color: #fff;
	font-size: 1em;
}
#fCopy p{
	font-size: 0.8em;
	margin: 0px;
	padding: 0px;
	color: #fff;
}
/* home */
#home{
	display: block;
}
#leftSide{
	float: left;
	width: 453px;
}
#bigImage{
	margin-bottom: 25px;
}
#rightSide{
	float: right;
	width: 383px;
}
#home h1{
	color: #003468;
	font-size: 2em;
	padding-bottom: 20px;
}
#home p{
	color: #898989;
	font-size: 1.2em;
}
#home #quickInfo{
	margin-top: 70px;
}
#home #quickInfo .left{
	margin-right: 20px;
}
#home #quickInfo p{
	color: #000;
	font-size: 1.3em;	
}
/* FAQ */
#faq{
	background-image: url("../img/bg/border.gif");
	background-repeat: repeat-y;
	background-position: 383px 0px;
}
#faqBlurb{
	float: left;
	width: 383px;
	padding-bottom: 25px;
}
#faqBlurb h1{
	font-weight: normal;
	color: #003468;
	margin-bottom: 25px;
}
#faqBlurb h1 strong{
	display: block;
}
#faqBlurb p{
	color: #898989;
}
#faq #faqList{
	float: right;
	width: 437px;
}
#faqList .question{
	color: #003468;
	border: 1px solid #d6d6d6;
	padding: 5px 23px;
	font-size: 1.1em;
	background-image: url("../img/faq/questionsBG.gif");
	background-position: bottom center;
	background-repeat: repeat-x;
}
#faqList .question img{
	vertical-align: center;
	margin-right: 8px;
}
#faqList .answer{
	padding: 0px;
	margin: 0px;
}
#faqList .answer div{
	padding: 10px;
	font-size: 1em;
}
#faqList .answer p{
	padding: 5px 0px;
	margin: 0px;
}
#faqList .answer a,
#faqList .answer span{
	color: #003468;
	font-weight: bold;
}
/* FAQ close */
/* contact */
#contact {
	
}
#contact #contactInfo{
	float: left;
	width: 384px;
}
#contactInfo h1{
	color: #003468;
	font-size: 2em;
}
#contactInfo p{
	color: #555555;
}
#contactInfo h2{
	font-size: 1.2em;
	color: #f58026;
	margin-top: 25px;
}
#getDirections{
	margin: 10px 0px 50px 0px;
}
#searchAddress{
	width: 289px;
}
#contact #bigImage{
	float: right;
}
/* close contact */
/* services */
#servicesNav,
#servicesNav li{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#servicesNav{
	margin-left: 20px;
	margin-bottom: 20px;
}
#servicesNav li{
	float: left;
	display: block;
}
#servicesNav li a{
	display: block;
	height: 30px;
	background-image: url("../img/nav/services-subnav.gif");
	background-position: top center;
}
#servicesNav li a span{
	display: none;
}
#servicesNav li.SNinterior a:link,
#servicesNav li.SNinterior a:visited,
#servicesNav li.SNinterior a:active
{
	background-position: 0px 0px;
	width: 87px;
}
#pageinterior #servicesNav li.SNinterior a,
#servicesNav li.SNinterior a:hover{
	background-position: 0px -30px;
}
#servicesNav li.SNoutdoor a:link,
#servicesNav li.SNoutdoor a:visited,
#servicesNav li.SNoutdoor a:active
{
	background-position: -87px 0px;
	width: 99px;
}
#pageoutdoor #servicesNav li.SNoutdoor a,
#servicesNav li.SNoutdoor a:hover
{
	background-position: -87px -30px;
}
#servicesNav li.SNrollup a:link,
#servicesNav li.SNrollup a:visited,
#servicesNav li.SNrollup a:active
{
	background-position: -186px 0px;
	width: 85px;
}
#pagerollup #servicesNav li.SNrollup a,
#servicesNav li.SNrollup a:hover
{
	background-position: -186px -30px;
}
#servicesNav li.SNvehicles a:link,
#servicesNav li.SNvehicles a:visited,
#servicesNav li.SNvehicles a:active
{
	background-position: -271px 0px;
	width: 99px;
}
#pagevehicles #servicesNav li.SNvehicles a,
#servicesNav li.SNvehicles a:hover{
	background-position: -271px -30px;
}
#servicesNav li.SNwallcovering a:link,
#servicesNav li.SNwallcovering a:visited,
#servicesNav li.SNwallcovering a:active
{
	background-position: -370px 0px;
	width: 128px;
}
#pagewallcovering #servicesNav li.SNwallcovering a,
#servicesNav li.SNwallcovering a:hover{
	background-position: -370px -30px;
}
#servicesNav li.SNflatbed a:link,
#servicesNav li.SNflatbed a:visited,
#servicesNav li.SNflatbed a:active
{
	background-position: -498px 0px;
	width: 94px;
}
#pageflatbed #servicesNav li.SNflatbed a,
#servicesNav li.SNflatbed a:hover{
	background-position: -498px -30px;
}
#servicesNav li.SNecocor a:link,
#servicesNav li.SNecocor a:visited,
#servicesNav li.SNecocor a:active
{
	background-position: -592px 0px;
	width: 93px;
}
#pageecoCor #servicesNav li.SNecocor a,
#servicesNav li.SNecocor a:hover{
	background-position: -592px -30px;
}
#servicesNav li.SNecoPVC a:link,
#servicesNav li.SNecoPVC a:visited,
#servicesNav li.SNecoPVC a:active
{
	background-position: -685px 0px;
	width: 96px;
}
#pageecoPVC #servicesNav li.SNecoPVC a,
#servicesNav li.SNecoPVC a:hover{
	background-position: -685px -30px;
}
#servicesNav li.SNecoBan a:link,
#servicesNav li.SNecoBan a:visited,
#servicesNav li.SNecoBan a:active
{
	background-position: -781px 0px;
	width: 89px;
}
#pageecoBan #servicesNav li.SNecoBan a,
#servicesNav li.SNecoBan a:hover{
	background-position: -781px -30px;
}
#services{
	
	position: relative;
	overflow: hidden;
}
#services #sliderBox{
	
	top: 0px;
	left: 0px;
	
}
#services #sliderBox .slide{
	float: left;
	width: 790px;
	/* was 	width: 882px; before reaction */
}



#services .leftSide{
	float: left;
	width: 453px;
}
#services #bigImage{
	margin-bottom: 25px;
}
#services .rightSide{
	float: right;
	width: 290px;
	/* was 	width: 383px; before reaction */
}

#services h1{
	color: #003468;
	font-size: 2.75em;
	padding-bottom: 20px;
	font-style: italic;
}
#services p{
	color: #898989;
	font-size: 1.2em;
}
#services #quickInfo{
	margin-top: 70px;
}
#services #quickInfo .left{
	margin-right: 20px;
}
#services #quickInfo p{
	color: #000;
	font-size: 1.3em;	
}
a.pdfLink:link,
a.pdfLink:active,
a.pdfLink:visited,
a.pdfLink:hover
{
	display: block;
	font-size: 0.9em;
	color: #898989;
	vertical-align: middle;
	margin-top: 45px;
}
a.pdfLink img{
	border: 0px solid green;
	vertical-align: middle;
	margin-right: 8px;
}