body {
margin:0px;
background-color: #CCC;
font-family: Arial,sans-serif;
color:#404040;
font-size: 14px;
}

.bold {
font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
color:#00B050;
font-family: 'Open Sans', Arial, sans-serif;
}

h1 {
font-size:21px;
font-weight: 600;
}

h2 {
font-size:16px;
font-weight: 600;
}

.paragraph {
margin-bottom: 20px;
}

.leftFloat {
float:left;
}

.rightFloat {
float:right;
}

.center {
text-align: center;
}

.content {
width:940px;
margin-left:auto;
margin-right:auto;
background:#FFFFFF;
}

.contentContainer {
padding: 15px;
}

.greenText {
color:#00B050;
font-family: 'Open Sans', Arial, sans-serif;
font-weight: 600;
}

div.hr {
background-color: #00B050;
clear: both;
height: 1px;
margin: 6px 0 18px;
}

div.hr hr {
display: none;
}

#carouselContainer {
width:535px;
height:356px;
overflow:hidden;
margin-bottom:16px;
margin-top:4px;
}

.carouselImage {
width: 100%;
position: relative;
}

.carouselTextBg {
left: 0;
position: absolute;
top: 315px;
width: 100%;
}

.carouselText {
background: none repeat scroll 0 0 #222222;
opacity:0.8;
color: white;
font-weight:bold;
padding: 10px 10px 10px 10px;
font-size:15px;
width:535px;
}

textarea { overflow: auto; } /* Remove scrollbar from IE */


/*---------Header----------*/

#bodyContainer {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DDD;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
padding-bottom: 10px;
width: 980px;
}

#header {
width:950px; 
height:178px; 
border:0px solid #000000; 
margin-left:auto; 
margin-right:auto;
margin-top:10px;
}

#logo {
width:168px;
height:140px;
border:0px solid #000000;
float:left;
}

#navContainer {
height:37px;
border-top:0px solid #000000;
background-color:#000;
float:left;
}

#nav {
height:37px;
border-top:0px solid #000000;
background-color:#000;
float:left;
font-size:15px;
font-weight:600;
font-family: 'Open Sans', Arial, sans-serif;
}

#nav ul {
list-style:none;
padding:0px;
float:left;
}

#nav li {
padding:0px 0px 0 0px;
margin:0px;
float:left;
color:#FFFFFF;
display:block;
}

#nav li a.navBox {
color:#FFFFFF;
text-decoration:none;
display:block;
padding:8px 42px;
border-right:1px solid #D3D3D3;
background: #000; /* for non-css3 browsers */
background-image: -ms-linear-gradient(top, #6B6B6B 0%, #000000 60%); /* IE10 Consumer Preview */ 
background-image: -moz-linear-gradient(top, #6B6B6B 0%, #000000 60%); /* Mozilla Firefox */ 
background-image: -o-linear-gradient(top, #6B6B6B 0%, #000000 60%); /* Opera */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6B6B6B), color-stop(0.6, #000000)); /* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-linear-gradient(top, #6B6B6B 0%, #000000 60%); /* Webkit (Chrome 11+) */ 
background-image: linear-gradient(to bottom, #6B6B6B 0%, #000000 60%); /* W3C Markup, IE10 Release Preview */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6B6B6B', endColorstr='#000000'); /* IE9 and below */ 
}

#nav li a#navBoxFinal {
height:29px;
padding:8px 0px 0px 0px;
border-right:none;
width:170px;
text-align:center;
}

#nav li a:hover {
background-color: #00B050;	
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00C95D', endColorstr='#00803A'); /* IE9 and below */ 
background-image: -ms-linear-gradient(top, #00C95D 0%, #00803A 60%); /* IE10 Consumer Preview */ 
background-image: -moz-linear-gradient(top, #00C95D 0%, #00803A 60%); /* Mozilla Firefox */
background-image: -o-linear-gradient(top, #00C95D 0%, #00803A 60%); /* Opera */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00C95D), color-stop(0.6, #00803A)); /* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-linear-gradient(top, #00C95D 0%, #00803A 60%); /* Webkit (Chrome 11+) */ 
background-image: linear-gradient(to bottom, #00C95D 0%, #00803A 60%); /* W3C Markup, IE10 Release Preview */ 
}

#headerText {
font-size:20px;
font-weight:bold;
float:right;
margin-top:38px;
margin-right:20px;
}

#mailto {
color:#404040;
}

/*---------Footer----------*/

#footer {
width:939px; 
height:150px; 
border:0px solid #000000; 
margin-left:auto; 
margin-right:auto;
margin-top:30px;
font-size: 13px;
color:#FFF;
background-color:#000;
background-image: linear-gradient(bottom, #000000 37%, #4A494A 93%, #757575 100%);
background-image: -o-linear-gradient(bottom, #000000 37%, #4A494A 93%, #757575 100%);
background-image: -moz-linear-gradient(bottom, #000000 37%, #4A494A 93%, #757575 100%);
background-image: -webkit-linear-gradient(bottom, #000000 37%, #4A494A 93%, #757575 100%);
background-image: -ms-linear-gradient(bottom, #000000 37%, #4A494A 93%, #757575 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3D3D3D', endColorstr='#000'); /* IE9 and below */ 
}

#footerLinks {
height:130px;
margin-top: 8px;
border-right:1px solid #D3D3D3;
float:left;
margin-left: 20px;
}

#footerLinksContent {
margin-right: 27px;	
height:160px;
float:left;
}

#footer li {
margin-bottom: 3px;
}

#companyContact {
height:130px;
margin-top: 8px;
border-right:1px solid #D3D3D3;
float:left;
margin-left:20px; 
}

#companyContactContent {
margin-right: 20px;
height:130px;
float:left;
}

.compContactPhone {
margin-left:49px;
}

#companyAddress {
height:130px;
margin-top: 8px;
float:left;
margin-left:20px;
border-right:1px solid #D3D3D3;

}

#companyAddressContent {
height:130px;
float:left;
margin-right: 20px;
}

#companyAddressContent p {
margin-bottom: 20px;
}

#copyright {
height:130px;
margin-top: 8px;
float:left;
margin-left:20px; 
border-right:1px solid #D3D3D3;
}

#copyrightContent {
height:130px;
float:left;
margin-right: 20px;
}

#social {
height:130px;
margin-top: 8px;
float:left;
margin-left:20px; 
}

#socialContent {
height:130px;
float:left;
padding:15px 0px 0px 8px;
}

.displace {
position: absolute;
left: -5000px;
}

a#facebook {
display: block;
width: 40px;
height: 40px;
text-decoration: none;
background: url("http://www.dblscaffolding.com/img/facebookIcon.png");
}

a#facebook:hover {
background-position: -40px 0;
}

a#googleplus {
display: block;
width: 38px;
height: 38px;
text-decoration: none;
background: url("http://www.dblscaffolding.com/img/googleplusIcon.png");
}

a#googleplus:hover {
background-position: -38px 0;
}

#footer ul {
list-style:none;
margin:0 0 5px 5px;
padding:0px;
}

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

#footer a:hover {
color:#00B050;
}

/*---------Home page----------*/

.homeContent {
height:800px;
}

.homeLeftContent {
width:540px;
float:left;
}

.homeRightContent {
margin-left:30px;
width:335px;
float:right;
}

/*---------Contact form----------*/

#contactForm {
background-color:#F2F2F2;
width:292px;
height:321px;
padding: 5px 15px;
}

#contactForm input[type="text"] {
padding: 3px;
color:#404040;
margin-bottom:13px;
border:1px solid #CCC;
font-size: 14px;
}


#contactForm h1 {
margin-bottom:10px;
}

.contactField {
width:285px;
}

#contactSubmit {
background-color: #000;
color:#FFF;
border:none;
padding:3px;
width:80px;
margin: 8px 0px 0px 100px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size:15px;
}

#contactSubmit:hover {
background-color:#00A44A;
}

#requirements {
padding: 3px;
height:75px;
width:285px;
color:#404040;
font-size: 14px;
font-family:Arial;
border:1px solid #CCC;
}

/*---------Sidebar----------*/

#areas {
margin-top:15px;
}

/* Chrome margin fix */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    #areas { margin-top:16px; }
}

#workWith {
margin-top:15px;
}

.areaLeft {
width:160px;
margin-left:15px;
margin-bottom:15px;
}

.areaRight {
width:160px;
margin-bottom:15px;
}

.citb {
padding: 15px 10px;
margin: 0px 10px 0px 0px;
}

.simplyBus {
padding: 8px 10px;
}

textarea {
resize:none;
} 

.freeHire {
margin-bottom: 10px;
text-align:center;
font-size:14px;
}

/*---------Services page----------*/

.servicesContent {
height:920px;
}

/*---------Equipment page----------*/

.equipmentContent {
height:1060px;
}

/*---------Health and safety page----------*/

.healthContent {
height:800px;
}

/*---------Contact us page----------*/

.contactContent {
height:1010px;
}

#contactus input[type="text"] {
padding: 3px;
color:#404040;
margin-bottom:10px;
border:1px solid #CCC;
font-size: 14px;
width:300px;
}

#contactSubmit2 {
background-color: #000;
color:#FFF;
border:none;
padding:3px;
width:80px;
margin: 12px 0px 0px 105px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size:15px;
}

#contactSubmit2:hover {
background-color:#00A44A;
}

#message {
padding: 3px;
height:75px;
width:300px;
color:#404040;
font-size: 14px;
font-family:Arial;
border:1px solid #CCC;
}

/*---------Gallery page----------*/

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:3px;
	display:none;
	color:#fff;
	}


.galleryItem{
	list-style:none;
	display:inline;
	margin-right:10px;
}


.galleryContent {
	height:1130px;
}