/**
 *	GLOBALS	
 */

body {
	background-color: #EBE7E1;
	margin:	0px;
	font-size: 12px; 
	font-family: Verdana, Arial, Geneva;
	color: #483129; /* brown #483129; */
	height: 100%;
}

p {
	margin:	10px 0px 5px 0px;
	color: #483129;
}

img {
	border:	0px;
}

li {
	font-size: 10px;
}

#flashContent{
	padding: 4px 0px 4px 0px;
}
html {
	height: 100%;
}

a {
	outline: none;
	text-decoration: none;
	color: rgb(134,67,34);
}
a:link {
	/* just inherit from a */
}
a:visited {
	/* just inherit from a */
}
a:hover {
	/* font-weight:bold; */
	color: rgb(139,129,120); /* grey */
} 
a:active {
}


/**
 *	PAGE
 */

#container {
	width:				100%;
	margin:				0px auto;
}

#back {
	width:				100%;
	height:				100%;
	position:			absolute;
	margin:				0px auto;
}

#white {
	width:				862px;
	height:				100%;
	margin:				0px auto;
	background-color:	#fff;
}

#main {
	width:				100%;
	min-height: 		100%;
	position:			absolute;
	top: 				0px;
	background: 		url(../images/white862.gif) center repeat-y;
}

.pins {
	margin: 0px;
	padding: 0px;
	margin-top:			2px;
	height:				2px;
	border-top:			1px solid #CECBC6;
	border-bottom:		1px solid #CECBC6;
	line-height: 0px;
}

#content {
	padding-top:		18px;
	/*padding-bottom:		38px;*/
	padding-bottom: 65px;
	overflow:auto;
}

#contentprojects {
	padding-top:		18px;
	padding-bottom:		58px;
	overflow:auto;
}

.mainSection {
	width:				822px;
	margin:				0px auto;
	padding:			0px 20px;
}




/**
 *	NAV
 */

#nav {
	height:				45px; /* 20 logo height + 25 margin for bottom */
	margin-top:			25px;
}

#leftNav {
	float:				left;
	width: 				420px;
	margin:				0px;
	padding:			0px;
}

#rightNav {
	float:				right;
}

#mainNav {
	float:				left;
	width: 				420px;	
	margin:				0px;
	padding:			0px;
}
#mainNav ul, li {
	margin:				0px;
	padding:			0px;
	display:			block;
	list-style-type: 	none;
}

#subNav {
	z-index: 0;
	width: 				600px;
	float:				left;
	margin:				0px;
	padding:			0px;
}

#subNav ul, #subNav li, #mainNav li, #leftNav li {
	margin:				0px;
	padding:			0px;
	display:			inline;
	list-style-type: 	none;
	font-size: 			10px;
}

ul.related{
	font-size: 10px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

.active {
	font-weight:bold;
}


/* mark is testing removal of this

#subNav a:link {
	text-decoration: none;
	color: #483129; 
}
#subNav a:visited {
	text-decoration: none;
	color: #483129; 
}
#subNav a:hover {
	font-weight:bold;
}
#subNav a:active {
	text-decoration: none;
	color: #483129; 
}
*/

#columnNav {
	margin: 			0px 0px 0px 0px;
	padding:			0px;
}
#columnNav ul {
	margin:				0px 0px 10px 0px;
	padding-left:		0px;
	font-size: 			10px;
}
#columnNav li {
	list-style-type: 	none;
	font-size: 			10px;
	display: 			block;
}

/* mark is testing removal of this

#columnNav a:link {
	text-decoration: none;
	color: #483129; 
}
#columnNav a:visited {
	text-decoration: none;
	color: #483129; 
}
#columnNav a:hover {
	font-weight:bold;
}
#columnNav a:active {
	text-decoration: none;
	color: #483129; 
}
*/

.columnNav {
	margin: 			0px 0px 0px 0px;
	padding:			0px;
}
.columnNav ul {
	margin:				0px 0px 10px 0px;
	padding-left:		0px;
	font-size: 			10px;
}
.columnNav li {
	list-style-type: 	none;
	font-size: 			10px;
	display: 			block;

}

/* mark is testing removal of this

.columnNav a:link {
	text-decoration: none;
	color: #483129; 
}
.columnNav a:visited {
	text-decoration: none;
	color: #483129; 
}
.columnNav a:hover {
	font-weight:bold;
}
.columnNav a:active {
	text-decoration: none;
	color: #483129; 
}
*/

#headline {
	padding-top:		6px;
	padding-bottom:		6px;
}


/**
 *	COLUMNS
 */

#leftHalfColumn {
	float:				left;
	width:				615px;
	margin:				0px 0px 0px 0px;
	padding:            0px 0px 0px 0px;
}
#rightHalfColumn {
	float:				left;
	width:				402px;
	margin-left:		18px;
}
.clear {
	clear: 				both;
}
div.centerColumn {
	float:				left;
	width:				402px;
	margin:				0px 0px 0px 0px;
}
div.centerColumnTwo3rds {
	float:				left;
	width:				602px;
	margin:				0px 0px 0px 0px;
}
#centerColumn {
	float:				left;
	width:				402px;
	margin:				0px 0px 0px 0px;
}
#centerColumnInd {
	width:				402px;
	margin:				0px 0px 0px 0px;
	padding:			0px 0px 0px 212px;
}
/* on some pages it happens more than once, so we cannot use id */
.centerColumnInd {
	width:				402px;
	margin:				0px 0px 0px 0px;
	padding:			0px 0px 0px 212px;
}
#callOutColumn {
	float:				left;
	width:				610px;
	margin:				0px 0px 0px 0px;
}
#firstColumn {
	float:				left;
	width:				212px;
	margin:				0px;
	padding: 			0px;
}
div.firstColumn {
	float:				left;
	width:				212px;
	margin:				0px;
	padding: 			0px;
}
#rightThirdColumn {
	background-color:	#F3F0EB;
	width:				162px;
	min-height:			450px;
	float:				right;
	padding-top:		18px;
	/*padding-bottom:		18px;*/
	padding-left:		15px;
	padding-right:		15px;
}
#rightThirdColPeople {
	background-color:	#fff;
	width:				192px;
	height:				100%;
	float:				right;

}
div.rightThirdColAwards {
	background-color:	#F3F0EB;
	width:				192px;
	height:				100%;
	float:				right;
}

#peopleimg {
	border-bottom: 3px #FFFFFF solid;
	margin-right: 15px;
}
#peoplerelated {
	background-color:	#F3F0EB;
	width:				162px;
	height:				100%;
	float:				right;
	padding-top:		18px;
	padding-bottom:		18px;
	padding-left:		15px;
	padding-right:		15px;
}
div.awardsrelated {
	background-color:	#F3F0EB;
	width:				162px;
	height:				100%;
	float:				right;
	padding-top:		18px;
	padding-bottom:		18px;
	padding-left:		15px;
	padding-right:		15px;
}
div.rowawards {
	float:left;
	width: 822px;
	margin: 0px 0px 10px 0px;
	}
p.awards {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 10px;
	line-height: 13px;
	color: #483129;
}
	
/**
 *	Header Box Business
 */
#headerboxbig {
	width: 822px;
	height: 320px;
	overflow: hidden;
	}
#headerboxgrey {
	width: 825px;
	height: 125px;
	background-color: #C8CFC7;
	} 
#headerboxBeige {
	width: 822px;
	height: 125px;
	background-color: #96968C;
	} 
#headerboxBrown {
	width: 822px;
	height: 125px;
	background-color: #483129;
	} 		
#headerboxCopyPos {
	padding-top:50px;
	padding-left:10px;
	}	
h1.headerboxCopyBrown {
	font-size: 24pt;
	line-height: 1em;
	font-family: Futura, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 100;
	color: #483129;
	} 
h1.headerboxCopyWhite {
	font-size: 24pt;
	line-height: 1em;
	font-family: Futura, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 100;
	color:#FFFFFF;
	} 
 
 	
/**
 *	HOME
 */

h2.home {
	font-size: 15pt;
	font-family: Futura, Verdana, Arial, Helvetica, sans-serif;
	font-weight:100;
	color: #483129;
	margin: 0px;
}
.line {
	border-bottom: #483129 1px solid;
	margin: 0px;
	float: left;
	width: 402px;
}

div#main_collection{
	overflow: hidden;
	width: 825px;
	height: 320px;
	position: relative;
}
div.item{
	overflow: hidden;
}
div#main_collection div.item img{
	width: 100%;
	display: block;
}
.slideshowcaption {
	position: absolute;
	height: 45px;
	bottom: 0px;
	left: 0px;
	background: url(../images/transp.png) repeat; /* #526866 */
	width: 100%;
	/*opacity:0.6;
	filter: alpha(opacity=60);
    -moz-opacity:.60;*/
	/*text-align: center;*/
	overflow: hidden;
	font-size: 14pt;
}

.slideshowcaption div.padded{
	padding: 10px;
}

h1.slideshow {
	color:#ffffff;
	font-family:Futura,Verdana,Arial,Helvetica,sans-serif;
	font-size:24pt;
	font-weight:100;
	line-height:1em;
}


/**
 *	NEWS
 */

.news {
	margin:		0px 0px 16px 0px;
}
h2.news  {
	font-size:			10px;
	font-weight:		bold;
	margin:				0px 0px 2px 0px;
	color: 				#483129;
}
h3.news  {
	font-size:			10px;
	font-weight:		bold;
	line-height: 		15px;
	margin:				8px 0px 0px 0px;
	color: 				#483129;
}
p.news {
	margin-top: 0px;
	padding: 0px;
	font-size: 10px;
	line-height: 15px;
	color: #483129;
}
.newstext {
	font-size: 10px;
	line-height: 15px;
}

/**
 *	FEATURES
 */

.featureImageContainer {
	width: 191px;
	/* height: 94px;  best for Projects page*/
	/* height: 70px;  blank mosseri setting for home page*/
	height: 94px;
	overflow: hidden;
	float: left;
	margin: 5px 0px 0px 0px;
}

.featureDescription {
 float: left;
 width: 191px;
 height: 94px; /* match featureImageContainer to force side-by-side */
 font-size: 10px;
 padding: 0px;
 margin: 5px 0px 0px 20px;
 line-height: 15px;
 color: #483129;
}

/* mark is testing removal of these

.featureDescription a {
	font-weight: bold; 
}

.featureDescription a:hover {
	color: #9C1D25;
}
*/


/**
 *	Related Content Column
 */

h3.related  {
	font-size: 10px;
	font-weight: 100;
	margin:	0px 0px 2px 0px;
	color: #483129;
}

p.related {
	font-size: 10px;
	line-height: 15px;
	color: #483129;
 }

 
/**
 *	Firm
 */
h1.bigHeadline {
	font-size: 36px;
	font-weight: 100;
	color: #365158;
	margin:	0px;
}

/**
 *	Publications
 */
#rowpublication {
	float:left;
	width: 822px;
	margin: 0px 0px 20px 0px;
	}
#publication {
	float:left;
}
#publicationCopy,
.contactCopy {
	float:left;
	width: 259px;
}
#publicationImageContainer{
	width: 142px;
	float: left;
	margin: 0px 0px 0px 0px;
}

.contactImageContainer{
	width: 122px;
	height: 163px;
	float: left;
	overflow: hidden;
}

div.contact{
	clear: both;
	float: none;
}
 
/**
 *	Projects
 */ 
#projectbox {
	margin: 0px;
	padding: 0px;
	
}
#projectsLinks {
	font-size: 10px;
	float: left;
	width: 102px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 15px;
	color: #483129; 
}
.projectsText {
	font-size: 10px;
	width: 402px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	line-height: 15px;
	color: #483129; 
}
ul.projects {
	margin:				5px 0px 0px 0px;
	padding:			0px 0px 5px 200px;
	font-size: 10px;
}	
li.projects {
	margin:				0px;
	padding:			0px 0px 5px 0px;
	list-style-type:    none;
	display: 			list-item;
}

ul.project_menu{
	display: block;
	margin: 0px 0px 10px;
	padding: 0px;
}
ul.project_menu li{
	display: block;
}

div.project_info{
	position: relative; 
	height: 100%; 
	float: left;
	padding: 0px 15px;
	width: 342px;
}

div.project_info div#slide_text{
	width: 100%;
}

div.slideshow_controls{
	position: absolute; 
	bottom: 5px;
	font-size:9px; 
	color:#838381;
}

div.project_slideshow{
	 float: right;
	 width: 450px;
	 height: 370px;
}

div.project_slideshow div.item {
	width: 450px;
	overflow: hidden;
}

div.project_slideshow div.item img {
	float: right;
}
#slide_text {
	position: absolute; 
	bottom: 30px;
	font-size: 10px;
	
}


/**
 *	Publications
 */

.publicationsDescription {
	margin: 5px 0px;
	float: left;
	width: 320px;
}
.publicationsDownload {
	padding: 5px 0px 0px 5px;
	float: left;
	width: 70px;
	height: 26px;
}


.personDescription {
	font-size: 11px;
	line-height: 15px;
	
}

/**
 *	Footer
 */ 

#footer {
	position: absolute;
    top: auto;
    bottom: 0px;
	width:100%;
	height: 65px;
	background: url(../images/white862.gif) center repeat-y;
	display:block;
}
#copyright {
	padding: 10px 0px 20px 0px;
	text-align:center;
	font-size: 10px;
	
}
#credits {
	background:	#EBE7E1;
	color: #9b9692;
	font-size: 9px;
	font-weight:normal;
	line-height: 15px;
	text-align:right;
	width: 862px;
	margin:	0px auto;
}
a:active.credits, a:link.credits, a:visited.credits {
	text-decoration: none;
	font-weight:normal;
	font-size: 9px;
	color: #9b9692;
} 
a:hover.credits {
	text-decoration: none;
	font-weight:normal;
	font-size: 9px;
	color: #EBE7E1;
	background:	#9b9692;
}

a.video_manager_show {
	display: block;
	position: absolute;
	z-index: 100;
	top: 120px; 
	left: 150px;
	background: transparent url('/assets/images/play_button.png') no-repeat top left;
	width: 150px;
	height: 150px;
}

div#slideshow_video_container {
	width: 450px;
	height: 370px;
}

a.video_manager_hide {
	position: absolute;
	top: 0px;
	left: 450px;
	font-size: 14pt;
	font-weight: bold;
	display: block;
	line-height: 14pt;
	padding: 0px 5px 5px;
	background: #F0F2F1;
}