html, body, form { padding: 0; margin: 0; }
body {font-family:verdana, arial, sans serif;font-size:12px;color:#001f4d;}

img {border:0;}
a {color:#5f5f5f;outline:none;}
a:hover {color:#002d62;}
hr {border:0 none;background:#cccccc;color:#cccccc;height:1px;}

h1 {margin:0 0 20px 0;padding:0 0 5px;font-size:18px;font-weight:bold;color:#002d62;border-bottom:1px solid #999999;}
h1.newsH1 {margin-top:15px;}
h1.pageTitle {color:#ffffff;border:0 none;padding:40px 0 10px 15px;font-size:26px;background:#cccccc;}
h1.pageTitle.image {background:none;padding:0;}
h2 {margin:0 0 5px 0;padding:0 0 5px;font-size:16px;font-weight:bold;color:#002d62;border-bottom:1px solid #999999;}
h3 {margin:0 0 5px 0;padding:0;font-size:14px;color:#002d62;font-weight:normal;}

.siteContainer {width:100%;height:100%;background:url(../Images/gradient-bg.jpg) repeat-x;}
.centering {width:1200px;margin:0 auto;position:relative;}
.siteWrapper {width:866px;margin:0 auto;position:relative;}
.siteLogo {width:165px;position:absolute;top:18px;left:63px;}
.siteSubMenu {width:600px;padding:60px 0 0 0;float:right;}
.siteSubMenu ul {list-style:none;float:right;padding:0;margin:0;color:#ffffff;font-size:10px;}
.siteSubMenu ul li {display:inline;display:inline;}
.siteSubMenu a {padding:0 10px;margin:0;text-align:center;text-decoration:none;text-transform:uppercase;color:#ffffff;display:inline-block;}
.siteSubMenu a:hover {text-decoration:underline;}

.siteContent {padding:0;}

.siteFooter {padding:25px 10px 25px 0;color:#a7a7a7;font-size:11px;text-align:right;clear:both;width:100%;}
.siteFooter div {float:right;}
.siteFooter a {color:#a7a7a7;text-decoration:none;}
.siteFooter a:hover {text-decoration:underline;}
	
/* HOMEPAGE */
.homepage {width:1200px;height:580px;margin:0 auto;position:relative;border-left:1px solid #999999;border-right:1px solid #999999;background:url(../Images/home-bg.jpg) no-repeat top center;}
.homepage .homepageBannerText {float:right;width:525px;margin-top:60px;font-size:45px;text-align:right;color:#ffffff;}
.homepage .homepageNav {position:absolute;top:550px;left:13px;color:#ffffff;text-transform:uppercase;font-size:13px;}
.homepage .homepageNav a {color:#ffffff;text-decoration:underline;}
.homepage .homepageNav a:hover {color:#993300;text-decoration:underline;}
.homepage .homepageNav img {vertical-align:bottom;margin:0 5px 0 55px;}

.homepageContent {border:1px solid #999999;border-top:0 none;width:1200px;margin:0 auto;}
.clientList {width:100%;height:60px;line-height:60px;border-bottom:2px solid #e5e5e5;}
.clientList h2 {font-size:18px;border-bottom:0 none;color:#464646;font-family:Georgia;font-weight:normal;padding:0;margin:0 10px;float:left;}
.clientLogos {height:31px;width:735px;margin:12px 0 0 0;position:relative;float:left;}
.scrollWrapper {width:100%;height:100%;overflow:hidden;position:relative;}
#scrollLogos .scrollableArea {height:100%;width:auto;position:relative;}
#scrollLogos .scrollableArea * {display:block;float:left;margin:0 5px;padding:0;position:relative;}

.homeSpotlightHdr {width:866px;margin-top:1px;}
.homeSpotlights {color:#5f5f5f;line-height:18px;font-size:11px;width:100%;margin-bottom:30px;}
.homeSpotlights .spotImage {float:left;margin:0 10px 0 0;width:122px;}
.homeSpotlights h2 {color:#001f4d;font-size:12px;margin:0;padding:0;text-transform:uppercase;border-bottom:0 none;}
.homeSpotlights a {color:#001f4d;font-size:11px;text-decoration:none;}
.homeSpotlights a:hover {color:#999999;}
.homeSpotlights .spotlight1 {width:259px;padding:15px 15px 0 15px;}
.homeSpotlights .spotlight2 {width:259px;padding:15px 15px 0 15px;}
.homeSpotlights .spotlight2 .modRate {padding:0 0 0 15px;font-size:24px;font-weight:bold;}
.homeSpotlights .spotlight3 {width:258px;padding:15px 15px 0 15px;}


/* CONTENT PAGE */
.subpage {width:1200px;height:254px;margin:0 auto;position:relative;background:url(../Images/subpage-bg.jpg) no-repeat top center;}
.subpage-content {margin-top:-127px;background:#ffffff;}
.subpageBanner {width:866px;height:98px;}
.subpageContent {width:866px;padding:30px 0 0;}
.subpageWithNav {background:url(../Images/subpage-left-bg.jpg) repeat-y left;}
.subpageContent .leftColumn {width:191px;}
.subpageContent .rightColumn {width:630px;padding-left:25px;padding-right:20px;}
.subpageContent .rightColumn .mainImage {width:630px;}

/* PROJECT PROFILE PAGE */
.subpageContent .projectLeftColumn {width:326px;}
.subpageContent .projectRightColumn {width:540px;text-align:right;}
.subpageContent .projectRightColumn img {border:1px solid #009e49;}
.projectsLanding img {border:1px solid #009e49;}

/* LEFT NAV */
.leftNav {margin:0;padding:0;list-style:none;}
.leftNav a {text-decoration:none;}

.leftNav li {display:block;}
.leftNav li a {padding:7px 10px 7px 20px;display:block;color:#001f4d;}
.leftNav li.on a {background:#001f4d;color:#ffffff;text-decoration:none;font-weight:bold;}
.leftNav li a:hover  {background:none;color:#001f4d;font-weight:bold;}
.leftNav li.on a:hover {background:#001f4d;color:#ffffff;text-decoration:none;font-weight:bold;}

.leftNav li ul {margin:0;padding:0;list-style:none;}
.leftNav li ul li {display:block;background:none;border-bottom:none;}
.leftNav li.on ul li a {padding:5px 10px 5px 30px;font-weight:normal;font-size:11px;display:block;background:none;color:#1f3f5d;}
.leftNav li ul li a:hover, .leftNav li.on ul li a:hover {background:none;color:#001f4d;font-weight:bold;}
.leftNav li ul li.on {display:block;background:#none;}
.leftNav li ul li.on a {background:#cccccc;color:#001f4d;font-weight:bold;}
.leftNav li ul li.on a:hover {background:#cccccc;color:#001f4d;font-weight:bold;}

.leftNav li.on ul li ul li a {padding:5px 10px 5px 40px;font-weight:normal;background:none;}
.leftNav li.on ul li ul li a:hover {background:url(../Images/nav-bullet.gif) no-repeat 32px 9px;}
.leftNav li.on ul li ul li.on a {font-weight:bold;background:url(../Images/nav-bullet.gif) no-repeat 32px 9px;}


/* LEFT NAV TEXT */
.leftBlock {width:166px;padding:22px 11px;margin:30px 0 0 0;}

/* CONTACT */
.rightSpotlights .textSpotlight {width:183px;float:right;margin:20px 0 0 20px;text-align:left;font-size:11px;color:#5c5c5c;}
    .rightSpotlights .textSpotlight h2 {border-bottom:0 none;font-size:14px;}
    .rightSpotlights .textSpotlight strong {color:#001F4D;}
.contactContent {width:836px;padding:20px 15px 0;}
.contactContent .info {width:516px;padding:0 0 36px 0;}
.contactContent .form {width:350px;}
.labelColumn {width:140px;}
.fieldColumn {width:200px;}
.textField {width:200px;}
.textArea{width:200px;}

/* NEWS */
.pressPost {display:block;overflow:auto;margin:10px 0 15px;}
.pressPost .date {font-weight:bold;text-decoration:underline;}
.pressPost .title {padding:0;}
.pressPost .title a, .pressPost .date a {text-decoration:none;color:#001f4d;}
.pressPost .title a:hover, .pressPost .date a:hover {text-decoration:underline;}

/* ENERGY */
.energyGreyContainer {width:594px;padding:20px;background:#f7f6f6;border:1px solid #e8e7e7;}
.mainImage h1 {color:#ffffff;border:0 none;margin:0;padding:40px 0 10px 15px;font-size:26px;background:#cccccc;}
.energy-content {width:425px;float:left;margin-top:10px;}
.energy-content h2 {font-size:13px;font-weight:bold;margin-bottom:5px;padding:0;color:#001F4D;text-transform:none;border-bottom:0 none;}
.energy .spotlights {width:183px;float:right;margin:10px 0 0 10px;font-family:arial;font-size:15px;color:#666666;border:1px solid #d2d3cb;border-radius:3px;-moz-border-radius:3px; background:#ffffff url(../Images/spotlights-bg.gif) repeat-x bottom;}
.energy .spotlights .spot1, .energy .spotlights .spot2 {width:166px;padding:20px 10px 10px;text-align:center;position:relative;}
.energy .spotlights .spot2 {padding-top:15px;}
/*
.energy .spotlights strong {font-size:20px;font-weight:normal;}
.energy .spotlights a {font-size:12px;display:block;margin-top:5px;}
*/
.energy .spotlights hr {background:#d2d3cb;border:0 none;width:155px;height:2px;}

/* ENERGY CONTACT */
.subpageWithNav .contactContent {width:auto;padding:20px 0 0;}
.subpageWithNav .contactContent .iframeContent {width:350px;margin:0;}

/* ENERGY CASE STUDY */
.energy .featured-study-img {width:420px;height:252px;float:left;}
.energy .featured-study-caption {height:232px;width:172px;float:right;padding:10px 15px 10px 17px;font-family:arial;font-size:9px;background:url(../Images/caption-bg.gif) no-repeat;}
.energy .featured-study-caption h2 {font-weight:bold;color:#666666;font-size:12px;padding:0;border-bottom:0 none;text-transform:uppercase;}
.energy .featured-study-caption table td.label {width:75px;vertical-align:top;}
.energy .featured-study-caption a {font-size:11px;display:block;margin-top:5px;}
.case-studies img {margin:0 15px 20px 0;vertical-align:top;float:left;}
.case-studies div p, .case-studies div div {display:inline-block;width:160px;float:right;margin-right:25px;}


/* ROOFING */
.roofing h2 {font-size:13px;font-weight:bold;margin-bottom:5px;padding:0;color:#001F4D;text-transform:none;}
.roofing .rightSpotlights {width:203px;float:right;margin:0;}
.roofing .rightSpotlights .imgSpotlight {width:183px;float:right;margin:10px 0 0 20px;text-align:center;}
.roofing .rightSpotlights .imgSpotlight hr {background:#d2d3cb;color:#d2d3cb;border:0 none;height:2px;margin:10px 0;}

.roofing .spotlights a.smallLink {font-size:12px;display:block;margin-top:5px;}
.roofing .spotlights .spot1 {padding:10px 0;width:183px;}
.roofing .spotlights .spot1 div {padding:0 10px;}
.roofing .spotlights .spot1 .withUpArrow {background:url(../Images/spotlights-arrow.png) no-repeat top center;padding:60px 0 0;width:100%;}
.roofing .spotlights .spot1 .withLowerUpArrow {background:url(../Images/spotlights-arrow.png) no-repeat bottom center;padding:0 0 60px;width:100%;}
.roofing .spotlights .spot1 .captionedPhoto {padding:0;font-size:12px;padding-bottom:20px;color:#4e4e4e;line-height:18px;}
.roofing .spotlights .spot1 .captionedPhoto img.mainImg {margin-bottom:20px;}
.roofing .spotlights .spot1 .captionedPhoto strong {font-size:15px;font-weight:normal;}
.roofing .content-column1, .roofing .content-column2 {width:50%;float:left;display:inline;}
.roofing .content-column1 table td, .roofing .content-column2 table td {padding:10px 0;}

/* RESIDENTIAL */
.greyContainer {width:824px;padding:20px;background:#f7f6f6;border:1px solid #e8e7e7;}


/* FEATURED PROJECTS */
.featuredProject {width:362px;height:208px;padding:68px 240px 0 35px;color:#FFFFFF;background:url(../Images/featured-project.jpg) no-repeat;}
.featuredProject a {color:#FFFFFF;}
.residentialSpotlight {width:362px;height:173px;padding:103px 240px 0 35px;color:#FFFFFF;background:url(../Images/featured-residential.jpg) no-repeat;}
.residentialSpotlight a {color:#FFFFFF;}
.commercialSpotlight {width:362px;height:173px;padding:103px 240px 0 35px;color:#FFFFFF;background:url(../Images/featured-commercial.jpg) no-repeat;}
.commercialSpotlight a {color:#FFFFFF;}
.energySpotlight {width:362px;height:173px;padding:103px 240px 0 35px;color:#FFFFFF;background:url(../Images/featured-energy.jpg) no-repeat;}
.energySpotlight a {color:#FFFFFF;}

/* Editor Style */
.Image_With_Green_Border {border:1px solid #009e49;}
.Image_Right_With_Border {float:right;margin:0 0 20px 20px;border:1px solid #666666;}

/* Ticker */
.newsTicker {clear:both;}
#tickerTitle {width: 597px;background:#ccc; }
#tickerTitle h2 {border-bottom:0 none;margin:0;padding:5px 10px;}
#ticker { border:1px solid #ccc; width: 598px; float:left; }
#ticker li { padding: 8px 0 8px 14px; width:520px; }

.arrows { float:right; width:29px; }
.arrows img { background-color:#646464; float:right; margin-bottom:4px; cursor:pointer; }
.arrows img:hover  { background-color:#002e64; }

/* Advantages */
.advantage1 {width:395px;padding:45px 15px 10px 15px;background:#ced4e5;position:relative;}
.advantage1 h3 {width:410px;height:29px;padding:5px 0 0 15px;margin:-45px 0 0 -15px;color:#FFFFFF;font-weight:bold;background:url(../Images/advantage1.gif) no-repeat;}
.advantage1 strong {color:#002c61;font-size:14px;}
.advantage1 ul {margin:10px 0 10px 20px;padding:0;}

.advantage2 {width:395px;padding:45px 15px 10px 15px;background:#d1d2d4;position:relative;}
.advantage2 h3 {width:410px;height:29px;padding:5px 0 0 15px;margin:-45px 0 0 -15px;color:#FFFFFF;font-weight:bold;background:url(../Images/advantage2.gif) no-repeat;}
.advantage2 strong {color:#6d6e71;font-size:14px;}
.advantage2 ul {margin:10px 0 10px 20px;padding:0;}

.advantage3 {width:395px;padding:45px 15px 10px 15px;background:#eddfb3;position:relative;}
.advantage3 h3 {width:410px;height:29px;padding:5px 0 0 15px;margin:-45px 0 0 -15px;color:#FFFFFF;font-weight:bold;background:url(../Images/advantage3.gif) no-repeat;}
.advantage3 strong {color:#7c6b01;font-size:14px;}
.advantage3 ul {margin:10px 0 10px 20px;padding:0;}

/* Safety Slideshow */
.slideContent table {visibility:collapse;display:none;}
.slider {width:620px;margin-top:30px;}
.slider .slides {position:relative;}
.slider .slides .slideCaption {position:absolute;bottom:0;left:0;background:#001f4d;background:rgba(0,31,77,0.95);color:#fff;padding:10px 20px 10px;width:580px;}
.slider .slides .slideCaption h3 {color:#fff;font-weight:bold;}
.slider .slideMenu {background:#424242;color:#5a5a5a;height:26px;padding:0 10px;}
.slider .slideMenu a {height:20px;width:20px;background:#b1b1b1;color:#5a5a5a;margin:3px 2px;display:block;float:left;text-decoration:none;text-align:center;line-height:20px;}
.slider .slideMenu a.activeSlide {background:#333333;color:#b1b1b1;}
.slider .slideMenu a.pause {float:right;background:url(../Images/slideshow-pause.jpg) no-repeat;cursor:pointer;}
.slider .slideMenu a.pause.paused {background:url(../Images/slideshow-play.jpg) no-repeat;}