body
{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
letter-spacing:0.5px;
line-height:20px;
position:relative;
background:url(../images/bgAbout.jpg) top left repeat-x #dddee0;
}

body.home
{
background:url(../images/bg.jpg) top left repeat-x #dddee0;
}

h4
{
font-size:18px;
color:#AA0005;
font-weight:bold;
}

span.itemSeperator, hr.itemSeperator
{
display:block;
height:1px;
margin:20px 0px;
border-bottom:1px solid #CCCCCC;
width:100%;
}

#container
{
width:780px;
text-align:left;
margin:0 auto;
z-index:5;
position:relative;
}

#clouds
{
height:210px;
width:100%;
background:url(../images/cloudsSmall.png) top center no-repeat;
position:absolute;
left:0px;
top:60px;
z-index:1;
}

#clouds.home
{
z-index:1;
background:url(../images/clouds.png) top center no-repeat;
width:100%;
height:274px;
position:absolute;
left:0px;
top:150px;
}

#header
{
height:83px;
width:780px;
}

#logo
{
float:left;
height:83px;
width:262px;
text-indent:-9999px;
background:url(../images/logo.jpg) top left no-repeat;
}

#logo a
{
display:block;
height:83px;
width:262px;
}

ul#navigation
{
float: left;
height: 83px;
margin-left: 60px;
margin-top: 33px;
width: 445px;
}

ul#navigation li
{
font-size:13px;
float:left;
padding-right:7px;
margin-right:7px;
height:33px;
line-height:33px;
background:url(../images/navBreaker.jpg) top right no-repeat;
}

ul#navigation li.last
{
background:none;
margin-right:0px;
padding-right:0px;
}


ul#navigation li a:link, ul#navigation li a:visited
{
color:#000000;
text-decoration:none;
}

ul#navigation li a:hover, ul#navigation li a:active
{
color:#0a517c;
text-decoration:none;
}

h2#callNow
{
width:780px;
height:73px;
background:url(../images/callNow.png) top left no-repeat;
text-indent:-9999px;
margin:15px 0px 0px 0px;
}

h2#callNow a
{
display:block;
width:780px;
height:73px;
}

#banner
{
width:780px;
height:350px;
background:url(../images/banner.png) top left no-repeat;
}

#banner h2, #banner ul#bannerPoints
{
text-indent:-9999px;
}

#banner ul#bannerNav
{
width:780px;
height:73px;
margin-left:0px;
margin-top:152px;
}


#banner ul#bannerNav li, #banner ul#bannerNav li a
{
float:left;
}

#banner ul#bannerNav li#bannerNavDomestic a:link, #banner ul#bannerNav li#bannerNavDomestic a:visited
{
width:261px;
height:73px;
background:url(../images/threeButtons.jpg) 0px 0px no-repeat;
text-indent:-9999px;
}

#banner ul#bannerNav li#bannerNavCommercial a:link, #banner ul#bannerNav li#bannerNavCommercial a:visited
{
width:257px;
height:73px;
background:url(../images/threeButtons.jpg) -261px 0px no-repeat;
text-indent:-9999px;
}

#banner ul#bannerNav li#bannerNavIndustrial a:link, #banner ul#bannerNav li#bannerNavIndustrial a:visited
{
width:262px;
height:73px;
background:url(../images/threeButtons.jpg) -518px 0px no-repeat;
text-indent:-9999px;
}

#banner ul#bannerNav li#bannerNavDomestic a:hover, #banner ul#bannerNav li#bannerNavDomestic a:active
{
background:url(../images/threeButtons.jpg) 0px -73px no-repeat;
}

#banner ul#bannerNav li#bannerNavCommercial a:hover, #banner ul#bannerNav li#bannerNavCommercial a:active
{
background:url(../images/threeButtons.jpg) -261px -73px no-repeat;
}

#banner ul#bannerNav li#bannerNavIndustrial a:hover, #banner ul#bannerNav li#bannerNavIndustrial a:active
{
background:url(../images/threeButtons.jpg) -518px -73px no-repeat;
}


h3#blurb
{
color: #000000;
font-size: 19px;
letter-spacing: 0;
line-height: 25px;
margin-top: -30px;
padding: 30px 0px;
text-align: center;
text-shadow: 0 3px 0 #FFFFFF;
width: 780px;
}


#threeBoxes
{
width:780px;
margin-bottom:30px;
}

#threeBoxes div
{
float:left;
width:225px;
background:#FFFFFF;
border:1px solid #c9c9c9;
margin-right:19px;
text-align:left;
height:175px;
font-size:11px;
line-height:18px;
letter-spacing:0;
position:relative;
}

#threeBoxes #vision
{
background:url(../images/ourVision.jpg) top left no-repeat #FFFFFF;
padding:130px 10px 10px;
}

#threeBoxes #contactBox
{
	background:url(../images/contactHeader.jpg) top left no-repeat #FFF;
	padding:40px 10px 10px;
	height:265px;
}

#threeBoxes #services
{
background:url(../images/ourServices.jpg) top left no-repeat #FFFFFF;
padding:130px 10px 10px;
}

#threeBoxes #green
{
background:url(../images/greenCred.jpg) top left no-repeat #FFFFFF;
padding:130px 10px 10px;
margin-right:0px;
}

#logoScroll
{
margin:10px 0px 20px 0px;
padding:0px 10px 10px;
height:50px;
background:url(../images/greenLogos.jpg) #e3e3e3 top left repeat-x;
border:1px solid #c9c9c9;
width:491px;
float:left;
}


#contactButton
{
float:left;
width:247px;
margin:10px 19px 20px 0px;
text-align:left;
height:62px;
font-size:11px;
line-height:18px;
letter-spacing:0;
position:relative;
}

a#testimonialButton:link, a#testimonialButton:visited
{
float:left;
width:245px;
margin:10px 19px 20px 0px;
text-align:left;
height:60px;
font-size:11px;
text-indent:-9999px;
position:relative;
background:url(../images/places-btn.png) top left no-repeat;
display:block;
}

a#testimonialButton:hover
{
	background:url(../images/places-btn.png) bottom left no-repeat;
}

a#testimonialButton:active
{
	position:relative;
	top:1px;
}

.learnMore
{
position:absolute;
right:20px;
bottom:15px;
}



#quickForm
{
background:#FFFFFF;
border:1px solid #c9c9c9;
width:750px;
margin-left:0px;
margin-bottom:30px;
padding:15px;
text-align:left;
clear:both;
margin-top:15px;
float:left;
}

#quickForm p
{
font-size:22px;
margin-bottom:15px;
color:#666666;
}

#quickForm p strong
{
color:#000000;
}

#quickForm .formElement
{
float:left;
margin-right:12px;
}

#quickForm .formElement input
{
clear:both;
float:left;
width:157px;
height:30px;
background:#f6f6f6;
border:1px solid #c4c4c4;
font-size:16px;
}

#quickForm .formElement input.postcode
{
width:80px;
}

#quickForm .formElement label
{
clear:both;
float:left;
font-size:10px;
}

#quickForm input#submitButton
{
float:left;
height:30px;
width:127px;
background:url(../images/sendNowSprite.jpg) top left no-repeat;
border:0;
text-indent:-9999px;
margin-top:22px;
margin-left:5px;
cursor:pointer;
}

#quickForm input#submitButton:hover
{
background:url(../images/sendNowSprite.jpg) bottom left no-repeat;
}


#footer
{
width:100%;
background:url(../images/footerBG.jpg) top left repeat-x #000000;
color:#FFFFFF;
padding:33px 0px;
font-size:11px;
clear:both;
}

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

#footer a:hover
{
color:#FFFFFF;
text-decoration:underline;
}

ul#footerNavigation
{
font-size:13px;
margin-bottom:10px;
}

ul#footerNavigation li
{
display:inline;
padding-right:10px;
margin-right:10px;
border-right:1px solid #FFFFFF;
}

ul#footerNavigation li.last
{
padding-right:0px;
margin-right:0px;
border-right:none;
}

.noUnderline, .noUnderline li a
{
text-decoration:none!important;
}

.howWorksBox
{
float: left;
    margin-bottom: 15px;
    position: relative;
    width: 350px;
}

.howWorksBox img
{
	float:left;
	width:255px;
}

.howWorksBox h3
{
	float: left;
    font-size: 24px !important;
    font-weight: bold;
    margin-bottom: 5px !important;
    margin-left: 0;
    margin-top: 20px;
    width: 320px;
}

.howWorksBox p
{
	float: left;
    font-size: 11px !important;
    font-weight: bold;
    line-height: 16px !important;
    margin-left: 0;
    width: 250px;
}


#sidebar
{
width:185px;
padding:10px;
background:#FFFFFF;
border:1px solid #c9c9c9;
margin-top:60px;
margin-bottom:30px;
float:left;
}

#sidebarHeader
{
width:187px;
height:50px;
background:url(../images/whatWeDo.png) top left no-repeat;
margin-top:-60px;
text-indent:-9999px;
}


#sidebar ul
{
width:185px;
padding-top:0px;
margin-top:10px;
}


#sidebar ul#sideWhatNeedKnow
{
background:url(../images/sideNeed.png) top left no-repeat;
margin-top:0px;
}

ul.bulletList
{
margin:20px 0px;
}

ul.bulletList li
{
list-style:inside disc;
margin-bottom:5px;
}



/*

#sidebar ul#sideDomestic
{
background:url(../images/sideDomesticHead.png) top left no-repeat;
}



#sidebar ul#sideCommercial
{
background:url(../images/sideCommercialHead.png) top left no-repeat;
}

#sidebar ul#sideIndustrial
{
background:url(../images/sideIndustrialHead.png) top left no-repeat;
}

*/



#sidebar ul li a:link, #sidebar ul li a:visited
{
width:183px;
height:30px;
border:1px solid #eff0f8;
background:#f8f8fc;
line-height:32px;
text-align:left;
text-indent:10px;
color:#000000;
text-decoration:none;
display:block;
}

#sidebar ul li a:hover, #sidebar ul li a:active, #sidebar ul li a.selected
{
width:183px;
height:30px;
background:#fefeff;
line-height:32px;
text-align:left;
text-indent:10px;
color:#000000;
text-decoration:underline;
display:block;
}

#sidebar ul li.first a
{
border-top:1px solid #e0e0e0;
}

#sidebar ul li.header a
{
background: none repeat scroll 0 0 #A11400 !important;
border: 2px solid #EAA8A8;
color: white;
font-size: 12px;
font-weight: bold;
height: 17px;
line-height: 19px;
margin-bottom: 3px;
padding: 7px 0;
text-shadow: 1px 1px 1px #000000;
width: 181px;
position:relative;
}

#sidebar ul li.header a span
{
position:absolute;
top:7px;
right:7px;
}

#sidebar ul li.header a:hover
{
text-decoration:none!important;
}

li.droppy
{
	margin-top:-7px;
}


#smallCallNow
{
background:url(../images/callNowSmall.png) top left no-repeat;
float:left;
width:510px;
height:60px;
margin-top:13px;
margin-left:60px;
text-indent:-9999px;
}

#smallCallNow a
{
	display:block;
width:510px;
height:60px;
}




#mainContent
{
float:left;
width:490px;
margin-left:32px;
}


#mainContentAbout
{
float:left;
width:738px;
margin-left:0px;
}


#mainContentAbout #mainCopy
{
width:738px;
background:#FFFFFF;
border:1px solid #c9c9c9;
text-align:left;
padding:20px;
margin-bottom:20px;
}


#mediumRedBanner
{
width:760px;
height:225px;
background:url(../images/bannerSmaller.png) top left no-repeat;
text-align:left;
padding-left:20px;
color:#FFFFFF;
text-shadow:#000000 2px 2px 2px;
}

#mediumRedBanner h2
{
padding-top:35px;
margin-left:40px;
font-size:30px;
margin-bottom:22px;
font-size:40px;
}

#mediumRedBanner p
{
font-size:17px;
line-height:25px;
margin-left:40px;
}




#mainContent #smallRedBanner
{
width:552px;
height:165px;
background:url(../images/smallRedBanner.png) top left no-repeat;
text-align:left;
padding-left:20px;
color:#FFFFFF;
text-shadow:#000000 2px 2px 2px;
}

#mainContent #smallRedBanner h2
{
padding-top:20px;
font-size:30px;
margin-bottom:12px;
}

#mainContent #smallRedBanner p
{
font-size:15px;
line-height:21px;
}

#mainContent #mainCopy
{
width:530px;
background:#FFFFFF;
border:1px solid #c9c9c9;
text-align:left;
padding:20px;
margin-bottom:20px;
}

#mainContent #mainCopy h3, #mainContentAbout #mainCopy h3
{
font-size:16px;
margin-bottom:18px;
}

#mainContent #mainCopy h3 a, #mainContentAbout #mainCopy h3 a
{
color:#000000;
text-decoration:none;
}

#mainContent #mainCopy p, #mainContentAbout #mainCopy p
{
font-size:12px;
margin-bottom:11px;
}

#mainContent #mainCopy ul, #mainContentAbout #mainCopy ul {
font-size: 12px;
}

#mainContent #mainCopy p a, #mainContentAbout #mainCopy p a
{
color:#FF0000;
text-decoration:none;
}

#mainContent #mainCopy p a:hover, #mainContentAbout #mainCopy p a:hover
{
color:#FF0000;
font-style:italic;
}

#mainContent #mainCopy ul li a, #mainContentAbout #mainCopy ul li a
{
color:#333333;
}

#mainContent #mainCopy ul li a:hover, #mainContentAbout #mainCopy ul li a:hover
{
color:#666666;
}

#mainContent #mainCopy p.smallText, #mainContentAbout #mainCopy p.smallText
{
font-size:10px;
line-height:12px;
}

#mainContent #mainCopy img.f-right, #mainContentAbout #mainCopy img.f-right
{
float:right;
margin-left:20px;
}


ul.areaList li a
{
color:#FF0000!important;
font-size:10px;
text-decoration:none;
}

ul.areaList li a:hover
{
color:#FF0000!important;
font-style:italic!important;
}

.mapText
{
float:right; margin-right:10px; margin-top:20px;
}

ul.areasList
{
margin-bottom:15px;
}

ul.areasList li
{
font-size:12px;
line-height:20px;
list-style:inside disc;
}



#shareDiv
{
margin-top:5px; width:171px; padding:7px 0px 3px 15px;
background:url(../images/shareBG.jpg) top left no-repeat;
}

#shareDiv p.shareText
{
float:left; font-size:11px; margin-right:5px; font-weight:bold;
}


.twoLines
{
height: 50px!important;
line-height: 20px!important;
padding-left: 10px!important;
padding-top: 10px!important;
text-indent: 0!important;
width: 173px!important;
}


#priceTable
{
border:1px solid #CCCCCC;
margin-bottom:15px;
}

#priceTable tr td
{
padding:3px;
}

form#contactForm input, form#contactForm label
{
	clear:both;
	float:left;
}

form#contactForm label
{
	font-size:15px;
}

form#contactForm input[type=text]
{
	margin-bottom:15px;
	width:190px;
	padding:3px;
}

form#contactForm input[type=submit]
{
	background:url(../images/submit-btn.jpg) top left no-repeat;
	width:105px;
	height:32px;
	text-indent:-9999px;
	border:0;
	outline:none;
	cursor:pointer;
}

ul.accordionList
{
	display:none;
}