/* CFD */

@import"../css/sifr.css";
@import"../css/standard.css";
@import"../css/tabular.css";

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	font-family: Verdana;
	background: #342F2F;
	padding: 20px;
}

#navigation:after,
#banner:after,
#content:after  {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html #navigation,
* html #banner,
* html #content  {height: 1%;}
/* End hide from IE-mac */

/* Wrap */

#container {
	width: 770px;
	height: auto;
	margin: 0 auto;
}

/* Wrap */

#wrap {
	width: 770px;
	height: auto;
	border: 1px solid #615B5B;
	background: #FFF;
}

/* Header */

#header {
	width: 770px;
	height: 108px;
	background: #231E1E url('../images/core/phone.gif') right no-repeat;
}

#header div.logo {
	width: 310px;
	height: 61px;
	position: relative; left: 20px; top: 20px;
}

#header div.logo a img {
	border: 0;
}

/* Navigation */

div#navigation{
	height:32px;
	padding: 0 0 0 0;
	border-top: 1px solid #AFA9A9;
	border-bottom: 1px solid #AFA9A9;
	background: url('../images/core/tile-nav.gif') 0 0 repeat-x;
	z-index:100; }

ul#nav {list-style:none;}
ul#nav li {float:left; text-indent:-9999px; overflow:hidden;}
ul#nav li a {display:block; height:32px;}
ul#nav li a:hover {background-position:0 -32px!important;}

ul#nav li#home a {background:url('../images/nav/images/home.gif') no-repeat 0 0;width:127px;} 
ul#nav li#values a {background:url('../images/nav/images/values.gif') no-repeat 0 0;width:113px;} 
ul#nav li#services a {background:url('../images/nav/images/services.gif') no-repeat 0 0;width:143px;} 
ul#nav li#projects a {background:url('../images/nav/images/projects.gif') no-repeat 0 0;width:93px;} 
ul#nav li#ourpeople a {background:url('../images/nav/images/people.gif') no-repeat 0 0;width:96px;} 
ul#nav li#careers a {background:url('../images/nav/images/careers.gif') no-repeat 0 0;width:138px;} 
ul#nav li#contact a {background:url('../images/nav/images/contact.gif') no-repeat 0 0;width:60px;} 

body.s-home ul#nav li#home a {background-position:0 -32px!important;} 
body.s-values ul#nav li#values a {background-position:0 -32px!important;}
body.s-services ul#nav li#services a {background-position:0 -32px!important;} 
body.s-projects ul#nav li#projects a {background-position:0 -32px!important;} 
body.s-ourpeople ul#nav li#ourpeople a {background-position:0 -32px!important;} 
body.s-careers ul#nav li#careers a {background-position:0 -32px!important;} 
body.s-contact ul#nav li#contact a {background-position:0 -32px!important;} 


/* Banner */

#banner {
	width: 770px;
	background: #231E1E;
}

#banner div#left-banner,
#banner div.right-banner {
	float: left;
	height: auto;
	z-index:200;
}

/* Banner - Left Column */

#banner div#left-banner {
	width: 513px;
	height:285px;
	border-right: 1px solid #AFA9A9;
	background:url('../images/core/placeholder-flash.jpg');
	padding-top:0px;
}

#banner div#left-banner img {
	margin-top:116px;
}

/* Banner - Right Column */

#banner div.right-banner {
	width: 256px;
	color: #C8C3C2;
	font-size: 1.2em;
	padding-top: 15px;
}

#banner div.right-banner p {
	line-height: 1.4em;
	margin: 10px 0;
}

#banner div.right-banner div.cta {
	padding: 5px 20px;
}

/* Cta */

div.cta h3 {
	color: #FFF;
	padding: 5px 0;
	font-size: 0.9em;
	background: url('../images/core/icon-arrow.gif') right center no-repeat;
}

/* Content */

#content {
	width: 770px;
	height: auto;
	background: url('../images/core/tile-content.jpg') 0 0 repeat-y;
}

div.left-column,
div.right-column {
	float: left;
	height: auto;
}

#profile-container{width:auto;}
#profile-links{width:110px; float:left; padding:10px; background:#efefef; border:1px solid #CCCCCC;}
#profile-info{width:300px; float:left; padding:10px 0 10px 10px;}

div#profile-links h1 {font:10px Verdana, Arial, Helvetica, sans-serif; color:#333; padding:2px 0 7px 0;}
div#profile-links ul{list-style:none; margin:0; padding:0;}

div.profile p.qualification { color: #990000; font-size: 11px; }

.projects{width:464px;}

#thumbnails{width:464px;}
div#thumbnails ul{list-style:none;}
div#thumbnails li{display:block;float:left; padding:5px;}





/* Left Column */

div.left-column {
	width: 515px;
}

/* Right Column */

div.right-column {
	width: 255px;
}

/* Stats */

div.stats, div.projects-list {
	color: #FFF;
	padding: 23px;
	font-size: 1.1em;
}

div.stats h4, div.projects-list h4 {
	padding-bottom: 5px;
}

div.stats ul, div.projects-list ul {
	list-style-type: none;
}

div.stats ul li, div.projects-list ul li {
	line-height: 1.5em;
	margin: 5px 0;
	padding-left: 15px;
	background: url('../images/core/icon-stats.gif') 0 7px no-repeat;
}	

/* Contact Detail */

div.contact-details {
	color: #FFF;
	padding: 23px;
	font-size: 1.3em;
	background: #E00D0D;
}

div.contact-details p {
	line-height: 1.5em;
}

div.contact-details a {
	color: #FFF;
	text-decoration: underline;
}

/* Footer */

#footer {
	width: 724px;
	height: auto;
	padding: 15px 23px;
	font-size: 1.1em;
	color: #A09D9E;
}

#footer p {
	line-height: 1.5em;
}

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

#footer a:hover {
	color: #FFF;
}

#footer img {
	float: right;
}





.clearfix:after {
    content: "."; 
    clear: both; 
    display: block; 
    height: 0; 
    visibility: hidden;}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */