@charset "utf-8";


/* --- STRUCTURAL ELEMENTS --- */

	html { height:100%; margin-bottom:1px; 
	} /* forces a scrollbar and avoids page-jog seen in auto mode*/
	
	body {
		font-family:"Helvetica","Arial",sans-serif;
		font-size:89.5%;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		background:url(../images/bg.gif) top left repeat-x;	
		margin:0;
		padding:0;
	}
		 
	#wrap {
		background:#FFF;
		margin:0 auto;
		width:960px;
		padding:0;
	}
	
	#header {
		background-color:#ccd8e5;
		height:119px;
		padding-top:9px;
	}
	
	#mainHolder {
		margin-left:1px;
		_margin-left:0px;
		border-left:solid 1px #a3a3a3;
		border-right:solid 1px #a3a3a3;
		float:left;
		width:957px;}
		
	#main {
		background:#FFF;
		float:right;
		width:760px;
		border-left:1px solid #B0B8C0;
		padding:0 0 0 30px;
	}
	
	#footer {
		 margin-left:1px;
		 _margin-left:0px;
		 margin-bottom:20px;
	}
		
	#sidebar {
		background:#FFF;
		float:left;
		width:142px;
		padding:10px 5px 0 5px;
		
	}
	
	/* LEVEL 2 GRAD BANNER */ 
	
	.h1bg { 
		background:url(../images/gradient.gif) top left repeat-y;
		border-bottom:solid 1px #b0b8c0;
		height:2.8em;
		*height:2.7em;
		margin-bottom:30px;
		padding-bottom:2px;

		}
		
/* --- TEXTUAL ELEMENTS --- */
	
	 p {
	 	font-size:12px; 
		line-height:15px; 
		color:#666;
		}
	 
	 .lastp {
	 	padding-bottom:15px;
		}
	 
	 .caption {
	 	font-size:16px; 
		font-weight:normal; 
		color:#668;
		}
	 
	 
/* --- IMAGE STYLES --- */

	 .bordered {
		border:solid 1px #013b7a;
		}
	 
/* --- HEADERS --- */

	h1 {
		color:#f27d09;
		margin:0;
		padding-top:10px;
		font-size:33px;
		font-weight:normal; 
		letter-spacing:2px;
		}
	
		
	h2 {
		color:#d96c06;
		margin-top:0px;
		font-weight:normal;
		font-size:20px;
		}
		
	h4 { 
		margin:0 0 -5px 0; 
		color:#668;
		font-size:22px; 
		font-weight:normal;
		}
		
	.first {
		margin-top: -6px;
		*margin-top: -4px;
		}
				
	h5 { 
		margin:10px 0 -5px 0; 
		color:#668;
		font-size:16px; 
		font-weight:normal; 
		text-transform:capitalize;
		*margin-top:0px} 
	 
	 	
	/* --- GENERAL TEXT-LINK STYLE ---
	   (NB : para selector used to prevent appearance of dotted line under image links) */
	
	 a:link, a:visited {
	 	color:#3366b5; 
		text-decoration:none; 
		font-weight:normal;
		border-bottom:1px dotted;
		}
	 a:hover, a:active {
		color:#f27d09; 
		text-decoration:none;
		font-weight:normal;
		border-bottom:1px dotted; 
		}
	
	
/* --- NAVIGATION --- */

/* --- GLOBAL NAVBAR --- */
	
	#nav {
	float:left;
	width:118px;
	padding-top:10px;
	padding-left:24px; 
	}
	
	#nav ul {
	 font-size:12px;
	 list-style:none;
	 padding:0;
	 margin:0;
	 line-height:18px;
     display:block; 
	 }
	
	#nav li {
	float:right;
	width:118px;
	border-top:1px solid #CCC;
	text-align:right;
	text-decoration:none;
    color:#2067C8;	
	}

	#nav li img {
	border:0;
	margin-bottom:-4px;	
	}

	#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	display:block;
	text-decoration:none;
	padding-right:4px;
	border-right:3px solid #FFF;
	border-bottom:none; 
	} 

	#nav a:link {
	text-decoration:none;
    color:#2067C8;
	font-weight:normal;
	}

	#nav a:visited {
    color:#2067C8;
	font-weight:normal;
	} 

	#nav a:hover {
    color:#2067C8;
	border-right:3px solid #b2c4d7; 
	font-weight:normal;
	}

	#nav a:active {
    color:#2067C8;
	border-right:3px solid #b2c4d7; 
	font-weight:normal;	    
	}

	.lastLink { border-bottom:1px solid #CCC;
	} 

/* --- SUB-NAVBAR : LEVEL2 PAGES--- */
		
	#subNav	{
		font-size:12px;
		font-weight:normal;
		float:right;
		margin-right:30px;
		margin-top:-33px;
		_margin-right:0px;
		_float:none;
		_position:relative;
		_top:8px;
		_left:385px;
		
		}
	#subNav ul {
		height:15px;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin:0;
		overflow:visible;
		padding:6px 5px 8px;
		}
	#subNav ul li {
		border-right:1px solid #013b7a;
		/*float:left;*/
		margin-right:0.4em;
		padding-right:0.4em;
		/*position:relative;*/
		display:inline;	
		}
	#subNav li a:link { 
		border:0; 
		text-decoration:none; 
		color:#3366b5;
		}
	#subNav li a:visited { 
		border:0; 
		text-decoration:none; 
		color:#3366b5;
		}
	#subNav li a:hover { 
		border:0; 
		color:#f27d09;
		}
	#subNav li a:active { 
		border:0; 
		color:#f27d09;
		}
	
	.current{
		color:#f27d09;
		}
	 	
		
 /* --- INDIVIDUAL STYLES FOR HOME PAGE--- */
 
	#imgContainer {
	  	margin-bottom:6px;
		width:610px;
		height:314px;
		}		
	.homeBlurb {
		width:610px; 
		font-size:14px; 
		line-height:17px; 
		text-align: justify; 
		margin-left: 60px;
		}
	 .blurbEmph {	
		color:#f27d09;
		font-weight: bold;
		}


/* --- INDIVIDUAL STYLES FOR LEVEL2 PAGES--- */	

/* about us + subpages */
	.director, .associate {
	width:608px;
	clear:both;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
		}
	.director img, .associate img  {
	float:left;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 50px;
	margin-left: 0;
		}		
	.director p {
		padding:0 0 0 30px; 
		font-size:0.85em;
		}
	
/* end about us + subpages */		
	
/* services page */

	#columnOne { 
		width:300px; 
		float:left; 
		padding-right:30px;
		}
	#columnOne img{
		float:left; 
		padding:5px;
		}
	#columnTwo { 
		width:300px; 
		float:left;}

/* end services page */


/* project list pages  */

	#projectList { 
		float:left; 
		width:230px; 
		}
	#projectList p {
		padding:0; 
		line-height:18px;  
	}
		
	#projectListImage { 
		float:right;
		}
	#projectListImage img {
		padding-right:40px;
		}	

/* end project list pages */

/* individual project pages  */

	
	#projectImage_col { 
		float:left;
		}
	#projectImage_col img{ 
		border: 0;
		margin-left: 7px;
		}			
	#projectImage_col a {
		border:0;
		}
	#projectText_col{ 
		float:left; 
		width:215px;
		}
	#projectText_col p {
		font-size:12px; 
		line-height:15px; 
		padding-right:30px; 
		word-spacing:-1px;  
		}
	.hidden { 
		display:none; 
		}
	.unhidden { 
		display:block; 
		}
	#revealText {
		text-align:justify; 
		width:220px; 
		margin-right:0; 
		height:350px; 
		overflow:auto;
		}
	#loadarea {
		width:490px; 
		height:420px; 
		margin-left:20px;
		}
	/* #projectImage_col loadarea img {
		padding-right:40px;
		} */
	#thumbs {
		margin-top:10px; 
		margin-left:30px;
		}
	#thumbs img {
		border:solid 1px #013b7a;
		}	
		

/* end individual project pages  */

/* client list page */

	.clientColumn { 
		width:225px; 
		float:left; 
		padding:0 10px 0 10px;
		border-left: dotted 1px #ccc;
		margin-top:-10px;
		}
		
	.clientColumn p { 
		font-size:12px; 
		line-height:12px; 
		color:#666;
		}	
	
/* end client list page */

 
/* about, careers, contact, viewpoint pages */

	#columnBlurb { 
		float:left; 
		width:230px; 
		margin-top:-12px;
		*margin-top:0px;
		}
	#columnBlurb p {
		padding:0 20px 0 0; 
		text-align:justify; 
		}
	#columnImage { 
		float:right;
		}
	#columnImage img {
		margin-right:37px;
		*margin-right:27px;
		}
	#columnImage {
		margin:0;
		}

/* end about, careers, contact, viewpoint pages */

/* viewpoint pages */

	#viewLinks { 
		width:190px; 
		float:left; 
		padding:0; 
		margin-top:0;
		_margin-top:0px;
		}

		
		
	#viewLinks ul {
	 	font-size:12px;
	 	list-style:none;
	 	padding:0;
	 	margin:0;      
		}
	
	#viewLinks li {
		text-align:left;
		text-decoration:none;
		padding-bottom:15px;	
		}

	#viewLinks a:link, #viewLinks a:visited, #viewLinks a:hover, #viewLinks a:active {
		text-decoration:none;
		border-bottom:1px dotted;
		} 

	#viewLinks a:link {
		text-decoration:none;
    	color:#3366b5;
		font-weight:normal;
		}

	#viewLinks a:visited {
    	color:#3366b5;
		font-weight:normal;
		} 

	#viewLinks a:hover {
    	color:#f27d09;
		font-weight:normal;
		}

	#viewLinks a:active {
    	color:#f27d09;
		font-weight:normal;	    
		}
			
	#viewText { 
		width:460px; 
		float:right; 
		padding:10px 75px 0 0; margin-top:-12px;
		}
		
	#viewText h5 { 
		margin:0 0 -5px 0; 
		color:#668;
		font-size:22px; 
		font-weight:normal; 
		text-transform:capitalize;}
		
	#viewText p { 
		text-align:justify;
		}
		
	.viewPanel {
		margin-top: -10px;
		}

/* end viewpoint pages */

/* press page */

	.column { 
		width:225px; 
		padding:0 10px 0 10px;
		float:left; 
		border-left: dotted 1px #ccc;
		}
		
	.column p { 
		line-height:7px;
		width: 175px;
		}
		
	.column img {
		padding:3px; 
		border: solid 1px #ccc;
		margin-bottom: 7px;
		margin-top: -10px;
		display:block;
		}
		
	 .column .caption {
	 	display: none;
		font-size:12px;
		line-height:15px; 
		font-weight:bold; 
		color:#668;
		padding:0;
		}
		
	.column ul {
		width: 175px;
		list-style-image:none;
		list-style-type:disc;
		list-style-position:inside;
		*margin:-20px 0 0 0;
		margin:-10px 0 0 0;
		padding:5px 0 10px 5px;
		}
		
	.column li {
		font-size:12px;
		color:#666;
		line-height:12px;
		text-indent:-10px;
		margin:0;
		padding:0 0 5px 7px;
		}
		
	.lastItem {
		border-bottom: 1px dotted #ccc;
		}
					
/* end press page */

/* event pages */	

	#eventLinks { 
		width:190px; 
		float:left; 
		padding:0 30px 0 0; 
		margin-top:0;
		*margin-top:0px;
		}
		
		
	#eventLinks ul {
	 	font-size:12px;
	 	list-style:none;
	 	padding:0;
	 	margin:0;      
		}
	
	#eventLinks li {
		text-align:left;
		text-decoration:none;
		padding-bottom:15px;	
		}

	#eventLinks a:link, #eventLinks a:visited, #eventLinks a:hover, #eventLinks a:active {
		text-decoration:none;
		border-bottom:1px dotted;
		} 

	#eventLinks a:link {
		text-decoration:none;
    	color:#3366b5;
		font-weight:normal;
		}

	#eventLinks a:visited {
    	color:#3366b5;
		font-weight:normal;
		} 

	#eventLinks a:hover {
    	color:#f27d09;
		font-weight:normal;
		}

	#eventLinks a:active {
    	color:#f27d09;
		font-weight:normal;	    
		}
		
	#eventText { 
		width:240px; 
		float:left; 
		padding-right:40px;
		}
	#eventText p { 
		text-align:justify;
		}
	#eventImg { 
		width:215px; 
		float:left; 
		margin-top:-10px;
		}
	#eventImg img{
		margin-top:10px;
		}
	#eventImg p{
		text-align:left; 
		margin-top:0px;
		} 

/* end event pages */