@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
}
.CS_Document
{
	width: 972px;
	margin: 20px auto 0 auto;
	position: relative;
}
#outerFrame
{
	width: 972px;
	background: #C5C5C5 url(/images/frame-bg.gif) repeat-x left top;
	/*margin: 20px 0 0 0;*/
	padding-bottom: 3px;
	/*margin-bottom: 30px;*/
}
#innerFrame
{
	width: 969px;
	position: relative;
	left: 0;
	top: 0;
	background: #FFF none;
}
#navContainer
{
	width: 609px;
	float: left;
	margin: 0 0 36px 9px;
}
#toolsContainer
{
	width: 85px;
	float: left;
	margin-bottom: 9px;
}
#footerContainer
{
	width: 972px;
	margin: 10px 0 50px 0;
}
#footerLeft, #footerRight
{
	width: 450px;
	font-size: 10px;
	color: #666;
}
#footerLeft p.credit
{
	font-size: 10px;
	padding-top: 6px;
}
#footerLeft a, #footerRight a
{
	color: #666;
	font-size: 10px;
	text-decoration: none;
}
#footerLeft a:hover, #footerRight a:hover
{
	color: #000;
	text-decoration: none;
}
#footerLeft
{
	float: left;
}
#footerRight
{
	float: right;
	text-align: right;
}
.clear
{
	clear: both;
	font-size: 1px;
	line-height: 1px;
}
#myCSIcons
{
	width: 75px;
	position: absolute; top: 0; right: 0px;
}

/******** Secondary page styles ********/

.leftColumn
{
	width: 214px;
	float: left;
}
.sectionLabel
{
	width: 200px;
	height: 44px;
	margin: 8px 0 0 7px;
}
#sectionLabelAboutUs
{
	background: transparent url(/images/section_label_bg_about-us.gif) no-repeat left top;
}
#sectionLabelDifference
{
	background: transparent url(/images/section_label_bg_difference.gif) no-repeat left top;
}
#sectionLabelExperience
{
	background: transparent url(/images/section_label_bg_experience.gif) no-repeat left top;
}
#sectionLabelPartners
{
	background: transparent url(/images/section_label_bg_partners.gif) no-repeat left top;
}
.sectionLabelText
{
	font-size: 18px;
	line-height: 20px;
	color: #FFF;
	padding: 18px 0 0 12px;
}
#snavOuterContainer
{
	width: 200px;
	margin-left: 7px;
	padding-top: 15px;
	/*padding-bottom: 30px;*/
	background: #DCDCDC url(../images/snav_bg.gif) no-repeat left bottom;
	min-height:335px; 
	height:auto;
	border-bottom: 1px solid #FFF;
}
/* for Internet Explorer */
/*\*/
* html #snavOuterContainer 
{
	height: 335px;
}
/**/
.snavInnerContainer
{
	width: 190px;
	margin-left: 5px;
	margin-bottom: 100px;
	border-top: 1px solid #B5B5B5;
}





/****************/


.snavOff, .snavOn, .snavSubOn
{
	width: 180px;
	display: block;
	font-size: 12px;
	line-height: 14px;
	padding: 6px 0 6px 10px;
	text-decoration: none;
}
.snavOff, .snavOn, .snavSubOn
{
	font-size: 12px;
	line-height: 14px;
}
.snavOff, .snavOn
{
	border-bottom: 1px solid #B5B5B5;
}
.snavOff, .snavSubOff
{
	color: #424242;
}
.snavOn,.snavSubOn, .snavOff:hover
{
	color: #FFF;
	background-color: #666;
}
.tnavHeadOff, .tnavHeadOn, .tnavHeadOffBottom, .tnavHeadOnBottom
{
	width: 180px;
	display: block;
	padding: 1px 0 1px 10px;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	text-decoration: none;
	background-color: #FFF;
}
.tnavHeadOff, .tnavHeadOn
{
	border-bottom: 1px dotted #BFBFBF;
}
.tnavHeadOffBottom, .tnavHeadOnBottom
{
	border-bottom: 1px solid #B5B5B5;
}
.tnavHeadOff:hover, .tnavHeadOn
{
	color: #C61306;
}
.tnavOff, .tnavOn, .tnavOffBottom, .tnavOnBottom
{
	width: 178px;
	display: block;
	padding: 1px 0 1px 12px;
	font-size: 11px;
	line-height: 16px;
	text-decoration: none;
}
.tnavOff, .tnavOn
{
	border-bottom: 1px dotted #BFBFBF;
}
.tnavOffBottom, .tnavOnBottom
{
	border-bottom: 1px solid #B5B5B5;
}
.tnavOff, .tnavOffBottom
{
	color: #666;
	background: #FFF url(/images/tnav-arrow-black.gif) no-repeat 6px 7px;
}
.tnavOff:hover, .tnavOn, .tnavOffBottom:hover, .tnavOnBottom
{
	color: #C61306;
	background: #FFF url(/images/tnav-arrow-red.gif) no-repeat 6px 7px;
}
.tnavHeadOffBottom:hover, .tnavHeadOnBottom
{
	color: #C61306;
}


.rightColumn
{
	width: 755px;
	float: left;
}
#imageBar
{
	width: 755px;
}
.imageBarPhoto
{
	float: left;
}
.colorBarContainer
{
	width: 473px;
	height: 118px;
	position: relative;
	float: left;
}
#colorBarAboutUs
{
	background: transparent url(../images/colorbar_about-us.gif) no-repeat left top;
}
#colorBarDifference
{
	background: transparent url(../images/colorbar_difference.gif) no-repeat left top;
}
#colorBarExperience
{
	background: transparent url(../images/colorbar_experience.gif) no-repeat left top;
}
#colorBarPartners
{
	background: transparent url(../images/colorbar_partners.gif) no-repeat left top;
}
.colorBarText
{
	width: 280px;
	position: absolute;
	right: 20px;
	bottom: 8px;
	font-size: 36px;
	line-height: 40px;
	color: #FFF;
	text-align: right;
	vertical-align: bottom;
}
.contentContainer
{
	background: transparent url(../images/content_bg.gif) repeat-y left top;
	padding-bottom: 50px;
	float: left;
	width: 755px;
	margin: 8px 0 4px 0;
	min-height:335px; 
	height:auto;
	position: relative;
}
/* for Internet Explorer */
/*\*/
* html .contentContainer 
{
	height: 335px;
}
/**/

.contentContainer .h1
{
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	color: #C61306;
	margin: 5px 0 15px 64px;
	padding: 15px;
	border-left: 1px dashed #A4A4A4;
}

.contentContainer h1
{
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	color: #C61306;
	margin: 5px 0 15px 64px;
	padding: 15px;
	border-left: 1px dashed #A4A4A4;
}

.contentContainer .h2
{
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	color: #047390;
	margin: 0 25px 8px 0;
}
.contentContainer h2
{
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	color: #047390;
	margin: 0 25px 8px 64px;
}
.contentContainer p
{
	font-size: 11px;
	line-height: 16px;
	margin: 0 25px 12px 64px;
}
.contentContainer ul
{
	margin: 0 30px 12px 74px;
	padding: 0;
	list-style-type: none;
}
.contentContainer li
{
	margin: 0 0 8px 0;
	padding: 0 0 0 10px;
	background: transparent url(../images/bullet.gif) no-repeat 0 4px;
	font-size: 11px;
	line-height: 16px;
}

/******** Project detail page styles ********/

.projectLeftColumn
{
	width: 400px;
	float: left;
	display: inline;
	margin: 0 20px 4px 0;
	/*border: 1px solid blue;*/
}
.projectLeftColumn h1, .contentContainer .iconHeader
{
	width: 306px;
	float: left;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	color: #C61306;
	margin: 5px 0 15px 0;
	padding: 15px;
	border-left: 1px dashed #A4A4A4;
}
 .contentContainer .iconHeader
 {
 	width: 634px;
 }
.projectLeftColumn img.projectIcon, .contentContainer img.projectIcon
{
	display: block;
	float: left;
	margin: 17px 10px 15px 27px;
}
.projectLeftColumn p
{
	line-height: 16px;
	margin: 0 0 12px 64px;
}
.projectLeftColumn ul
{
	margin: 0 10px 12px 74px;
	padding: 0;
	list-style-type: none;
}
.projectLeftColumn li
{
	padding: 0 0 0 10px;
	margin: 0 0 8px 0;
	background: transparent url(/images/bullet.gif) no-repeat 0 4px;
	line-height: 16px;
}
.projectRightColumn
{
	width: 329px;
	float: left;
	color: #424242;
	/*border: 1px solid red;*/
}
.projectRightColumn p
{
	margin: 0 5px 0 5px;
}
.projectRightColumn p.quote
{
	margin-top: 30px;
	color: #696969;
}
.projectRightColumn p.citation
{
	margin-top: 20px;
	color: #696969;
	text-align: right;
	font-weight: bold;
}
.projectRightColumn #imageContainer 
{
	display:block;
	width:319px;
	padding: 5px 5px 55px 5px;
	background-color: #EEE;
}
.projectRightColumn #imageContainer img 
{
	display:none;
}
#projectImgPaging {}
#projectImgPaging p
{
	width: 50px;
	margin-top: 5px;
	float: left;
	color: #C83305;
}
#projectImgPaging a
{
	width: 96px;
	margin-top: 5px;
	padding-right: 24px;
	float: right;
	display: block;
	color: #C83305;
	text-align: right;
	text-decoration: none;
	background: transparent url(/images/view_more_arrow.gif) no-repeat 106px 0;
}
#projectImgPaging a:hover
{
	text-decoration: underline;
}
#mapContainer 
{
	width: 674px;
	position: relative;
	margin: 0 0 15px 64px;
}
#mapImageContainer 
{
	display:block;
	width:333px;
}
#mapTextContainer
{
	width: 250px;
	position: absolute;
	left: 360px; top: 0;
}
#mapTextContainer p
{
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 6px 0;
}
#mapTextContainer ul
{
	margin: 0 0 0 10px;
	padding: 0;
}
#mapTextContainer li
{
	margin-bottom: 2px;
	padding:0 0 0 10px;
	background-position: 0 6px;
	font-size: 12px;
	line-height: 16px;
}
#mapTextContainer a
{
	color: #000;
	text-decoration: none;
}
#mapTextContainer a:hover
{
	color: #BE0000;
	text-decoration: none;
}
.mapTable
{
	margin: 0 0 20px 64px;
	clear: both;
}
.contentContainer .stateLabel
{
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #047390;
	padding-top: 15px;
}
.contentContainer .left
{
	width: 224px;
	vertical-align: top;
}
.contentContainer .middle, .contentContainer .right
{
	width: 215px;
	border-left: 1px dotted #B5B5B5;
	vertical-align: top;
}
.contentContainer .left p, .contentContainer .middle p, .contentContainer .right p
{
	padding: 3px 0;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
}
.contentContainer .left p
{
	margin: 0 0 5px 0;
}
.contentContainer .middle p, .contentContainer .right p
{
	margin: 0 0 5px 10px;
}
.backToTop
{
	font-size: 11px;
	font-weight: normal;
	width: 96px;
	margin: 5px 30px 20px 0;
	padding-right: 24px;
	float: right;
	display: inline;
	text-align: right;
	background: transparent url(/images/up_arrow.gif) no-repeat 106px 0;
}
.backToTop a
{
	font-size: 11px;
	font-weight: normal;
	color: #BE0000;
	text-decoration: none;
}
.backToTop a:hover
{
	color: #690101;
}

/******** Home page styles ********/

#flashContainer
{
	width: 955px;
	height: 248px;
	background-color: #FFF;
}
#bucketsContainer
{
	width: 955px;
	margin-left: 7px;
	background: #FFF url(/images/home_buckets_bg_new.jpg) no-repeat left bottom;
	border-bottom: 1px solid #DEDEDE;
}
#bucketsTable
{

}
#bestPlaces
{
	width: 129px;
	padding-bottom: 20px;
	/*min-height: 219px;
	height: auto;*/
	background: transparent url(/images/best_places_bg.gif) no-repeat left top;
	vertical-align: top;
	border-right: 1px solid #E1E1E1;
}
.bestPlacesImage
{

	margin: 17px 0 0 35px;
}
#map
{
	width: 207px;
	padding-bottom: 20px;
	/*min-height: 219px;
	height: auto;*/
	background: transparent url(/images/building_ec_ca_bg.gif) no-repeat left top;
	vertical-align: top;
	border-right: 1px solid #E1E1E1;
}
.mapImage
{

	margin: 17px 0 0 38px;
}
#featuredProject
{
	width: 207px;
	vertical-align: top;
	padding-bottom: 20px;
	/*min-height: 207px;
	height: auto;
	float: left;*/
	background: transparent url(/images/featured_project_bg.gif) no-repeat left top;
	border-right: 1px solid #E1E1E1;
}
.featuredProjectContent
{
	width: 155px;
	margin: 18px 0 10px 38px;
}
.featuredProjectContent .headerUnderline, .mapContent .headerUnderline
{
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	color: #334D59;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCC;
}
.featuredProjectContent p
{
	font-size: 11px;
	line-height: 16px;
	color: #666;
	margin-bottom: 4px;
}
.featuredProjectContent img
{
	padding: 6px;
	background-color: #CCC;
}
.readMoreHome
{
	margin-left: 38px;
}
#ourProjects
{
	width: 361px;
	padding: 22px 0 20px 48px;
	vertical-align: top;
	/*min-height: 197px;
	height: auto;
	float: left;*/
	background: transparent url(/images/our_projects_bg.gif) no-repeat left top;
	border-right: 1px solid #E1E1E1;
}
	
/* for Internet Explorer */
/*\*/
* html #testimonials, * html #featuredProject, * html #ourProjects
{
	height: 219px;
}
/**/
#homeProjectsTable
{
	/*position: relative;
	left: 48px;
	top: 22px;*/
	margin-bottom: 10px;
}
#homeProjectsTable .projectsColumn
{
	width: 110px;
	vertical-align: top;
	padding-bottom: 5px;
}
#homeProjectsTable .spacerColumn
{
	width: 12px;
}
.homeIcon
{
	margin-bottom: 12px;
}
.homeProjectsHeader
{
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	color: #334D59;
	border-bottom: 1px solid #C0C2C4;
	padding-bottom: 5px;
}
.homeProjectsText p
{
	font-size: 11px;
	line-height: 14px;
	border-bottom: 1px dotted #C0C2C4;
}
.homeProjectsText a
{
	display: block;
	padding: 3px 0 5px 0;
	color: #666;
	text-decoration: none;
}
.homeProjectsText a:hover
{
	color: #333;
}

/******** Bio pages styles ********/

#teamNavContainer
{
	width: 160px;
	float: left;
	margin: 0 0 0 64px;
	display: inline;
	border-top: 1px solid #CCC;
}
#teamNavContainer a
{
	width: 138px;
	height: 26px;
	display: block;
	padding: 3px 0 6px 22px;
	border-bottom: 1px solid #CCC;
	font: normal 14px/16px 'Times New Roman', Times, serif;
	color: #000;
	text-decoration: none;
}
#teamNavContainer span.title
{
	font: normal 11px/13px Arial, Helvetica, sans-serif;
	display: block;
	color: #555;
}
#teamNavContainer a.default
{
	background: none;
}
#teamNavContainer a:hover, #teamNavContainer a.current
{
	background: transparent url(../images/bio_menu_bg.gif) no-repeat 0 1px;
}
#teamGridContainer
{
	width: 410px;
	float: left;
	margin: -32px 0 0 50px;
	display: inline;
}
#teamGridContainer img
{
	display: block;
	float: left;
	margin: 0 3px 3px 0;
}
#teamBioContainer
{
	width: 360px;
	float: left;
	margin: 0 0 0 12px;
	padding-right: 146px;
	display: inline;
}
#teamBioContainer p
{
	/*max-width: 360px;
	width: auto;*/
	margin: 0 0 8px 0;
}

.bioName
{
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	color: #ED1B2D;
}
.bioTitle
{
	font-size: 14px;
	line-height: 16px;
	color: #717172;
	margin-bottom: 20px;
}
.bioPhotoFormal
{
	width: 175px;
	float: right;
	display: inline;
	margin: 0 -64px 5px 25px;
}
.bioPhotoInformal
{
	width: 115px;
	position: absolute;
	left: 627px;
	top: 333px;
	/*float: right;
	display: inline;
	margin: 5px 0 0 30px;
	clear: both;*/
}
.awardsTable
{
	margin-left: 64px;
	border-top: 1px solid #CCC;
}
.awardsTable td
{
	padding: 3px;
	vertical-align: top;
	border-bottom: 1px solid #CCC;
}
blockquote
{
	margin-left: 20px;
}
.imagePadding
{
	margin: 10px;
}