@charset "UTF-8";
#uhoh{ 
text-align: center;
padding-top: 75px;
}

#signsIconsIcons{ 
background-image: url(images/singssigns.png); 
width: 545px;  
height: 259px;
}

#ohuh{ 
display: block;
margin: 0 auto;
margin-top: -100px;
}

body{ 
margin: 0 auto; 
padding: 0 auto; 
background-color: #000;
}
a img{ 
border: none; 
} 
.wrapper{ 
width: 900px;
height: auto;
margin: 0 auto; 
}
.box{ 
background-image: url(images/gradient.png);
background-repeat: repeat-x; 
border: 2px solid #969595;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
} 
#crest{
display: block; 
margin: 15px 0 0 15px;
}
#termsandcondish{ 
margin-top: 15px;
display: inline-block; 
width: 615px; 
padding: 40px;
height: auto; 
float: right; 
}
/*Typography*/
p{ 
color: #CCC;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
h1{ 
color: #CCFF33;
font-family: Arial, Helvetica, sans-serif; 
text-align: center;
}
h2{ 
color: #CCFF33;
font-family: Arial, Helvetica, sans-serif; 
font-size: 18px;
}
h3{ 
color: #CCFF33;
font-family: Arial, Helvetica, sans-serif; 
font-size: 17px;
}
h5{ 
color: #CCC;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
h7{ 
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
}
#title{ 
color: #CCFF33; 
font-family: Helvetica, Arial, sans-serif;
}
/*------------------*/

/*Index*/
.infobox{ 
width: 904px;
height: 161px;
margin: 0 auto;
} 
#indexInfo{ 
padding: 30px;
margin-top: 10px;
}
#find{ 
display: block; 
float: left; 
width: 355px; 
height: 150px;
margin: 0 auto; 
padding-top: 10px; 
} 

#offer{ 
display: block; 
float: left;
width: 540px; 
height: 161px;
margin: 0 auto;
padding-top: 10px;
padding-left: 6px;
}
.services{ 
display: block; 
width: 900px;   
height: auto;
margin-top: 10px;
background-image: url(images/gradient.png);
background-repeat: repeat-x; 
border: 2px solid #969595;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
} 
#listStyle{ 
vertical-align: bottom; 
}
.services ul{ 
display: inline-block;
padding: 5px;
vertical-align:top;
} 
.services li{ 
display: block;
letter-spacing: .8px;
line-height: 20px;
} 
.ourservicesimage{ 
margin: 25px 5px 0 20px;
}
.signageimage{
margin: 15px 5px 0 30px; 
}
#signageList ul{ 
padding-right: 40px; 
}
.services a{ 
text-decoration: none; 
color: #CCC;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
.services a:hover{ 
text-decoration: underline;
color: #FFF;
}
#title a{ 
text-decoration: none; 
color: #0F0;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
#title a:hover{ 
font-weight: bold;
}

/*------------------*/


/* About us */
#aboutusinfo{ 
padding: 10px 30px 75px 30px;
} 
#displayAbout{ 
display: inline-block;
margin: 15px 0 0 5px;
width:695px; 
height: 169px;
background-image:url(images/call.png); 
}
#mainAbout{ 
display: inline-block;
width: 695px;
margin: 15px 0 0 5px;
} 
/*-----------------------------*/


/* Services */
.crest{
float: left;
display: inline-block;
margin: -50px 0 0 -90px;
}
.infoWrapper{
width: 495px;
padding: 60px 100px 100px 100px; 
height: auto;
background-image: url(images/gradient.png);
background-repeat: repeat-x; 
border: 2px solid #969595;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
} 
.mainContent{ 
display: inline-block; 
width: 695px; 
height: auto;
margin: 15px 0 0 5px;
} 
#displayServices{ 
display: inline-block; 
background-image: url(images/serviceheader.png);
width: 695px; 
height: 170px; 
} 
#mainServices{ 
display: inline-block; 
width: 695px;
height: auto;
margin-top: 15px;
} 
#mainServices p{ 
display: block;
margin-top: 25px;
padding: 0 40px 0 40px;
}
#icons{ 
width: 680px;
height: 200px;
margin: 0 auto; 
padding-top: 60px;
} 
#mainServices a{
background-image: url(images/serviceicons.png);
width: 130px;
height: 84px;
line-height: 200px;
text-align: center; 
display: inline-block; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 13px;
text-decoration: none; 
font-weight: bold;
color: #00CCCC;
}
#mainServices a:hover{
color: #C5FFFD;
}
#icona{ 
background-position: 13px -7px;
padding-left: 10px;
}
#icona:hover{
background-position: 13px -92px;
}
#iconb{ 
background-position: -130px -5px;
}
#iconb:hover{ 
background-position: -130px 92px; 
}
#iconc{
background-position: -252px -6px;
} 
#iconc:hover{
background-position: -252px -91px;
} 
#icond{
background-position: -376px -6px;
} 
#icond:hover{
background-position: -376px -91px;
} 
#icone{
background-position: -525px -6px;
} 
#icone:hover{
background-position: -525px -91px;
} 
/*----------------------------------- */

/* Rate */
#mainRate{ 
display: inline-block;
width: 695px;
height: auto;
margin: 15px 0 0 5px;
}
#printingRate{ 
width: 600px;
height: auto; 
margin: 0 auto; 
}
#ratesNStuff{
margin: 0 auto; 
width: 600px;
display: block;
padding: 20px 0 30px 0;
}
#green{ 
font-family: Arial, Helvetica, sans-serif; 
font-size: 13px;
color: #CCFF33;
font-weight: bold;
}
#white{ 
font-family: Arial, Helvetica, sans-serif; 
font-size: 13px;
color: #FFF;
} 
#printing, #signage{ 
background-image: url(images/printingsprite.png);
display:inline-block;
width: 130px;
height: 37px;
text-indent: -9999px;
margin: 20px 0 20px 0;
}
#printing:hover{
background-position: 0px -37px;
}
#signage {
background-position: -130px 0px;
}
#signage:hover{
background-position: -131px -36px;
}

/*----------------------------------- */

/* Contact */
#displayContact{ 
display: inline-block;
margin: 15px 0 0 5px;
width:695px; 
height: 169px;
background-image:url(images/call1.png); 
}
#mainContact{ 
display: inline-block;
width: 695px;
margin: 15px 0 0 5px;
padding-bottom: 70px; 
} 
#mainContact li{ 
text-decoration: none;
list-style: none;
font-family: Arial, Helvetica, sans-serif;
color: #FFF;
display: inline-block;
font-size: 13px;
}
#mainContact p{ 
padding: 0 40px 0 40px;
}
#hours{ 
width: 250px;
float: right;
margin-right: 50px; 
text-align: center;
}
#stuff{ 
width: 300px;
float: left;
text-align: left;
}
/*------------------*/


/*Left Column*/
#menu {
width: 180px;
height: auto;
padding-top: 100px;
background-image: url(images/services.png);
background-repeat: no-repeat;
} 
#side{
display: block;
float: left;
margin-top: 13px;
border: 2px solid #969595;
width: 191px;
height: auto;
} 
.ourservices{ 
padding: 20px;
}
.pcu{ 
margin: 0 auto; 
margin-top: 50px;
width: 168px; 
height: 278px;
background-image: url(images/cotactus.png);
background-repeat: no-repeat;
padding-bottom: 15px; 
} 
#side a{ 
display: block; 
text-decoration: none;
color: #CCCCCC;
font-family: Arial, Helvetica, sans-serif;
}
#side a:hover, #side .accordionButton a.on, #side .accordionContent a.on { 
color: #CCFF33;
}
.accordionButton a{ 
margin-left: 20px;
font-size: 15px;
line-height: 30px;
font-weight: bold;
}
.accordionContent a{ 
margin-left: 35px;
font-size: 15px;
font-weight: bold;
}
.theme-default #slider {
margin: 0 auto;
width: 904px;
height: 246px; 
} 
/*---------------------------------------------------- */

/* Footer */
.footer{ 
display: inline-block; 
width: 904px;
padding-top: 20px;
}
.socialweb{ 
float: right;
margin-right: 20px;
} 

#footerp{
text-align: left; 
margin-left: 20px;
}
#google{ 
display: inline-block;
width: 32px;
height: 32px; 
background-image: url(images/social.png); 
padding-right: 15px;
}
#google:hover{
background-position: 0px 32px;	
}
#facebook{ 
display: inline-block;
width: 32px; 
height: 32px; 
background-image: url(images/social.png);
background-position: -53px 0; 
padding-right: 15px;
} 
#facebook:hover{
background-position: -53px 32px;	
}
#twitter{ 
display: inline-block;
width: 32px; 
height: 32px; 
background-image: url(images/social.png);
background-position: -106px 0; 
padding-right: 15px;
} 
#twitter:hover{
background-position: -106px 32px;	
}
#linkedin{ 
display: inline-block;
width: 32px; 
height: 32px; 
background-image: url(images/social.png);
background-position: -159px 0; 
padding-right: 15px;
} 
#linkedin:hover{
background-position: -159px 32px;	
}
#youtube{ 
display: inline-block; 
background-image: url(images/social.png);
width: 32px; 
height: 32px; 
background-position: -213px 0; 
}
#youtube:hover{ 
background-position: -213px 32px; 
}
/*-----------------------------*/

/* Header */
.header{
width: 900px;
height: 140px; 
background-image: url(images/header.png);
background-repeat: no-repeat;
}
#navBut{ 
display: inline-block;
float: left;
padding: 116px 0 0 18px;
}
#navBut a{ 
display: inline-block;
text-indent: -9999px;
width: 104px;
height: 23px;
background-image: url(images/navigation.png);
}
#homeNAV{
background-position: 0px 0px;
}
#homeNAV:hover, #homeNAV.on { 
background-position: 0px -46px;
}
#aboutNAV{
background-position: -108px 0px;
}
#aboutNAV:hover, #aboutNAV.on { 
background-position: -108px -46px;
} 
#servicesNAV{
background-position: -216px 0px;
}
#servicesNAV:hover, #servicesNAV.on { 
background-position: -216px -46px;
}
#rateNAV{
background-position: -325px 0px;
}
#rateNAV:hover, #rateNAV.on { 
background-position: -325px -46px; 
}
#contactNAV{
background-position: -433px 0px;
}
#contactNAV:hover, #contactNAV.on{ 
background-position: -433px -46px;
}
#sitemap{ 
color: #FFF; 
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
float: right; 
padding: 120px 50px 0 0;
} 
#sitemap a:link{ 
color: #FFF; 
}
#sitemap a:visited{ 
color: #FFF; 
}
#sitemap a:hover{ 
color: #666; 
}
/*------------------------*/



/* SERVICE PAGE DIV'S */

#awningsTable{ 
width: 480px; 
height: 300px;
clear: both;
}

#awningsTable td{ 
vertical-align: top;
} 

#warrantyImage{ 
float: right; 
padding: 20px 0 10px 20px;
}

#templates{ 
background-image: url(images/template.png);
width: 500px; 
height: 935px;
} 

#carWrap{ 
float: right; 
margin-top: -200px;
}

#bannerside{ 
float: right; 
margin-right: -100px;
}

#dimension{ 
float: right; 
margin: 30px 10px 0 0;
padding-left: 15px;
} 

#change{ 
float: right; 
}

#washroom{
float: right; 
margin-top: -35px;
padding: 10px;
} 

#mainContentUL{
color: #CCC;
text-decoration: none; 
list-style: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;	
}

/* ---- SINGS SPRITES ---- */

.iconsyo{
display: inline-block; 
width: 160px; 
height: 160px; 
background-image: url(images/specialSprite.png);
}

#a{ 
background-position: -41px -12px; 
}
#b{ 
background-position: -264px -12px; 
}
#c{ 
background-position: -482px -12px; 
}
#d{ 
background-position: -697px -12px; 
}
#e{ 
background-position: -54px -194px; 
}
#f{ 
background-position: -265px -194px; 
}
#g{ 
background-position: -482px -194px; 
}
#h{ 
background-position: -697px -194px; 
}
#i{ 
background-position: -52px -382px; 
}
#j{ 
background-position: -263px -382px; 
}
#k{ 
background-position: -483px -382px; 
}
#l{ 
background-position: -696px -382px; 
}
#m{ 
background-position: -43px -588px; 
}
#n{ 
background-position: -265px -588px; 
}
#o{ 
background-position: -265px -588px; 
}
#p{ 
background-position: -482px -588px; 
}
#q{ 
background-position: -695px -588px; 
}
#r{ 
background-position: -40px -794px; 
}
#s{ 
background-position: -243px -794px; 
}
#t{ 
background-position: -483px -794px; 
}