/************************************************************************

	GLOBAL CSS
	==========

	Provides all global styles for the site which more specific sections 
	can be built on using the layered css technique

	Author:		Tom Harman		[www.optixsolutions.co.uk]

	Listing Order:
	==============

	Universal
	Forms
	General Structure / Layout
	Navigation Elements
	Header Elements
	Body Elements
	Footer Elements
	Messages

************************************************************************/

/***********************************************************************
	UNIVERSAL STYLES
************************************************************************/

body {


padding: 0;
	 margin:0px;
	 background: url(../i/layout/bp_bgrpt.gif) #D8D8D8;
	 background-repeat: repeat-x;

}

/* footer-stick */ 
 


html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, abbr, input, select, textarea, table, td, th, a {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #328096;
	font-size:12px;
	line-height: 1.2em;
	
}

p{
	margin-bottom:10px;
	
}

div#content p, div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, 
div#content h6, div#content table, div#content ul, div#content ol, div#content form {
	margin: 1em 0;
}

p.inline img {

	display: inline;
	border: 1px solid #328096;
}

/***********************************************************************
	FORMS
************************************************************************/

fieldset, legend {
	border: none;
}

legend {
	background: transparent;
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0;
	padding: 0 .5em;
}

label {
	float: left;
	padding: 0 1em 0 0;
	text-align: right;
}

form fieldset div {
	clear: both;
	display: block;
	margin-bottom: .5em;
	padding: 0;
}

div.submit {
	clear: both;
	text-align: center;
	width: auto;
}

div.multi input {
	border: 0;
	width: auto;
}
 
form 									{ width: 100%; }

label		 							{ float: left;	height: 22px; width: 45%; }

fieldset div input,
fieldset div select,
fieldset div textarea  			{ width: 45%; }

fieldset div input.small,
fieldset div select.small,
fieldset div textarea.small 	{ width: 25%; }

div.req label						{ font-weight: bold; }

div.multi label 					{ height: 22px; }

div.req label:before, 
div.req p:before {
	content: "* ";
}

input:focus, textarea:focus {
	background: #fafafa;
	color: #000;
}

fieldset div input, 
fieldset div select, 
fieldset div textarea  {
	border: 1px solid #aaa;
	color: #333;
	font-weight: normal;
	padding: 1px;
}

div.submit input {
	background: #777;
	border: 1px solid #333;
	color: #fff;
	font-weight: bold;
	padding: 1px .7em;
	width: auto;
}

/***********************************************************************
	GENERAL STRUCTURE/LAYOUT
************************************************************************/
div#container {
background: url(../i/layout/bp_mainbg.gif) #ffffff;
	background-repeat: repeat-y;
   margin: 0 auto;
	width: 754px;
	height:auto;
min-height: 100%;
	}


/***********************************************************************
	HEADER ELEMENTS
************************************************************************/
div#header {

	height: 122px;
	background: url(../i/layout/bp_header.gif) 0 0 no-repeat;
}

/***********************************************************************
	BODY ELEMENTS
************************************************************************/

div#main {
	min-height:700px;

	
   width: 754px;


	/*height: 450px;*/
}





div#general_content{

margin-left:20px;
margin-top:30px;
text-align: justify;

	
}

div#content_left{

	float: left;
	width: 493px;
	padding-bottom: 5px;
}
div#content_left-arch{
background-image: url(../i/layout/watermark.jpg);
background-repeat: no-repeat;

	float: left;
	width: 493px;
	padding-bottom: 5px;
}
div#content_left-rec{

	float: left;
	width: 700px;
	padding-bottom: 5px;
}

div#content_left-sectors{

	float: left;
	width: 720px;
	padding-bottom: 5px;
}

div#content_left-home{

	float: left;
	width: 720px;
	padding-bottom: 5px;
}

div#content_right{
   background: url(../i/layout/bp_right_rpt.gif) 0 0 repeat-y;
	float:right;	
	padding-left:10px;
	width:200px;
	margin-right:10px;
	text-align: left;
}
div#content_right strong{

	text-align: left;
}
div#text-format-test{
	position: relative;
	float:left;
	width:250px;
	color: #328096;
		text-align: left;

}
div#text-format-test p{
	text-align: left;
}

div#text-study{
	position: relative;
	float:left;
	width:500px;
	color: #328096;
		text-align: left;

}
div#text-study p{
	text-align: left;
}
}

div#text-news-nopic{
	position: relative;
	float:left;
	width:500px;
	color: #328096;

}

div#text{
	position: relative;
	float:left;
	width:310px;
	color: #328096;

}
div#text a{
	color: #666666;
}
div#text a:hover{
	color: #3ab0d2;
}
div#text-rec{
	position: relative;
	float:left;
	width:450px;
	color: #328096;

}
div#text-rec a{
	color: #000;	
}
div#text-rec a:hover{
	color: #666666;
}

div#text-home{
	position: relative;
	float:left;
	width:400px;

}
div#text-home p{
			color: #328096;
}
div#text-home ul li{
			color: #328096;
}
div#text-home a{
	color: #666666;
}
div#text-home a:hover{
	color: #3ab0d2;
}


div#text-no-images{
	position: relative;
	float:left;
	width:480px;
}

div#text-sectors{
	position: relative;
	float:left;
	width:400px;
}

div#text-no-images ul li{
list-style: disc;
margin-left: 20px;
margin-bottom: 10px;
}

div#text-contact{
	position: relative;
	float:left;
	width:300px;
}
div#text-contact a{
	color: #666666;
}
div#text-contact a:hover{
	color: #3ab0d2;
}

div#text-studies{
	position: relative;
	float:left;
	width:450px;
}
div#text-studies a{
	color: #666666;
}
div#text-studies a:hover{
	color: #3ab0d2;
}



div#text-contact ul li a{
	background-image: url(../i/layout/bp_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 15px;
}
div#text-contact ul li a:hover{
	background-image: url(../i/layout/bp_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 15px;
	color: #3ab0d2;
}

div#text-partners{
	
	position: relative;
	float:left;
	width:494px;
}
div.partner{
	padding: 10px;
	margin-bottom: 5px;
	border: 1px solid #E3E3E3;
/*	background: #fff url(../i/layout/bp_underlinegreen.gif) 0 0 repeat-x;
	background-position: bottom;*/
}

div.partner img{
	padding-bottom: 5px;
	float: right;
	padding-left: 10px;
	padding-top: 25px;
}
div.partner a{
	color: #666666;	
}
div.partner a:hover{
	color: #0C5C2A;	
}
div#pics-format-test{
	float: right;
	width: 220px;
/*	margin-right:10px;
	margin-left: 5px;*/
}
div#pics-format-test img{
position: relative;
/*right: 17px;*/

}
* html div#pics-format-test img{
position: relative;
right: 0px;
}
div#pics-study{
	float: left;
	width: 500px;
/*	margin-right:10px;
	margin-left: 5px;*/
}
div#pics-study img{
display: inline;
position: relative;
padding-bottom: 10px;
padding-right: 10px;
/*right: 17px;*/

}
* html div#pics-study img{
position: relative;
right: 0px;
}
/*div#pics{
	float: right;
	width: 160px;
	margin-right:10px;
	margin-left: 5px;
}*/

div#pics img{
position: relative;
right: 17px;
}
* html div#pics img{
position: relative;
right: 0px;
}



div#pics object{
position: relative;
right: 17px;
background: url(../i/photos/loading.jpg);
background-position: 50% 50%;
background-repeat: no-repeat;
}
* html div#pics object{
position: relative;
right: 0px;
}


div#pics object#home{
float: right;
right: 1px;
}
* html div#pics object#home{
position: relative;
right: 0px;
}



div#pics-contact{
	float: right;
	width: 220px;
/*	margin-right:10px;
	margin-left: 5px;*/
}

div#pics-contact img{
position: relative;
/*right: 17px;*/
}

div#content_left-contact{

	float: left;
	width: 700px;
	padding-bottom: 5px;
}


div#main ul#bullet {
float:left;
	margin-right: 5px;
	margin-bottom:10px;

}

div#main ul#bullet2 {
	margin-right: 5px;
	margin-bottom: 10px;
}

div#main ul#bullet li{
padding-left:15px;
background:  url(../i/layout/bp_bullet.gif);
background-position:  0 2px;
background-repeat: no-repeat;
}

/********************news with bullets**************************/
div#text-news-nopic ul#bullet {
float:left;
	margin-right: 5px;
	margin-bottom:10px;
}
div#text-news-nopic ul li{
padding-left:15px;
background:  url(../i/layout/bp_bullet.gif);
background-position:  0 2px;
background-repeat: no-repeat;
}
div#text-format-test ul#bullet {
float:left;
	margin-right: 5px;
	margin-bottom:10px;
}
div#text-format-test ul li{
padding-left:15px;
background:  url(../i/layout/bp_bullet.gif);
background-position:  0 2px;
background-repeat: no-repeat;
}
/*****************************************************************/


div#headercontainer{
height:20px;
font-size:11px;
font-weight: bold;
	background: url(../i/layout/bp_underlinegreen.gif) 0 0 repeat-x;
	background-position: bottom;
   margin-bottom:15px;
}
div#headercontainer-home{
color:#328096;
font-size:14px;
font-weight: bold;
/*	background: url(../i/layout/homepage-topper.jpg) 0 0 repeat-x;*/
	background-position: bottom;
   margin-bottom:15px;
/*	text-indent: -999px;*/
/*	height: 67px;*/
}

div#headercontainer2, div.headercontainer2{

	/*height:20px;*/
	font-size:11px;
	font-weight: bold;
	background: url(../i/layout/bp_underlinedotted.gif) 0 0 repeat-x;
	background-position: bottom;
	padding-bottom: 6px;
   margin-bottom:15px;
}

p.casecontent {
	padding-bottom: 10px;
	background:url(../i/layout/bp_underlinedotted.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}


/***********************************************************************
	NAVIGATION
************************************************************************/

div#nav_case li a{
	float: right;
	text-indent: -999em;	
	background-image: url(../i/layout/bp_casestudiestab.gif);
	width: 158px;
	height: 31px;
	margin-right:10px;
	margin-top: 10px;
	outline: none;
/*	display: block;*/
}

* html div#nav_case li a{
	margin-right:6px;
}

div#navbar_bg{
   width:754px;
	height: 60px;
	background: #fff url(../i/layout/bp_navbarbg.gif) 0 0 no-repeat;
}

* html div#nav  {
	margin-left:7px;
}

div#nav {

	z-index: 555;
	float:left;
	position: relative;
	margin-left:12px;
 	margin-top:33px;
	width: 570px;
	height: 18px;
}



div#nav ul#tabs li {
	float: left;
}

div#container div#nav ul li ul {
	background: #F6F6F6;
	display: none;
	position: absolute; 
	top: 41px;
	padding: 0;
	margin: 0;
	width: 120px;
	min-height: 10px;
}
div#container div#nav ul li ul li a {
	background: url(../i/layout/bp_nav-level-2-bullet.gif);
	background-repeat: no-repeat;
	color: #000000;
	display: block;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	min-height: 13px;
	height: auto;
	padding: 3px 3px 3px 9px;
	position: relative;
	text-decoration: none;
	text-indent: 0;
	width: 180px;

}

body div#container div#nav ul li ul li a:hover {
	background-image: url(../i/layout/bp_nav-level-2-bullet.gif);
	background-color: transparent;
	background-repeat: no-repeat;
	color: #328096;
}



div#container div#nav ul li ul li {
	background: #fff url(../i/layout/bp_nav-level-2-bg.gif) 0 bottom repeat-x;
	clear: both;	
	width: 180px;
	padding: 0;
	margin: 0;
}

div#nav ul li#tab-home a 				         { width: 71px; }
div#nav ul li#tab-about a 				         { width: 72px; }
div#nav ul li#tab-services a 				      { width: 70px; }
div#nav ul li#tab-sectors a 				      { width: 58px; }
div#nav ul li#tab-recruitment a 				   { width: 64px; }
div#nav ul li#tab-partners a 				      { width: 69px; }
div#nav ul li#tab-news a 				    	   { width: 55px; }
div#nav ul li#tab-contact a 				    	{ width: 68px; }


div#container div#nav ul li:hover ul, 
div#container div#nav ul li.over ul { 
	background: url(../i/layout/bp_arrow.gif) 0 0 no-repeat;
	display: block; 
	margin-top: -25px;
	padding-top: 10px;
	width:180px;
}

div#nav ul#tabs li#tab-home a 				   { background-position: 0px 0; }
div#nav ul#tabs li#tab-about a 				   { background-position: -73px 0; }
div#nav ul#tabs li#tab-services a 				{ background-position: -146px 0; }
div#nav ul#tabs li#tab-sectors a 				{ background-position: -217px 0; }
div#nav ul#tabs li#tab-recruitment a 			{ background-position: -276px 0; }
div#nav ul#tabs li#tab-partners a 				{ background-position: -339px 0; }
div#nav ul#tabs li#tab-news a		 				{ background-position: -408px 0; }
div#nav ul#tabs li#tab-contact a		 			{ background-position: -460px 0; }


div#nav ul#tabs li#tab-home a:hover 				   { background-position: 0px -27px; }
div#nav ul#tabs li#tab-about a:hover 				   { background-position: -73px -27px; }
div#nav ul#tabs li#tab-services a:hover 				{ background-position: -146px -27px; }
div#nav ul#tabs li#tab-sectors a:hover 				{ background-position: -217px -27px; }
div#nav ul#tabs li#tab-recruitment a:hover 			{ background-position: -276px -27px; }
div#nav ul#tabs li#tab-partners a:hover 				{ background-position: -339px -27px; }
div#nav ul#tabs li#tab-news a:hover 					{ background-position: -408px  -27px; }
div#nav ul#tabs li#tab-contact a:hover 				{ background-position: -460px  -27px; }

div#nav ul#tabs li a {
	background-image: url(../i/layout/bp_navbar.gif);
	background-repeat: no-repeat;
	color: #fff;
	display: block;
	height: 18px;
	position: relative;
	text-indent: -999em;

	outline: none;
}



/***********************************************************************
	FOOTER ELEMENTS
************************************************************************/
div#footer{
 clear: both;
	margin: 0 auto;
	width:754px;
	height:33px;
	font-style: italic;background: #fff url(../i/layout/bp_footer.gif) 0 0 no-repeat;

}

div#footer ul {

	color: #535353;
	margin-left:18px;
	padding-top:5px;

}

div#footer ul li{
	font-size: 10px;
	position: relative;
	float:left;
	padding-right:5px;
}

div#footer ul li a{
font-size: 10px;
color: #535353;
}

div#footer ul li a:hover{
	color: #00441C;
}

div#footer ul li#tel{
	float:right;
	margin-right:13px;
}

#clearfloats {
clear: both;
}

/***********************************************************************
	MESSAGES
************************************************************************/

.error { 
	color: #a00;
	font-weight: bold;
}

.error ol li {
	font-weight: normal;
	list-style-type: lower-roman;
	list-style-position: inside;
	margin-left: 0;
	padding-left: 1em;
	text-indent: 1em;
}

.notice {
	color: #d22;
	font-weight: bold;
}

.message { 
	
}

/*********lightBox styles from here down******************************/
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 999;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;

	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink{
	width: 49%;
	height: 100%;
	background:url(../images/prevlabel.gif) left 100% no-repeat; 
	display: block;
	}
#nextLink{
	width: 49%;
	height: 100%;
	background:url(../images/nextlabel.gif) right 100% no-repeat;  
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 100% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 100% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 666;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

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

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

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

/********************************************************************/




/**********************************************************************/
/**********************EXPANDING MENUS*********************************/
.menu1{
background-image: url(../i/layout/bp_bullet.gif);
background-position: 0 4px;
background-repeat: no-repeat;
margin-left:25px;
padding-left:20px;
padding-top:2px;
padding-bottom: 2px;
display:block;
text-decoration: none;
color: #328096;
height: 20px;
	outline: none;
}


 .submenu{
background-image: url(../i/layout/sitemap-dotted.gif);
background-position: 0 2px;
background-repeat: no-repeat;
display: block;
height: 19px;
margin-left: 48px;
padding-top: 2px;
padding-left: 15px;
color: #333333;
	outline: none;
}

.hide{
display: none;


}
.show{
display: block;
margin-left: 20px;
}
/**********************************************************************/

div#pics-test{

float: right;
}


div#news-index{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
clear: left;
width:400px;
margin-top: 5px;
position: relative;
	float:left;
	background:url(../i/layout/bp_underlinedotted.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 5px;
}
div#news-index p{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

}
div#news-index p span{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
div#news-index p span a{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


div.case-images{
	position: relative;
	float: left;
	clear: both;
	margin-bottom: 10px;
}