/*=======================================================
40 Seven CSS
Created by Ripe Design (UK) Ltd. (http://www.ripe.co.uk)
=======================================================*/

/*START override default styles*/

* html img, div, a, input { behavior: url(iepng.htc); }

body {
	font:0.75em Arial, Helvetica, Sans-Serif;
	color:#707b8a;
	background:#c2c2c2 url(../images/common/bg.png) repeat-x;
	padding:0px 0px 30px 0px;
	margin:0px;
	text-align:center;
}
h1, h2, h3, h4, h5, h6 {
	font:Arial, Helvetica, Sans-Serif;
	margin-top:0px;
	color:#636A78
}
a {
	color:#2172C3;
	text-decoration:underline;
}
a:hover, a:active, a:focus {
	text-decoration:none;
	color:#ffffff;
}

a img {
	display:block;
	border:3px solid #DDD
}
p {
	font-size:1em;
	line-height:1.8em;
	margin-top:0px;
	margin-bottom:10px;
	padding:0px 0px 10px 0px;
}
form { margin:0px }
input, select, textarea {
	font:normal 1.0em Tahoma, Arial, Helvetica, Sans-Serif;
	color:#636A78
}

label { cursor:pointer }

.no_display {
	display:none;
}

/*END override default styles*/

/*miscellaneous styles used throughout*/

.highlight, .highlight a { color:#00CC66 }
a.fullStory { float:right }
.hide, .print { display:none }
.floatLeft { float:left }
.floatRight { float:right }
.noborder, .noborder img { border:none; }
.nomargin { margin:0px!important }
.divider {
	display:block;
	clear:both;
	background-color:#DDD;
	height:1px;
	margin:17px 0px 17px 0px
}
.clear { clear:both;}
.ul {text-decoration:underline;}
/*IE5 mac hack \*/
* html .divider { font-size:0.00000001em }
/*end IE5 mac hack*/


/* ----------------------------- Navigation -------------------------- */

ul#main_nav {
	clear:both;
	list-style:none;
	padding:0px 10px;
	margin:0px 0px 0px 24px;
	
}
ul#main_nav li {
	float:left;
	margin:0px 1px 0px 0px;
	padding:0px;
	height:36px;
	background: url(../images/nav/tab_off_right.png) no-repeat right top;
	position:relative;
}

ul#main_nav li.active, ul#main_nav li:hover {
	background: url(../images/nav/tab_on_right.png) no-repeat right top;
}

ul#main_nav li a {
	display:block;
	color:#191919;
	font-weight:200;
	background: url(../images/nav/tab_off_left.png) no-repeat left top;
	text-align:center;
	text-decoration:none;
	display:block;
	height:16px;
	padding:10px 12px 10px 12px;
	white-space:nowrap;
	min-width:50px;
	float:left;
}

ul#main_nav li.active a, ul#main_nav li:hover a {
	display:block;
	background: url(../images/nav/tab_on_left.png) no-repeat left top;
}

/* ie fix */
*ul#main_nav {
	margin:0 0 0 18px;
}
*ul#main_nav li a {
	padding:10px 14px;
}
*ul#main_nav li.active, ul#main_nav li:hover {
	background:none #666!important;
	color:#FFFFFF;
	font-weight:100;
}
*ul#main_nav li.active a, ul#main_nav li a:hover {
	background:none #666!important;
	color:#FFFFFF;
	font-weight:100;
}
/* end fix */

/* ----------------------------- Navigation Dropdown -------------------------- */


ul#main_nav li:hover ul.hover {
	display:block;
	z-index:30;
}

ul.hover {
	background:#fff;
	border:#333 1px solid;
	border-top:none;
	position:absolute;
	left:-1px;
	top:35px;
	width:640px;
	display:none;
	padding:10px;
	color:#333333;
	list-style:none;
	text-decoration:none;
	z-index:1000;
}

/* =================== IE fix for position as its really great! ==================== */
*ul.hover {
	left:-41px;
}



ul.hover li, ul.hover li:hover {
	width:150px;
	/*padding:10px;*/
	background-image:none!important;
	display:block;
	height:auto!important;
}
ul.hover li a {
	color:#000;
	font-size:10px;
	font-weight:bold!important;
	background-image:none!important;
	text-align:left!important;
	white-space:normal!important;
	width:150px;
	padding:10px 0px 0px 10px!important;
	
}
ul.hover li a:hover {
	text-decoration:underline;
	background-image:none;
}
ul.hover li ul {
	color:#FF00FF;
	list-style:none;
	padding:0px 10px 10px 10px;
	margin:0px;
	display:block;
}

ul.hover li ul li {
	margin:0px!important;
	padding:0px!important;
	text-align:left;
	height:auto!important;
}

ul.hover li ul {
	height: 110px!important;
	display: block;
}

ul.hover li ul li a {
	margin:0px!important;
	padding:0px 0px 2px 0px!important;
	font-weight:normal!important;
	color:#666666;
	width:150px;
	height:auto!important;
	white-space: normal;
}
ul.hover li ul li a:hover {
	text-decoration:underline!important;
}
ul.hover li ul li:hover {
	margin:0px;
	padding:0px;
	text-align:left;
}
ul.hover li ul li a:hover {
	margin:0px;
	padding:0px;
	text-align:left;
}



/* ----------------------------- Navigation Dropdown -------------------------- */

ul.hover.single {
	width:150px!important;
}
ul.hover.single li a {
	height:10px;
}




/* ----------------------------- Navigation Secondary -------------------------- */

ul#secondary_nav {
	width:210px;
	float:left;
	margin: 30px 0px 0px 0px!important;
	background:#c1c1c1 url(../images/secondaryNav/curveTop.jpg) top left no-repeat;
	padding:20px 0px 0px 0px!important;	
	list-style:none;
}
ul#secondary_nav ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
ul#secondary_nav li a {
	color:#555;
	text-decoration:none;
	padding:8px 20px;
	display:block;
}
ul#secondary_nav li a:hover, ul#secondary_nav li.current a, ul#secondary_nav li ul.active  {
	cursor:pointer;
	color:#000000;
}
ul#secondary_nav li ul {
	overflow:hidden;
	background:#fff;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
}
ul#secondary_nav li ul li a {
	color:#666;
	height: 15px;
	* margin: 0;
	* padding: 6px 0px 0px 20px;
}
ul#secondary_nav li ul li a:hover, ul#secondary_nav li ul li a.current {
	color:#7da8ae!important;
}
ul#secondary_nav li ul li.active a {
	color:#000;
}
span#secondary_nav_footer {
	background:url(../images/secondaryNav/curveBottom.jpg) bottom left no-repeat;
	height:30px;
	display:block;
}

/* ----------------------------- NavigationFooter -------------------------- */
ul#footer_nav {
	list-style:none;
	text-align:center;
	clear:both;
	padding:40px 0px 0px 0px;
	margin:0px!important;
}
ul#footer_nav li {
	display:inline;
	
}
ul#footer_nav li a {
	color:#707B8A;
	text-decoration:none;
	padding:5px;
	margin:0px 2px;
}
ul#footer_nav li a:hover {
	text-decoration:underline;
}

.nav_foot {
	clear:both;
	text-align:center;
	margin:0;
	padding:20px 0px 20px 0px;
}

.nav_foot li {
	display:inline;
	list-style-type:none;
}

.nav_foot li a {
	display:inline;
	color:#707b8a;
	text-decoration:none;
}
.nav_foot li a:hover {
	text-decoration:underline;
}

#nav_page_bot {
	text-align:right;
	padding-right:20px;
}
.navFooter {
	clear:both;
	text-align:center;
	margin:0;
	padding:50px 0px 0px 0px;
}

/* ------------------------------ login / logo  ------------------------------- */

#login{
	float:left;
	display:block;
	background: url(../images/common/login.png);
	height:50px;
	width:72px;
	margin:20px 0 0 30px;
}
#logout {
	background:url(../images/common/logout.png) no-repeat;
	display:block;
	float:left;
	height:50px;
	width:72px;
	margin:20px 0 0 30px;
}
#logout span {
	display:none;
}

#loginInfo {
	height:0px;
	width:920px;
	padding:0px 20px;
	background:url(../images/login/login_bkg.png) no-repeat top center;
	clear:both;
	margin-top:120px;
	overflow:hidden;
}
#loginInfo {
	*margin-top:20px;
}
#loginInfo form {
	padding:10px 25px;
	float:left;
}
#loginInfo form label {
	color:#fff;
	font-size:12px;
	margin: 15px 5px 10px 20px;
	float:left;
}
*#loginInfo form label {
	margin:12px 5px 10px 20px;
}
#loginInfo form input {
	width:150px;
	font-size:12px;
	margin:10px 5px;
	float:left;
}
#loginInfo form input#submit {
	background:url(../images/login/submit_bkg.png) right no-repeat;
	border:none 0px;
	color:#fff;
	width:90px;
	height:40px;
	text-align:left;
	cursor:pointer;
	margin:0px 0px 0px 20px;
}

#loginInfo ul {
	float:left;
	list-style:none;
	padding:13px 0px 0px 110px;
	text-align:right;
	
}
#loginInfo ul li {
	float:left;
}
#loginInfo ul li a {
	text-decoration:none;
	color:#fff;
	padding:3px 5px;
	margin:0px 5px;
}
#loginInfo ul li a:hover {
	text-decoration:underline;
}
#logo{
	float:right;
	display:block;
	background: url(../images/common/logo.png) top no-repeat;
	height:75px;
	width:121px;
	margin:20px 30px 0 0;
}

#logo span, #login span{
	display:none;
}

/* ------------------------------ Structure  ------------------------------- */

#wrapper{
	margin:0 auto;
	width:960px;
	text-align:left;
	padding:10px 0;
}


#page_top{
	clear:both;
	background: url(../images/common/bg_page_top.gif) 0 0 no-repeat;
	height:34px;
}

#page{
	padding:0 30px;
	/*background: transparent url(../images/common/page_bg.png) 0 0 repeat-y;*/
	background:#FFF;
}

#page h1{
	padding:30px 0 0 0;
	font-weight:normal;
	font-size:24px;
}

#page_bot{
	/*background: url(../images/common/page_bg_bot.png);*/
	background: url(../images/common/bg_page_bot.gif) 0 0 no-repeat;
	height:34px;
}

.left_col {
	width:670px;
	float:left;
	margin-right:20px;
}

.right_col {
	width:210px;
	float:left;
	color:#FFFFFF;
	padding-top:30px;
}

.right_col h2 {
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}


/* -------------------------- Homepage styles ---------------------------- */


#link_services {
	height:135px;
	width:210px;
	background:url(../images/homepage/OurServices.jpg) top left no-repeat;
}

#link_services:hover, #link_services.current {
	background:url(../images/homepage/OurServicesActive.jpg) top left no-repeat;
}
#link_sectors {
	height:135px;
	width:210px;
	background:url(../images/homepage/OurSectors.jpg) top left no-repeat;
}

#link_sectors:hover, #link_sectors.current {
	background:url(../images/homepage/OurSectorsActive.jpg) top left no-repeat;
}
#link_contact {
	height:135px;
	width:210px;
	background:url(../images/homepage/ContactUs.jpg) top left no-repeat;
}

#link_contact:hover, #link_contact.current {
	background:url(../images/homepage/ContactUsActive.jpg) top left no-repeat;
}
#link_cap {
	height:135px;
	width:210px;
	background:url(../images/homepage/Capabilities.jpg) top left no-repeat;
}

#link_cap:hover, #link_cap.current {
	background:url(../images/homepage/CapabilitiesActive.jpg) top left no-repeat;
}
#main_holder .col_1 {
	float:left;
	width:210px;
}



#main_holder .col_1 a {
	display:block;
	height:135px;
	width:210px;
	text-decoration:none;
}

#main_holder .col_1 a img {
	border:none;
}

#main_holder .col_2 {
	float:left;
	width:480px;
	height:270px;
	overflow:hidden;
}


#mainImage img{
}

#mainImage h1{
font-weight:normal;
background:#292929;
padding:5px 10px 5px 10px ;
float:left;
color:#fff;
z-index:30;
margin:-100px 0 0 0;
}

/* ---------------------------------- News Box ----------------------------------- */

#news_box {
	background:#626262 url(../images/common/news_box_top.gif) top right no-repeat;
	position:relative;
	padding:10px 10px 15px;
	width:190px;
}
#news_box a {
	color:#fff;
}
#news_box h2 {
	font-size:18px;
	padding-bottom:10px;
	font-weight:normal;
}

#news_box .detail_top {
	position:absolute;
	top:0;
	right:0;
	height:35px;
	width:35px;
	background: url(../images/common/news_box_top.gif) 0 0 no-repeat;
}

#news_box .detail_bot {
	position:absolute;
	bottom:0;
	_bottom:-1px;
	right:0;
	height:35px;
	width:35px;
	background:url(../images/common/news_box_bot.gif) 0 0 no-repeat;
}

#news_box img {
	border:1px solid #333;
	background:#FFF;
	padding:1px;
	float:left;
	width:67px;
	margin:0 5px 5px 0;
}

#news_box ul {
	margin:0px 0px 0px 0px;
	padding:0px;
}
#news_box ul li h2 {
	font-size:12px;
	font-weight:bold;
	padding-bottom:0px;
}
#news_box a.archive {
	color:#FFFFFF;
	margin:0px;
	padding:0px;
}
#news_box a.archive:hover {
	text-decoration:underline;
}
#news_box h3 {
	color:#fff;
	font-size:10px;
	font-weight:normal;
	padding:0px;
	margin:0px;
}
#news_box ul li a {
	text-align:right;
	display:block;
	text-decoration:none;
	border-bottom:solid 1px #fff;
	margin-bottom:5px;
}

/* ---------------------------------- News Page ----------------------------------- */

.news_item {
	list-style-type: none;
	clear:left;
	padding:0px 0px 15px 0px;
}
.news_item p {
	margin-bottom: 0;
	font-size:1em;
}
#mainContent .news_item h2 {
	border-bottom:solid 1px #333;
}
#mainContent .news_item a {
	background:url(../images/news/moreInfo.jpg) no-repeat left;
	padding:12px;
	color:#fff;
	text-decoration:none;
	width:660px;
	display:block;
}
#mainContent .news_item a:hover {
	text-decoration:underline;
}
p.pages {
	float:right;
}
p.pages a {
	color:#333;
	text-decoration:underline;
}
p.pages a:hover, p.pages a.active {
	color:#7da8ae;
}
p.return {
	text-align:right;
	float:right;
}
p.return a {
	color:#333;
	text-decoration:none;
}
p.return a:hover {
	text-decoration:underline;
}

/* -------------------------------- Services Page ------------------------------------ */

/* -------------------------------- Main content ------------------------------------ */

#mainContent {
	width:420px;
	margin:30px;
	float:left;
}
#mainContent a {
	color:#333333;
}
#mainContent a:hover {
	text-decoration:none;
}
#mainContent h2 {
	font-weight:normal;
	font-size:18px;
}
#mainContent ul	{
	padding:0px;
}

.twocol{
	margin:30px 30px 30px 0!important;
	width:660px!important;
}


/* ------------------------------- CTA ----------------------------------------- */

#contactDetails {
	background:url(../images/cta/cta_contact_bkg.jpg) no-repeat top;
	height:105px;
	width:210px;
	padding-top:30px;
}
#contactDetails p {
	background:#333;
	height:28px;
	width:130px;
	color:#fff;
	font-size:18px;
	padding:0px 5px 3px 5px;
	margin:0px 0px 2px 0px;
}
#contactDetails p a {
	color:#fff;
	text-decoration:none;
}
#contactDetails p a:hover {
	text-decoration:underline;
}
#relatedLinks {
	background:url(../images/cta/cta_related_curve.jpg) no-repeat bottom right #434343;
	padding:15px 20px;
	margin:30px 0px 0px 0px;
}
#relatedLinks ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#relatedLinks li a {
	color:#fff;
	text-decoration:none;
	padding:2px 0px 2px 30px;
	margin: 4px 0px;
	display:block;
	background:url(../images/cta/cta_related_bullet.jpg) no-repeat left;
}
#relatedLinks li a:hover {
	text-decoration:underline;
}


/* ------------------------------- Links Page ----------------------------------------- */

a.links {
	background:url(../images/links/anchorLink.jpg) no-repeat left;
	padding:5px 10px 5px 10px;
	color:#fff!important;
	text-decoration:none;
	display:block;
	width:660px;
}
a.links:hover {
	text-decoration:underline;
}
#mainContent img.iw_right{
	float:right;
	padding:10px 0px 10px 20px;
} 
#mainContent img.iw_left{
	float:left;
	padding:10px 20px 10px 0px;
} 


/* ------------------------------- Contact Page ----------------------------------------- */

#maincontactform {
	margin-top:20px;
}
#maincontactform ul {
	list-style:none;
}
#maincontactform ul li {
	margin:10px;
}
#maincontactform label {
	width:100px;
	padding-right:20px;
	display:block;
	float:left;
}
#maincontactform input {
	width:350px;
}
#maincontactform textarea {
	width:354px;
}
#maincontactform input.formButton {
	background:url(../images/contact/submit.jpg) no-repeat left;
	padding:11px 10px 14px 10px;
	color:#fff;
	cursor:pointer;
	border:0px none;
	margin-left:124px;
	width:360px;
	text-align:left;
}
ul.address {
	width:160px;
	height:140px;
	margin-right:30px;
	float:left;
	list-style:none;
}
ul.address li:first-child {
	color:#000;
}
ul.address li a {
	color:#333;
}
ul.addrress li a:hover {
	color:#333;
	text-decoration:underline;
}
	
/* ------------------------------- Vacancy Page ----------------------------------------- */

div.vacancy h2 {
	border-bottom:solid 1px #333;
}
div.vacancy a {
	background:url(../images/news/moreInfo.jpg) no-repeat left;
	padding:12px;
	margin:0px 0px 20px 0px;
	color:#fff;
	text-decoration:none;
	width:660px;
	display:block;
}
div.vacancy a:hover {
	text-decoration:underline;
}


/* ------------------------------- Login Page ----------------------------------------- */

div#loginForm label {
	padding-right:15px;
}
div#loginForm input {
	margin-right:15px;
}
div#loginForm input#submit {
	background:url(../images/login/submit_bkg.png) right no-repeat;
	border:none 0px;
	color:#000;
	width:90px;
	height:42px;
	text-align:left;
	cursor:pointer;
}
div#loginForm p.error {
	color:#FF0000;
}
ul#projects {
	list-style:none;
}
ul#projects li a {
	background:url(../images/login/bkg.jpg) no-repeat left;
	width:660px;
	padding:5px 10px;
	color:#fff;
	display:block;
	text-decoration:none;
	margin-bottom:3px;
}
ul#projects li a:hover {
	text-decoration:underline;
}
ul#categories, ul#categories ul {
	list-style:none;
}
ul#categories ul {
	margin:5px 0px;
}
ul#categories li.category a {
	background:url(../images/login/bkg.jpg) no-repeat left;
	width:660px;
	color:#fff;
	display:block;
	text-decoration:none;
	margin-bottom:3px;
	padding:5px 10px;
}
ul#categories li.category ul {
	padding:10px;
}
ul#categories li.category ul li {
	padding-bottom:10px;
}
ul#categories li.category ul li a {
	text-align:center;
	border-top:solid 1px #333;
	color:#333;
	padding:2px 0px;
	width:640px;
	margin:5px 0px;
	background:none!important;
}
ul#categories li.category ul li a:hover {
	text-decoration:underline;
	background:#333!important;
	color:#fff;
}

/*************** jqzoom *****************/
a.jqzoom{
	margin-bottom:25px;
}
div.jqZoomTitle{
	z-index:10000;
	text-align:center;
	font-size:11px;
	font-family:Tahoma;
	height:16px;
	padding-top:2px;
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	color: #FFF;
	background: #999;
}

.jqZoomPup{
	overflow:hidden;
	background-color: #FFF;
	-moz-opacity:0.5;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	z-index:10;
	border-color:#c4c4c4;
	border-style: solid;
	cursor:crosshair;
}

.jqZoomPup img{
	border: 0px;
}

.preload{
	-moz-opacity:0.8;
	opacity: 0.8;
	filter: alpha(opacity = 80);
	color: #333;
	font-size: 12px;
	font-family: Tahoma;
	text-decoration: none;
	border: 1px solid #CCC;
	background-color: white;
	padding: 8px;
	text-align:center;
	background-image: url(../images/zoomloader.gif);
	background-repeat: no-repeat;
	background-position: 43px 30px;
	width:90px;
	height:43px;
	z-index:10;
	position:absolute;
	top:3px;
	left:3px;
}

* html .preload{
	width:90px;
	height:43px;
}

.jqZoomWindow{
	border: 1px solid #999;
	background-color: #FFF;
}

.zoom_ieframe{
}

/* ========================= case studies ============================== */

#caseStudies {
	background:url(../images/caseStudies/bkg.jpg) repeat-x top;
	padding:20px;
	margin:20px 0px 0px 0px;
}
#caseStudies h2 {
	background: url(../images/caseStudies/pdf.png) no-repeat left;
	padding: 5px 0px 2px 34px;
	font-size:12px;
}
#caseStudies ul {
	list-style:none;
}
#caseStudies ul li {
	padding:0px 0px 0px 4px;
	font-size:11px;
}
#caseStudies ul li a {
	color:#333;
}