/* ©2009 Consolidated Gypsum */




/* Building Blocks ================================== */

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
/* background-image:url(../images/bg.gif); */
background:ECECEC;
background-repeat:repeat;
}


#maincontainer{
width: 800px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
border: solid #FFFFFF 5px;
background-color:#FFFFFF;
}


#contentwrapper{
float: left;
width: 100%;
padding-bottom:5px;

}

#contentcolumn{
margin-left: 204px; /*Set left margin to LeftColumnWidth*/


}

#leftcolumn{
float: left;
width: 204px; /*Width of left column*/
margin-left: -800px; /*Set left margin to -(MainContainerWidth)*/
background: #C8FC98;
}










/* MAIN NAVIGATION ============================ */


#navBar {
	background:url(../images/navBar.gif);
	background-repeat:repeat-x;
	height:27px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
	padding-left: 5px;
	line-height:27px;
		
}

#navBar a, a:link, a:visited {
	height:27px;
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 11px;
	padding-left: 5px;
	font-weight: bold;
	color: #EEE;
	line-height:27px;
	

}

#navBar a:hover {
	height:27px;
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 11px;
	font-weight: bold;
	padding-left: 5px;
	color: #FFFF00;
	line-height:27px;	
}

#navBar ul {

	margin: 0;
	padding: 0;
	list-style: none;
	
	
}

#navBar li {

	display: inline;
	margin:0 10px 0 0;
	padding:0;

}



#dealer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 200px;
	color:#FFFF00;
	padding-right: 10px;
	text-align: right;
	font-style: normal;
	line-height:27px;
	height:27px;
	float:right;
	
			
}

#dealer a, a:link, a:visited{
	text-decoration:none;
	color: #FFFF00;
	line-height:27px;
	height:27px;
	
	
}

#dealer a:hover {
	text-decoration:none;
	color: #FFF;
	line-height:27px;
	height:27px;

}




/* Left Product Navigation ======================== */

.productNav{
	padding-right: 4px;
	padding-bottom:0px;
	padding-top:0px;
	float: left;
	width: 200px; /*Width of left column*/
	background: #FFF;	

}

.productNav .headerbar{
	background: url(../images/productBtn.jpg);
	margin-bottom: 0; /*bottom spacing between header and rest of content*/
	margin-top: 0;
	height:25px;
	
	
}

.productNav .headerbar2{
	background: url(../images/roofingBtn.jpg);
	margin-bottom: 0; /*bottom spacing between header and rest of content*/
	margin-top: 0;
	height:25px;
	
	
}

.productNav ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
	border:0px;
	
		
}


.productNav ul li{
	padding-bottom: 0px; /*bottom spacing between menu items*/
	
	
	
}

.productNav ul li a{

	font: normal 11px Verdana;
	color: black;
	background: #FFF;
	display: block;
	padding: 5px 0;
	line-height: 11px;
	padding-left: 5px; /*link text is indented 8px*/
	text-decoration: none;
	height: 11px;
	margin-bottom: 0;
	
	
}

.productNav ul li a:visited{
	font: normal 11px Verdana;
	color: black;
	background: #FFF;
	display: block;
	padding: 5px 0;
	line-height: 11px;
	padding-left: 5px; /*link text is indented 8px*/
	text-decoration: none;
	height: 11px;
	margin-bottom: 0;
}

.productNav ul li a:hover{ /*hover state CSS*/
	color: white;
	background: #999999;
	font: normal 11px Verdana;
	display: block;
	padding: 5px 0;
	line-height: 11px;
	padding-left: 5px; /*link text is indented 8px*/
	text-decoration: none;
	height: 11px;
	margin-bottom: 0;
}






/* Content Area ================================ */

.titleBar{
	font: bold 11px Verdana;
	color: #666666;
	margin-bottom: 0; /*bottom spacing between header and rest of content*/
	margin-top: 0;
	padding: 2px 0px 5px 5px; 
	height: 15px;
	
}


.specialTextRed{
	font: 11px Verdana;
	color:#990000;
	max-width: 300px;
	text-align:left;
	width: 290px;
	display:block;
	padding: 10px;
	line-height: 15px;
	
}


#productHeader{
	font: 12px Verdana;
	color: #000099;
	font-weight:bold;
	text-align:left;
	padding-left: 10px;
	padding-top: 3px;
	line-height:20px;
	text-decoration:none;
	
}

#productHeader a, a:link, a:hover, a:visited{
	font: 11px Verdana;
	color: #000099;
	font-weight:bold;
	text-align:left;
	padding-left: 5px;
	padding-right: 5px;
	line-height:20px;
	text-decoration:none;
	
}
.productLink{
	font: 11px Verdana;
	color: #000000;
	text-align:left;
	padding-left: 10px;
	line-height:20px;
	color:#000099;
		
}
.Heading1{
	font: 12px Verdana;
	color: #0033CC;
	font-weight:bold;
	text-align:left;
	padding-left: 5px;
	line-height:14px;
		
}
.productLink a, a:hover, a:visited{
	font: 11px Verdana;
	color: #000000;
	text-align:left;
	padding-left: 5px;
	line-height:20px;
	color:#000099;	
	text-decoration:none;
		
}



.productText{
	font: 11px Verdana;
	color: #000000;
	text-align:left;
	padding-left: 10px;
	padding-right: 10px;
	line-height:15px;
	font-weight: normal;
		
}

.productText a, a:link, a:hover, a:visited{
	font: 11px Verdana;
	color: #0000CC;
	text-align:left;
	padding-left: 10px;
	padding-right: 10px;
	line-height:15px;
	text-decoration:none;
	font-weight: normal;
	
			
}

.productText2{
	font: 11px Verdana;
	color: #000000;
	text-align:left;
	background-color: #ececec;
	padding-left: 10px;
	padding-right: 10px;
	line-height:15px;
		
}

.redHighlight {
color: #FF0000;
}



#contentTable{
	
	border: 1px solid #CCCCCC;
		
}


.linkText{
	font: 11px Verdana;
	color: #333;
	text-align:left;
	font-weight: normal;
	line-height: 17px;
	padding:0px;
	text-decoration:none;
		
}

.linkText a, a:link, a:hover, a:visited{
	font: 11px Verdana;
	color: #0000CC;
	text-align:left;
	text-decoration:none;
	font-weight: normal;
	line-height: 17px;
	padding:0px;
	
			
}

.formText{
	font: 11px Verdana;
	color: #000000;
	font-weight: normal;
		
}

.dashed{
border-bottom: #666666 dashed thin;
		
}



/* Content Area Promos ============================== */


.currentPromo {
	width: 592px;
	height: 250px;
	float: right;
	background-repeat:no-repeat;

}


.eventPromo {
	width: 290px;
	height: 200px;
	position: relative;
	float: left;
	left: 4px;
	top: 15px;
	background-image:url(../images/fall_coupon_sm.jpg);
	background-repeat:no-repeat;
	background-position:bottom;		
}

.eventPromo2 {
	width: 290px;
	height: 200px;
	position: relative;
	float: right;
	top: 15px;
	background-image:url(../images/northstar.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

.eventPromo3 {
	width: 290px;
	height: 200px;
	position: relative;
	float: right;
	top: 15px;
	background-repeat:no-repeat;
	background-position:bottom;
	
		
}



.productList {
	width: 592px;
	height: 100%;
	border: solid 1px #CCCCCC;
	float: right;
	font-size:11px;
	
}






/* Contact Area / Form ============================== */


.contactText{
	font: 11px Verdana;
	color: #000000;
	text-align: right;	
}

.contactBox{
	font: 11px Verdana;
	color: #000000;
	text-align: left;
	width: 350px;	
}

.contactForm {
	width: 250px;
	height: 400px;
	border: solid 1px #CCCCCC;
	float: right;
	position:relative;
	top: 300px;
	right:10px;
	bottom:10px;
	font: 11px Verdana;
	color: #666666;
	text-align:left;
	display:block;
	padding: 10px;
	line-height: 15px;
	
		
}


.locations {
	width: 592px;
	height: 800px;
	border: solid 1px #CCCCCC;
	background-repeat:no-repeat;
	background-position:top;
	float: right;
		
}
.locationText{
	font: 11px Verdana;
	color: #666666;
	text-align:left;
	padding: 5px;
	line-height: 15px;
	padding-left: 50px;
	
}

.loginBox{
	font: 11px Verdana;
	color: #000000;
	text-align: left;
	width: 150px;	
}







/* Footer =================================== */


#footer{
clear: left;
width: 100%;

}

#footer1{
clear: left;
width: 100%;
height:25px;
left: 4px;
position:relative;

}


#footer2{
clear: left;
width: 100%;
background-image:url(../images/footerbg.gif);
background-repeat:repeat-x;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
line-height:30px;
height:30px;

}


#footertext{
font: 10px Verdana;
color: #666;
text-align: center;
padding-bottom:20px;
}








/* Apply Form =================================== */

#applyContainer{

border: solid 1px #CCCCCC;
width:100%;
height: 100%;

}


.formtext{

text-transform: uppercase;
text-align:right;
display:block;
width:100px;
float:left;
padding-right:5px;
font-size:11px;


}

#formBtn{
width:60px;
}



/* Product Banners ============================= */

#banner{
background-image:url(../images/bannerYellow2.gif);
background-repeat:no-repeat;
height: 60px; /*Height of top section*/
}

#flashBanner{
width: 800px;
height: 175px;
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#homeBanner{
width: 800px;
height: 175px;
background-image:url(../images/banner.jpg);
background-color:#FFFFFF;
padding-bottom:15px;
}

#homeBanner1{
width: 800px;
height: 175px;
background-image:url(../images/banner1.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#homeBanner2{
width: 800px;
height: 175px;
background-image:url(../images/banner2.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#homeBanner3{
width: 800px;
height: 175px;
background-image:url(../images/banner3.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#locationsBanner{
width: 800px;
height: 175px;
background-image:url(../images/provinces.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#dealerBanner{
width: 800px;
height: 175px;
background-image:url(../images/truck.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#linksBanner{
width: 800px;
height: 175px;
background-image:url(../images/links.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}


#financeBanner{
width: 800px;
height: 175px;
background-image:url(../images/finance.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}


#productBanner{
width: 800px;
height: 175px;
background-image:url(../images/cgbanner.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#toolsBanner{
width: 800px;
height: 175px;
background-image:url(../images/tools.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#toolsBanner2{
width: 800px;
height: 175px;
background-image:url(../images/tools2.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}
#toolsBanner3{
width: 800px;
height: 175px;
background-image:url(../images/tools3.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#toolsBanner4{
width: 800px;
height: 175px;
background-image:url(../images/tools5.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#toolsBanner5{
width: 800px;
height: 175px;
background-image:url(../images/tools6.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#toolsBanner6{
width: 800px;
height: 175px;
background-image:url(../images/suppliers/richard.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#toolsBanner7{
width: 800px;
height: 175px;
background-image:url(../images/suppliers/stanley.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#toolsBanner8{
width: 800px;
height: 175px;
background-image:url(../images/suppliers/dewalt_saw.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}


#paintBanner{
width: 800px;
height: 175px;
background-image:url(../images/paint.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#stuccoBanner{
width: 800px;
height: 175px;
background-image:url(../images/stucco.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#vapourBanner{
width: 800px;
height: 175px;
background-image:url(../images/vapour.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#drywallBanner{
width: 800px;
height: 175px;
background-image:url(../images/drywall.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#drywallBanner1{
width: 800px;
height: 175px;
background-image:url(../images/drywall1.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#gypsumBanner{
width: 800px;
height: 175px;
background-image:url(../images/gypsum.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#gypsumBanner2{
width: 800px;
height: 175px;
background-image:url(../images/gypsum2.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#gypsumBanner3{
width: 800px;
height: 175px;
background-image:url(../images/gypsum.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#scaffoldBanner{
width: 800px;
height: 175px;
background-image:url(../images/ladder.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#scaffoldBanner2{
width: 800px;
height: 175px;
background-image:url(../images/scaffold.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#demountBanner{
width: 800px;
height: 175px;
background-image:url(../images/demount.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#scaffoldBanner{
width: 800px;
height: 175px;
background-image:url(../images/ladder.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#polyBanner{
width: 800px;
height: 175px;
background-image:url(../images/poly.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#safetyBanner{
width: 800px;
height: 175px;
background-image:url(../images/suppliers/mccordick.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#steelBanner{
width: 800px;
height: 175px;
background-image:url(../images/steel.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#steelBanner2{
width: 800px;
height: 175px;
background-image:url(../images/steel2.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#steelBanner3{
width: 800px;
height: 175px;
background-image:url(../images/steel3.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#fastenersBanner{
width: 800px;
height: 175px;
background-image:url(../images/screws.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#sealentsBanner{
width: 800px;
height: 175px;
background-image:url(../images/sealents.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}


#aboutPic{
background-image:url(../images/canmore.jpg);
background-repeat:no-repeat;
width:225px;
height:300px;
float: right;
top:0px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
background-position:center;

}

#financePic{
background-image:url(../images/edmonton.jpg);
background-repeat:no-repeat;
width:225px;
height:300px;
float: right;
top:0px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
background-position:center;

}


#albertaPic{
background-image:url(../specials/easyrock_small.jpg);
background-repeat:no-repeat;
width:225px;
height:300px;
float: right;
top:0px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
background-position:center;

}

#clearancePic{
background-image:url(../images/clearance_pic.jpg);
background-repeat:no-repeat;
width:225px;
height:300px;
float: right;
top:0px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
background-position:center;

}




#accessBanner{
width: 800px;
height: 175px;
background-image:url(../images/accesspanels.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#tapeBanner{
width: 800px;
height: 175px;
background-image:url(../images/tape.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#sundryBanner{
width: 800px;
height: 175px;
background-image:url(../images/sundries.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#sundryBanner2{
width: 800px;
height: 175px;
background-image:url(../images/lights.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#sundryBanner3{
width: 800px;
height: 175px;
background-image:url(../images/tarps.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#westmouldBanner{
width: 800px;
height: 175px;
background-image:url(../images/suppliers/westmould.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#monierBanner{
width: 800px;
height: 175px;
background-image:url(../images/suppliers/monier.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#bpBanner{
width: 800px;
height: 175px;
background-image:url(../images/suppliers/bp_roof.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#cgcBanner{
width: 800px;
height: 175px;
background-image:url(../images/suppliers/cgc.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#insulationBanner{
width: 800px;
height: 175px;
background-image:url(../images/suppliers/oc_insulation.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}


#insulationBanner2{
width: 800px;
height: 175px;
background-image:url(../images/suppliers/jm_insulation.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#insulationBanner3{
width: 800px;
height: 175px;
background-image:url(../images/suppliers/roxul.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#omegaBanner{
width: 800px;
height: 175px;
background-image:url(../images/suppliers/omega.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}


#ikoBanner{
width: 800px;
height: 175px;
background-image:url(../images/suppliers/iko.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}


#clearanceBanner{
width: 800px;
height: 175px;
background-image:url(../images/clearance.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#stoneBanner{
width: 800px;
height: 175px;
background-image:url(../images/suppliers/easyrock.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#comroofBanner{
width: 800px;
height: 175px;
background-image:url(../images/comRoofing.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#deliveryBanner{
width: 800px;
height: 175px;
background-image:url(../images/delivery.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#malarkeyBanner{
width: 800px;
height: 175px;
background-image:url(../images/suppliers/malarkey2.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}


/* Roofing Banners */

#roofingStone{
width: 800px;
height: 175px;
background-image:url(../images/suppliers/allmet.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#roofingStone2{
width: 800px;
height: 175px;
background-image:url(../images/suppliers/westform.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#roofingComposite{
	width: 800px;
	height: 175px;
	background-image:url(../images/suppliers/endurBanner.jpg);
	background-color:#FFFFFF;
	border-bottom:solid #FFFFFF 15px;
}

#roofingCedar{
width: 800px;
height: 175px;
background-image:url(../images/suppliers/blackhawk.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#roofingConcrete{
width: 800px;
height: 175px;
background-image:url(../images/suppliers/mlt.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#roofingTools{
width: 800px;
height: 175px;
background-image:url(../images/suppliers/dewalt_roof.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#roofingUnderlayments{
width: 800px;
height: 175px;
background-image:url(../images/suppliers/lowSlope.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#roofingAccess{
width: 800px;
height: 175px;
background-image:url(../images/suppliers/roofAccess.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#comRoofingBUR{
width: 800px;
height: 175px;
background-image:url(../images/roofing/bur.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}


#comRoofingIKO{
width: 800px;
height: 175px;
background-image:url(../images/roofing/ikocommecial.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}


#IKOsbs{
width: 800px;
height: 175px;
background-image:url(../images/roofing/ikoSBS.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#roofboard{
width: 800px;
height: 175px;
background-image:url(../images/roofing/densdeck.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#lowslope{
width: 800px;
height: 175px;
background-image:url(../images/roofing/henry.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#commercialInsulation{
width: 800px;
height: 175px;
background-image:url(../images/roofing/foamular.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#commercialmetal{
width: 800px;
height: 175px;
background-image:url(../images/roofing/westform.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}


#elastomerics{
width: 800px;
height: 175px;
background-image:url(../images/roofing/mulehide.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#singleply{
width: 800px;
height: 175px;
background-image:url(../images/roofing/epdm.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}

#roofaccess{
width: 800px;
height: 175px;
background-image:url(../images/roofing/roofhatch.jpg);
background-color:#FFFFFF;
border-bottom:solid #FFFFFF 15px;
}



#smallPic{
background-repeat:no-repeat;
width:225px;
height:300px;
float: right;
top:0px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
background-position:center;

}



#contractorSurvey{
background-image:url(../survey/contractorsSurvey.jpg);
background-repeat:no-repeat;
height: 158px; /*Height of top section*/
}