@charset "UTF-8";
/* CSS Document */

/* Page Styles */
*{margin:0; padding: 0; outline: none;}
body{margin:0; }
html{margin:0; }
a img{border: none; margin: 0px;}
.wrapper{margin:0 auto; min-height: 600px; min-width: 930px;}

/*typography*/
.primaryNav a{ font-family: Verdana, Geneva, sans-serif; font-size: 16px; text-decoration:none; color: white; }
.primaryNav a:hover{color: #FFB357; font-family: Verdana, Verdana, Geneva, sans-serif;}
.footer a{color:white; text-decoration: none;}
.footer a:hover{color: #ffb357; text-decoration: none;}
.footer a:visited{color:white; text-decoration: none;}

a{font-family: Verdana, Geneva, sans-serif; font-size: 13.5px; text-decoration:none; color: #8C0C0C; margin-top: 5px;}

p{font-family: Verdana, Geneva, sans-serif; font-size: 13.5px; text-decoration:none; color: black; margin-top: 5px;  }
h1{}
h2{font-family: Verdana, Geneva, sans-serif; font-size: 25px; text-decoration:none; color: #000; margin-bottom: 0px; padding: 0px; }
h3{font-family: Verdana, Geneva, sans-serif; font-size: 18px; text-decoration:none; color: #8C0C0C; margin-bottom: 0px; padding: 0px; }
h4{font-family: Verdana, Geneva, sans-serif; font-size: 14px; text-decoration:none; color: #000; margin-bottom: 4px; padding: 0px;}
h5{font-family: Verdana, Geneva, sans-serif; font-size: 18px; text-decoration:none; color: #000; margin-bottom: 4px; padding: 0px}
h6{}


textarea{font-family: Verdana, Geneva, sans-serif; width: 300px; padding: 0px; text-indent: 5px; margin: 0px 0px 10px 0px; border: 2px solid #000; background: #FFB357; font-size: 14px;  }
.textBox{font-family: Verdana, Geneva, sans-serif; width: 295px; height: 25px; text-indent: 5px; margin: 0px 0px 10px 0px; border: 2px solid #000; background: #FFB357; font-size: 14px; }
.inputButton{width: 160px; height: 35px; border: 2px solid #FFB357; background: #000; color: #FFB357; cursor: pointer; font-size: 14px;}

/*header*/
.headerWrapper{margin:0px 0 auto auto; width: auto; height: 155px;}
.header{margin:0 auto; width: 930px; height: 155px;}
.logo{margin:0; width:313px; height: 155px; background: url(images/logo.jpg); float: left;}
.primaryNavWrapper{width: 617px; height: 155px; background: url(images/navBackground.jpg); float: right;}
.primaryNav{margin:75px 10px 0px auto; width:500px; height: 25px; float: right;}
.primaryNav ul{list-style: none; margin: 0px; padding: 0px; display: inline-block; float: right;}
.primaryNav a{margin: 0px; padding: 0px;}
.primaryNav li{margin-right:0px; padding: 0px; height: 25px; float: left;}
.primaryNav li, .primaryNav a{height: 25px; display:block; margin-right:10px; padding: 0px;}

#home a{color: #ffffff;}
#home a:hover{color: #FFB357;}
#currentlyHome a{color: #FFB357;}

#services a{color: #ffffff;}
#services a:hover{color: #FFB357;}
#currentlyServices a{color: #FFB357;}

#about a{color: #ffffff;}
#about a:hover{color: #FFB357;}
#currentlyAbout a{color: #FFB357;}

#gallery a{color: #ffffff;}
#gallery a:hover{color: #FFB357;}
#currentlyGallery a{color: #FFB357;}

#contact a{color: #ffffff;}
#contact a:hover{color: #FFB357;}
#currentlyContact a{color: #FFB357;}


/*content*/
.contentWrapper{margin:0 auto; width: auto; min-height: 400px;}
.content{margin:0 auto; width:930px; min-height: 400px;}

/*footer*/
.footerWrapper{margin: 0 auto; width:auto; height: 241px; background: #39393A url(images/footerGradient.png); clear:both; }
.footer{ color:#FFB357; font-family: Verdana, Geneva, sans-serif; font-size: 12px; margin:0 auto; width: 930px; height: 241px; background: #39393A url(images/footerGradient.png); }

.copyright{text-align:left; margin: 70px 0 auto auto; float:left; width:250px; height: 171px;}
.redundantNavigation{text-align:center; margin: 70px 0 auto auto; float:left; width:400px; height:171px;}
.footerContact{text-align:right; margin: 70px 0 auto auto; float:right; width: 250px; height: 171px;}

/*homepage content*/
.homepageTopSection{width:930px; height: 260px; }
.homepageBottomSetion{width:930px; height: 260px; }
.homepageTopLeft{width:400px; height:260px; background: url(images/homePageTextGraphic.jpg) 8px no-repeat; float: left;}
.homepageTopRight{width:530px; height:260px; float: right; }
.homepageBottomLeft{width:385px; height: 110px; padding:0px 0px 0px 20px; float: left;}
.homepageBottomRight{width:515px; height: 130px; float: right;}

.homepageFeature{margin:0px 0px 0px 0px; width:520px; height: 125px; float: right;}
.homepageFeature ul{list-style: none; margin: 0px; padding: 0px; display: inline-block; float: right;}
.homepageFeature a{margin: 0px; padding: 0px;}
.homepageFeature li{margin: 5px 15px 0 15px; padding: 0px; height: 125px; float: left; }
.homepageFeature li, .homepageFeature a{height: 125px; display:block;  padding: 0px;}

.homeFeature1{width:230px; height: 125px; background: url(images/homepageGraphics/featureBox1.jpg);}
.homeFeature1 a:hover{width:230px; height: 125px; background: url(images/homepageGraphics/featureBox1Over.jpg);}

.homeFeature2{width:230px; height: 125px; background: url(images/homepageGraphics/featureBox2.jpg);}
.homeFeature2 a:hover{width:230px; height: 125px; background: url(images/homepageGraphics/featureBox2Over.jpg);}

/*homepage slideshow*/
	/* The Nivo Slider styles */
.nivoSlider {position:relative;}
.nivoSlider img {position:absolute; top:0px; left:0px;}
#slider {position:relative; background:url(images/loading.gif) no-repeat 50% 50%;}
#slider img {position:absolute; top:0px; left:0px; display:none;}
	/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none;}
	/* The slices in the Slider */
.nivo-slice {display:block; position:absolute; z-index:50; height:100%;}
	/* Caption styles */
.nivo-caption {position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; 
width:100%;
z-index:89;}
.nivo-caption p {padding:5px; margin:0;}
	/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {position:absolute; top:45%; z-index:99; cursor:pointer;}
.nivo-prevNav {left:0px;}
.nivo-nextNav {right:0px;}
 /* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {position:relative; z-index:99; cursor:pointer;}
.nivo-controlNav a.active {font-weight:bold;}

/*servicesPage*/
.serviceTitle{margin: 0px 0px 0px 35px;}
.title{margin: 0px 0px 0px 30px;}
.serviceBlock{margin: 10px 15px 0px 15px; padding-left: 0px; width:790px; height: 225px; float: left;}
.serviceImage{width:175px; height: 180px; margin: 2px 15px 0px 15px; background: black; float: left;}
.serviceDescription{width:400px; height: 150px; margin: 80px 0px 0px 30px; float: left;}
.serviceDevider{height: 1px; width: 800px; margin: 0px 0px 20px 38px; background: #8C0C0C; float: left;}

.serviceButtons{width: 440px; height: 30px; margin: 10px 0px 0px 0px;float: left;}
.serviceButtons ul{list-style: none; margin: 0px; padding: 0px; display: inline-block; float: left;}
.serviceButtons a{margin: 0px; padding: 0px;}
.serviceButtons li{ padding: 0px; height: 30px; float: left; margin-right: 20px; }
.serviceButtons li, .serviceButtons a{height: 30px; display:block;  padding: 0px;}

.quoteButton{width:150px;height: 30px; background: url(images/serviceGraphics/quoteButton.jpg);}
.quoteButton a:hover{width:150px;height: 30px; background: url(images/serviceGraphics/quoteButton.jpg) 0px -30px;}
.exampleButton{width:150px;height: 30px; background: url(images/serviceGraphics/exampleButton.jpg);}
.exampleButton a:hover{width:150px;height: 30px; background: url(images/serviceGraphics/exampleButton.jpg) 0px -30px;}


/*aboutPage*/
.aboutCopy{width: 400px; min-height: 300px; margin: 0px 0px 0px 40px; float: left;}
.aboutImage{width: 390px; height: 29px; margin: 200px 40px 0px 30px; float: left;}

/*galleryPage*/
.galleryWrapper{width:600px; height: 450px; margin: 10px 0px 0px 25px; float: left;}
.galleryRightSide{width:230px; height: 420px; margin: 10px 0px 0px 25px; float: left; text-align: left; }
.galleryDescription{height: 190px;}
.galleryTitle{margin: -10px 0px 0px 20px;}

#galleryNav{width:198px; float: right; margin:20px 30px 0px auto; }
#gallerNav ul{list-style: none; margin: 0px; padding: 0px; display: inline-block; float: right;}
#galleryNav a{margin: 0px; padding: 0px;}
#galleryNav li{margin: 0px 0px 2px 0px; padding: 0px;float: left;}
#galleryNav li, #galleryNav a{display:block; margin-right:10px; padding: 0px; text-indent: -9999px;}

#trafficControl a{background: url(images/galleryImages/navTrafficControl.jpg); width: 198px; height: 30px;}
#trafficControl a:hover{background: url(images/galleryImages/navTrafficControl.jpg) -198px; width: 198px; height: 30px;}
#currentlyTrafficControl a{background: url(images/galleryImages/navTrafficControl.jpg) -198px; width: 198px; height: 30px;}

#trafficSigns a{background: url(images/galleryImages/navTrafficSigns.jpg); width: 198px; height: 30px;}
#trafficSigns a:hover{background: url(images/galleryImages/navTrafficSigns.jpg) -198px; width: 198px; height: 30px;}
#currentlyTrafficSigns a{background: url(images/galleryImages/navTrafficSigns.jpg) -198px; width: 198px; height: 30px;}

#bollards a{background: url(images/galleryImages/navBollards.jpg); width: 198px; height: 30px;}
#bollards a:hover{background: url(images/galleryImages/navBollards.jpg) -198px; width: 198px; height: 30px;}
#currentlyBollards a{background: url(images/galleryImages/navBollards.jpg) -198px; width: 198px; height: 30px;}

#community a{background: url(images/galleryImages/navCommunity.jpg); width: 198px; height: 30px;}
#community a:hover{background: url(images/galleryImages/navCommunity.jpg) -198px; width: 198px; height: 30px;}
#currentlyCommunity a{background: url(images/galleryImages/navCommunity.jpg) -198px; width: 198px; height: 30px;}

.galleryQuoteList{width:198px; float: right; margin:20px 30px 0px auto; }
.galleryQuoteList ul{list-style: none; margin: 0px; padding: 0px; display: inline-block; float: right;}
.galleryQuoteList a{margin: 0px; padding: 0px;}
.galleryQuoteList li{margin: 0px 0px 0px 0px; padding: 0px;float: left;}
.galleryQuoteList li, .galleryQuoteList a{display:block; margin-right:0px; padding: 0px; text-indent: -9999px;}



.galleryQuote a{width: 198px; height: 30px; background: url(images/galleryImages/navQuote.jpg); }
.galleryQuote a:hover{width: 198px; height: 30px; background: url(images/galleryImages/navQuote.jpg)-198px;}


/*jquery slider*/
/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
/*core classes*/ 
.stripViewer { position: relative; overflow: hidden; border: 5px solid #000000; margin: 0 0 1px 0; } 
.stripViewer ul { /* this is your UL of images */ margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; } 
.stripViewer ul li { float:left; } 
.stripTransmitter { overflow: auto; width: 1%; } 
.stripTransmitter ul { margin: 0; padding: 0; position: relative; list-style-type: none; } 
.stripTransmitter ul li{ width: 30px;  float:left; margin: 0 1px 1px 0; } 
.stripTransmitter a{ font: bold 12px Verdana, Arial; text-align: center; line-height: 22px; background: #000; color: #FFB357; text-decoration: none; display: block; } 
.stripTransmitter a:hover, a.current{ background: #FFB357; color: #8C0C0C; } 
/*tooltips formatting*/ 
.tooltip { padding: 0.5em; background: #FFB357; color: #000; border: 5px solid #dedede; }


/*contactPage*/
.contactLeftSide{width: 400px;  margin: 0px 0px 0px 25px; float: left;}
.contactRightSide{width: 400px;  margin: 0px 50px 0px 0px; float: right;}
.contactDescription{width: 300px;}
.contactDevider{width:3px; height: 600px; float: left; background: #8C0C0C; }

.messageForm{width: 300px; margin: 10px 0px 0px 0px;font-family: Verdana, Geneva, sans-serif; font-size: 12px; text-decoration:none; }
.quoteForm{width: 400px; margin: 10px 0px 0px 0px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; text-decoration:none; color: black; margin-top: 5px;  }

.checkRight{float: left; width: 200px; margin: 0px 0px 10px 0px;}
.checkLeft{float: left; width: 175px; margin: 0px 0px 10px 0px;}

a.designLink{color: white;}
a.designLink:hover{color: #FFB357;}


/* site map */
.sitemap{ margin: 30px 0px 0px 0px; color: gray;font-size: 12px;}
.column{float: left; min-width: 120px;}

.sitemap ul{ padding-left: 20px;}
.sitemap li{ margin: 2px 0px 2px 0px;}