/* Global */
body{
	background-image:url(images/bg.gif);
	background-repeat:repeat-x;
	font-family:Arial;
	margin:0;
	color:#002D62;
}

#wrapper {
	width: 869px;
	margin:auto;
	font-family:verdana;
}

#wrapper a {
	color:#0094FF;
}

.regular {font-size:12px;font-weight:normal;}

.bold {
	color:#FFBA00; 
	font-weight:bold;}
	
.font14{
	font-size:14px;}
.font14B{
	font-size:14px;
	font-weight:bold;}
.font16{
	font-size:16px;}
.font16B{
	font-size:16px;
	font-weight:bold;}
.font18{
	font-size:18px;}
.font18B{
	font-size:18px;
	font-weight:bold;}

hr 
{
	background-color:#FFFFFF;
	border-top:1px solid #FFCE4C;
	border-right:0;
	border-left:0;
	border-bottom:0;}

li{
	list-style-image:url(images/dri_arrow.gif);
	font-size:12px;}

/* Header */
#header {
	width:869px;
	height:108px;
}

#logo{
	float:left;
	width:194px;
	height:108px;
}

#topBar{
	float:right;
	margin:24px 8px 0 0;
}

#bottomBar{
	float:right;
	margin:6px 0 0 0;
}


/* Footer */
#footer 
{   
    margin-top:20px !important;
    margin-top:10px;
    margin-bottom:10px;
	width:869px;
	height:15px;
	text-align:center;
	font-family:verdana;
	font-size:11px;
	color:#0094FF;
}

#footer a {
	color:#1D3854;
	text-decoration:none;
}


/* Home */
#home{
	height:740px;
	border-right:1px solid #7FCAFF;
	border-bottom:1px solid #7FCAFF;
	border-left:1px solid #7FCAFF;
	background-color:#FFFFFF;
	padding:0 8px 0 8px;
	font-family:verdana;
	font-size:12px;
}

#top{
	width:851px;
	height:405px;
	background-image:url(images/topGradBg.jpg);
	background-repeat:no-repeat;
	padding-top:10px;
}

#topInner
{
    width:832px;
    height:359px;
    background-image:url(images/homeTopBoxBg.jpg);
    margin:auto;}
    
#mid
{
    background-image:url(images/midBoxBg.jpg);
    height:183px;
    width:831px;
    margin:-30px 0 0 10px;}

#midPoint
{
	width:250px;
	text-align:center;
	padding:65px 0 5px 390px;
	font-size:16px;
	font-weight:bold;}

#midPoint .point {font-size:28px;font-weight:bold;}

#midContainer 
{
	width:235px;
	height:15px;
	margin:0;
	padding:20px 0 0 580px;
	color:#FFFFFF;
	font-size:11px;}

#midContainer a {
	font-size:11px;
	color:#FFFFFF}

#bottom{
	width:851px;	
	background-repeat:no-repeat;
	margin:5px 0 0 -6px;
}

#homepageContent
{
    width:869px;
    /*height:563px;*/}

#topLeft{
	width:330px !important;
	width:290px;
	height:280px;
	float:left;
	margin:25px 0 0 25px !important;
	margin:25px 0 0 20px;
	line-height:15px !important;
	line-height:13px;
}
#TopLeftText
{
    width:320px;
    height:144px;}
    
#topLeftBox{
	float:left;
	width:310px !important;
	width:309px;
	height:110px !important;
	height:100px;
	background-image:url(images/boxTop.gif);
	background-repeat:no-repeat;
	background-position:center;
	margin:3px 0 0 0 !important;
	margin:0px 0 0px 0;
	padding:20px !important;
	padding:20px 20px 5px 20px;
}

#TopLeftBoxText
{
    width:300px !important;
    width:200px;
    height:96px;}
    
#topRight{
	width:449px;
	height:263px;
	float:right;
	margin:25px 18px 0 0 !important;
	margin:25px 12px 0 0px;
}

#botTop{
	float:left;
	width:462px;
	height:141px;
	margin:10px 0 0 14px !important;
	margin:9px 0 0 7px;
	background-image:url(images/botLeftBg.jpg);
}

#botTopLeft 
{
	margin:22px 0 0 260px !important;
	margin:22px 0 0 130px;
	padding:0;
	width:320px !important;
	width:190px;
	height:70px;
	color:#1D3955;
	font-size:12px;
	float:left}

#botTopLeft b
{	font-weight:bold;
	color:#0094FF;
	text-decoration:underline;
	font-size:12px}
	
#botTopLeftLink
{
	margin:26px 0 0 300px !important;
	margin:26px 0 0 150px;
	padding:0;
	width:160px;
	height:15px;
	color:#FFFFFF;
	font-size:12px;
	float:left}
	
#botTopLeftLink a
{
	color:#ffffff;
	font-size:12px;}

#botBot
{
    float:left;
    width:359px;
    height:141px;
    background-image:url(/images/botRightBg.gif);
    margin:12px 0 0 14px !important;
	margin:12px 0 0 7px;
	background-repeat:no-repeat;}

#botBotPoint 
{
	width:300px;
	height:40px;
	float:left;
	margin:47px 0 0 30px !important;
	margin:47px 0 0 15px;
	padding:0;}
	
#botBotLink
{
	margin:30px 0 0 0;
	padding:0;
	width:160px;
	height:15px;
	color:#FFFFFF;
	font-size:11px;
	float:right;
	text-align:right;
	padding-right:25px;}
	
#botBotLink a
{	color:#FFFFFF;
	font-size:11px;}
	
#readMore1 {
	width:100px;
	height:15px;
	margin:11px 3px 0 0 !important;
	margin:14px 3px 0 0;
	padding:0;
	float:right;
	text-align:right;
	font-size:11px;
	color:#042E45;
	font-family:verdana;}
	
#readMore1 a {
	color:#042E45;
	font-size:11px;
	font-family:verdana}
	
#readMore2 {
	width:100px;
	height:15px;
	margin:6px 3px 0 0 !important;
	margin:6px 3px 0 0;
	padding:0;
	float:right;
	text-align:right;
	font-size:11px;
	color:#042E45;
	font-family:verdana;}
	
#readMore2 a {
	color:#042E45;
	font-size:11px;
	font-family:verdana}
	
#readMore3 {
	width:100px;
	height:15px;
	margin:6px -128px 0 0 !important;
	margin:6px -63px 0 0;
	padding:0;
	float:right;
	text-align:right;
	font-size:11px;
	color:#042E45;
	font-family:verdana;}
	
#readMore3 a {
	color:#042E45;
	font-size:11px;
	font-family:verdana}


/* CONTENT */

#content
{
    width:869px;
    overflow:hidden;
    /*height:563px;*/}
    
#TheContent
{
    width:867px;
    border:1px solid #7FCAFF;
    background-color:#FFFFFF;}

#ContentTopBar
{
	background-image:url(images/ContentBGBanner.gif);
    background-repeat:no-repeat;
    width:867px;
    height:80px;
    overflow:hidden;
    font-family:Verdana;
    font-size:11px;}

#ContentTopLeft 
{
    width:237px;
    height:80px;
    float:left;
    padding:13px 0 0 13px;}
    
#ContentTopText
{
    float:left;
    width:570px;
    font-size:12px;
    height:40px;
    padding:20px;
    overflow:hidden;}

#contentMainWrapper {
    background-image:url(images/ContentBG.gif);
    overflow:auto;}

#ContentLeftMenu
{
    height:426px;
    width:250px;
    float:left;
    font-size:14px;
    font-weight:bold;
    color:#023A73;}
    
#ContentLeftMenu .LeftNavHover
{
	width:220px;
	min-height:25px;
	background-image:url(images/leftNavBGHover.gif);
	background-repeat:no-Repeat;
	padding:7px 0 0px 30px !important;
	padding:7px 0 7px 30px;
	overflow:auto;}
	
#ContentLeftMenu .LeftNav
{
	width:220px;
	min-height:25px;
	background-image:url(images/leftNavBG.gif);
	background-repeat:no-Repeat;
	padding:7px 0 0 30px;
	overflow:hidden;}

#ContentLeftMenu li
{
    color:#023A73;
    font-size:14px;
    padding-left:0px;
    margin-left:-35px;
	list-style-image:none;
    font-weight:bold;}

#ContentLeftMenu a
{
    color:#023A73;
    text-decoration:none;}

#ContentLeftMenu li a
{
    color:#023A73;
    text-decoration:none;}

#ContentLeftMenu .LeftNavDivider
{
	width:248px;
	height:1px;
	font-size:0.1em;
	background-image:url(images/leftNavDivider.gif);
	background-repeat:no-repeat;}

#ContentRight
{
    width:590px; 
    overflow:hidden;
    font-size:13px;
    padding:20px 0 20px 20px;}

#contentWideWrapper {
    background-color:#FFFFFF;
    font-size:12px;
    margin-bottom:10px;
    overflow:auto;}
    
#ContentWide
{
	width:820px;
	overflow:auto;
	margin:auto;
}

#ContentRightTop
{
    margin:0 0 0 20px;
    width:548px;
    height:217px;}
    
.ContentHeader
{
	width:575px;
	height:30px;
	font-size:22px;
	font-family:Arial;
	font-weight:bold;
	color:#002D62;
	margin-bottom:10px;
	background-image:url(images/hdr_Line.gif);
}

.ContentContainer
{
	width:575px;
	overflow:auto;
	margin-bottom:10px;
}

#ToTheRight
{
    float:right;
    width:258px;
    height:217px;}
    
#ToTheLeft
{
    float:left;
    width:258px;
    height:217px;
    margin-right:20px;}
    
#ContentRightBottom
{
    background-image:url(images/contentBottomBg.jpg);
    background-repeat:no-repeat;
    width:548px;
    height:164px;
    margin:20px 0 0 20px;}
    
#ContentRightText
{
    width:270px;
    text-align:left;
    padding:30px 0 0 80px;
    float:left;
    font-size:12px;
    color:#002D62;}
    
#ContentRightText a 
{
	font-weight:bold;
	color:#002D62;}
	
.topBox
{
    background-image:url(images/topBoxBG.jpg);
    width:258px;
    height:27px;
    text-align:center;
    font-weight:bold;
    text-decoration:underline;
    padding-top:10px;
    color:#002D62;
	font-size:15px;}
	
.midBox
{
    width:258px;
    height:149px;}
    
.botBoxLeft
{
    width:158px;
    height:22px;
    background-image:url(images/BoxBotLeft.jpg);
    font-weight:bold;
    color:#002D62;
    font-size:12px;
    padding:9px 0 0 100px;}
    
.botBoxLeft a 
{
    color:#002D62;}
    
.botBoxRight
{
    width:158px;
    height:24px;
    background-image:url(images/BoxBotRight.jpg);
    font-weight:bold;
    color:#002D62;
    font-size:12px;
    padding:7px 0 0 100px;}
    
.botBoxRight a 
{
    color:#002D62;}
    
#roundedCornerHeader 
{
	width:570px;
	height:29px;
	margin:0;
	padding:5px 0 0 15px;
	background-image:url('images/roundedCornerHeader.jpg');
	background-repeat:no-repeat;
	font-size:17px;
	color:#003871;
	font-weight:bold}
	
#roundedCornerHeader02
{
	width:570px;
	height:29px;
	margin:10px 0 0 0;
	padding:5px 0 0 15px;
	background-image:url('images/roundedCornerHeader.jpg');
	background-repeat:no-repeat;
	font-size:17px;
	color:#003871;
	font-weight:bold}

.Content590
{
	width:590px;
	overflow:auto;
	margin:10px 0;
}

/* COMMERCIAL CONTENT */
.CommBox
{
    height:156px;
    width:526px;
    background-image:url(images/yellowBarComm.jpg);
    margin:0 0 10px 65px !important;
    margin:0 0 10px 63px;}
    
.CommBox a 
{
    color:#000000;}
    
.CommBoxTop
{
    width:524px;
    height:123px;
    padding:2px 0 0 2px;}
    
.CommBoxBot
{
    width:471px !important;
    width:471px;
    height:22px!important;
    height:22px;
    text-align:right;
    padding:8px 45px 0 0 !important;
    padding:8px 45px 0 0;
    color:#000000;}
    
.CommBoxImg
{
    float:left;
    height: 109px;
    width: 109px;}
    
.CommBoxText
{
    float:left;
    height:125px;
    margin:5px 0 0 15px;
    width:380px !important;
    width:380px;
    height:115px !important;
    height:110px;
    font-size:12px;}
    
.CommBoxBot a:link,.CommBoxBot a:hover,.CommBoxBot a:visited
{
    font-family:Verdana, Arial;
    font-weight:bold;
    font-size:12px;
    color:#000000;}
    
#commercialNewConsLeft 
{
	width:230px;
	overflow:auto;
	margin:0 0 20px 0;
	padding:0;
	float:left;
	color:#003871}
	
#commercialNewConsRight 
{
	width:324px;
	overflow:auto;
	margin:20px 0 0 0;
	padding:225px 0 0 0;
	float:right;
	background-image:url('images/newConstructionPic01.jpg');
	background-repeat:no-repeat;}
	
#commercialNewConsBottom 
{
	width:570px;
	overflow:auto;
	margin:0;
	padding:0;
	color:#003871}
	
#labelNewCons 
{
	width:322px;
	height:20px;
	margin:0 0 25px 0;
	padding:0;
	text-align:center;
	color:#003871;
	font-weight:bold;
	font-size:11px;}
	
#commercialReRoofing 
{
	width:575px;
	overflow:auto;
	margin:0;
	padding:0;
	float:left;
	color:#003871}
	
#commercialReRoofing a
{	color:#FF4800;
	font-weight:bold;}

#commercialReRoofingRight 
{
	width:203px;
	height:390px;
	margin:15px 0 0 0;
	padding:147px 0 0 0;
	background-image:url('images/commercialReRoofing.jpg');
	background-repeat:no-repeat;
	float:right;
	font-size:11px;
	color:#003871;
	font-weight:bold;
	text-align:center;}
	
.reRoofingLabel 
{
	width:203px;
	height:13px;
	text-align:center;
	font-size:11px;
	color:#003871;
	font-weight:bold;
	margin:170px 0 0 0;
	padding:0;}
	
#emergencyPhoto 
{
	width:203px;
	height:390px;
	margin:15px 0 0 0;
	padding:0;
	float:right;}
	
#maintenanceRightWrapper
{
	width:203px;
	height:430px;
	margin:15px 0 0 0;
	padding:0;
	float:right;
	font-size:11px;
	color:#003871;
	font-weight:bold;
	text-align:center;}

#maintenancePhoto01	
{
	width:202px;
	height:25px;
	background-image:url('images/maintenancePhoto01.jpg');
	background-repeat:no-repeat;
	margin:0 0 25px 0;
	padding:176px 0 0 0;}

#maintenancePhoto02 
{
	width:202px;
	height:25px;
	background-image:url('images/maintenancePhoto02.jpg');
	background-repeat:no-repeat;
	margin:0;
	padding:176px 0 0 0;}
	
.commSystemsWrapper 
{
	width:580px;
	overflow:auto;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	color:#003871;}
	
.commSystemsWrapper ul
{
	list-style-image: url(images/servicesSystemsArrow.jpg);}
	
.WaterproofingHeader 
{
	font-weight:bold;
	font-size:14px;
	}


/* RESIDENTIAL */
#ResidentImages
{
	width:820px;
	height:300px;
}

#ResidentImages .Left
{
	width:406px;
	float:left;}
#ResidentImages .LeftLabel
{
	width:406px;
	height:25px;
	padding-top:5px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	background-image:url(images/resident_imgLabel01.gif);}

#ResidentImages .Right
{
	width:405px;
	float:right;}
#ResidentImages .RightLabel
{
	width:405px;
	height:25px;
	padding-top:5px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	background-image:url(images/resident_imgLabel02.gif);}
    
#ResidentBullet
{
	width:780px;
	margin:10px 0 30px 0;
	padding:15px 20px;
	background-image:url(images/resident_bulletBG.gif);
	background-repeat:no-repeat;
	font-size:12px;}

#ResidentBullet li
{
    color:#023A73;
    font-size:12px;
    padding-left:0px;
    margin-left:-25px;}
    
/* SAFETY */
#SafetyOverviewContainer1
{
	width:600px;
	height:324px;
}

#SafetyOverviewContainer1 .Left
{
	width:343px;
	height:324px;
	float:left;
}

#SafetyOverviewContainer1 .Right
{
	width:200px;
	float:right;
}

#SafetyOverviewContainer2
{
	width:580px;
	margin:25px 0;
	padding:0 10px;
	font-weight:bold;
	font-size:13px;
}
#SafetyOverviewContainer2 .divider
{
	width:455px;
	height:1px;
	margin:3px 0;
	background-image:url(images/safety_overview_bulletLine.gif);
	background-repeat:no-repeat;
	font-size:0.1em;
}

#SafetyOverviewContainer3
{
	width:580px;
	margin:10px 0;
}

#SafetyOverviewContainer3 .Left
{
	width:410px;
	padding:0 0 0 10px;
	float:left;
}

#SafetyOverviewContainer3 .Right
{
	width:150px;
	float:right;
}

/* PROJECTS */
.ProjectsWrapper 
{
	overflow:auto;
	margin-bottom:15px;}

.ProjectsWrapper .Column
{
	width:273px;
	float:left;
}

.ProjectsWrapper .Thumb
{
	width:265px;
	height:195px;
	background-image:url(images/projects_thumbBG.gif);
	background-repeat:no-repeat;
	text-align:center;
	padding-top:7px;
	margin-bottom:10px;
}

#ProjectBackTo
{
	width:151px;
	height:22px;
	background-image:url(images/projects_backToBG.gif);
	padding-left:30px;
	padding-top:5px;
}

a #ProjectBackTo {color:#FFFFFF;}
#ProjectBackTo a {color:#FFFFFF;}

/* ABOUT */
.AboutLeftNavImg
{
	width:220px;
	text-align:center;
}

/* NEWS */

#ContentTopTextNews
{
    float:left;
    width:585px !important;
    width:550px;
    height:71px;
    margin:40px 0 0 0;}
    
#ContentTopRightButton
{
    background-image:url(images/NewsMainButton.gif);
    background-repeat:no-repeat;
    height:22px;
    width:210px;
    float:right;
    font-weight:bold;
    font-size:12px;
    text-align:center;
    padding:6px 0 0 0;
    margin:50px 20px 0 0;}
    
#ContentTopRightButton a 
{
    color:#000000;}
    
#NewsContent
{
    height:360px;
    width:867px;
    background-color:#FFFFFF;
    border-left:1px solid #7FCAFF;
    border-right:1px solid #7FCAFF;
    border-bottom:1px solid #7FCAFF;
    margin:0px 0 0 0;}
    
#NewsContent a 
{
    text-decoration:underline;
    color:#000000;}
    
#NewsContentRight
{
    float:right;
    width:594px;
    margin:12px 12px 0 0;}
    
#NewsContentLeft
{
    float:left;
    width:238px;
    height:275px;
    background-image:url(images/NewsLeftBg.jpg);
    margin:12px 0 0 12px;
    font-size:12px;}
    
#NewsContentLeftTop
{
    width:198px;
    height:205px;
    padding:20px;}
    
#NewsContentLeftBottom
{
    text-align:right;
    width:191px;
    height:22px;
    padding:8px 37px 0 0;}
    
.StrongBoldLarge
{
    font-size:14px;
    font-weight:bold;}
    
.StrongBold
{
    font-size:12px;
    color:#FF9000;
    font-weight:bold;}
    
.NewsItem
{
    font-size:12px;
    width:584px;
    height:25px;
    background-image:url(images/NewsItemBg.jpg);
    background-repeat:no-repeat;
    padding:7px 0 0 10px;
    margin:0 0 7px 0;}
    
#NewsArchiveButton
{
    float:right;
    margin:20px 12px 0 0;
    background-image:url(images/NewsArchiveBg.jpg);
    background-repeat:no-repeat;
    height:24px;
    width:795px;
    text-align:right;
    padding:8px 45px 0 0;
    font-size:12px;}
    
.news { }

.news div { font-size:12px;
    width:584px;
    height:25px;
    background-image:url(images/NewsItemBg.jpg);
    background-repeat:no-repeat;
    padding:7px 0 0 10px;
    margin:0 0 7px 0;
    color:orange;
    font-weight:bold;}
    
.news div a 
{
    font-weight:normal;}
    
#NewsArchive
{
    padding:20px;
    width:827px;
    background-color:#FFFFFF;
    border-left:1px solid #7FCAFF;
    border-right:1px solid #7FCAFF;
    border-bottom:1px solid #7FCAFF;
    margin:0px 0 0 0;}
    
.ArchiveTitle
{
    font-size:18px;
    color:#000000;
    font-weight:bold;}
    
/* NEWSLETTER */
.NewsletterContainer
{
	width:500px;
	margin-bottom:10px;
	overflow:auto;}

.NewsletterContainer .Left
{
	width:350px;
	float:left;}

.NewsletterContainer .Right
{
	width:150px;
	text-align:right;
	float:right;}
	
/* CORE VALUES */
.CoreContainer
{
	width:553px;
	margin-bottom:20px;
	overflow:auto;}

.CoreOpen
{
	width:553px;
	height:36px;}
	
.CoreSpan
{
	width:521px;
	padding:30px 15px 5px 15px;
	border-right:1px solid #002D62;
	border-left:1px solid #002D62;}
	
.CoreOpen
{
	width:553px;
	height:12px;}
	
/* PRESS ROOM */
.PressRoomEntry
{
	width:777px;
	height:32px;
	margin:5px auto 0 auto;
	background-image:url(images/PressHeadline_bg.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
}
.PressRoomEntry .Button
{
	width:33px;
	height:32px;
	float:left;
}

.PressRoomEntry .Date
{
	margin-right:4px;
	font-weight:bold;
	color:#FA8C0E;
}

.PressRoomEntry .Title
{
	width:704px;
	height:22px;
	padding:10px 20px 0 20px;
	float:left;
}

/* PRESS DETAIL */
.PressDetailBackTo
{
	width:183px;
	height:21px;
	padding:6px 0 0 28px;
	background-image:url(images/press_backToBG.gif);
}

.PressDetailBackTo #Link
{
	color:#FFFFFF;
}

.PressRoomDetailsEntry .Title
{
	font-weight:bold;
}

.PressRoomDetailsEntry .Text
{
	margin-bottom:30px;
}
