﻿/* *************************
	ie png fix
************************* */
div, img, ul { behavior: url("iepngfix.htc"); }
/* *************************
	Generic
************************* */
html, body {
	height:100%;
	width:100%;
	min-width:950px;
	min-height:700px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	color:white;
	background:url(../images/background.jpg) no-repeat #000000;
	background-attachment:fixed;
}
#container {
	position:absolute;
	left:50%;
	margin:30px 0 0 -480px;
	width:940px;
	min-height:650px;
	padding-bottom:50px;
}
/* ********************* 
	HEADER 
********************** */
#emailNo {float:right; margin:40px 0 0 0;}
#emailNo img {display:block; clear:both;}
*:first-child+html #emailNo {margin:-40px 0 0 0}
* html #emailNo {margin:-40px 0 0 0;}
.divisions { margin:0px 0px 5px 80px;}
/* ********************* 
	NAVIGATION 
********************** */
.nav { 
	width:925px;
	height:30px; 
	padding:15px 0 0 15px;
	margin:30px 0 0 0;
	background-image:url(../images/navBg.png);
	_background:#000;
	overflow:hidden;
}
.nav ul {width:925px;} 
.nav li {
	display:inline; 
	color:#FFFFFF; 
	font-size:1.4em; 
	font-family:Helvetica, Arial, sans-serif;
	margin:0 10px 0 0;
}
.nav li.careers {
	float:right;
	margin:0px 15px 0 0;
}

*:first-child+html .nav li.careers {
	float:right;
	margin:-18px 15px 0 0;
}
* html .nav li.careers {margin:-20px 0 0 0; margin-right:15px;}


.nav li.careers a {
	color:#f16422;
}
.nav li.careers a.current {
	color:#ffffff; 
	text-decoration:none;
}  
.nav li.careers a:hover {
	color:#f16422; 
	text-decoration:none;
}

.nav li a {
	color:#555555; 
	text-decoration:none;
}
.nav li a.current {
	color:#ffffff; 
	text-decoration:none;
}  
.nav li a:hover {
	color:#ffffff; 
	text-decoration:none;
}
/* ********************* 
	LOWER BOXES 
********************** */
.lowerBox {
	float:left;
	width:161px;
	height:110px;
	background:url(../images/lowerBox.png) no-repeat;
	padding:10px 10px 0 10px;
	margin:8px 8px 0 0;
}
.lowerBox a {
	font-size:2.4em;
	color:#FFFFFF;
	margin:0 0 0 0;
	text-decoration:none;
}
.lowerBox p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#FFFFFF;
	margin:5px 0 0 2px;
}
.lowerBox#end {
	background:url(../images/lowerBoxEnd.png) no-repeat;
	padding:10px 10px 0 10px;
	margin:8px 0px 0 0;
}
.lowerBox#end p {padding:0 70px 0 0;}
form .newsletterInput { 
	width:156px; 
	height:21px; 
	background-color:#FFFFFF; 
	border:0; 
	font-family:Helvetica, Arial, sans-serif; 
	font-size:1.5em; 
	margin:7px 0px 0px 0px;
	padding:4px 0px 0px 4px;
}
form .newsletterButton { 
	background-color:transparent; 
	border:0; 
	font-family:Helvetica, Arial, sans-serif;
	font-size:2.4em; 
	color:#FFFFFF; 
	letter-spacing:0px; 
	margin:0; 
	text-indent:0px;
	
}
form .newsletterButton2 { 
	background-color:transparent; 
	border:0; 
	font-family:Helvetica, Arial, sans-serif;
	font-size:2.4em; 
	color:#FFFFFF; 
	letter-spacing:0px;; 
	margin:10px 0 0 -5px; 

	text-indent:0px;
	
}
/* ********************* 
	CONTENT AREA
********************** */
#content {margin:8px 0 0 0; }
#team #content{min-height:500px;}
#footer { float:left; margin-top:20px;}
.sColumn {
	display:block;
	float:left;
	width:225px;
	min-height:200px;
	margin-right:8px;
}
.sColumn img {margin:0 0 5px 0;}
.sColumn ul li {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	color:#ffffff;
	letter-spacing:-0.5px; 
	padding:8px 0 8px 0px;
	margin:0px 15px 0px 10px;
	border-bottom:1px dashed #fff;
	cursor:default;
}
/* *********************
	MEET THE TEAM AREA
********************** */
#teamHolder {width:940px; height:501px; clear:both;}
.thumbHolder {
	display:block;
	width:185px;
	height:400px;
	float:left;
}
.thumbs {
	height:55px;
	width:55px;
	margin:0 5px 5px 0;
	float:left;	
}
.infoHolder {
	width:752px;
	height:501px;
	float:left;
}
/* *********************
	CONTACT US PAGE
********************** */
#contactHolder {width:940px;}
#contactHolder h1 {margin:0; padding:0;}
#contactHolder h2 {margin:0; padding:0;}
.rightHolder {
	float:left;
	display:block;
	width:200px;
	_width:195px;
	height:603px;
	background:url(../images/bgRight.png);	
	padding:10px 10px 0 15px;
	margin:0 0 0px 0;
	overflow:hidden;
}
.rightHolder a {
	color:#999999;
	font-family:Helvetica, Arial, sans-serif; 
	font-size:1.8em; 
	letter-spacing:-1px;
	text-decoration:none;
}
.rightHolder a:hover {
	color:#ffffff;
	text-decoration:none;
}
.leftHolder {
	float:left;
	width:707px;
	height:612px;
	margin:0 8px 0px 0;
	overflow:hidden;
}
.leftHolder a {
	font-family:Helvetica, Arial, sans-serif; 
	font-size:1.8em; 
	color:#999999;
	letter-spacing:-1px;
	text-decoration:none;
	margin-top:5px;
}
.leftHolder .floatLeft {float:left;}
.leftHolder .floatRight {float:right;}
.mapHolder {
	width:677px;
	height:291px;
	background:url(../images/bgLeft.png);
	margin-bottom:8px;
	padding:10px 15px 0 15px;
	overflow:hidden;
}
.portfolioHolderL {
	width:677px;
	height:490px;
	background:url(../images/portfolio-bgLeft.png);
	margin-bottom:8px;
	padding:10px 15px 0 15px;
	overflow:hidden;
}
.portfolioHolderR {
	
	float:left;
	display:block;
	width:200px;
	_width:195px;
	height:490px;
 	background:url(../images/portfolio-bgRight.png);	
 	padding:10px 10px 0 15px;
	margin:0 0 0px 0;
	overflow:hidden;
}
.portfolioHolderR h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	color:#999999;
}
#portfolioHolder {
	padding:15px 0 0 10px;
}
.formHolder {
	width:687px;
	height:291px;
	background:url(../images/bgLeft.png);
	padding:10px 10px 0 10px;
	overflow:hidden;
}
.formHolder .leftForm {
	margin:40px 15px 0 10px;
	width:300px;
	height:190px;
	float:left;
	border-right:1px solid #444444;
}
.formHolder .rightForm {
	margin:40px 0 0 0;
	width:350px;
	height:190px;
	float:left;
}
.formHolder label {
	float:left;
	font-family:Helvetica, Arial, sans-serif; 
	font-size:1.8em; 
	color:#999999;
	letter-spacing:-1px;
	width:80px;
}
.formHolder .input {
	background:#222222;
	color:#777777;
	font-family:Helvetica, Arial, sans-serif;
	font-size:2em;
	font-weight:normal;
	border:0;
	width:200px;
	border:1px solid #444444;
}
.formHolder .input2 {
	float:left;
	background:#222222;
	color:#777777;
	font-family:Helvetica, Arial, sans-serif;
	font-size:2em;
	font-weight:normal;
	border:0;
	height:120px;
	width:250px;
	overflow:auto;
	margin:0 0 0 15px;
	border:1px solid #444444;
}
.formHolder .submit {
	background-color:transparent; 
	border:0; 
	font-family:Helvetica, Arial, sans-serif;
	font-size:2.4em; 
	color:#FFFFFF; 
	letter-spacing:0px;; 
	margin:10px 0 0 -5px; 
	margin-left: expression('-32px');
	text-indent:0px;
	float:right;
}
.formHolder input:hover {background:#111111;}
.formHolder input:focus, input:active {background:#111111;}
.formHolder textarea:hover {background:#111111;}
.formHolder textarea:focus, textarea:active {background:#111111;}
/* ********************* 
	ADDITIONAL STYLING
********************** */
h1 {
	font-family:Helvetica, Arial, sans-serif; 
	font-size:2.4em;
	font-weight:normal;
	color:#FFFFFF;
	letter-spacing:-1px; 
	margin:20px 0 0 0;
}
h2, .bigText p, li{
	font-family:Helvetica, Arial, sans-serif; 
	font-size:1.8em; 
	font-weight:normal;
	color:#999999;
	letter-spacing:0px;
	margin:20px 0 20px 0;
}
a{	
	color:#8BC53F;
	text-decoration:none;
}
p{font-size:1.2em; font-family:Arial, Helvetica, sans-serif; margin-bottom:15px;}
a:hover{text-decoration:underline; color:#FFFFFF;}
table td {
	text-align:center;
	vertical-align:middle;
	border:1px dashed #999999;
	padding:10px 5px 10px 5px;
}
#map {margin:10px 0 0 0;}
#map a { display:none; }
.spacer {clear:both; height:10px;}
.clear{clear:both;}
li{margin:0px 0px 30px 0px; color:#FFFFFF;}
.right{float:right; margin:0px 0px 40px 40px;}
.qmark{
	font-family:Helvetica, Arial, sans-serif; 
	font-size:2em; 
	color:#FFFFFF;
	letter-spacing:-1px; 
	margin:20px 0 0 0;
}
strong { font-weight:normal; }
/* **********************
 PORTFOLIO SECTION
*********************** */
.portfolioThumb {
	float:left;
	width:212px;
	font-size:16px;
	color:#ffffff;
	margin:0 20px 20px 0;
}
.portfolioThumb a {
	display:block;
	color:#ffffff;
	text-decoration:none;
}
.portfolioThumb a:hover {
	text-decoration:none;
}
.portfolioThumb img {
	margin-bottom:15px;
}
.portfolioThumb a img {
	border:4px solid #999999;
}
.all a:hover img {
	border:4px solid #000000;
}
.int a:hover img {
	border:4px solid #b93b94;
}
.des a:hover img {
	border:4px solid #f16321;
}
.mar a:hover img {
	border:4px solid #008cad;
}
.pho a:hover img {
	border:4px solid #8ac43e;
}
#slider { width:675px;
	height:415px; margin-top:10px; border:1px solid #ffffff; overflow:hidden;}
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;}
#slider li{ 
	/* 
	define width and height of list item (slide)
	entire slider area will adjust according to the parameters provided here
	*/ 
	width:675px;
	height:415px;
	overflow:hidden; 
}
span#prevBtn{ float:left; }
span#nextBtn{ float:right; }
#tooltip{
	position:absolute;
	border:0;
	background:url(../images/transTile.png);
	padding:15px 15px 15px 15px;
	color:#cccccc;
	max-width:250px;
	display:none;
	font-size:12px;
	font-family: Arial,Helvetica,sans-serif;
	}
#tooltip strong {
	font-weight:bold;
	color:#ffffff;
}	
.clientBox {
	background:url(../images/transTile2.png);
}
.clientBox a { display:block; width:100%; height:100%; }
.error {
	width:198px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:2em;
	font-weight:normal;
	border:0;
}
.columnizer {
	display:block;
	width:450px;
	float:left;
	margin-right:20px;
}

/* ***********************
	NEWS SECTION
************************ */

#newsHolder { 
width:940px;
min-height:400px;
clear:both;
}
.newsItem {
width:460px;
float:left;
margin:10px 0px 10px 0;
}
.newshead {
display:block;
width:460px;
height:9px;
background:url(../images/newshead.png) no-repeat;

}
.newsfoot {
display:block;
width:460px;
height:9px;
background:url(../images/newsfoot.png) no-repeat;
}
.newsmain {
width:450px;
min-height:50px;
background:url(../images/newsTranstile.png) repeat;
padding:5px 5px 5px 5px
}
.newsmain h2 { margin:0 0 0 10px; padding:0; }
.newsmain .date { color:#555555; font-size:11px; font-weight:normal; }
.newsmain p { margin:0 0 0 10px; padding:7px 10px 7px 0; }
.leftMargin { margin:10px 20px 10px 0;}
.newsLG { height:410px; }
.newsSmall { height: 181px; }
.newsThumbHolder { width:500px; height:100px; margin:10px 0 0 10px; }
.newsThumbHolder a img { border:3px solid #333333; margin:0 5px 5px 0; }
.newsThumbHolder a:hover img { border:3px solid #8BC53F; }
.green {
	color:#8bc53f;
}
.white {
	color:#ffffff;
}

