/* CSS Document */





body 

{

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	background-color:#14235E;

}





/* type */



.bodytext

{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

}



a:link {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	text-decoration: underline;	

}



a.linkbig:link{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFFFFF;

	text-decoration:none;

}

a.linkbig:visited{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFFFFF;

	text-decoration:none;

}





#Layer1 {

	position:absolute;

	left:90px;

	top:78px;

	width:1000px;

	height:489px;

	z-index:1;

}







#nav

{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #14235E;

	list-style-image: none;

	list-style-type: none;

	height: 20px;

	width: 114px;

	left: 60px;

}







/* layout */



#wrapper

{

	width:100%;

	height:100%;

}





#header 

{

	width:1000px;

	height:129px;

}



#navHome

{

	width:19px;

	height:6px;

	position: absolute;

	top: 151px;

	left: 48px;

	background-color:#B9BCCD;

	z-index:300;

}



#navProfile 

{

	width:19px;

	height:6px;

	position: absolute;

	top: 171px;

	left: 48px;

	background-color:#B9BCCD;

	z-index:300;

}

 

#navServices

{

	width:19px;

	height:6px;

	position: absolute;

	top: 191px;

	left: 48px;

	background-color:#B9BCCD;

	z-index:300;

}



#navPeople

{

	width:19px;

	height:6px;

	position: absolute;

	top: 211px;

	left: 48px;

	background-color:#B9BCCD;

	z-index:300;

}



#navProjects

{

	width:19px;

	height:6px;

	position: absolute;

	top: 231px;

	left: 48px;

	background-color:#B9BCCD;

	z-index:300;

}



#navAwards

{

	width:19px;

	height:6px;

	position: absolute;

	top: 251px;

	left: 48px;

	background-color:#B9BCCD;

	z-index:300;

}



#navPress

{

	width:19px;

	height:6px;

	position: absolute;

	top: 271px;

	left: 48px;

	background-color:#B9BCCD;

	z-index:300;

}



#navClients

{

	width:19px;

	height:6px;

	position: absolute;

	top: 291px;

	left: 48px;

	background-color:#B9BCCD;

	z-index:300;

}



#navContact

{

	width:19px;

	height:6px;

	position: absolute;

	top: 311px;

	left: 48px;

	background-color:#B9BCCD;

	z-index:300;

}



#logo 

{

	width:92px;

	height:42px;

	position: absolute;

	top: 72px;

	left: 76px;	

	 }

	 

#mainimage

{

	width:812px;

	height:466px;

	position: absolute;

	top: 92px;

	left: 189px;	

	

	 }

	 

#profileimage

{

	width:810px;

	height:393px;

	position: absolute;

	top: 130px;

	left: 189px;

	/*border-left: 1px solid;

	border-color:#838BAA;*/

	border-right: 1px solid;

	border-color:#838BAA;

	

	 }

	 

#servicesbox

{

	width:510px;

	height:296px;

	position: absolute;

	top: 175px;

	left: 335px;

	border: 1px solid;

	border-color:#ffffff;

	color:#ffffff;

	background-color:#14235E;

	opacity: 0.95;

	filter: alpha(opacity=95);

	

	 }

	 

#servicesboxarrows

{

	width:490px;

	height:22px;

	position: absolute;

	top: 472px;

	left: 335px;

	border: 1px solid;

	border-color:#ffffff;

	color:#ffffff;

	background-color:#14235E;

	text-align: right;

	padding-right: 20px;

	padding-top: 2px;

	opacity: 0.95;

	filter: alpha(opacity=95);

	

}

	 

	 

 #textbox

{

	width:155px;

	height:280px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	font-weight: normal;

	text-align:left;

	padding-top: 9px;

	padding-right: 5px;

	padding-bottom: 0px;

	padding-left: 9px;

	z-index:1;

	float: left;

 }

 

 #contactimage

{

	width:544px;

	height:393px;

	position: absolute;

	top: 130px;

	left: 189px;

	border-left: 1px solid #838BAA;

	border-right: 1px solid #ffffff;

	

	 }

	 

	 

#contacttext

{

	width:200px;

	height:393px;

	position: absolute;

	top: 130px;

	left: 740px;

	padding-left: 15px;

	padding-top: 175px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	font-weight: normal;

}



#employmenttext

{

	width:350px;

	height:217px;

	position: absolute;

	top: 130px;

	left: 189px;

	border-left: 1px solid #838BAA;

	border-right: 1px solid #ffffff;

	padding-left: 194px;

	padding-top: 175px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFFFFF;

	line-height: 22px;

	font-weight: normal;

	

	 }

 

#slogan

{

	width:139px;

	height:90px;

	position: absolute;

	top: 420px;

	left: 50px;	

	

	 }

 

#label1

{

	width:430px;

	height:28px;

	position: absolute;

	top: 91px;

	left: 190px;

	padding-top: 10px;

	padding-left: 10px;

	font-family: Arial;

	font-size: 14px;

	font-style: normal;

	font-weight:normal;

	color: #FFFFFF;

	z-index:1;

	

}



#labelawards

{

	width:334px;

	height:28px;

	position: absolute;

	top: 91px;

	left: 571px;

	border-top: 1px solid #838BAA;

	border-right: 1px solid #838BAA;

	border-left: 1px solid #838BAA;

	vertical-align : middle;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFFFFF;

	text-align:right;

	font-weight:normal;

	padding-top: 10px;

	padding-right: 10px;

	padding-bottom: 0px;

	padding-left: 0px;

	z-index:1;

 }

 

#label2

{

	width:370px;

	height:28px;

	position: absolute;

	top: 91px;

	left: 596px;

	border-top-width: 1px;

	border-right-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: none;

	border-left-style: solid;

	border-top-color: #838BAA;

	border-right-color: #838BAA;

	border-left-color: #838BAA;

	vertical-align : middle;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFFFFF;

	text-align:right;

	font-weight:normal;

	padding-top: 10px;

	padding-right: 10px;

	padding-bottom: 0px;

	padding-left: 0px;

	z-index:1;

 }

 

 #label-home

{

	width:346px;

	height:28px;

	position: absolute;

	top: 91px;

	left: 620px;

	vertical-align : middle;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFFFFF;

	text-align:right;

	font-weight:normal;

	padding-top: 10px;

	padding-right: 10px;

	padding-bottom: 0px;

	padding-left: 0px;

	z-index:1;

 }

 

#leftline

{

	width:690px;

	height:375px;

	position: absolute;

	top: 129px;

	left: 189px;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #838BAA;

	text-align: left;

	padding-left: 80px;

	padding-top: 20px;

}



#leftlineprojects

{

	width:30px;

	height:373px;

	position: absolute;

	top: 130px;

	left: 189px;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #838BAA;

	text-align: left;

	padding-left: 68px;

	padding-top: 20px;

}



#projectsimages {

	position:absolute;

	left:299px;

	top:130px;

	width:702px;

	height:393px;

	z-index:101;

	/*border-right: 1px solid #838BAA;*/

	text-align: right;

}





#peoplepics

{

	width:660px;

	height:375px;

	position: absolute;

	top: 129px;

	left: 239px;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #838BAA;

	text-align: left;

	padding-left: 80px;

	padding-top: 20px;

}

 

.peoplethumb

{

	border: 1px solid #838BAA;

	float:left;

	padding: 7px;

	margin-right: 15px;

	margin-bottom: 15px;

	

}



.pressthumb

{

	border: 1px solid #ffffff;

	float:left;

	margin-right: 15px;

	margin-bottom: 10px;

}



#pressarrows

{

	width:50px;

	height:15px;

	position: absolute;

	top: 129px;

	left: 950px;

	padding-top: 360px;

}



.projectsnumbers

{

	width:20px;

	border-top-width: 1px;

	border-right-width: 1px;

	border-left-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-left-style: solid;

	border-bottom-style: solid;

	border-top-color: #838BAA;

	border-right-color: #838BAA;

	border-left-color: #838BAA;

	border-bottom-color: #838BAA;

	margin-right:15px;

	margin-bottom:8px;

	padding-top: 3px;

	padding-bottom: 3px;

	text-align: center;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	font-weight:normal;

}



#container 

{  

background-position: top center;

background-position: 20px -22px;

width:100%;

height:393px;   

background-image: url(images/smallpic.jpg); 

border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-right-style: none;

	border-bottom-style: solid;

	border-left-style: none;

	border-top-color: #8A91AF;

	border-right-color: #8A91AF;

	border-bottom-color: #8A91AF;

	border-left-color: #8A91AF;

	z-index:1;

}



#projectspics{

	position:absolute;

	left:358px;

	top:133px;

	width:618px;

	height:389px;

	z-index:2;

}







a.link

{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFFFFF;

	font-weight:bold;

	text-decoration:none;

}



#footer 

{

	width:100%; 

	text-align:center

}



/* navigation */



.menu2{

font-family: arial, sans-serif; width:100px; height:200px; position:fixed; font-size:11px; margin:10px 0; z-index:2; margin-left:65px;

}

.menu2 ul {

padding:0; margin:0; list-style-type: none; width:140px; height:180px;

}

.menu2 ul li ul {

visibility:hidden; position:absolute; height:0; overflow:hidden; top:10px; left:60px; border-top: 6px solid #BFC3D3; border-bottom: 6px solid #BFC3D3;

}

.menu2 ul li {

float:left;

}

.menu2 ul li a, .menu2 ul li a:visited {

display:block; float:left; text-decoration:none; color:#14235E; width:150px; height:20px; line-height:29px; font-size:11px; background:transparent; padding-left:10px;

}

* html .menu2 ul li a, * html .menu2 ul li a:visited {width:100px; w\idth:90px;}



.menu2 table {

border-collapse:collapse; border:0; margin:0; padding:0; font-size:1em; position:absolute; left:0; top:0;

}



/* first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */

.menu2 ul li:hover a,

.menu2 ul li a:hover{

color:#000000;

}



.menu2 ul li:hover {position:relative; z-index:90;}

* html .menu2 ul li a:hover {position:relative; z-index:100;}



.menu2 ul li:hover ul,

.menu2 ul li a:hover ul {

visibility:visible; position:absolute; height:auto; background:#BFC3D3; overflow:visible;

}

.menu2 ul li:hover ul li a,

.menu2 ul li a:hover ul li a{

display:block; background:transparent; color:#14235E; line-height:4px; padding:5px 0 5px 10px; height:auto; text-decoration:none;

}



.menu2 ul li:hover ul li:hover a,

.menu2 ul li a:hover ul li a:hover {

color:#666666;

}





/* PROJECTS GALLERY */



.gallerycontainer{

position: relative;

/*Add a height attribute and set to largest image's height to prevent overlaying*/

}



.thumbnail:hover{

background-color: #838BAA;

cursor:pointer;

}



.thumbnail span{ /*CSS for enlarged image*/

position: absolute;

left: -1000px;

border-right: 1px solid #838BAA;

visibility: hidden;

}



.thumbnail span img{ /*CSS for enlarged image*/

border-width: 0;



}



.thumbnail:hover span{ /*CSS for enlarged image*/

visibility: visible;

top: 0;

left: 50px; /*position where enlarged image should offset horizontally */

}



/* AWARDS */



#awardscasing

{

	position: absolute;

	top: 0px;

	left: 50px;

	width: 500px;

}



.awards{

position: relative;

top: 143px;

left: 350px;

list-style-type: none;

width: 320px;

opacity: 0.9;

filter: alpha(opacity=90);

}



.awards li a{

background-color: #14235E;

font-size:11px;

font-family: arial, sans-serif;

color: #ffffff;

display: block;

width: auto;

padding-left: 15px;

padding-top: 3px;

text-decoration: none;

border: 1px solid #ffffff;

margin-top: 2px;

height: 20px;

}





* html .awards li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */

width: 150px;

}



.awards li a:visited, .awards li a:active{

color: #ffffff;

}



.awards li a:hover{

color: #ffffff;

background-color: #4E5A8A;

}





/* CLIENTS */



#clientscasing

{

	position: absolute;

	top: 180px;

	left: 325px;

	width: 500px;

}



#clients

{

	position: relative;

}



.clients ul

{

width:100%;

padding:0;

margin:0;

list-style-type:none;

}



.clients a

{

float:left;

width:140px;

text-decoration:none;

font-size:11px;

font-family: arial, sans-serif;

color:white;

padding:3px 0 3px 12px;

background-color: #14235E;

border-right:1px solid white;

border-top:1px solid white;

border-bottom:1px solid white;

opacity: 0.9;

filter: alpha(opacity=90);

margin-bottom: 2px;

}



.clients2 a

{

float:left;

width:140px;

text-decoration:none;

font-size:11px;

font-family: arial, sans-serif;

color:white;

background-color: #14235E;

padding:3px 0 3px 12px;

border-left:1px solid white;

opacity: 0.9;

filter: alpha(opacity=90);

margin-bottom: 2px;

}



.clients a:hover {background-color:#4E5A8A}

.clients li {display:inline}



/* LIGHTBOX */



#lightbox{

	position: absolute;

	left: 0;

	width: 100%;

	z-index: 110;

	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: 110;

	}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{

	width: 49%;

	height: 100%;

	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */

	display: block;

	}

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }





#imageDataContainer{



	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #14235E;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	overflow: auto;

	width: 100%	

	}



#imageData{	padding:0 10px; color: #14235E; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay a { font-family: Arial, Helvetica, sans-serif; font-size: 11px;color:#14235E; text-decoration:underline; }

#imageData #numberDisplay a:hover { color:#666666; }

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 31px; float: right;  padding-bottom: 0.6em;	}	

		

#overlay{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 110;

	width: 100%;

	height: 500px;

	background-color: #000;

	}