/* CSS Document */

/*--------------------------------------------------------------------------------------------
	Global 
  --------------------------------------------------------------------------------------------*/
html, body {
	margin:0;
	padding:0;
	min-height:100%;
	height:100%;
	text-align:center; /* For IE < 6 centring */
	background-color:#4B4B43;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
}

/* Floaters */
.right {
	float:right;
}
.left {
	float:left;
}
.clear {
	clear:both;
	line-height:0px;
	height:0px;
}
/* NB: Must have ie.css if you use this */
.clearfix:after {
    content:"."; 
    display:block;
	height:0;
    clear:both; 
    visibility:hidden;
}
a img {
	border:0;
}


/*--------------------------------------------------------------------------------------------
	Structural 
  --------------------------------------------------------------------------------------------*/
/* REMOVE EITHER OF BELOW */

div#Container { /* Static width */
	width:990px;			
	position: relative;
	min-height: 100%;	
	text-align:left;
	margin:-80px auto 80px auto;
}
div#Spacer{
	height:80px;
}
div#Body{
}
div#Logo{
	position:absolute;
	left:-81px;
	top:-7px;
}
div#BodyFooter{
	background:#4B4B43 url('../images/shadow-bottom.png') repeat-x left top;
	height:7px;
	position:relative;
}
div#BodyFooter img{
	position:absolute;
	left:-9px;
}
div#ContentWrapper{
	padding-left:74px;
	background:#4B4B43 url('../images/shadow-left.png') repeat-y left top;
}
/* Header */
div.header {
	height:195px;
	position:relative;
	width:916px;
	background:#E8ECDF url('../images/header-home3.jpg') no-repeat left top;
}
div#HeaderHome{
	background-image:url('../images/header-home3.jpg');
}

div#HeaderAbout{
	background-image:url('../images/header-about3.jpg');
}

div#HeaderServices{
	background-image:url('../images/header-services3.jpg');
}
div#HeaderProducts{
	background-image:url('../images/header-products3.jpg');
}
div#HeaderCaseStudies{
	background-image:url('../images/header-casestudies3.jpg');
}
div#HeaderContact{
	background-image:url('../images/header-contact3.jpg');
}
div#Nav {
	position:relative;
	top:149px;
}
div#Top {
	height:55px;
	padding-left:74px;
	background:#4B4B43 url('../images/shadow-top.png') repeat-x left top;
}
div#Content {
	background-image:url('../images/content-bg.jpg');
	background-repeat:repeat-y;
}
div#ContentLinerHome {
	background:url('../images/news.jpg') no-repeat left bottom;
	zoom: 1;
}
div#ContentLinerAbout {
	background:url('../images/num-about.jpg') no-repeat left bottom;
	zoom: 1;
}
div#ContentLinerServices {
	background:url('../images/num-services.jpg') no-repeat left bottom;
	zoom: 1;
}
div#ContentLinerProducts {
	background:url('../images/num-products.jpg') no-repeat left bottom;
	zoom: 1;
}
div#ContentLinerCaseStudies {
	background:url('../images/num-casestudies.jpg') no-repeat left bottom;
	zoom: 1;
}
div#ContentLinerContact {
	background:url('../images/num-contact.jpg') no-repeat left bottom;
	zoom: 1;
}

/* Footer */
div#FooterContainer {
	position:relative;
	width:100%;
	margin-top:-40px;
	height:40px;
	background-color:#FFF;
	text-align:left;
	font-size:0.85em;
}
div#Footer span.copyright{
	margin-top:15px;
	color:#F76314;
	float:left;
	margin-left:75px;
	width:200px;
}
div#Footer a {
	color:#F76314;
	text-decoration:none;
}
div#Footer span.address{
	color:#818175;
	float:left;
	margin-top:7px;
	margin-left:40px;
}
div#Footer span.address a{
	color:#818175;
}
div#Footer p{
	margin:0px;
	padding:0px;
}
div#Footer{
	width:990px;
	margin:0px auto 0px auto;
}
div#Left{
	width:241px;
	float:left;
	margin-bottom:92px;
}
div#Left a{
	text-decoration:none;
}
#Left div.newsitem{
	width:216px;
	padding:10px 10px 10px 15px;
}
#Left div.newsitem p{
	margin-top:0px;
	margin-bottom:0px;
}
div#Right{
	width:652px;
	float:right;
	color:#4B4B43;
	margin-bottom:40px;
}
div#Right div#ContentText{
	padding-right:25px;
}
div#Right h1{
	color:#A6A89D;
	font-weight:normal;
	margin:17px 0px 12px 0px;
}
div#Right p{
	color:#4B4B43;
}
div#Right div.introText{
}
div#Right div.introText p{
	font-size:1.05em;
	line-height:18px;
}
div#Right img{
}
div#Right ul{
	color:#4B4B43;
	font-size:0.9em;
}
div#Right img.people{
	float:left;
	margin:0px;
}
div#Right a{
	color:#F76314;
	text-decoration:none;
}
div#Right a:hover {
	text-decoration:underline;
}
div#Right table td{
	vertical-align:top;
}
div#Right div.newsitem{
	padding:0px 0px 20px 0px;
}
#Right div.newsitem h2 {
	margin-top:0px;
	margin-bottom:0px;
	font-size:1.0em;
	color:#666;
	text-transform:none;
}
#Right div.newsitem h2 a {
	color:#4B4B43;
}
div#Right div.newsitem p{
	margin-top:0px;
	margin-bottom:0px;
}
div#RightLeft{
	float:left;
	padding-right: 25px;
	width:424px;
}
div#RightRight{
	float:left;
	margin-top:65px;
	border-left:1px solid #B1B3A7;
	width:200px;
	text-align:center;
}
div#RightRight img{
}
div#RightRight p{
	padding:0px 0 0px 10px;
	text-align:left;
}
div#RightLeftHome{
	float:left;
	padding-right:25px;
	width:350px;
}
div#RightRightHome{
	float:left;
	padding-top:65px;
	text-align:center;
	width:270px;
}
div#People div.person{
	width:632px;
	float:left;
}
div#People div.Top{
	width:632px;
	height:29px;
	float:left;
}
div#People div#Top1{
	background:#FFFFFF url('../images/people-top1.jpg') no-repeat left top;
}
div#People div#Top2{
	background:#FFFFFF url('../images/people-top2.jpg') no-repeat left top;
}
div#People div#Top3{
	background:#FFFFFF url('../images/people-top3.jpg') no-repeat left top;
}
div#People div#Top4{
	background:#FFFFFF url('../images/people-top4.jpg') no-repeat left top;
}
div#People div.content{
	border:1px solid #DCE1D7;
	border-top:none;
	padding:45px 20px 15px 20px;
}
div#People h2 {
	color:#F76314;
	font-size:1.2em;
	margin:0px;
	font-weight:normal;
	text-transform:none;
}
div#People h3 {
	color:#4B4B43;
	font-size:0.8em;
	margin:0px 0px 10px 0px;
	text-transform:uppercase;
}
div#People div.content p{
	color:#4B4B43;
	font-size:0.8em;
	margin-bottom:3px;
}
div#People div.content a{
	color:#F76314;
	text-decoration:none;
}

div.teamMember {
	margin:0 30px 10px 0;
}
div.teamMemberImage {
	float:left;
	width:145px;
	text-align:center;
}
div.teamMemberDetails {
	float:right;
	width:445px;
}

/*
div#Slogan{
	float:right;
	margin-top:19px;
	margin-right:15px;
}
div#Slogan span.orange{
	color:#F76314;
}  
div#Slogan p{
	color:#FFF;
}*/
div#Slogan{	
	float:right;
	margin-top:19px;
}
div#SearchContainer{
	float:left;
	margin-top:16px;
}
div#SearchContainer img, input{
	float:left;
	margin-right:10px;
}
div#SearchContainer div#Search{
	float:left;
}
div#SearchContainer input.action{
	float:left;
	margin-top:2px;
}
div#Menu{
	margin-left:241px;
	height:26px;
}
div#Menu div.menuitem{
	width:134px;
	height:26px;
	margin:0px 0px 0px 1px;
	float:left;
	overflow:hidden;
}
div#Menu div.menuitem p{
	color:#FFFFFF;
	padding:0px 3px 0px 10px;
	margin:0px;
	font-size:0.8em;
}
div#Menu div.menuitem img{
	float:right;
	margin:0px 4px;
}
div#Menu div.menuitem div.spacer{
	width:120px;
	height:0px;
	line-height:0px;
	border-bottom:1px dotted #FFFFFF;
	margin:2px 7px 2px 7px;
	padding:0px;
}
div#Menu div.yellow{
	background:#BACB03 url('../images/subnav-yellow-dark.jpg') no-repeat left top;
}
div#Menu div.red{
	background:#670001 url('../images/subnav-red-dark.jpg') no-repeat left top;
}
div#Menu div.blue{
	background:#19A3FE url('../images/subnav-blue-dark.jpg') no-repeat left top;
}
div#Menu div.purple{
	background:#010066 url('../images/subnav-purple-dark.jpg') no-repeat left top;
}
div#Menu div.orange{
	background:#F66315 url('../images/subnav-orange-dark.jpg') no-repeat left top;
}
div#Menu div.menuitem a strong {
	font-size:13px;
}
div#Menu div.menuitem a {
	display:block;
	padding:5px;
	margin:0px;
	color:#FFF;
	text-decoration:none;
	font-size:0.85em;
	height:119px;
}
div#Menu div.menuitem a:hover {
}
.slideout{
	height:119px;
	margin-top:-93px;
}
.slideback{
	height:26px;
	margin-top:0px;
}
/*--------------------------------------------------------------------------------------------
	Navigation 
  --------------------------------------------------------------------------------------------*/  
/* Main nav */
ul#Navbar {
	list-style:none;
	padding:0px;
	margin:0px;
	position:absolute;
	top:0;
	left:0;
}  
ul#Navbar li {
	float:left;
}   
ul#NavbarBack {
	list-style:none;
	padding:0px;
	margin:0px;
	position:absolute;
	top:0;
	left:0;
}  
ul#NavbarBack li {
	float:left;
} 
ul#NavbarBack div.navBack {
	width:135px;
	height:46px;
	display:block;
}
ul#NavbarBack div.first {
	width:241px;
}

ul#NavbarBack div.background {
	background:url('../images/box.png') repeat left top;
}
ul#Navbar a {	
	display:block;
	width:125px;
	height:16px;
	text-align:left;
	padding:30px 0px 0px 10px;
	text-decoration:none;
	color:#D3D4CE;
	font-size:1em;
} 
ul#Navbar a:hover {
}  
ul#Navbar a.first {
	width:231px;
	padding:30px 0px 0px 10px;
	display:block;	
}
ul#Navbar a.currentHome,
ul#Navbar a.sectionHome {	
	background:url('../images/box.png') repeat left top;
	color:#FFFFFF;
} 
ul#Navbar a.currentAbout,
ul#Navbar a.sectionAbout {	
	background:url('../images/nav-about2.png') repeat left top;	
	color:#FFFFFF;
} 
ul#Navbar a.currentServices,
ul#Navbar a.sectionServices{
	background:url('../images/nav-services2.png') repeat left top;	
	color:#FFFFFF;
} 
ul#Navbar a.currentProducts,
ul#Navbar a.sectionProducts{
	background:url('../images/nav-products2.png') repeat left top;
	color:#FFFFFF;	
} 
ul#Navbar a.currentCaseStudies,
ul#Navbar a.sectionCaseStudies {
	background:url('../images/nav-casestudies2.png') repeat left top;
	color:#FFFFFF;	
} 
ul#Navbar a.currentContact,
ul#Navbar a.sectionContact {
	background:url('../images/nav-contact2.png') repeat left top;
	color:#FFFFFF;
}


ul#SecNavbar {
	list-style-type: none;
	margin:63px 0 0 0;
	padding:0px;
	width:132px;
	float:right;
	border-bottom:1px solid #B1B3A7;
	/*background-color:#FFFFFF;*/
}  
ul#SecNavbar li {
	border-top:1px solid #B1B3A7;	
	padding:0;
	margin:0;
}   
ul#SecNavbar a.parent {
	background:#DCE1D7 url('../images/bullet-dark.png') no-repeat 3px 7px;
	font-weight:bold;
	text-transform:uppercase;
} 
ul#SecNavbar a#current {
	background:#A6A89D url('../images/bullet-dark.png') no-repeat 3px 7px;
}
ul#SecNavbar a {	
	display:block;
	text-decoration:none;
	font-size:.9em;
	color:#4B4B43;
	padding:4px 0px 4px 15px;
	background:#FFFFFF url('../images/bullet-light.jpg') no-repeat 3px 7px;
} 
ul#SecNavbar a:hover {	
	background:#A6A89D url('../images/bullet-dark.png') no-repeat 3px 7px;
} 
/*--------------------------------------------------------------------------------------------
	Typography
  --------------------------------------------------------------------------------------------*/
/* Headings */
h1 {
	color:#A6A89D;
	font-size:2em;
}
h2 {
	color:#4B4B43;
	font-size:0.9em;
	font-weight:bold;
	text-transform:uppercase;
	margin:15px 0px 0px 0px;
}
h3 {
	color:#4B4B43;
	font-size:1.2em;
	margin:0px;
	margin-top:-10px;
	font-weight:normal;
}
h4 {
	color:#4B4B43;
	font-size:1.2em;
	margin:0px;
	font-weight:normal;
}

h5, h6 {
	color:#4B4B43;
	font-size:0.8em;
	margin:0px;
	padding:0px;
}
/* Type */
p {
	line-height:15px;
	margin-bottom:13px;
	margin-top:0px;
	font-size:0.9em;
}
.date{
}
.title{
	color:#4B4B43;
	font-weight:bold;
}


/*--------------------------------------------------------------------------------------------
	Forms - form, input, label etc
  --------------------------------------------------------------------------------------------*/
form {
	padding:0;
	margin:0;
}


div#Pagination {
	padding:0;
	margin:20px 0;
	text-transform:uppercase;
}
div#Pagination div.next {
	float:right;
	text-align:right;
	width:120px;
}
div#Pagination div.prev {
	float:left;	
	margin-right:10px;
}
div#Pagination span {
	float:right;	
}