/****************************
	LINKS
****************************/

/****************************
	BREADCRUMBS
****************************/

#breadcrumbs{
	border-bottom: 1px solid #d4d4d4;
	font-size: 10px;
	margin: 3px 0 0 0;
}

#breadcrumbs ul{
	width: 953px;
	padding: 5px 0 5px 16px;
	margin: 0 auto 0 auto;
	border-left: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	list-style: none;
	color: #999999;
	height: 24px;
	overflow: visible;
	position: relative;
	z-index: 50;
}

#breadcrumbs ul li{
	display: block;
	float: left;
	padding-right: 11px;
	margin-right: 6px;
	background: url("/inc/i/arrow-breadcrumb.gif") 100% 6px no-repeat;
}

#breadcrumbs ul li.active{background: none;}

/****************************
	MAIN CONTENT AREA
****************************/

#contentContainer{
	width: 969px;
	margin: 0 auto 0 auto;
	border-left: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	position: relative;
}

	/* GENERAL CONTENT TAGS */

#contentContainer p{
	padding: 0 0 6px 0;
}


/****************************
	TOOL TIPS
****************************/
.tool-tip, .project-tip, .misc-tip, .people-tip, .easter-tip {
	color: #000;
	background-color: #fff;
	border: 2px solid #69b836;
	z-index: 130000;
}

.project-tip{width: 190px;} 
.tool-title, .project-title, .misc-title, .people-title {}

.tool-title, .tool-text, .project-text, .misc-text, .misc-title, .people-title, .people-text, .easter-title, .easter-text {
	font-weight: bold;
	font-size: 10px;
	line-height: 14px;
	padding: 1px 4px 2px 4px;
}

.people-text{color: #999999;}

.easter-tip{
	padding: 7px 9px 15px 8px;
}

.easter-title, .easter-text{
	color: #333;
}

.easter-title{font-size: 14px; padding-bottom: 5px;}
.people-text{color: #999999;}

/****************************
	SCROLL BAR
****************************/

.scrollableCopy{
	position: absolute;
}

.scrollbar {
	background: #e5e5e5;
	width: 12px;
	cursor: pointer;
	position: absolute;
	left: 369px;
}
 
.knob {
	height: 20px;
	width: 11px;
	border-top: 12px solid #e5e5e5;
	border-bottom: 12px solid #e5e5e5;
	background: url("/img/scrollknob.gif") top left no-repeat;
}

.knob:hover, .knob.hover{background-position: 0 -20px;}

/****************************
	404
****************************/

#error404{
	padding: 76px 10px 200px 16px
}

#error404 h2{
	font-size: 14px;
	color: #000;
	font-weight: normal;
	padding-bottom: 30px;
}

#error404 p{
	font-size: 11px;
	line-height: 20px;
	margin: 0;
	padding: 0 0 4px 0;
	color: #000;
}#breadcrumbs ul li.final{background: none;}

/****************************
	LINKS
****************************/

	/* Our Work Landing Page - Featured Project Links */
.workLanding #featuredProject #featuredEmp a{color: #333;}
.workLanding #featuredProject #featuredEmp a:hover{color: #fff;background-color: #333;}

	/* Work Category Landing Page - Project Thumbnails */
.categoryLanding #projectThumbnails ul li a{
	display: block;
	height: 93px;
	width: 93px;
	position: relative;
	overflow: hidden;
}

.categoryLanding #projectThumbnails ul li a:hover{
	border: 3px solid #69b836;
	width: 87px;
	height: 87px;
}

.categoryLanding #projectThumbnails ul li a:hover img{
	position: relative;
	top: -3px;
	left: -3px;
}

	/* Project Page */
.projectLanding #quotes a:hover, .projectLanding #email a:hover{background: none;}

	/* Work Project Page - Project Thumbnails */
.projectLanding #projPhotos #thumbnails li a{
	display: block;
	width: 47px;
	height: 47px;
	position: relative;
	overflow: hidden;
}

.projectLanding #projPhotos #thumbnails li.active a,
.projectLanding #projPhotos #thumbnails li a:hover{
	border: 2px solid #69b836;
	width: 43px;
	height: 43px;
}

.projectLanding #projPhotos #thumbnails li.active a img,
.projectLanding #projPhotos #thumbnails li a:hover img{
	position: relative;
	top: -2px;
	left: -2px;
}


/****************************
	OUR WORK
****************************/

	/* Work Landing */
.workLanding{
	height: 439px;
	padding: 17px 0 0 0;
}

.workLanding #services{
	width: 193px;
	float: left;
}

.workLanding #markets{
	width: 143px;
	float: left;
	position: relative;
}

.workLanding #services ul, .workLanding #markets ul{
	list-style: none;
	margin: 30px 0 0 0;
	line-height: 14px;
}
.workLanding #markets ul ul{margin-top: 0;}

.workLanding #services ul li{
	padding: 0 0 3px 0;
}

.workLanding #markets ul li ul{padding-bottom: 3px;}

.workLanding #ourWorkDescription{
	clear: both;
	width: 351px;
	padding: 20px 20px 0 0;
	background-color: #f5f5f5;
	border-top: 1px solid #d4d4d4;
	position: absolute;
	top: 305px;
	height: 130px;
}

.workLanding #services, .workLanding #markets, .workLanding #ourWorkDescription{
	padding-left: 16px;
}

.workLanding #featuredProject{
	position: absolute;
	top: -29px;
	left: 387px;
	border-left: 1px solid #d4d4d4;
	width: 581px;
	height: 456px;
	padding: 29px 0 0 0;
}

.workLanding #featuredProject #featuredImage{height: 355px;}

.workLanding #featuredProject #featuredEmp{
	margin: 1px 0 0 0;
	padding: 7px 50px 0 0;
	position: relative;
}

.workLanding #featuredProject #featuredEmp #quote{
	height: 65px;
	margin: 0;
}

.workLanding #featuredProject #featuredEmp #links,
.workLanding #featuredProject #featuredEmp #quote{
	padding-left: 110px;
}

.workLanding #featuredProject #featuredEmp img{
	display: block;
	height: 100px;
	width: 100px;
	position: absolute;
	top: 0;
	left: 0;
}

.workLanding #featuredProject #featuredEmp #links a{font-weight: bold;}
.workLanding #featuredProject #featuredEmp #links #projectLink{
	padding: 0 0 0 35px;
	background: url("/img/featuredPlus.gif") 10px 1px no-repeat;
}

.workLanding #featuredProject #featuredEmp #links #projectLink a{font-weight: normal;}

	/* Work Category */
.categoryLanding #categoryDescription{
	background-color: #f5f5f5;
	width: 470px;
	border-right: 1px solid #d4d4d4;
	padding: 242px 45px 4px 15px;
}

.categoryLanding #categoryDescription strong{font-size: 12px;}

.categoryLanding #projectThumbnails{
	position: absolute;
	top: 0;
	left: 0;
	width: 530px;
	height: 229px;
	background-color: #fff;
	border-right: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
}

.categoryLanding #projectThumbnails ul{
	list-style: none;
	padding: 16px 0 0 15px;
}

.categoryLanding #projectThumbnails ul li{
	float: left;
	height: 93px;
	width: 93px;
	margin: 0 9px 8px 0;
	*margin-bottom: 0;
}

.categoryLanding #projectList{
	position: absolute;
	top: -29px;
	left: 530px;
	width: 405px;
	border-left: 1px solid #d4d4d4;
	padding: 42px 0 0 16px;
}

.categoryLanding #projectList h3{
	font-size: 18px;
	font-weight: normal;
	color: #000;
	padding: 0 0 2px 0;
}

.categoryLanding #projectList h4{
	font-size: 14px;
	font-weight: normal;
	color: #000;
	padding: 10px 0 6px 0;
}

.categoryLanding #projectList ul{
	list-style: none;
}

	/* PROJECT PAGES */
#breadcrumbs ul li#projectDropDown{
	position: relative;
	padding-right: 11px;
	margin-right: 6px;
	background: none;
	width: 270px;
}

#breadcrumbs ul li#projectDropDown a{
	display block;
	width: 270px;
	position: absolute;
	border: 1px solid #cbcbcb;
	text-decoration: none;
	margin: 2px 0 0 0;
	padding: 0 0 0 3px;
	font-size: 10px;
	line-height: 15px;
	background: url("/inc/i/arrow-down.gif") 260px 5px no-repeat;
}

#breadcrumbs ul li#projectDropDown a:hover{
	color: #999;
	background-color: #eee;
}

#breadcrumbs ul li#projectDropDown ul{
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	border: none;
	position: absolute;
	top: 19px;
	left: -9999px;
	z-index: 80;
	display: none;
}

#breadcrumbs ul li#projectDropDown ul li{
	display: block;
	background: none;
	float: none;
	height: auto;
}

#breadcrumbs ul li#projectDropDown ul li a{
	background: #fff;
	margin: 0;
	border-top: none;
	position: static;
	display: block;
	line-height: 18px;
	font-weight: normal;
	color: #999;
}

#breadcrumbs ul li#projectDropDown ul li.active a{color: #69b836;}
#breadcrumbs ul li#projectDropDown ul li.active a:hover,
#breadcrumbs ul li#projectDropDown ul li a:hover{color: #999; background-color: #eee;}

#breadcrumbs ul li#projectDropDown:hover ul, 
#breadcrumbs ul li#projectDropDown.sfhover ul{left: 0; display: block;}

.projectLanding #projectInfo{
	position: absolute;
	top: -29px;
	left: 530px;
	width: 372px;
	float: right;
	border-left: 1px solid #d4d4d4;
	padding: 45px 50px 0 16px;
}

	/* Quotes & Email */
.projectLanding #projectInfo #quotes, .projectLanding #projectInfo #email,.projectLanding #projectInfo #videoIcon{
	margin-bottom: 18px;
	height: 11px;
	overflow: hidden;
	display: block;
	position: relative;
	width: 28px;
}

.projectLanding #projectInfo #quotes a, .projectLanding #projectInfo #email a, .projectLanding #projectInfo #videoIcon a{
	display: block; 
	height: 11px;
	overflow: hidden;
	position: relative;
}

.projectLanding #projectInfo #quotes a:hover img, .projectLanding #projectInfo #email a:hover img, .projectLanding #projectInfo #videoIcon a:hover img{
	position: relative;
	top: -11px;
}

.projectLanding #projectInfo #email{margin-bottom: 12px;}
.projectLanding #projectInfo #email, .projectLanding #projectInfo #email a{height: 12px; width: 18px;}
.projectLanding #projectInfo #email a:hover img{top: -12px;}

.projectLanding #projectInfo #videoIcon{position: absolute; margin: -26px 0 12px 27px;}
.projectLanding #projectInfo #videoIcon, .projectLanding #projectInfo #videoIcon a{height: 17px; width: 15px;}
.projectLanding #projectInfo #videoIcon a:hover img{top: -17px;}

	/* End Quotes & Email */
.projectLanding #projectInfo h2{
	font-size: 14px;
	font-weight: normal;
}

.projectLanding #projectInfo h3{
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 10px 0 0 0;
}

/* THIS CODE IS INLINE TO FIX SAFARI ISSUE */
.projectLanding #projectInfo #projDescription{
	margin: 11px 0 15px 0;
	height: 145px;
	width: 335px;
	overflow: hidden;
	position: relative;
}

.projectLanding #projectInfo #projDescription ul{list-style-type: circle;}
.projectLanding #projectInfo #projDescription ul,
.projectLanding #projectInfo #projDescription ol{
	margin: 0 0 7px 35px;
}

.projectLanding #projectInfo #projSpecs{
	color: #696969;
}


	/* Project Photos */
	
.projectLanding #projPhotos{
	background-color: #f5f5f5;
	width: 498px;
	height: 469px;
	padding: 16px 16px 0 16px;
	border-right: 1px solid #d4d4d4;
}

.projectLanding #projPhotos #photos{
	height: 404px;
	width: 498px;
	overflow: hidden;
}

.projectLanding #projPhotos #photos .photo{
	height: 404px;
	width: 498px;
	overflow: hidden;
	display: none;
	position: absolute;
	
}

.projectLanding #projPhotos #photos .photo.active{
	display: block;
}

.projectLanding #projPhotos #photos .photo .photoImg{height: 336px;}
.projectLanding #projPhotos #photos .photo .photoCaption{
	font-size: 10px;
	line-height: 14px;
	color: #333333;
	padding: 13px 0 0 0;
}
						
.projectLanding #projPhotos #thumbnails{
	list-style: none;
}

.projectLanding #projPhotos #thumbnails li{
	float: left;
	height: 47px;
	width: 47px;
	border: 1px solid #cccccc;
	margin-right: 3px;
}

/****************************
	LIGHTBOX CONTENT
****************************/

	/* Client List */
#clientList{
	padding: 13px 13px 0 12px;
	height: 392px;
	overflow: hidden;
}

#clientList h4{
	font-size: 14px;
	font-weight: normal;
	color: #333333;
}

#clientList #col1, #clientList #col2, #clientList #col3{
	height: 350px;
	overflow: hidden;
	width: 200px;
	float: left;
	margin: 14px 16px 0 0;
	padding: 5px 24px 0 0;
	list-style: none;
	border-right: 3px solid #d6d6d6
}

#clientList #col2{padding-right: 27px;}
#clientList #col3{margin: 14px 0 0 5px; padding-right: 0; border: none;}

#clientList ul li{
	padding: 9px 0 0 0;
	line-height: 12px;
}

	/* Quote Box */
#quoteBox{
	width: 516px;
	height: 185px;
	overflow: visible;
	padding: 40px 0 0 40px;
}

#quoteBox .quote.inactive{display: none;}

.quote{position: relative;}

.quote .quoteInfo, .quote .quotePhoto{position: absolute;}
.quote .quoteInfo{line-height: 20px;}

.quote .quoteInfo.withPhoto{
	left: 147px;
	width: 369px;
}

.quote .quoteQuote{
	font-size: 12px;
	color: #333333;
	font-style: italic;
	font-family: Georgia;
}

.quote .quoteMeta{
	font-size: 10px;
}

.quote .controls{
	clear: both;
	position: absolute;
	top: 150px;
	left: 0;
	font-size: 10px;
	padding: 0 0 0 40px;
}

.quote .controls a{
	position: absolute;
	display: block;
	height: 11px;
	width: 10px;
	overflow: hidden;
	top: 4px;
	text-indent: -9999px;
}

.quote .controls a.prev{left: 0px;}
.quote .controls a.next{left: 21px;}

.quote .controls a.prev{background: transparent url("/img/lightbox-prev.gif") no-repeat 0 0;}

.quote .controls a.next {
	left: 21px;
	background: transparent url("/img/lightbox-next.gif") no-repeat 0 0;
}

#quoteBox .quote .controls a.prev.inactive, #quoteBox .quote .controls a.next.inactive,
.quote .controls a.prev:hover, .quote .controls a.next:hover{background-position: 0 -19px; display: block;}

/****************************
	PROJECT INDEX
****************************/

#projectIndexMainContainer{
	width:521px;
	padding:10px 4px 10px 15px;
	margin:0px;
	float:left;
	border-right:1px solid #D4D4D4;
}

#projectIndexSideMenu{
	float:left;
	display:inline;
	margin:-29px 0px 0px -1px;
	width:408px;
	border-left:1px solid #D4D4D4;
	padding:29px 0px 100px 0px;
}

#projectIndexSideMenu ul {
	margin-top:-1px;
}
#projectIndexSideMenu ul li {
	border-bottom:1px solid #D4D4D4;
	list-style-type:none;
	font-size:14px;
	color:#000000;
	font-weight:normal;
	width:100%;
	margin:0 0 20px;
	padding:20px 10px 25px;
}
#projectIndexSideMenu ul ul {
	margin:10px 0 0;
	padding:0;
}
#projectIndexSideMenu ul ul li {
	font-size:11px;
	border:none;
	list-style-type:none;
	margin:1px 0;
	padding:0;
}
#projectIndexSideMenu ul ul ul {
	margin:0;
	padding-left:10px;
}
#projectIndexSideMenu li.current-cat, #projectIndexSideMenu li.current-cat a:link, #projectIndexSideMenu li.current-cat a:visited {
	color:#69B836;
	background:#FFFFFF none;
}
#projectIndexSideMenu li.current-cat a:hover {
	color:#FFFFFF;
	background:#69B836 none;
}

#projectIndexMainContainer h1{font-size: 18px; font-weight: normal; padding-bottom: 7px;}

.paginationContainer{
	margin: 4px 0;
	border-top: 3px solid #e5e5e5;
	border-bottom: 3px solid #e5e5e5;
	height: 28px;
	position: relative;
}

.paginationContainer .paginationViewing{
	position: absolute;
	top: 5px;
	left: 0;
	font-size: 10px;
	color: #878787;
}

.paginationContainer .paginationList{
	position: absolute;
	top: 5px;
	right: 0;
	font-size: 10px;
	color: #878787;
}

.paginationContainer .paginationList li{display: inline; padding: 0 3px;}
.paginationContainer .paginationList li.currentPage{color: #fff; background-color: #69b836; font-weight: bold; padding: 0 2px;}

.projectIndexProject{
	border-top: 1px solid #e5e5e5;
	height: 100px;
	position: relative;
}

.projectIndexProject img{padding: 3px 0 0;}
.projectIndexProject h2{
	position: absolute;
	top: 22px;
	left: 110px;
	width: 345px;
	font-size: 14px;
	font-weight: normal;
	color: #999999;
	letter-spacing: .25px;
}/****************************
	LINKS
****************************/

/****************************
	OUR CULTURE NON FLASH
****************************/
#noFlash{
	border-top: 4px solid #d0d0d0;
	padding: 21px 0 0 0;
	overflow: auto;
}

#noFlash #nfContent{
	float: left;
	border-top: 1px solid #d0d0d0;
	width: 433px;
	padding: 22px 40px 0 12px;
}

#noFlash #nfContent h3{
	font-size: 18px;
	font-weight: normal;
	color: #000;
	padding: 0 0 17px 0;
}

#noFlash #nfContent p{
	color: #696969;
	padding-bottom: 12px;
}

#noFlash #nfImage{
	border-top: 1px solid #d0d0d0;
	width: 484px;
	float: right;
}/****************************
	LINKS
****************************/


/****************************
	SITE MAP
****************************/

/****************************
	CONTACT
****************************/

/****************************
	404
****************************//****************************
	GENERAL
****************************/
img, img a:link, img a:visited, img a:hover { border:none; }

/****************************
	SITE MAP
****************************/

	/* Site Map Landing */

#sitemap {
	background:#EDEEED url(../i/background-sitemap.gif) repeat-y;
	border:5px solid #FFFFFF;
	border-right:none;
	padding:30px 0px 115px 0px;
	width:958px;
	overflow:hidden;
	line-height:20px;
}
#sitemap ul {
	display:inline;
	float:left;
	width:295px;
	overflow:hidden;
}
#sitemap ul.right {
	width:260px;
}
#sitemap ul, #sitemap ul ul, #sitemap ul ul ul {
	list-style-type:none;
	color:#707070;
	padding-left:10px;
	margin:0px 20px 0px 0px;
}
#sitemap ul ul, #sitemap ul ul ul {
	display:block;
	float:none;
}
#sitemap ul ul ul {
	margin-bottom:20px;
}
#sitemap ul ul ul ul{
	margin-bottom: 0;
}
#sitemap ul li {
	font-size:18px;
	margin:0px 0px 23px;
}
#sitemap li li {
	font-size:13px;
	margin:2px 10px 2px 10px;
}
#sitemap li li li {
	font-size:11px;
	margin:2px 12px 2px 2px;
}

	/* Site Map Category */
	

/****************************
	LINKS
****************************/

#sitemap ul a:link, #sitemap ul a:visited {
	color:#707070;
	text-decoration:underline;
}
#sitemap ul a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
/****************************
	LINKS
****************************/


/****************************
	CONTACT US
****************************/

#contactMap {
	width:530px;
	height:390px;
	float:left;
}
#contactMap p {
	padding:30px 16px 0px;
}
#myflash {
	width:530px;
	height:230px;
	overflow:hidden;
	border-bottom:1px solid #D4D4D4;
}
#contactList {
	float:left;
	margin:-29px 0px 0px;
	width:400px;
	height:390px;
	border-left:1px solid #D4D4D4;
	padding:46px 0px 0px 15px;
}
#contactList h1 {
	font-size:18px;
	font-weight:normal;
}
#contactList p {
	padding:10px 20px 5px 0px;
}
.clear {
	clear:both;
	height:0px;
	width:531px;
}
.over {
	overflow:auto;
	width:100%;
}/****************************
	LINKS
****************************/

#peoplelist ul li a{color: #666;}
#peoplelist ul li a:hover{color: #fff; background-color: #666; text-decoration: none;}

/****************************
	OUR PEOPLE CONTROLS
****************************/
#peopleControls{
	border-bottom: 1px solid #d4d4d4;
	margin: 0;
}

#peopleControls ul{
	width: 953px;
	padding: 15px 0 0 16px;
	margin: 0 auto 0 auto;
	border-left: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	list-style: none;
	color: #999999;
	height: 38px;
	overflow: visible;
	position: relative;
	z-index: 50;
}

#peopleControls ul li{
	display: block;
	float: left;
	padding-right: 17px;
	*padding-right: 12px;
	font-size: 10px;
	line-height: 12px;
}

#peopleControls ul li#architectural{width: 78px;}
#peopleControls ul li#interior{width: 102px; *width: 95px;}
#peopleControls ul li#landscape{width: 132px; *width: 125px;}
#peopleControls ul li#sustainable{width: 65px;}
#peopleControls ul li#strategic{width: 97px; *width: 90px;}

#peopleControls ul li#architectural,
#peopleControls ul li#interior,
#peopleControls ul li#landscape,
#peopleControls ul li#sustainable,
#peopleControls ul li#strategic{
	padding-left: 18px;
	*padding-top: 6px;
}

#peopleControls ul li#architectural input,
#peopleControls ul li#interior input,
#peopleControls ul li#landscape input,
#peopleControls ul li#sustainable input,
#peopleControls ul li#strategic input{
	position: absolute;
	margin-left: -18px;
	*margin-left: -24px;
	*margin-top: -5px;
}

#peopleControls ul li#architectural,
#peopleControls ul li#interior,
#peopleControls ul li#landscape,
#peopleControls ul li#sustainable,
#peopleControls ul li#strategic,
#peopleControls ul li#play{padding-right: 0;}

#peopleControls ul li input{margin-right: 1px; vertical-align: baseline;}

/****************************
	OUR PEOPLE PHOTO GRID
****************************/

#peoplelist{
	margin: 0px 0 7px 3px;
	padding: 3px 0 0 0;
}

#peoplelist tr{height: 58px;overflow: hidden;}
#peoplelist td{
	background-color: #edeeed;
	width: 58px;
	height: 58px;
	overflow: hidden;
	text-align: center;
	vertical-align: top;
	position: relative;
}

#peoplelist td a{
	display: block;
	width: 58px;
	height: 58px;
	overflow: hidden;
}

#peoplelist td a:hover{background: none;}

#peoplelist td.easter{background-color: #69b836;}
#peoplelist td.easter span{
	display: block;
	height: 58px;
	width: 58px;
	cursor: pointer;
}

#peoplelist td.culture{
	width: 118px;
	height: 118px;
}

#peoplelist td.culture img{
	width: 118px;
	height: 118px;
	position: static;
	display: block;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #peoplelist td.culture img{position: absolute;}
}

/****************************
	OUR PEOPLE LIST
****************************/
#peoplelist.list{
	background-color: #edeeed;
	border-top: 2px solid #fff;
	margin: 0px 2px 2px 2px;
	background: url("/inc/i/bground-people-list.gif") top left repeat-y;
	overflow: auto;
	width: 965px;
	position: relative;
}

#peoplelist.list ul{
	list-style: none;
	width: 180px;
	float: left;
	margin: 3px 0 0 0;
	padding: 10px 0 10px 13px;
}

#peoplelist.list ul.first{
	padding-left: 14px;
	width: 177px;
}

#peoplelist.list ul li{
	font-size: 11px;
	line-height: 16px;
	color: #666666;
	padding-right: 10px;
}


	/* View As List / View As Images */
#contentContainer #viewAs{
	padding: 5px 0 9px 15px;
	font-size: 10px;
	clear: both;
}

#contentContainer #viewAs.images{
	border-top: 1px solid #d4d4d4;
}

/****************************
	BIO POP UP
****************************/
#bioBox{
	width: 722px;
	height: 406px;
	position: relative;
	overflow: hidden;
}

	/* Bio Columns */
#bioBox #bioInfo{
	width: 453px;
	float: right;
	padding: 16px 16px 0 0;
	position: relative;
}

#bioBox #bioSideBar{
	width: 216px;
	float: left;
	padding: 9px 0 0 16px;
}

	/* Bio Main Info */
#bioBox #bioInfo h1{
	font-size: 14px;
	font-weight: normal;
	line-height: 14px;
	color: #000;
	padding: 0 0 4px 0;
}

#bioBox #bioInfo h2{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #969696;
	padding: 0 0 4px 0;
}

#bioBox #bioInfo #bioPhoto{
	float: left;
	width: 95px;
	height: 95px;
	padding-bottom: 14px;
}

#bioBox #bioInfo #bioQuote{
	font-size: 12px;
	line-height: 18px;
	font-family: georgia;
	font-style: italic;
	color: #333333;
	padding: 4px 0 0 0;	
	*padding-left: 2px;
	position: relative;
	height: 55px;
	overflow: hidden;
}

#bioBox #bioInfo #bioQuote .quote{display: none; height: 100px;}
#bioBox #bioInfo #bioQuote .activeQuote{display: block;}

#bioBox #bioInfo #bioQuote, #bioBox #bioInfo h1, #bioBox #bioInfo h2{
	width: 340px;
	float: right;
}

#bioBox #bioInfo #bioDescription{
	padding: 0 35px 0 0;
	clear: both;
	height: 259px;
	overflow: hidden;
	position: relative;
	font-size: 11px;
	line-height: 20px;
	color: #333;
}

#bioBox #bioInfo #bioDescription .scrollableCopy{width: 424px;}
#bioBox #bioInfo #bioDescription p{padding: 4px 0 4px 0;}

#bioBox #bioInfo .scrollbar {left: 449px;}

	/* Bio Side bar */
#bioBox #bioSideBar #bioEducation{
	font-size: 10px;
	line-height: 14px;
	padding: 11px 0 3px 0;
}

#bioBox #bioSideBar #bioEducation p{
	padding: 0 0 8px 0;
}

#bioBox #bioSideBar h3{
	font-size: 14px;
	line-height: 14px;
	color: #333333;
	font-weight: normal;
	padding: 8px 0 0 0;
}

#bioBox #bioSideBar #expertiseCategories{
	margin: 8px 0 0 0;
	position: relative;
}

#bioBox #bioSideBar #expertiseCategories h5{
	font-size: 10px;
	line-height: 18px;
	color: #999999;
	font-weight: normal;
}

#bioBox #bioSideBar #expertiseCategories h5.active a{font-weight: bold;}
#bioBox #bioSideBar #expertiseCategories .category{position: relative;}
#bioBox #bioSideBar #expertiseCategories .category .categoryExpertise{
	border-top: 3px solid #d6d6d6;
	border-bottom: 3px solid #d6d6d6;
	height: 100px;
	overflow: hidden;
	position: relative;
	padding: 5px 0 5px 0;
}

#bioBox #bioSideBar #expertiseCategories .category .categoryExpertise .categoryExpertise{
	padding: 0 20px 0 0;
	border: none;
	height: auto;
	overflow: auto;
}

#bioBox #bioSideBar #expertiseCategories .category .categoryExpertise a{color: #000;}
#bioBox #bioSideBar #expertiseCategories .category .categoryExpertise a:hover{color: #fff; background-color: #000;}

#bioBox #bioSideBar #expertiseCategories .scrollbar{
	left: 205px;
}

#bioBox #bioSideBar #expertiseCategories .category.empty{
	height: 0;
	overflow: hidden;
	display: none;
	margin: 0;
}

#autoload{display: none;}/****************************
	LINKS
****************************/

/****************************
	CAREERS
****************************/

	/* Right side of Careers Section */
.careers #grid{
	position: absolute;
	top: -29px;
	left: 541px;
	width: 427px;
	float: right;
	border-left: 1px solid #d4d4d4;
	padding: 30px 0 0 0;
}

	/* General Careers Content */
#careerContent{
	width: 541px;
	padding: 0 0 9px 0;
	border-right: 1px solid #d4d4d4;
}

#careerContent h3{
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	padding: 12px 30px 15px 13px;
	background-color: #f5f5f5;
	border-bottom: 1px solid #d4d4d4;
}

	/* Careers Landing Specific */
#careerContent h4{
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	padding: 20px 14px 17px 14px;
}

#careerContent p{
	line-height: 18px;
	padding: 0 14px 7px 14px;
}

/****************************
	JOB LISTINGS
****************************/
#careerContent table{width: 100%;}

#headline{
	margin: 7px 0 0 0;
	font-size: 12px;
	color: #000;
}

table .postDate, table .postTitle{
	padding: 1px 3px 3px 14px;
	vertical-align: top;
}

table .postDate{width: 170px;}
table .postTitle{}

table .oddRow td{
	background-color: #f6f6f6;
}

/* INLINE FOR SAFARI FIX */
#careerContent #jobList{
	position: relative;
	height: 132px;
	overflow: hidden;
}

#careerContent #jobList .scrollableCopy{margin-right: 28px;}
#careerContent .scrollbar{left: 521px;}

/****************************
	INDIVIDUAL JOBS
****************************/
#job h4{
	font-size: 14px;
	padding-bottom: 19px;
}

#job p.date{
	position: relative;
	padding-bottom: 0;
	padding-left: 110px;
}

#job p.date span{
	font-weight: bold;
	position: absolute;
	left: 14px;
	*margin-top: -3px;
	_margin-left: -110px;
}

/* INLINE FOR SAFARI */
#job #jobDescription{
	position: relative;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	margin: 14px 7px 12px 3px;
	padding: 3px 55px 10px 0;
	height: 157px;
	overflow: hidden;
}

#job #jobDescription p{
	margin-bottom: 7px;
}

#job #jobDescription ul{list-style-type: circle;}
#job #jobDescription ul, #job #jobDescription ol{
	margin-left: 35px;
}

#job #jobDescription .scrollableCopy{
	padding-right: 30px;
}/****************************
	SLIMBOX & MOODALBOX
****************************/

#lbNumber{display: none;}

#lbOverlay, #mb_overlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #fff;
	cursor: pointer;
	z-index: 1300;
}

#projectLanding #mb_overlay, #lbOverlay{z-index: 60001;}

#project #mb_overlay{
	z-index: 1;
}

#lbCenter, #lbBottomContainer, 
#mb_center, #mb_bottom {
	position: absolute;
	left: 50%;
	overflow: hidden;
	z-index: 60001;
}

#mb_center, #mb_bottom, #mb_contents{
	z-index: 50000;
}

#projectLanding #mb_center,
#projectLanding #mb_bottom,
#projectLanding #mb_contents{z-index: 60001;}

#lbBottomContainer{background: none;}

.lbLoading, .mb_loading {
	background: url("/img/lightbox-loading.gif") no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	padding-left: 40px;
	padding-right: 40px;
	background-repeat: no-repeat;
	background-position: 40px 0;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 10px;
	height: 11px;
	line-height: 11px;
	outline: none;
}

#lbPrevLink{
	left: 0;
	background: transparent url("/img/lightbox-prev.gif") no-repeat 0 0;
}

#lbNextLink {
	right: 0;
	background: transparent url("/img/lightbox-next.gif") no-repeat 0 0;
}

#lbPrevLink:hover, #lbNextLink:hover{background-position: 0 -19px;}

#lbBottom, #mb_bottom {}
#lbCaption, #mb_caption{display: none;}
#lbCloseLink, #mb_close_link {
	display: block;
	float: right;
	width: 30px;
	height: 30px;
	background: transparent url("/img/lightbox-close.gif") top left no-repeat;
	margin: 0;
}

#mb_close_link{margin: 2px 0 0 0;}

#lbCloseLink:hover, #mb_close_link:hover{background-position: 0 -30px;}

/* MOODALBOX SPECIFIC */
#mb_error {
	color: #69b836;
	font-weight: bold;
	text-align: center;
	padding: 0.5em;
}

#mb_contents {
	width: 400px;
	height: 400px;
	border: 2px solid #69b836;
	overflow: hidden;
	background-color: #FFF;
	visibility: hidden;
}