/*








COMMON STYLING										*/

img { border: none; }

body {
	background-color: white;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light",
             "Helvetica Neue", sans-serif;
font-weight: 300;
	font-size: .8em;
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, .title {
	font-family: "HelveticaNeue-UltraLight", "Helvetica Neue UltraLight", "Helvetica Neue", sans-serif;
	font-weight: 200;
}
h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1em; }
h6 { font-size: .9em; }
a:link { color: #A49A6E; }
a:visited { color: #666448; }
a:hover { color: #963; }
#foot a:link,
#foot a:visited,
#foot a:hover { color: black; }

#head *,
.menu * {
	padding: 0;
	margin: 0;
}

.noBgImage { background-image: url(clear.gif) !important; }

.sweet1,p span a /*comment link*/ {
	font-size: .8em;
	text-transform: uppercase;
	font-family: inherit;
	color: #B7AF7D;
}

.sweet2 { font-size: .8em; }

#search form p {
	text-transform: uppercase;
	color: #B7AF7D;
}

.allSorts img {
	vertical-align: text-bottom;
	text-transform: inherit;
	margin-right: 2px;
}

#foot {
	clear: both;
	background-color: white;
}

.detail .title {
	font-size: 1.6em;
	color: #B7AF7D;
	border-bottom: 1px solid silver;
}

.articleOverview .excerpt p {
	margin-top: 0;
	font-size: smaller;
	color: gray;
}

.detail .body { font-size: .9em; }

.detail blockquote {
	color: #877955;
	border-color: #F2F2F2;
	border-width: 1px;
	border-style: solid;
}

acronym {
	border-bottom: 1px dotted silver;
	cursor: help;
}

cite { color: gray; }

/*








GENERIC POSITIONAL								*/

#masthead {
	height: 50px;
	padding-top: 25px;
	position: absolute;
	z-index: 1;
	top: 0;
	width: 100%;
	background-color: white;
}

#masthead.bigScreen { position: fixed; }

#containerTop,
#container {
	position: absolute;
	width: 720px;
	margin-left: -360px;
	left: 50%;
	top: 25px;
}

#containerTop { height: 0; }

#container {
	background-color: white;
	z-index: 0;
	border-color: #F2F2F2;
	border-width: 1px;
	border-style: solid;
	border-top: none;
	top: 100px;
	padding-top: 0;
}

.detail #container { top: 150px; }
#profile.detail #container { top: 139px; }

#projects #container {
	padding-top: 100px;
	top: 0;
}

#projects.detail #container { top: 43px; }

#people #container {
	top: 75px;
	background-image: url(../images/177.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	min-height: 550px;
}

#people.detail #container {
	top: 150px;
	background-image: url(none);
}

#expertise #container {
	top: 75px;
	background-image: url(../images/184.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#expertise.detail #container {
	top: 140px;
	background-image: url(none);
}

.articleContext {
	padding: 0;
	background-color: white;
	clear: both;
	position: absolute;
	width: 721px;
	top: 50px;
	height: 75px;
	z-index: 10;
}

#profile .articleContext { height: 65px; }
#projects .articleContext { height: 68px; }
#bottomMenu .articleContext { position: static; }

.navPrev,
.category,
.navNext {
	margin: 0;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	line-height: 50px;
}

.navPrev { width: 250px; }

.category {
	width: 155px;
	color: gray;
}

.navNext {
	text-align: right;
	width: 250px;
}

.detail .title {
	position: absolute;
	width: 440px;
	top: 40px;
	left: 1px;
	clear: both;
	padding: 0;
	padding-left: 280px;
	margin: 0;
}

#expertise.detail .title { top: 30px; }
.detail #bottomMenu .title { position: static; }

#head {
	position: absolute;
	left: 0;
	top: 0;
	height: 49px;
	border-bottom: 1px solid #F2F2F2;
	width: 270px;
	z-index: 20;
}

#head span { display: none; }

#head h2 {
	position: absolute;
	left: 0;
	bottom: 0;
}

.menu.top {
	position: absolute;
	top: 0;
	left: 270px;
	width: 452px;
	z-index: 22;
}

.menu ul,
.menu li { list-style: none; }

#menuProfile,
#menuProjects,
#menuExpertise,
#menuPeople,
#menuContact {
	position: absolute;
	top: 0;
	z-index: 2;
	padding-left: 10px;
	padding-right: 10px;
	width: 81px;
	border-color: #F2F2F2;
	border-width: 1px;
	border-style: solid;
	text-transform: uppercase;
	font-size: .8em;
}

#menuHome { display: none; }
#menuProfile { width: 50px; }
#menuProjects { left: 71px; }
#menuExpertise { left: 173px; }
#menuPeople { right: 74px; }

#menuContact {
	right: 0;
	width: 53px;
}

#altMenu #menuProfile,
#altMenu #menuProjects,
#altMenu #menuExpertise,
#altMenu #menuPeople,
#altMenu #menuContact {
	position: static;
	float: left;
	width: 80px;
}

#altMenu #menuContact, 
#altMenu #menuProfile { width: 50px; }
#profile #menuProfile a:hover,
#projects #menuProjects a:hover,
#expertise #menuExpertise a:hover,
#people #menuPeople a:hover,
#contact #menuContact a:hover { text-decoration: none; }
#profile #menuProfile,
#projects #menuProjects,
#expertise #menuExpertise,
#people #menuPeople,
#contact #menuContact { border-bottom: 3px solid #B7AF7D; }
#home .menu * { border-bottom: 0; }

.menu a {
	display: block;
	padding-top: 36px;
	_padding-top: 34px;
	padding-bottom: 0px;
	text-decoration: none;
}

.menu li a:hover { text-decoration: underline; }

#projects #sectionIntro {
	margin-left: 280px;
	margin-right: 65px;
	font-size: smaller;
}

ol.comments, 
#txpCommentInputForm, 
.searchResults {
	margin-left: 280px;
	margin-bottom: 50px;
}

.article ul {
	list-style-type: circle;
	list-style-position: default;
	margin-left: 0;
}

.searchResults small {
	margin-top: 1em;
	margin-bottom: 1em;
	display: block;
}

input {
	width: 165px;
	margin-bottom: 1em;
}

textarea { width: 100%; }

.commentHelp {
	margin-top: 1em;
	margin-bottom: 1em;
}

#altMenu.menu li#menuContact { border-right: none; }

#altMenu.menu li {
	border-top: none;
	border-bottom: none;
}

#altMenu {
	padding-left: 270px;
	width: 450px;
	clear: both;
}

/*








HOME POSITIONAL									*/

#home #gallery {
	width: 100%;
	height: 225px;
	margin-bottom: 25px;
	background-repeat: no-repeat;
}

#home .article {
	/*div surrounding each article using the default form*/
	margin-left: 269px;
	border: 1px solid #F2F2F2;
	margin-bottom: 25px;
	border-right: none;
}

#home .title h4 {
	float: left;
	margin-top: 0;
	margin-right: 1em;
	margin-bottom: .5em;
	padding: 0;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: .5em;
	border: 1px solid #F2F2F2;
	border-top: none;
	border-left: none;
}

#home .body p,
#home .body li {
	margin: 10px;
	color: #666;
	clear: both;
}

#home #foot {
	position: absolute;
	top: 340px;
}

#home .article h1,
#home .article h2,
#home .article h3,
#home .article h4,
#home .article h5,
#home .article h6 {
	padding-left: 10px;
	font-size: 14px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light",
             "Helvetica Neue", sans-serif;
font-weight: 300;
}

/*








PROJECTS OVERVIEW											*/

#projects,
#people, 	
#expertise {
	background-image: url(pinstripeHozBg.gif);
	background-color: #F7F7F7;
}

#projectsListHeading {
	padding-top: 125px;
	width: 280px;
	left: 0;
}

#projectsListHeading h3 {
	margin: 0;
	padding: 0;
	padding-left: 10px;
	padding-right: 55px;
	width: 204px;
	height: 50px;
	font-size: 1.1em;
	text-align: right;
	color: #B7AF7D;
	margin-bottom: 10px;
	float: left;
	margin-left: 1px;
	text-transform: uppercase;
	background-color: white;
}

#projectsListHeading h3 a { text-decoration: none; }

#gallery0,
#gallery1,
#gallery2,
#gallery3,
#gallery4,
#gallery5,
#gallery6{
	margin: 0;
	height: 48px;
	overflow: hidden;
	width: 450px;
	float: right;
	margin-bottom: 10px;
	background-position: center center;
	border-top: 1px solid #F2F2F2;
	border-bottom: 1px solid #F2F2F2;
}

#gallery0 { margin-top: 50px; }
#gallery6    { border-top: 1px solid silver; }

#g0_0,
#g0_1,
#g0_2,
#g0_3,
#g1_0,
#g1_1,
#g1_2,
#g1_3,
#g2_0,
#g2_1,
#g2_2,
#g2_3,
#g3_0,
#g3_1,
#g3_2,
#g3_3,
#g4_0,
#g4_1,
#g4_2,
#g4_3 {
	width: 25%;
	float: left;
	height: 100%;
}

.hover {
	color: #963;
	cursor: pointer;
}

.hidden { display: none; }
.shown { display: block; }
.selected { border-top: 1px solid #F2F2F2; }
.selected a { color: black; }

#projects .articleOverview {
	clear: both;
	overflow: hidden;
	height: 75px;
	width: 439px;
	padding-left: 10px;
	margin-left: 270px;
	margin-bottom: 10px;
	border-top: 1px solid #F2F2F2;
	border-left: 1px solid #F2F2F2;
}

#projectGroup0,
#projectGroup1,
#projectGroup2,
#projectGroup3,
#projectGroup4 { /*display:none;*/ }

#projects .title {
	float: left;
	margin: 0;
	font-size: 1.2em;
	text-align: right;
}

#projects .excerpt {
	float: left;
	clear: left;
	/*font-size: smaller;*/
}

#projects .title,
#projects .excerpt {
	margin-right: 10px;
	width: 156px;
}

#projects .articleOverview img { margin-left: -3px; }

#projects #foot {
	position: fixed;
	top: 450px;
	z-index: 0;
}

/*








PROJECTS DETAIL POSITIONAL						*/

#projects.detail .title {
	margin: 0;
	padding: 0;
	padding-left: 280px;
	width: 440px;
	margin-left: 0;
	text-align: left;
	font-size: 1.8em;
}

#projects.detail .excerpt {
	width: 250px;
	margin-left: 10px;
	_margin-left: 5px;
	margin-bottom: 1em;
	margin-top: 1em;
}

#projects.detail .body {
	width: 250px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}

#projects.detail blockquote {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 1em;
}

#projects.detail .images {
	margin-bottom: 1em;
	width: 450px;
	float: right;
}

#projects.detail #foot { position: static; }

#projects #foot {
	position: fixed;
	top: 450px;
	z-index: 0;
}

/*








PEOPLE STYLING						*/
#people .articleOverview {
	width: 160px;
	float: left;
	margin-left: 10px;
}

#people .sticky .articleOverview {
	width: 167px;
	margin-bottom: 5px;
}

#people .sticky {
	margin-left: 270px;
	padding-top: 50px;
}

#people .sticky2 {
	float: left;
	width: 200px;
	height: 255px;
}

#people .title {
	font-size: 1.6em;
	margin: 0;
	margin-top: 10px;
	margin-bottom: 5px;
}

#people.detail .excerpt {
	margin-right: 50px;
	margin-left: 280px;
}

#people .body {
	margin-right: 50px;
	margin-left: 280px;
}

#people #foot { background-color: transparent; }
#people.detail #foot { padding-top: 25px; }

#people.detail #gallery {
	width: 270px;
	height: 500px;
	float: left;
	background-repeat: no-repeat;
	margin-right: 10px;
}

#people.detail .images {
	margin-bottom: 1em;
	width: 260px;
	float: left;
}

#people .images img { margin-top: -10px; }

/*








EXPERTISE STYLING						*/

#expertise .articleContext {
	height: 65px;
	margin-bottom: 0;
}

#expertise .images img { margin-top: -10px; }

#expertise .articleOverview {
	width: 400px;
	float: left;
	margin-left: 10px;
}

#expertise .sticky {
	margin-left: 270px;
	height: 25px;
}

#expertise .sticky2 {
	clear: both;
	width: 270px;
	height: 220px;
	float: left;
}

#expertise .sticky .articleOverview {
	width: auto;
	/*margin-bottom: 25px;*/
}

#expertise .title {
	font-size: 1.6em;
	margin: 0;
	margin-top: 10px;
	margin-bottom: 15px;
}

#expertise.detail blockquote {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 1em;
}

#expertise.detail .images {
	margin-bottom: 1em;
	width: 260px;
	float: left;
}

#expertise .body, 
#expertise.detail .excerpt {
	margin-right: 50px;
	margin-left: 280px;
}

#expertise #foot p {
	margin-bottom: 0;
	padding-bottom: .5em;
}

#expertise #foot { padding-top: 25px; }
#expertise.detail #foot { padding-top: 25px; }

#expertise.detail h4 {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light",
             "Helvetica Neue", sans-serif;
font-weight: 300;
	font-size: 1.4em;
	color: #B7AF7D;
	margin-bottom: 0;
	padding-top: 1em;
}

/*








CONTACT POSITIONAL									*/

#contact #sectionIntro {
	width: 260px;
	font-size: .8em;
	float: left;
	padding-top: .2em;
	margin-left: 10px;
	_margin-left: 5px;
}

#dumbDiv {
	clear: both;
	height: 25px;
}

#contact #sectionIntro p {
	margin: 0;
	margin-bottom: 1em;
}

#contact .body {
	width: 430px;
	float: right;
	padding-right: 10px;
}

#contact .body ul {
	color: #A04C2A;
	list-style-type: circle;
	list-style-position: inside;
	margin-bottom: 1em;
}

#contact #gallery {
	clear: both;
	width: 100%;
	height: 225px;
	margin-bottom: 25px;
}

#contact form { color: gray; }
#contact form b { color: black; }

/*








PROFILE 									*/

#profile.detail blockquote {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 1em;
}

#profile.detail .images {
	margin-bottom: 1em;
	width: 260px;
	float: left;
}

#profile .body, 
#profile.detail .excerpt {
	margin-right: 50px;
	margin-left: 280px;
}

#profile .images img { margin-top: -10px; }

/*








HELP 									*/

#help #content { margin-left: 280px; }

#help .title {
	border-bottom: 1px solid silver;
	padding-top: 50px;
}

#help h4 {
	color: gray;
	font-size: 1.4em;
	margin: 0;
	padding: 0;
	padding-top: 1em;
}

#help h4 a { text-decoration: none; }

#help form {
	/*hide search*/
	display: none;
}