/* Standard screen CSS*/

article,aside,details,figure,footer,header,hgroup,menu,nav,section,figcaption
{
	display: block;
}


body {
	margin: 0 auto;
	padding: 0 auto;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align:center;
	color: #ddd;
	background-color: #000;
	background: #000 url(../img/back_img_small.jpg)no-repeat fixed;
	height: 1%;
	}
	
html>body {
	height: auto;}	

#container	{
	width:960px;
	margin:5px auto;
	color: #ddd;
	text-align:left;
	padding-bottom: 20px;
	overflow:hidden;/*contain inner floats*/
	}
	

#banner {
		margin: 0px 0px;
		padding: 0px 0px;
		height: 140px;
		}
			
.bannerimg {
		margin: 0px 0px;
		padding: 0px 0px;}
		
.movie {
	border: none;
	padding: 10px 0 0 0;
	}	
	
.movie a {
	outline: none;
	}	
		
.movie a:active { 
    border:none;
    outline:none;
}


img, #banner, footer .external_link { behavior: url(iepngfix.htc); }


/* Links
------------------------------------------------*/

a {
	text-decoration: none;
	font-weight: bold;
	border-bottom: #ddd 1px dotted;
	-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
				transition: all 0.2s ease-in-out;}

a:link {
	color: #e03127;
	border-bottom: #ddd 1px dotted;}

a:visited {
	color: #e03127;
	border-bottom: #e03127 1px dotted;}

a:hover {
	color: #ddd;
	border-bottom: #e03127 1px dotted;}

a:active {
	color: #ddd;
	border-bottom: #000 1px dotted;}

a.external_link {	
	background: url(../img/external_link_rev.png) no-repeat right top;
	padding-right: 13px;
	border-bottom: none;}


		
		/* Typography
------------------------------------------------*/


p {
	line-height: 1.5;
	}

h1	 {
	font-size: 125%;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1.3;
	color: #e03127;
	}


h2 {
	font-size: 100%;
	text-transform: uppercase;
	color: #e03127;
	}
	
h2 span {
	text-transform: none;
	}	
		
	
h2 a:hover {		
	border-bottom: none;
	}
	
	

h3 {
	font-size: 115%;
	}


h4 {
	font-size: 110%;
	font-weight: normal;
	font-style: italic;
	}

.introtext {
	font-size: 115%;
	}
		
.casestudies li a {
	text-transform: uppercase;}		

/* Sorting out the columns - based on a 12 col grid
------------------------------------------------*/


#column720 {
	width:680px;
	margin-top: 10px;
	padding:15px 10px 20px 20px;
	border-right: 1px solid #8c8c8c;
	float: left;
	min-height: 400px;
	display:inline;/*fix IE6*/
	}
	
	
#column240 ul {
	padding-bottom: 20px;}	
	
#column240 ul {
	padding: 0;
	margin: 0;}	
	
#column240 a {
	border-bottom: none;}	
	
#column240 span {
	font-size: 70%;
	text-transform: uppercase;}	
	
		/* Columns for contracts section
------------------------------------------------*/

#maincontent {
	width: 800px;
	float: left;}


#column160 {
	width: 140px;
	padding:20px 10px 0px 10px;
	float: left;}
	
#column160 p {
	font-size: 90%; }	
	
#column160 h2 {
	font-size: 90%; }	

	
#column240 {
	width:220px;
	padding:15px 10px 10px 15px;
	float: right;
	display:inline;/*fix IE6*/}
		
	
#column240 h2 {
	font-size: 90%;
	color: #fff; }

#column540 {
	width:600px;
	padding:0px 10px 0px 10px;
	border-left: 2px solid #8c8c8c;
	border-right: 2px solid #8c8c8c;
	float: left;}
	
	
#sidelogo a img {
	opacity: 0.9;
	border: none;
	-ms-filter:
	"progid:DXImageTransform.Microsoft.Alpha (opacity=25)";
	/* IE 8 hack */
	filter: alpha(opacity = 90);
	/* IE 5-7 hack*/
	-webkit-transition: opacity 0.2s ease-in-out;
		-moz-transition: opacity 0.2s ease-in-out;
			-o-transition: opacity 0.2s ease-in-out;
				transition: opacity 0.2s ease-in-out;
	}
	
#sidelogo a:hover img, 
#sidelogo a:hover img {
	opacity: 0.5;
	-ms-
	filter:"progid:DXImageTransform.Microsoft.Alpha (opacity=80)"
	/* IE* hack */
	filter: alpha(opacity = 50);
	/* IE5-7 hack */
	}
	
	
.sidelogo article {
	padding: 0;
	opacity: 0.9;
	border: none;
	-ms-filter:
	"progid:DXImageTransform.Microsoft.Alpha (opacity=25)";
	/* IE 8 hack */
	filter: alpha(opacity = 90);
	/* IE 5-7 hack*/
	-webkit-transition: opacity 0.2s ease-in-out;
		-moz-transition: opacity 0.2s ease-in-out;
			-o-transition: opacity 0.2s ease-in-out;
				transition: opacity 0.2s ease-in-out;

	}	
	
hr {
	border-top: 1px dotted #888;
	border-bottom: none;
	border-left: none;
	border-right: none;
	margin: 15px 0;
	padding-bottom: 10px;}
		
#column360 {
	width: 330px;
	padding:15px 10px 0px 10px;
	float: right;
	display:inline;/*fix IE6*/}	
	
	
#home_examples {
	width:690px;
	float: left;
	padding-top: 5px;}
	
#home_examples a {
	color: #e03127;
	border-bottom: 1px dotted #e03127;
	}
	
#home_examples a:hover {
	color: #ddd;
	border-bottom: 1px dotted #ddd;
	}
	
.uppercase75 {
	font-size: 85%;
	color: #ddd;
	}		
	
#home_examples a img {
	opacity: 0.9;
	border: none;
	-ms-filter:
	"progid:DXImageTransform.Microsoft.Alpha (opacity=25)";
	/* IE 8 hack */
	filter: alpha(opacity = 90);
	/* IE 5-7 hack*/
	-webkit-transition: opacity 0.2s ease-in-out;
		-moz-transition: opacity 0.2s ease-in-out;
			-o-transition: opacity 0.2s ease-in-out;
				transition: opacity 0.2s ease-in-out;
	}
	
#home_examples a:hover img, 
#home_examples a:hover img {
	opacity: 0.5;
	-ms-
	filter:"progid:DXImageTransform.Microsoft.Alpha (opacity=80)"
	/* IE* hack */
	filter: alpha(opacity = 50);
	/* IE5-7 hack */
	}
		
	
	
#left_example	{
	width: 330px;
	padding-right: 10px;
	float: left;}	
	
#right_example	{
	width: 330px;
	float: right;}	
		
	
#plastering_left_example {
	width: 330px;
	padding: 0px;
	float: left;}	
	
#plastering_right_example {
	width: 330px;
	padding: 0px;
	float: right;}	
	
.logopad {
	padding-left: 10px;}
	

	 

/* Form styling
------------------------------------------------*/

#form #contactform {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	padding: 0;
	margin: 0;
	color: #ddd;}
	
#form #contactform label {
	float: left;
	width: 5em;
		padding: 0;
	margin: 0;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #ddd;}
		
		
#form #contactform p {	
	margin: 10px 0px;}

#form .warning {
	color:red;}
		
input name telephone email{
	margin: 6px 0;
	width: 250px;}


#form input[type="submit"] {
	padding: 6px 15px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	line-height: 1;
	color: #444;
	border: none;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
	background-image: -webkit-gradient(linear, 0% 0% 100%, from(#fff), to(#bbb));
	background-image: -moz-gradient(linear, 0% 0% 100%, from(#fff), to(#bbb));
	background-color: #ddd;
	-webkit-border-radius: 23px;
		-moz-border-radius: 23px;
			-o-border-radius: 23px;
				border-radius: 23px;
				-webkit-box-shadow: 0 1px 2px rgba(255,255,255,0.3);
					-moz-box-shadow: 0 1px 2px rgba(255,255,255,0.3);
							box-shadow: 0 1px 2px rgba(255,255,255,0.3); 
							cursor:pointer;
}


/*------------------------ Nav  ------------------------*/

nav {
	margin: 0;
	width: 100%;
	height: 30px;
	padding: 0;
	text-align: center;
	background: #bc3018;
	text-transform: uppercase;}
	
nav ul li {
	list-style: none;
	padding: 0;
	display: block;
	float: right;
	background: #bc3018 ;
	text-transform: uppercase;
	font: 11px/22px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	}
	
	
nav li ul { position: absolute; }

nav ul { margin: 0;}
  
nav li {
 	float: right;
  	position: relative;
  	width: 95px;
  	background: #bc3018;
  	text-align: left;}

nav a {
	color: #ebebeb !important;
	padding-top: 5px;
	text-decoration: none;
	font-weight: normal;
	display: block;
	border-bottom: none !important;
	}
	
nav a:hover {
	color: #fd0 !important;}

nav li > ul {
	top: auto;
	left: auto;}

nav li:hover ul, li.over ul{ 
	display: block;
	color: #fd0;
	padding: 0.2em 5px; }


.subnav { 
	display: none;
	margin: 0;}
	
.subnav li { 
	padding-left: 5px;  
	margin: 0;
	width: 175px;
	font-size: 90%;
}

.subnav ul li {
	float: none;
	text-align: left;
	background: #fff;
	border-bottom: none;
	padding-left: 10px;}

ul .subnavlist li a {
	padding: 0px;
	margin: 0px;
	border-bottom: none;}

ul:nav li:hover ul.subnavlist {
	display: block;
	position: absolute;}

ul.subnavlist li a {
display: block;
border: none;}

ul.subnav li a:before { content: "> "; }



.vert_rule {
	border-left: 1px solid #fff;
	}

.red_rule {
	border-right: none !important;
	}

/* homeslideshow 
------------------------------------------------*/

.homeslideshow {height: 360px; width: 960px; margin: auto }
.homeslideshow img {padding: 0; ; }

	
/* slideshow 
------------------------------------------------*/

.slideshow {height: 220px; width: 960px; margin: auto }
.slideshow img {padding: 0; ; }
	





/* casestudies alternative styling
------------------------------------------------*/

#casestudies {
	font-size: 85%;
	margin: 0;
	padding: 0 0 10px 0;
	list-style-type: none;}

#casestudies a {
	border-bottom: none;}


/* Image control
------------------------------------------------*/


.noline h2 a {
	color: #e03127;
	border-bottom: none;}


.imgleft {
	float: left;
	padding: 0 15px 5px 0;}

.imgright {
	float: right;
	padding: 0 0 0 10px;}

#bios {
	height: 150px;}
	
#imgclear {
	height: 180px;}	
	
#example {
	height: 220px;}
	
	
/* new slider css
------------------------------------------------*/


#slider {
    width: 960px; /* important to be same as image width */
    height: 220px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#slider {
    width: 960px; /* important to be same as image width */
    height: 220px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 960px; /* important to be same as image width or wider */
    position: absolute;
	top: -15px;
	margin-left: -40px;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Helvetica, Arial, sans-serif;
    padding: 5px;
    width: 960px;
    background-color: #000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
	-khtml-opacity: 0.6;
    opacity: 0.6;
    color: #fff;
    display: none;}

.clear {
	clear: both;}
	
.sliderImage span strong {
    font-size: 12px;}
.top {
	top: 0;
	left: 0;}
	
.bottom {
	bottom: 0;
    left: 0;}

ul { list-style-type: none;}



	
	
/* footer
------------------------------------------------*/

footer {
		margin:0 auto;	
		width:960px;
		clear: both;
		font-size: 80%;
		display: block;
		padding-top: 15px
		margin-top: 10px;
		border-top: 5px solid #e03127;
		}
	
#footer_logos {
		text-align: center;
		margin: 0 auto;
		padding: 10px 0;
		}
	

#footer_logos li {
	display: inline;
	padding-right: 7px;
}
	

#footer_logos a img {
	opacity: 0.25;
	border: none;
	-ms-filter:
	"progid:DXImageTransform.Microsoft.Alpha (opacity=25)";
	/* IE 8 hack */
	filter: alpha(opacity = 25);
	/* IE 5-7 hack*/
	-webkit-transition: opacity 0.2s ease-in-out;
		-moz-transition: opacity 0.2s ease-in-out;
			-o-transition: opacity 0.2s ease-in-out;
				transition: opacity 0.2s ease-in-out;
	}

#footer_logos a {
	border-bottom: none;
	}

#footer_logos a:hover img,
#footer_logos a:hover img  {
	opacity: 0.8;
	-ms-
	filter:"progid:DXImageTransform.Microsoft.Alpha (opacity=80)"
	/* IE* hack */
	filter: alpha(opacity = 80);
	/* IE5-7 hack */
	}


	
	
#foot_what 	{
		width: 330px;
		float: left;
		padding: 0px 10px 15px 20px;
		border-right: #dfdfdf 1px dotted;
		color: #dfdfdf;
		}	
	
#foot_what span {
		text-transform: uppercase;
		font-size: 95%;
		}	
		
	
#foot_contact {
		width: 260px;
		float: left;
		padding: 0px 0px 15px 10px;
		border-right: #dfdfdf 1px dotted;
		height: 60px;
		color: #dfdfdf;
}	
		
#foot_contact span {
		text-transform: uppercase;
		font-size: 95%;
		}	
	
	
#foot_brand {
		float: right;
		text-align: left;
		padding: 0 0 0 10px;
		margin: 0 auto;
		width: 300px;}
		
#foot_brand li {
	display: inline;
	padding-right: 10px;
	padding-bottom: 20px;
}