/*HTML 5
*********************************************************/

article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, meter, nav, output, progress, section, summary, time, video{
display:block;
}

/*Global Reset
*********************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, audio , canvas, details, figcaption, 
figure, footer, header, hgroup, mark, meter, nav, 
output, progress, section, summary, time, video{
margin:0;
padding:0;
border:0;
outline:0;
font-size:1em;
vertical-align:baseline;
background:transparent;
border:none;
}
body{
line-height:1;
}
ol, ul{
list-style:none;
}
blockquote,
q{
quotes:none;
}
blockquote:before,
blockquote:after,
q:before,
q:after{
content:'';
content:none;
}
:focus{
outline:0;
}
ins{
text-decoration:none;
}
del{
text-decoration:line-through;
}
table{
border-collapse:collapse;
border- spacing:0;
}
input[type=hidden]{
visibility:hidden;
}
/* slightly enhanced, universal clearfix hack */
.clearfix:after{
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
}
.clearfix{
display:inline-block;
}

/* start commented backslash hack \*/
* html .clearfix{
height:1%;
}
.clearfix{
display:block;
}
/* stop commented backslash hack */

/*CSS3 Goodness
*********************************************************/

::-moz-selection{
	background-color:#f79422;
	color:#fff;
	text-shadow:none;
	}
::selection{
	background-color:#f79422;
	color:#fff;
	text-shadow:none;
	}
a{
	transition:color 0.5s ease-in;
	-webkit-transition:color 0.5s ease-in;
	-moz-transition:color 0.5s ease-in;
	-o-transition:color 0.5s ease-in;
	}
	.services a.button{
		transition:none;
		-webkit-transition:none;
		-moz-transition:none;
		-o-transition:none;
		}
		
/*Body Styles
*********************************************************/

html{
	background:#000 url('../img/bg-html.jpg') repeat 0 0 !important;
	-webkit-font-smoothing:antialiased;
	height:100%;
	}
body {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#f79321;
	background:url('../img/bg-body.jpg') repeat-x 0 0;
	font-size:85%;
	line-height:150%;
	height:100%;
	}
	
/*Container Styles
*********************************************************/
	
#wrapper {
	margin:0 auto !important;
	width:940px;
	background:url('../img/wrapper-bg.png') repeat 0 0;
	padding:1px 20px 20px 20px;
	border-left:1px solid #202020;
	border-right:1px solid #202020;
	min-height:100%;
	}
	
/*Header Styles
*********************************************************/
		
header{
	float:left;
	margin-bottom:30px;
	}
	header a#logo{
		overflow:hidden;
		display:block;
		text-indent:-9999em;
		cursor:pointer;
		float:left;
		width:300px;
		height:140px;
		background:transparent url(../img/logo-ibuild.png) no-repeat 0 0;
		}
	header div.phoneNumbers{
		padding-top:20px;
		text-transform:uppercase;
		font-size:1.0em;
		font-weight:bold;
		float:right;
		text-align:right;
		margin:0 0 20px 0 !important;
		}
		header div.phoneNumbers p{
			font-size:1.8em;
			color:#fff;
			}
			header div.phoneNumbers p em{
				color:#666;
				}
nav{
	float:right;
	}
	nav a.icon{
		overflow:hidden;
		display:block;
		text-indent:-9999em;
		cursor:pointer;
		float:left;
		width:32px;
		height:30px;
		background-color:transparent !important;
		border-radius:0 !important;
		padding:0 !important;
		line-height:32px !important;
		}
		.twitter{
			background:transparent url(../img/twitter_icon.png) no-repeat 0 0;}
		.facebook{
			background:transparent url(../img/facebook_icon.png) no-repeat 0 0;
			}	
	nav ul{
		margin-top:25px;
		}
		nav li{
			float:left;				
			color:#eee;
			line-height:32px;
			font-size:1.1em;
			font-weight:bold;
			padding-left:20px;
			width:auto !important;
			text-transform:uppercase;
			}
			nav li a{
				color:#eee;
				text-decoration:none;
				display:block;
				padding:0 8px;
				}
				nav li a:hover, nav li.active a{
					border-radius:5px;
					background-color:#000;
					color:#f79321;
					box-shadow: 0 1px 0 0 #323131;
					}
					nav a.icon:hover{
						box-shadow:none !important;
						background-color:none !important;
						}
						
/*Home Page Styles
*********************************************************/
						
#masthead{
	margin-bottom:25px;
	}
	#masthead div.services {
		float:left;
		border:1px solid #252424;
		width:258px;
		height:318px;
		padding:10px 20px;
		background:url('../img/box_bg.png') no-repeat 0 0;	
		}
		.services h2{
			font-size:1.1em;
			text-transform:uppercase;
			padding-bottom:5px;
			border-bottom:1px solid #383838;
			margin-bottom:10px;
			text-shadow:0 -1px 1px #101010;
			}
		.services ul {
			margin-bottom:15px;
			}
			.services li,ul.tick li {
				color:#eee;
				font-weight:bold;
				font-size:1em;
				line-height:1.95em;	
				background:url('../img/green_tick.png') no-repeat 0 50%;	
				padding-left:20px;		
				}
				ul.tick li{
					color:#aaa !important;
					}
				/*
				.services li:last-child{
					background:none;
					}
					*/
		.services a.button {
			display:block;
			background:url('../img/btn-services.png') no-repeat 0 0;
			text-decoration:none;
			font-weight:bold;
			width:258px;
			height:40px;
			color:#000;
			font-size:1.3em;
			line-height:40px;
			padding:0;
			text-align:center;
			text-shadow:0 1px 1px #f9b465;
			overflow:hidden;	
			}
			.services a.button:hover{
				background:url('../img/btn-services.png') no-repeat -258px 0;
				}
	#masthead div.banner {
		float:right;
		border:1px solid #252424;
		}
		#s3slider { 
		   width:618px;
		   height:338px;
		   position:relative;
		   overflow:hidden;
		   background-color:#000;
		   }
		#s3sliderContent {
		   width:618px;
		   position:absolute;
		   top:0;
		   margin-left:0;
			}
		.s3sliderImage {
		   float:left;
		   position:relative;
		   display:none;
			}
		.s3sliderImage div{
			position:absolute;
			left: 0;
			font-size:1em;
			font-weight:bold;
			padding:15px;
			width:100%;
			background:url('../img/bg-opacity-70.png') repeat 0 0;
			color: #f79321;
			display:none;
			bottom:0;
			text-transform:uppercase;
			}
		.s3sliderImage div h1,.s3sliderImage div h2{
			text-transform:none;
			color:#fff !important;
			font-size:1.8em;
			margin-bottom:10px;
			}
		.clear {
		   clear: both;
			}
	section {
		margin-bottom:20px;
		}
		section .box {
			background:url('../img/bg-box.png') no-repeat 0 0;
			width:258px;
			height:358px;
			padding:10px 20px;
			border:1px solid #252424;
			margin-right:20px;
			}
		section h2,.widget h2{
			font-size:1.1em;
			text-transform:uppercase;
			padding-bottom:5px;
			border-bottom:1px solid #383838;
			margin-bottom:10px;
			color:#f79321;
			text-shadow:0 -1px 1px #101010;
			}
		section .box-full{
			background:url('../img/bg-box-full.png') no-repeat 0 0;
			width:738px;
			padding:45px 100px;
			border:1px solid #252424;
			margin:0;
			}
		section #quoteform{
			float:left;
			}
		section #gallery{
			float:left;
			}
			section #galleryImage{
				position:relative;
				width:256px;
				height:242px;
				overflow:hidden;
				margin-top:16px;
				border:1px solid #313131;
				}
				#galleryImage div{
					position:absolute;
					bottom:0;
					left:0;
					background:url('../img/bg-opacity-70.png') repeat 0 0;
					padding:5px 12px;
					width:232px;
					}
					#galleryImage div p{
						font-size:0.9em;
						text-transform:uppercase;
						margin-bottom:0 !important;
						font-weight:bold;
						color:#f79321;
						line-height:1.3em !important;
						}
					#galleryImage div h3{
						font-size:1.2em;
						color:#fff;
						text-transform:none;
						margin-bottom:0;
						}
			section #gallery a{
				text-decoration:none;
				}
			section #gallery a.more{
				border-bottom:1px solid #252424;
				text-decoration:none;
				color:#aaa;
				display:block;
				padding:8px 15px;
				font-size:0.9em;
				background:url('../img/arrow.png') no-repeat 240px 15px;
				background-color:#101010;
				margin-top:20px;
				}
				section #gallery a.more:hover{
					background-color:#000;
					}
		section #about{
			float:right;
			margin-right:0;
			color:#aaa;
			}
			.box p,
			.box-full p{
				font-size:.95em;
				color:#aaa;
				}
				.box-full p{
					font-size:1em;
					margin-bottom:20px;
					}
					.box-full p:last-child{
						margin-bottom:0;
						}
			#about dl{
				margin-top:10px;
				}
				#about dt{
					background:url('../img/green_tick_large.png') no-repeat 0 3px;
					padding-left:20px;
					font-size:1.2em;
					font-weight:bold;
					color:#eee;
					margin-bottom:5px;
					}
					#about dd{
						margin-bottom:20px;
						color:#aaa;
						font-size:.95em;
						line-height:1.5em;
						}
						
/*Content Styles
*********************************************************/

article{
	width:560px;
	float:left;
	margin:30px 0;
	padding:0 20px;
	}
	article#contactcontainer{
		width:600px !important;
		}
	article#gallerycontainer{
		width:900px !important;
		}
	article#full{
		width:940px;
		}
	article h1{
		color:#eee;
		font-size:2.4em;
		margin-bottom:40px;
		font-weight:normal;
		line-height:100%;
		}
	article h2,article h3,article h4,article h5,article h6{
		font-size:1.6em;
		margin-bottom:12px;
		font-weight:normal;
		color:#ccc;
		}
		article h2{
			margin-top:-25px;
			margin-bottom:30px;
			}
		article h4{
			padding-top:10px;
			}
	article p{
		color:#888;
		margin-bottom:20px;
		}
		p.intro{
			font-size:1.2em !important;
			line-height:1.5em !important;
			}
		p.warning{
			font-weight:bold;
			}
	article address{
		color:#888;
		}
	article ul,article ol{
		margin-bottom:30px;
		}
		article ol{
			margin-left:20px;
			}
		article li{
			color:#888;
			margin-bottom:15px;
			}
			article ol li{
				list-style:decimal;
				}
			article ul li{
				padding-left:20px;
				list-style:none;
				background:transparent url(../img/bullet-standard.gif) no-repeat 0 5px;
				}
				ul#sitemap li{
					padding-left:35px;
					background:transparent url(../img/bullet-sitemap.gif) no-repeat 0 3px;
					}
				article ul.tick li{
					color:#888 !important;
					}
	article blockquote{
		color:#888;
		margin:0 80px 20px 80px;
		font-style:italic;
		}
	article a{
		color:#f79321;
		text-decoration:none;
		font-weight:bold;
		}
		article a:hover{
			color:#ddd;
			}
	article dl {
		margin-bottom:20px;
		}
		article dt {
			font-size:1.6em;
			margin-bottom:12px;
			font-weight:normal;
			color:#ccc;
			cursor:pointer;
			padding-bottom:10px;
			border-bottom:1px solid #222;
			background:url(../img/bg-accordion.gif) no-repeat right 0;	
			}
			article dt.open{
				background:url(../img/bg-accordion-active.gif) no-repeat right 0 !important;
				}
	.galleria-container{
		margin-top:50px !important;
		background:#101010 !important;
		border:1px solid #313131;
		}
		.galleria-info-description{
			font-size:1.1em !important;
			}
		.galleria-thumbnails .galleria-image{
			border:1px solid #ccc;
			width:40px !important;
			height:40px !important;
			overflow:hidden !important;
			}
			.galleria-thumbnails .galleria-image img{
				width:50px !important;
				}
	#contactinfo{
		float:right;
		width:190px;
		padding-left:40px;
		}
		#contactinfo h5{
			margin-bottom:20px;
			}
		#contactinfo p{
			font-size:1em;
			margin-bottom:20px;
			}
		#contactinfo div p{
			font-size:1em;
			margin-bottom:5px;
			}
		
/*Sidebar Styles
*********************************************************/

aside{
	width:300px;
	float:right;
	margin:30px 0;
	}
	div.widget{
		background:url('../img/bg-box.png') no-repeat 0 0;
		width:258px;
		padding:10px 20px;
		border:1px solid #252424;
		margin-bottom:20px;
		}
		#testimonialsinner,.testimonial{
			width:258px;
			height:130px;
			overflow:hidden;
			}
			.testimonials blockquote{
				padding:0 0 0 35px;
				background:url(../img/bg-blockquote-left.gif) no-repeat 0 2px;
				}
				.testimonials blockquote p{
					color:#aaa;
					font-style:italic;
					padding:4px 0;
					font-size:1.1em;
					margin:0 !important;
					background:url(../img/bg-blockquote-right.gif) no-repeat right bottom;
					width:224px;
					}
				p.testimonialauthor{
					padding-left:35px;
					margin:15px 0 0 0 !important;
					font-size:.85em;
					color:#777;
					line-height:1.5em;
					}
					p.testimonialauthor strong{
						color:#aaa !important;
						display:block;
						padding-bottom:5px;
						}
		aside #quoteform{
			margin-bottom:10px;
			}
		aside a{
			color:#f79321;
			text-decoration:none;
			font-weight:bold;
			}
			aside a:hover{
				color:#ddd;
				}
		aside ul#sitemap li{
			margin-bottom:10px;
			}
		#felphamoffice,#chichesteroffice{
			height:120px;
			width:236px;
			border:1px solid #252424;
			background-color:#101010;
			padding:10px;
			color:#aaa;
			margin-bottom:10px;
			font-weight:bold;
			}	
	
/*Footer Styles
*********************************************************/
	
body#secondary footer{
	clear:both;
	padding-top:8px;
	border-top:1px solid #252424 !important;
	}
	footer .left{
		float:left;
		width:600px;
		}
		footer ul{
			margin:5px 0;
			font-size:0.95em;
			}
			footer li{
				float:left;
				font-size:.9em;
				padding-right:10px;
				margin-right:8px;
				background:url(../img/divider-footer.png) no-repeat right 50%;
				}
				footer li:last-child,footer li.last-child{
					background:none !important;
					}
				footer a{
					color:#666;
					text-decoration:none;
					}
					footer a:hover{
						color:#aaa;
						}
		footer p{
			color:#666;
			font-size:0.9em;
			}
	footer .right{
		float:right;
		text-align:right;
		margin-top:5px;
		width:340px;
		}
		footer .right p {
			font-weight:bold;
			font-size:1em;			
			}
			img.cert{
				/*
				float:left;
				margin-right:20px;
				*/
				float:right;
				margin-top:3px;
				}
			
/*Form Element Styles
*********************************************************/
			
#quoteform form{
	float:left;
	margin-top:5px;
	}
	#quoteform div{
		float:left;
		margin:0 0 5px 0;
		width:258px;
		}
		#quoteform label{
			float:left;
			width:58px;
			text-transform:uppercase;
			color:#aaa;
			font-weight:bold;
			line-height:1.6em;
			font-size:.95em;
			padding-top:5px;
			}
		#quoteform input{
			float:right;
			background-color:#101010;
			border:1px solid #252424;
			font-size:.95em;
			width:188px;
			color:#aaa;
			line-height:1.4em;
			padding:3px 5px;
			font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
			margin-bottom:5px;
			}
		#quoteform textarea{
			float:right;
			background-color:#101010;
			border:1px solid #252424;
			width:188px;
			height:110px;
			margin-top:5px;
			color:#aaa;
			font-size:.95em;
			padding:3px 5px;
			font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
			}
			#quoteform input:hover,#quoteform textarea:hover{
				border:1px solid #333;
				background-color:#000;
				color:#ddd;
				}
			#quoteform .errorstatus{
				border:1px solid red !important;
				}
		#quoteform input.send{
			clear:both;
			float:left;
			background:url('../img/btn-submit.png') no-repeat 0 0;
			width:78px;
			height:31px;
			color:#000;
			border:0;
			padding:0;
			margin:10px 0 0 58px;
			font-size:1.2em;
			font-weight:bold;
			text-shadow:0 1px 1px #f9b465;
			cursor:pointer;
			overflow:hidden;
			}
			#quoteform input.send:hover{
				background:url('../img/btn-submit.png') no-repeat -78px 0;
				}
		#quoteform p,.widget p.warning{
			margin-bottom:10px !important;
			}
			#quoteform p.warning{
				margin-bottom:0 !important;
				font-weight:bold;
				}
			.widget p.warning{
				font-weight:bold;
				color:#aaa !important;
				}
			#quoteform p a{
				text-decoration:none;
				color:#f79321;
				font-weight:bold;
				}
				#quoteform p a:hover{
					color:#ddd;
					}
#contactform{
	float:left;
	}
	#contactform fieldset{
		margin-top:17px !important;
		}
		#contactform div{
			margin-bottom:10px;
			}
		#contactform label{
			float:left;
			width:160px;
			text-transform:uppercase;
			color:#aaa;
			font-weight:bold;
			line-height:1.6em;
			font-size:.95em;
			padding-top:5px;
			}
		#contactform input{
			background-color:#101010;
			border:1px solid #252424;
			font-size:.95em;
			width:188px;
			color:#aaa;
			line-height:1.4em;
			padding:3px 5px;
			font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
			margin-bottom:5px;
			}
		#contactform textarea{
			background-color:#101010;
			border:1px solid #252424;
			width:188px;
			height:110px;
			margin-top:5px;
			color:#aaa;
			font-size:.95em;
			padding:3px 5px;
			font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
			}
			#contactform input:hover,#quoteform textarea:hover,#contactform textarea:hover{
				border:1px solid #333;
				background-color:#000;
				color:#ddd;
				}
			#contactform .errorstatus{
				border:1px solid red !important;
				}
		#contactform input.btn{
			background:url('../img/btn-submit.png') no-repeat 0 0;
			width:78px;
			height:31px;
			color:#000;
			border:0;
			padding:0;
			margin:10px 0 0 0;
			font-size:1.2em;
			margin-left:160px;
			font-weight:bold;
			text-shadow:0 1px 1px #f9b465;
			cursor:pointer;
			overflow:hidden;
			}
			#contactform input.btn:hover{
				background:url('../img/btn-submit.png') no-repeat -78px 0;
				}
		#contactform p{
			margin-bottom:10px;
			}
			#contactform p.warning{
				margin-bottom:0 !important;
				font-weight:bold;
				}
			#contactform p a{
				text-decoration:none;
				color:#f79321;
				font-weight:bold;
				}
				#contactform p a:hover{
					color:#ddd;
					}
		span.required{
			color:#f79321;
			}
		
/*iOS Media Queries
*********************************************************/

@media screen and (max-device-width: 480px){
	header div.phoneNumbers a{
		color:#eee;
		text-decoration:none
		}
	}
		
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	header div.phoneNumbers a{
		color:#eee;
		text-decoration:none
		}	
	}