/* ---------- HTML5 ---------- */
header, footer, section, nav, article, details, hgroup, summary {display: block;}

::selection {background: #447cc1; color: #fff;		/* Safari */}
::-moz-selection {background: #447cc1; color: #fff;	/* Firefox */}

body {
	background: #fff url('../images/bg4.png') repeat;
	font-family: 'NobileRegular', Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #7c6f69;
	margin: 0; 	padding: 0;
	text-rendering: optimizelegibility;
}

a{text-decoration: underline; color: #447cc1;}
a:hover{text-decoration: none;}


h1, h2, h3, h4, h5{font-weight: normal; background: #fff; text-transform: uppercase;}

h1 {font-size: 1.273em; line-height: 23px;}
h1 img{float: left; width:70px}
h1 a{display: block; float: left; color: #7c6f69; text-decoration: none;}
h1 a:hover{color: #447cc1; }
h1 span{display: block; float: left;margin: 15px 0 0 10px;}
h2 {color: #b5b5b5; font-size: 1em; margin: 10px 0;}

p {line-height: 18px; /*background: #fff;*/	margin: 15px 0; }
ul{list-style: none;}

/* ---------- CLASSES ---------- */
.col2{width:420px; margin-right: 30px; float: left;}
.col1{width: 190px; margin-right: 30px; float: left;}
.last{margin-right: 0px;}
.clear{clear: both;}
.blue{color: #447cc1;}
.hr{border-bottom: 1px solid #e5e5e5; height:5px; margin-bottom: 10px;}


div#contentwrapper{
	width: 940px;
	border-top: 5px solid #447cc1;
	background: #fff;
	margin: 0 auto;
}

section#content{width:900px; margin: 0 auto;}


header {
	overflow: hidden;
	padding-bottom: 30px;
	margin: 10px 0 20px 0;
	border-bottom: 1px solid #e5e5e5;
}


/* ---------- NAVIGATION ---------- */
nav {float: right; margin-top:20px; list-style: none;}
nav li {float: left; margin-right: 40px;}
nav li.current_page_item a {color: #447cc1; border-color: #f4f1e2;}
nav li	a {
	display: block;
	text-transform: uppercase;
	color: #cfc6c1;
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: 1px solid #fff;
	position: relative;
}

nav li a:hover {color: #7c6f69;}


/* ---------- INTRO ---------- */
section#intro{
	background: url('../images/1.jpg') no-repeat top left;
	width:900px;
	height:393px;
	margin:0; padding:0 0 20px 0;
	border-bottom: 1px solid #e5e5e5;
}

section#intro h2{
	background: #447cc1;
	display: inline;
	font-size: 4em;
	color: #fff;
	line-height: 66px;
	margin:0; padding:0 0 5px 0;

	opacity:0.9; filter:alpha(opacity=90); -moz-opacity:0.90;

}

/* ---------- CLIENTS ---------- */
section#clients{height: 370px;}
section#clients ul {margin-left: 20px; list-style: square; color: #447cc1; height: 155px;}
section#clients ul li{margin: 3px 0;}

/* ---------- ACCREDITATIONS ---------- */
section#accreditations{	border-top: 1px solid #e5e5e5;}
section#accreditations ul li{float: left; margin: 0 40px 15px 0;}
section#accreditations ul li img {height:40px;}

section#pld-statement{	border-top: 1px solid #e5e5e5;}

/* ---------- CONTACT ---------- */
section#contact{height: 300px;}

ul.ul-contact {height:85px;}
ul.ul-contact li{margin:3px 0;}
ul.ul-contact li span{display: inline-block; width:50px;}


/* ---------- PROJECTS ---------- */
section#projects{border-top: 1px solid #e5e5e5;}
#projects h2{margin-top:20px;}
#featured_projects li{
	width: 250px;
	height: 250px;
	float: left;
	margin: 5px 50px 20px 0;
}
#featured_projects li#chard{background: url('../images/chard.jpg') no-repeat;}
#featured_projects li#rudheath{background: url('../images/rudheath.png') no-repeat;}
#featured_projects li#thebroomes{background: url('../images/thebroomes.jpg') no-repeat;}
#featured_projects li#wolstanton{background: url('../images/wolstanton.jpg') no-repeat;}
#featured_projects li a{display: block; height:100%; width:100%; text-decoration: none; }
#featured_projects li a span{
	display: block;
	background: #447cc1;
	font-size: 3em;
	color: #fff;
	margin-top:10px;
	padding: 5px;
	zoom: 1;
	-moz-opacity:.90; filter:alpha(opacity=90); opacity:.90;
}

#featured_projects li:hover{-moz-opacity:.90; filter:alpha(opacity=90); opacity:.90;}

#ul-accreditations li img {height:60px;}

/* ---------- FOOTER ---------- */
footer {
	clear: both;
	overflow: hidden;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 30px;
	border-top: 1px solid #e5e5e5;
}

footer section {float: left;}
footer aside {float: right;}
footer aside li {float: left; margin-left: 20px;}
footer aside li	a {
	text-decoration: none;
	color: #cfc6c1;
	text-transform: uppercase;
	border-bottom: 1px solid #fff;
	padding-bottom: 2px;
	position: relative;
}
footer aside li	a:hover
{
	color: #447cc1;
	border-color: #f4f1e2;
}

ul#alcumus {list-style: circle;}
ul#alcumus li {margin:10px 10px 10px 20px;}