@charset "UTF-8";

/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

img { border: none; }

a { outline: none; }

/*BODY*/

body { height:auto; width:auto; background-color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:62.5%; }

.left { float:left; }

.right { float:right; }

#wrap2 { width:1036px; height:auto; margin:0 auto; background:url(img/shadow.gif) no-repeat #FFF; }

#wrap { width:1000px; height:auto; margin:0 auto; background-color:#FFF; }

/*TOP*/

#top { height:126px; margin:0 auto; background:url(img/bg-top.gif) repeat-x; margin-bottom:20px; }

#top p { line-height:16px; }

#top .area { color:#ddbe90; font-size:1.4em; text-align:right; width:220px; }

#top .number { color:#FFF; font-size:1.5em; text-align:right; text-decoration:none; width:190px; }

#top a { color:#FFF; text-decoration:none; }

#top table { float:right; margin:30px 15px 0 0; }

/*MIDDLE*/

#middle { width:982px; height:336px; padding:15px 0 0 18px; float:left; border-radius:10px 10px 10px 10px; background:#143054; }

/*SLIDE*/

#slideshow { position:relative; width:559px; height:320px; float:left; margin-right:17px; }

#slideshow DIV { position:absolute; top:0; left:0; z-index:8; opacity:0.0; width:559px; height:320px; }

#slideshow DIV.active { z-index:10; opacity:1.0; }

#slideshow DIV.last-active { z-index:9; }

#slideshow DIV IMG { width:559px; height:320px; display:0; }

/*NAV*/

#nav { width:394px; height:305px; padding-top:15px; float:left; }

#nav ul { list-style:none; }

#nav li { padding:0px; float:left; display:block; margin:0 7px 15px 0; }

#nav li a { display:block; height:50px; padding:35px 0 0 0; outline:none; width:190px; background-color:#325c83; text-align:center; font-size:1.4em; color:#FFF; text-decoration:none; }

#nav li a:hover { background-color:#8cbcd9; color:#143054; text-decoration:none; }

#nav ul li a:hover, #nav ul li a.active, #nav ul li a.active:hover { background-color:#8cbcd9; color:#143054; text-decoration:none; }

/*TEXT*/

#text { width:610px; float:left; padding:30px 50px 10px 30px; }

#text h1 { font-size:1.7em; color:#c40600; }

.sub { font-size:0.8em; color:#c45754; font-weight:normal; }

#text h2, #text h3 { font-size:1.5em; color:#c40600; }

#text p { font-size:1.3em; color:#353535; line-height:21px; margin:10px 0 20px 0; }

.listheader { margin:0 20px 0 40px; font-size:1.2em; color:#c40600; font-weight:bolder; }

#text ul { margin:0 20px 0 40px; }

#text li { list-style-image:url(img/bullet.gif); margin:0 0px 10px 12px; font-size:1.3em; }

.push { margin-bottom:30px; float:left;}

/*SIDE*/ 

#side { width:290px; float:left; padding-top:50px; margin-bottom:30px; }

#side h4 { font-size:3em; text-transform:uppercase; color:#c40600; margin:0 0 10px 37px; letter-spacing:-1px; }

#side ul { margin-left:15px; }

#side li { height:27px; width:250px; display:block; color:#FFF; background-color:#2e416b; text-align:center; font-size:1.4em; text-transform:uppercase; text-decoration:none; padding:8px 0 0 0; margin-bottom:8px; }


/*CONTACT FORM*/

#contactform { width:240px; height:auto; float:left; padding:10px 15px 15px 15px; background:#2e416b; margin-right:5px; margin-bottom:40px; border-radius:10px 10px 10px 10px; }

#contactform h4 { color:#8cbcd9; text-align:center; font-size:1.7em; text-transform:uppercase; margin-bottom:10px; }

#contactform p { text-align:center; margin-bottom:10px; }

.field { width:235px; height:35px; padding:0 0 0 5px; background:url(img/form/field.gif) repeat-x; margin-bottom:5px; }

.message { width:235px; height:112px; padding:5px 0 0 5px; overflow:auto; background:url(img/form/message.gif) repeat-x; }

.field, .message { color:#575757; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; border:#aaaaaa 1px solid; background-color:#FFF; border-radius:5px 5px 5px 5px; }

.cap { width:100px; height:25px; margin:8px 5px 10px 30px; float:left; font:1.1em Verdana, Geneva, sans-serif; padding:0 0 0 6px; border:none; }

.cap2 { margin:8px 5px 10px 5px; float:left; border:none; }

.cap3 { background-color:#F00; color:#FFF; padding:4px 4px 8px 6px; width:230px; text-align:center; float:left; border:none; margin-bottom:5px; }

.cap3 p { font-size:1.2em; }

input.submit { width:240px; height:35px; float:left; background:url(img/form/submit.gif) repeat-x; background-color:#a10a02; border-radius:5px 5px 5px 5px; color:#FFF; font:1.1em Arial, Helvetica, sans-serif; border:#FFF 1px solid; }

input.submit:hover { background:url(img/form/submit2.gif) repeat-x; }

/*GALLERY*/

#minigallery { width:240px; height:auto; float:left; padding:10px 15px 15px 15px; background:#2e416b; margin-right:5px; border-radius:10px 10px 10px 10px; margin-bottom:40px; }

#minigallery h4 { color:#8cbcd9; text-align:center; font-size:1.7em; text-transform:uppercase; margin-bottom:10px; }

#minigallery p { text-align:center; margin-bottom:10px; }

/*ACCREDITATION*/

#accreditations { width:607px; float:left; margin-bottom:60px; }

#accreditations img { float:left; }

/*FOOTER*/

#foot { height:90px; width:900px; margin:0 auto; background:url(img/bg-foot.gif) repeat-x #143054; clear:both; padding:15px 50px 0 50px; }

#foot ul { margin-bottom:5px; }

#foot li { list-style:none; display:inline; padding-right:15px; font-size:1.2em; }

#foot p { font-size:1.2em; line-height:17px; color:#FFF; }

#foot a { color:#FFF; text-decoration:none; }

#foot a:hover { color:#8cbcd9; text-decoration:none; }

.blue { color:#8cbcd9; }

/*CONTACT PAGE*/

#map { width:557px; height:318px; float:left; margin-right:17px; border:#FFF 1px solid; }

#contact { height:auto; width:940px; padding:50px 30px 20px 30px; float:left; }

#contact h1 { font-size:1.8em; color:#c40600; }

#contact p { color:#353535; font-size:1.3em; line-height:13px; }

.field2 { width:450px; height:35px; padding:0 0 0 5px; background:url(img/form/field.gif) repeat-x; margin-bottom:16px; }

.message2 { width:450px; height:140px; padding:5px 0 0 5px; overflow:auto; background:url(img/form/message.gif) repeat-x; }

.field2, .message2 { color:#575757; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; border:#aaaaaa 1px solid; background-color:#FFF; border-radius:5px 5px 5px 5px; }

.cap4 { width:100px; height:22px; margin:8px 5px 10px 20px; float:left; font:1.1em Arial, Helvetica, sans-serif; padding:0 0 0 6px; border:#aaaaaa 1px solid; background-color:#FFF; background:url(img/form/field.gif) repeat-x; }

.cap5 { background-color:#b11a12; color:#FFF; padding:4px; width:400px; height:35px; border:none; }

.cap5 p { font-size:1.2em; padding-top:7px }

input.submit2 { width:150px; height:30px; float:left; background:url(img/form/submit.gif) repeat-x; background-color:#a10a02; border-radius:5px 5px 5px 5px; color:#FFF; font:1.1em Arial, Helvetica, sans-serif; border:#FFF 1px solid; }

input.submit2:hover { background:url(img/form/submit2.gif) repeat-x; }

/*GALLERY*/

#gallery { height:auto; width:940px; padding:30px 30px 20px 30px; float:left; }

#gallery h1, #gallery h2 { font-size:1.8em; color:#c40600; }

#gallery p { color:#353535; font-size:1.3em; line-height:15px; margin-bottom:20px; }

#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }

#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }

#jquery-lightbox a img { border: none; }

#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#lightbox-container-image { padding: 10px; }

#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

#lightbox-container-image-box > #lightbox-nav { left: 0; }

#lightbox-nav a { outline: none; }

#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; display: block; }

#lightbox-nav-btnPrev { left: 0; float: left; }

#lightbox-nav-btnNext { right: 0; float: right; }

#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }

#lightbox-container-image-data { padding: 0 10px; color: #666; }

#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }

#lightbox-image-details-caption { font-weight: bold; }

#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }

#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }

.picture { border:#999 3px solid; margin:10px 18px 0 0; }

.picture:hover { border:#c40600 3px solid; }

/*TESTIMONIALS*/

#testimonials { float:left; margin:20px 0 0 0; }

#testimonials h2 { font-size:1.8em; color:#c40600; }

#testimonials p { color:#353535; font-size:1.3em; line-height:18px; margin-bottom:15px; }

#testimonials p .quote { font-size:1.1em; color:#999; line-height:22px; }

#testimonials p .name { margin:0 20px 0 20px; font-size:1.1em; color:#c40600; font-weight:bolder; }


/*ROOFING*/

#roofing h2 { height:27px; width:220px; display:block; color:#FFF; background-color:#c40600; text-align:center; font-size:1.4em; text-transform:uppercase; text-decoration:none; padding:8px 0 0 0; margin-bottom:10px; }

#roofing p { margin:5px 0 15px 0; border-bottom:#CCC 1px solid; }

#roofing img { margin:0 0 20px 0; }

.roof { color:#F00; font-size:1.2em; font-style:italic; font-weight:bold; margin-right:5px; }

/*COMPANIES*/

#companies h3 { color:#069; font-size:1.8em; font-weight:bolder; margin:20px 0 15px 0; }

#companies div { height:82px; width:600px; border:#CCC 1px solid;  border-left:#069 6px solid; padding:12px 0 0 10px; margin-bottom:10px; }

#companies div p { margin-bottom:2px; }

#companies img { float:left; margin:0 20px 10px 10px; }