/* Page Layout */
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,th,td {margin:0; padding:0; font:"Times New Roman", Times, serif;}
body {background:url(../images/background-x.png) 0px -910px repeat-x #333;}
#wrapper {width:960px; margin:0px auto; }
#header {float:right; position:relative; width:960px;}
#content {float:right; clear:right; margin-top:20px; width:960px;}
#mainContent {float:right; width:700px;}
#contentBox {width:660px; height:100%; background:url(../images/background-xy.png) repeat; border-bottom:#333 1px solid; border-right:#333 1px solid; border-top:#666 1px solid; border-left:#666 1px solid; padding:20px;}
#contentBox a {color:#000; font-weight:bold;}
#contentBox a:hover {color:#FFF;} 
#contentBox ul {margin-left:40px;}
#contentBox h2 {margin:10px 0px;}
.contentTopTitleBar {width:698px; background:#000; border-right:#000 1px solid; border-top:#666 1px solid; border-left:#666 1px solid; color:#FFF; height:40px; line-height:40px; text-indent:20px;}
.contentTitleBar {width:700px; background: url(../images/background-x.png) 0px -505px repeat-x; border-bottom:#680 1px solid; border-right:#680 1px solid; border-top:#6B0 1px solid; border-left:#6B0 1px solid; color:#FFF; height:40px; line-height:40px; text-indent:20px; font-size:1.3em;}
#contentBox p, #contentBox h4 {margin-bottom:10px;}
.firstLetter {font-size:3.4em; font-weight:bold; line-height:.8em;}
.contentImage {float:right; margin:0px 0px 10px 20px; border-bottom:#333 1px solid; border-right:#333 1px solid; border-top:#666 1px solid; border-left:#666 1px solid;}
.hrBottom {height:20px; border-bottom:#333 1px solid; width:700px;}

/*Header*/
#logo {background:url(../images/background.png) 0px 0px no-repeat; width:368px; height:133px; display:block; position:absolute; top:58px; left:0px;}
#address {list-style:none; float:right; text-align:right; color:#333; margin-top:10px; height:86px;}
#address h1 {font-size:1.2em;}
#phoneNum {font-size:1.1em; font-weight:bold;}
#testimonial {float:right; clear:right; color:#FFF; width:400px; margin:20px 50px 0px 0px; height:70px;}
#testimonial span {font-size:1.3em; font-weight:bold;}

/*Main Nav*/
#mainNav {list-style:none; float:right; clear:right; margin-top:20px; border:#333 1px solid;}
#mainNav li {float:left;}
#mainNav a {text-decoration:none; color:#000; padding:0 10px; height:40px; line-height:40px; display:block; background: url(../images/background-x.png) 0px -15px repeat-x; font-weight:bold; border-bottom:#690 1px solid; border-right:#690 1px solid; border-top:#6C0 1px solid; border-left:#6C0 1px solid; float:left;}
#mainNav a:hover {background-position:0px -85px; color:#FFF;}
.mainNavShadow {color:#6D0;}
#mainNav a:hover .mainNavShadow {color:#000;}

/*BreadCrumb*/
#breadcrumb {list-style:none; margin:0px; padding:0px; font-size:1em; text-indent:0px; margin-left:20px; color:#FFF;}
#breadcrumb li {float:left; margin-right:5px; padding:0px;}
.divider {color:#999;}
#breadcrumb a {color:#999; text-decoration:none;}
#breadcrumb a:hover {color:#999; text-decoration:underline;}

/*Slideshow*/
#slideshow {width:700px; height:300px; border:1px solid #333; float:right; clear:right; background:#000; overflow:hidden;}
#slideshowContent {float:left; width:480px; height:300px; padding:0; margin:0;}
#slideshowNav {list-style:none; float:left;}
#slideshowNav li {height:60px; position:relative; display:block; line-height:60px; overflow:visible;}
#slideshowNav a {height:58px; width:198px; display:block; color:#FFF; line-height:60px; text-decoration:none; font-weight:bold; padding:0 10px; background:url(../images/background-x.png) 0px -145px repeat-x;  position:relative; text-indent:72px; border:none; position:absolute;}
#slideshowNav li>a {border-bottom:#000 1px solid; border-right:#000 1px solid; border-top:#333 1px solid; border-left:#333 1px solid;}
#slideshowNav a:hover {background-position:0px -215px; color:#6C0;}
.slideThumb {position:absolute; left:10px; top:4px; border-bottom:#666 1px solid; border-right:#666 1px solid; border-top:#333 1px solid; border-left:#333 1px solid;}
#slideshowNav a:hover .slideThumb {border-bottom:#333 1px solid; border-right:#333 1px solid; border-top:#666 1px solid; border-left:#666 1px solid;}
#slideshow #slideshowNav a.active {border:none; width:234px; height:60px; background:url(../images/background.png) 0px -152px; display:block; text-indent:106px; margin:0px; position:absolute; left:-33px; top:0px;}
#slideshow #slideshowNav a.active:hover {background-position:0px -212px; color:#000;}
#slideshow #slideshowNav a.active .slideThumb {left:44px; border-bottom:#6C0 1px solid; border-right:#6C0 1px solid; border-top:#690 1px solid; border-left:#690 1px solid;}
#slideshow #slideshowNav a.active:hover .slideThumb {left:44px; border-bottom:#690 1px solid; border-right:#690 1px solid; border-top:#6C0 1px solid; border-left:#6C0 1px solid;}
#slideshowContent a {position:relative; text-decoration:none; border:none; color:#FFF;}
#slideshowContent img {border:none;}
.frontCaption {width:498px; line-height:30px; height:30px; bottom:4px; left:0px; position:absolute; background:#333; color:#FFF; display:block; text-indent:20px; font-size:.8em; font-weight:bold; padding:0px; cursor:pointer;}
#slideshowContent a:hover .frontCaption {text-decoration:underline;}

/*Offer Boxes*/
#offerBoxes {float:right; clear:right; width:702px; margin-top:20px; padding-bottom:20px; border-bottom:#333 1px solid;}
#offerBox1, #offerBox2 {width:339px; float:left; border:#666 1px solid;}
#offerBox2 {margin-left:20px;}
.offerTitleBar {background: url(../images/background-x.png) 0px -505px repeat-x; border-bottom:#680 1px solid; border-right:#680 1px solid; border-top:#6B0 1px solid; border-left:#6B0 1px solid; color:#FFF; height:40px; line-height:40px; text-indent:20px;}
.offerTitleBar h2 {font-size:1.2em;}
.offerContent {background:#000; border-bottom:#000 1px solid; border-right:#000 1px solid; border-top:#333 1px solid; border-left:#333 1px solid; color:#FFF; padding:20px; height:140px; overflow:hidden;}
.primaryCall, .secondaryCall {background:url(../images/background-x.png) 0px -155px repeat-x; height:40px; line-height:40px; padding:0px 10px; display:block; color:#FFF; text-decoration:none; font-weight:bold; margin:20px 0px; text-align:center; border-bottom:#000 1px solid; border-right:#000 1px solid; border-top:#333 1px solid; border-left:#333 1px solid;}
.primaryCall:hover, .secondaryCall:hover {background-position:0px -225px; color:#6C0;}
.offerContent ul {list-style:none;}
.offerContent li {text-indent:30px; position:relative;}
.check {background:url(../images/background.png) -420px -59px no-repeat; width:14px; height:11px; display:block; margin-right:5px; position:absolute; top:2px; left:5px;}

/*Footer*/
#footer {color:#CCC; font-size:.8em; margin-bottom:20px; float:right; clear:right; width:700px;}
#footerNav {list-style:none; padding:20px 0px 10px; border-top:#999 1px solid; width:700px; float:left;}
#footerNav li {float:left; margin-right:5px; }
#footer a {color:#CCC; text-decoration:none;}
#footer a:hover {color:#FFF; text-decoration:underline;}
#footer p {float:left; clear:left; color:#999; width:100%;}

/*Sidebar*/
#sidebar {width:200px; float:left; clear:none; background:#000; display:block; margin-right:0px; border-bottom:#000 1px solid; border-right:#000 1px solid; border-top:#666 1px solid; border-left:#666 1px solid; color:#FFF; padding:18px; position:relative; top:0px; min-height:300px; height:auto !important; height:300px;}
#sidebar h2 {font-size:1.4em; color:#6C0;}
#free {background:url(../images/background.png) -383px -73px no-repeat; display:block; height:111px; width:108px; position:absolute; top:-55px; left:-18px;}
#sidebar p {margin:10px 0px;}

/*Form*/
.input, label, .textarea, .getEstimateButton {float:left; clear:left; margin-top:5px;}
.input, .textarea {width:200px; border-bottom:#999 1px solid; border-right:#999 1px solid; border-top:#333 1px solid; border-left:#333 1px solid; outline:none; background: url(../images/background.png) 0px -282px no-repeat #FFF; }
.input:focus, .textarea:focus { background:#CAFF95;}
.input {height:20px;}
.textarea {height:100px; overflow:auto;}
.label {font-weight:bold; margin-top:10px; font-size:.9em; width:100%;}
.getEstimateButton {background: url(../images/background-x.png) 0px -280px repeat-x; height:40px; line-height:30px; width:200px; text-align:center; font-weight:bold; font-size:1.1em; margin-top:10px; border-bottom:#F90 1px solid; border-right:#F90 1px solid; border-top:#FF0 1px solid; border-left:#FF0 1px solid; cursor:pointer;}
.getEstimateButton:hover {background-position:0px -350px; color:#FFF;}

/*Errors*/
.errorList {list-style:none; position:relative; float:left; clear:left;}
.errorListItem {position:absolute; top:20px; left:200px; background:url(../images/background-x.png) 0px -155px repeat-x; color:#FFF; width:200px; padding:10px; border-bottom:#000 1px solid; border-right:#000 1px solid; border-top:#666 1px solid; border-left:#666 1px solid;}
.errorListItem:hover {background-position:0px -205px; color:#F66;}
.errorElement {border:1px #F66 solid;}
.successElement {border:1px #690 solid;}

/*Links*/
#contentBox .callToAction {background:url(../images/background.png) -296px -188px no-repeat; height:44px; width:192px; color:#FFF; text-decoration:none; display:block; line-height:44px; text-indent:10px; font-weight:bold; margin-top:20px;}
#contentBox .callToAction:hover {background-position:-296px -234px; color:#000;}

/*Gallery*/
#galleryBox {width:658px; min-height:372px; background:#000; margin-bottom:20px; padding:2px 20px 20px; overflow:hidden; border-bottom:#000 1px solid; border-right:#000 1px solid; border-left:#666 1px solid; overflow:hidden;}
.galleryList {list-style:none; margin:0 auto;}
.galleryList li {float:left;}
.galleryList li a {width:120px; height:120px; margin:20px; display:block; border:#000 1px solid;}
.galleryList li a:hover {border-bottom:#333 1px solid; border-right:#333 1px solid; border-top:#666 1px solid; border-left:#666 1px solid; background:#111;}
.galleryVert {padding:10px 23px 10px 22px; border:none;}
.galleryHor {padding:20px 10px; border:none;}
.galleryImg {margin:20px auto; display:block;}
.galleryCaption {margin:10px auto; width:300px; display:block; color:#CCC; text-align:center; font-style:italic;}
#galleryNav {margin:0 auto; width:300px; color:#999; list-style:none; font-size:.8em; padding-left:30px;}
#galleryNav li {float:left; margin-right:5px;}
#galleryNav li a {color:#FFF;}