/* CSS Document */

/* Global styles ************************************  */

	body{
		margin:0;
		padding:0;
		border:0;
		text-align: center;
		min-width: 780px;
		
		background-color:#6390b2; 
		background-image:url(../images/bg_css.jpg); 
		background-repeat:repeat-x;

		color:#000;
	}
	
	html, table, td, tr, th, 
	ul, li, p, blockquote, div, 
	span, h1, h2, h3, h4, h5, h6 {
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:12px;}
			
	a {color:#003867; text-decoration: none;}
	a:hover {text-decoration: underline;}
	
	h4 {font-size:16px; margin: 14px 0;}
	h4 span {font-size:12px; color:#003a6a;}
	h5 {font-size:14px; color:#003a6a; margin: 16px 0 10px 0;}
	h6 {font-size:12px; margin: 16px 0 5px 0;}
	P {margin: 0 0 11px 0;}


/* Global content containers ************************************  */

	#pageWrapper { 
	/* wraps all other containers. 780px, centered */
		margin:0 auto;
		width:780px;
		text-align: left;
		background-color:#FFFFFF;
		padding:0;
		border:0;
	}
	
	#globalHeader { 
	height: 96px;
	background-image:url(../images/masthead_css.jpg);
	background-repeat:no-repeat;
	background-position: top left;
	border:0; 
	padding:0;
	margin:0;
	}
	
	#pageWrapper h1 , #pageWrapper h2  {
	display: none;
	}
	
	#contentWrapper { 
	/* wraps content */
		text-align: left;
		background-color:#FFFFFF;
		padding: 0 31px;
		background-image:url(../images/bg_body_css.jpg); 
		background-repeat:repeat-y;
		background-position:top center;
		margin-bottom: -5px;
	}
	
	#globalFooter { 
	height: 19px;
	background-image:url(../images/bg_footer_css.gif);
	background-repeat:no-repeat;
	background-position: top left;
	border:0; 
	padding:0;
	margin:0;
	
	}
	
	div#footerwrapper {
	margin-top:11px;
	}
	
	#footerwrapper ul { 
		padding:0;
		margin:3px 0;
		border:0;
		width: 100%;
	}
	#footerwrapper li { 
		float: left;
	}
	
	#footerwrapper li {
		font-size:11px;
		display: inline;
		list-style-type: none;
		padding: 3px 5px;
	}
	
	#footerwrapper ul li.topofpage { 
		float:right;
		margin-right: 5px;
	}
	
	#footerwrapper li a { 
		color: #003867; 
		text-decoration:none;
	}
	#footerwrapper li a:hover {
		text-decoration:underline;
	}


/*
CSS List Nav for Primary Nav ****************************************************
*/
	#navlist, #navlist2
	{
	margin: 0;
	padding: 8px 0 20px 10px;
	border-top: 1px solid #003867;
	border-bottom: 1px solid #003867;
	background-color: #fffcbd;
	}
	
	#navlist ul, #navlist li, #navlist2 ul, #navlist2 li
	{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	}
	
	#navlist a:link, #navlist a:visited, #navlist2 a:link, #navlist2 a:visited
	{
	float: left;
	line-height: 14px;
	font-weight: bold;
	margin: 0 10px 4px 10px;
	text-decoration: none;
	color: #003867;

	border-bottom: 4px solid #fffcbd;
	padding-bottom: 2px;
	background: transparent;
	color: #003867;
	}
	
/*	
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
Set the default item for each page from BODY tag
*/
#home a:link#home, #home a:visited#home,
#about a:link#about, #about a:visited#about,
#services a:link#services, #services a:visited#services,
#gallery a:link#gallery, #gallery a:visited#gallery,
#clients a:link#clients, #clients a:visited#clients,
#contact a:link#contact, #contact a:visited#contact,
#navlist a:hover
	{
	border-bottom: 4px solid #003867;
	padding-bottom: 2px;
	background: transparent;
	color: #003867;
	}
	
	#navlist a:hover { color: #000;}

/*
PRIMNAV DROP MENU STYLES ****************************************************
*/
#dropmenudiv{
position:absolute;
border:1px solid #003867;
border-bottom-width: 0;
font-size:normal 11px;
font-face: Arial, Helvetica, sans-serif;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #003867;
padding: 1px 0;
text-decoration: none;
font-weight: NORMAL;
color: #ffffff;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #6390b2;
color: #ffffff;
}

/*
FOOTER STYLES *****************************************************
*/
	
#footernav { 
	font-size: 11px;
	background-color:#cfe1ef; 
	padding:4px; margin-top: 20px;
	text-align:center;
	border-top: 1px solid #003867;
	border-bottom: 1px solid #003867;
	background-color: #fffcbd; 
	margin-bottom:8px;
		}
		
#footernav a:link, #footernav a:visited, #footernav a:active {
		text-decoration:none; 
		color:#003366; margin: 8px;
		}
#footernav a:hover {
		text-decoration:underline; 
		color: #000;
		}	
	
#footercontent { 
		text-align:center; 
		font-size:11px;
		padding: 8px 0;
		margin-bottom:5px;
		}
	
/*
FEATURED PROJECT DIV *****************************************************
*/
DIV#featuredprojects {
		color:#ffffff;
		padding:0; margin:0; border:0;
		padding-bottom:11px;
		}
DIV.control {
		padding:5px;
		}
DIV.control a:link {
		padding-left:4px;
		}

DIV#featuredprojects span {
		color:#fffcbd;
		font-size:13px;
		font-weight:bold;
		}
		
DIV#featuredprojects a:link,
DIV#featuredprojects a:visited,
DIV#featuredprojects a:active,
DIV.control a {
		text-decoration:underline; 
		color: #ffffff;
		}
DIV#featuredprojects a:hover {
		text-decoration:underline; 
		color: #fffcbd;
		}
		
		
/*
Featured List *****************************************************
*/
UL.projectlist {
		margin-left: 0;
		padding-left: 0;
		list-style: none;
		}
UL.projectlist li {
		padding-bottom: 10px;
		}
UL.projectlist a { 
		font-weight:bold; 
		color:#003366;
		}
		
/*
Project specs (detail page) *****************************************************
*/
	div.projectdetails {
		border:0; padding:0; margin:0;
		border-top: 1px solid #a3b8c8;
		border-bottom: 1px solid #a3b8c8;
		padding-left: 11px;
					}
	
	.projectdetails ul {
			margin-left: 0;
			padding-left: 0;
			list-style: none;
			}
	.projectdetails li {
			padding-bottom: 3px;
			}
	.projectdetails a {  
			color:#003366;
			font-size: 12px;
			}
		
	/* Definition list */
	DL.projectdetails
	{
	margin: 0;
	padding: 0;
	}
	
	DL.projectdetails dt
	{
	margin: 0;
	padding: 0;
	font-weight:bold; 
	color:#003366;
	font-size: 14px;
	}
	
	DL.projectdetails dd
	{
	margin: 0 0 10px 0;
	padding: 0;
	}

/*
OLD STYLES *****************************************************
*/
	
	
.bcibold { color:#003663; font-size:12px; font-weight:bold;}

#topnav a:link, #topnav a:active, #topnav a:visited {
		font-weight:bold; 
		text-decoration:none;
		color:#000;}

		#topnav a:hover {
		font-weight:bold; 
		text-decoration:none;
		font-style:italic; 
		color:#003663;}
		

		
a.newsitem:link {
		text-decoration:none; 
		color:#003366; margin: 3px;
		}
a.newsitem:hover {
		text-decoration:underline;
		}
		
#imgbar { width:718px; height:61px; background-image: url(../images/int_content_imgbar.gif); text-align:left;}

#imgbar div {color:#ffffff; width:265px; text-align: right; padding: 5px; 5px; background-color:#003663; font-weight:bold; font-size:14px;}


/* TESTIMONIALS PAGE */
#testimonials p { font-style:italic;
	padding-top: 20px;
	border-top: 1px dotted #999999;
}
#testimonials strong { 
	display:block;
	margin-top: 12px;
	font-style:normal;
}

/* Home Page ********************************************************* */

div#contentHome, div.contentHome { 
	background-image:url(../images/bg_home_vertline.gif);
	background-repeat:repeat-y; background-position:left;
	margin: 11px 0;
	max-width:718px; /*fix ie7 rendering bug. dissapearing bg image in this case */
	}
	
div.rightColumn { 
	float: right;
	width: 420px;
	background-color: transparent;
	}
	
div.leftColumn { 
	float: left;
	width: 252px;
	background-color: transparent;
	}
	
span.left {
	display:block; 
	float:left; 
	padding: 0 11px 11px 0;
	}

a.boxButton {
	color: #023665;
	xdisplay:block; 
	padding: 2px; 
	border: 1px solid #023665; 
	text-decoration:none;
	background-color:#fffcbd;
	line-height:2.5em;
	font-size:11px;
	}
	
a.boxButton:hover {
	color: #ffffff;
	background-color:#023665;
	}
	
/* Home page: affiliations list */
ul#affiliationsList {
	width:247px;
	list-style:none;
	margin:0; padding:0; border:0;
	}
ul#affiliationsList li {
	float:left;
	display: block;
	height:91px;
	background-position:left top;
	background-repeat: no-repeat;
	text-indent: -500px;
	overflow:auto;
	}
#AGC {
	background-image:url(../images/logo_home_agc.gif);
	width:93px;
	}
#AIC {
	background-image:url(../images/logo_home_aic.gif);
	width:80px;
	}
#FRA {
	background-image:url(../images/logo_home_fra.gif);
	width:74px;
	}
	
/* About > Awards: ************************************** */
ul#awardsList, ul#whychooseList  { 
	list-style:none;
	margin-left:0;
	padding-left:0;
	}
ul#awardsList li, ul#whychooseList li {
	padding-left: 20px;
	margin: 8px 0;
	line-height: 20px;
	background-image:url(../images/icn_award.gif);
	background-repeat:no-repeat;
	background-position:left top;
	}
	
ul#awardsList li a { text-decoration:underline;}
	
ul#whychooseList li {
	background-image:url(../images/icn_checkmark.gif);

	}

span.nowrap, ul#awardsList li a  {white-space: nowrap;}

/* Project Gallery ****************************** */

/* Shoe Browser Menu ******************************************* */
	#projectList, #projectList ul { /* all lists */
		padding: 0;
		margin: 0;
		border: 0;
		list-style: none;
	}
	
#projectList ul {margin-bottom:20px;}
	
	#projectList a { /* all lists */
	font-weight:bold;	
	}
	
	ul#projectList li { /* all lists */
		padding: 0;
		margin: 0;
		border: 0;
		list-style: none;
		width:239px; /*width: 10em;*/
	}
	
	ul#projectList #clmCommercial,
	ul#projectList #clmPublicspaces,
	ul#projectList #clmStreetscapes
	 {
		display: block;
		height: 258px;
		background-position:left top; 
		background-repeat:no-repeat;
		text-indent:-2000px;
	}
	
	ul#projectList #clmCommercial {background-image:url(../images/gallery_commercial.jpg);}
	ul#projectList #clmPublicspaces {background-image:url(../images/gallery_publicspaces.jpg);}
	ul#projectList #clmStreetscapes {background-image:url(../images/gallery_streetscapes.jpg);}
	
	
	#projectList li { /* all list items */
		float: left;
	}
	
	#projectList li ul { /* second-level lists */
		position: relative;
		width:200px; 
	}
	
		#projectList li ul li { /* second-level lists */
		position: relative;
		width:210px; 
		padding-left:20px;
		margin: 5px 0;
	}
/* Services Page background **************************  */

	#xservicesOverview #content { 
		background-image:url(../images/bg_services.jpg);
		background-repeat:no-repeat; 
		background-position:left center;
	
	}