/*	1. 	Zero Out Browser Defaults */
	/* Derived from Tantek ‚elik's undohtml.css */
	/* http:/tantek.com/ */

	:link,:visited 
	{	text-decoration: none;
		}

	ul,ol 
	{	list-style: none;
		}

	h1,h2,h3,h4,h5,h6 
	{	font-size: 1em;
		}

	ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form
	{ 	margin: 0; 
		padding: 0;
		}

	dl, dt, dd
	{	margin: 0;
		padding: 0;
		}
		
	img
	{	padding: 0;
		border: 0;}

/*
	em,cite,strong
	{	font-style: normal;
		font-weight: normal;
		}
*/
		
	p {margin: 0;}	
	
	
/* @group 1. Globals */

/*	Colors
	Text:				#877f78;
	Large type:			#aba69e;
	Nav/h4:				#574f48;
	h1:					#d68110;
	Rules:				#e6e4de;
	h2:					#000000;
	hilite/float_bkgd	#efeee8;
*/

body {
	background-color: #f8f8f5;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #706963;
}

.hidden {
	display: none;
}

/* @end */

/* @group 2. General architecture */

#wrapper {
	width: 960px;
	margin: 16px auto;
}

#header {
	width: 960px;
	margin-bottom: 36px;
	float: left;
}

#footer {
	width: 960px;
	padding-bottom: 16px;
}

.content_section, #footer {
	border-top: 1px solid #e6e4de;
}

.content_section, .content_section-bespoke, #footer {
	width: 960px;
	float: left;
}



.content_section, .bespoke {
	margin-bottom: 36px;
}

.content_section-bespoke {
	padding-bottom: 0px;
	 }
	 
/* @end */

/* @group 3. General styling */

h4 {
	font-size: 12px;
	line-height: 16px;
	padding-top: 4px;
}

a {
	text-decoration: none;
	color: #574f48;
}

a:hover {
	color: #000;
	background-color: #efeee8;
	/*width: 100%;*/
}

a:active {
	color: #d68110;
	/*background-color: #d68110;*/
}

p {
	text-indent: 16px;
}

.project_overview a {
	color: #96928b;
}

.top {
	border-top: 1px solid #aba69e;
}

.under {
	border-top: 1px solid #e6e4de;
}

.no_rule {
	border-top: 0 !important;
}

.no_offset {
	padding-top: 0px !important;
}

.pagination {
	margin-bottom: 30px;
	text-indent: 0px;
}

.first {
	text-indent: 0px !important;
}

.extended {
	font-size: 11px !important;
	font-weight: bold;
	margin-top: 6px;
}

/* @end */

/* @group 4. Header elements */

#header h1, #nav_main  {
	float: left;
}

#header h1 {
	width: 319px;
}

#nav_main {
	width: 160px;
	font-weight: bold;
}

#nav_main li {
/* 	padding-right: 10px; */
	display: inline;
}

#nav_main li a {display: block; 	height: 16px;
}

#banner {
	width: 960px;
	height: 220px;
	float: left;
	background: #f8f8f5 url(../img/bespoke_banner.png) no-repeat -3px 4px;
}


#banner-no_image {
	width: 960px;
	height: 220px;
	float: left;
}

#banner_archiv {
	width: 960px;
	height: 220px;
	float: left;
	background: #f8f8f5 url(../img/bespoke-archiv_banner.png) no-repeat -3px 4px;
}

#banner_archiv-news {
	width: 960px;
	height: 220px;
	float: left;
	background: #f8f8f5 url(../img/news-archiv_banner.png) no-repeat -3px 4px;
}

#banner-news {
	width: 960px;
	height: 220px;
	float: left;
	background: #f8f8f5 url(../img/news_banner.png) no-repeat -3px 4px;
}

#bespoke_banner {
	width: 640px;
	float: right;
	height: 180px;
}

#news_banner {
	width: 640px;
	float: right;
	height: 180px;
}

#masthead {
	height: 180px;
	border-top: 0px !important;
}

#header h1 a {
	color: #d68110;
}

#header h1 a:active {
	color: #fff;
}

.nav_sub {
	font-weight: normal;
	display: none;
	float: left;
	clear: both;

}

.nav_sub li a {
	padding-left: 12px;
	margin-left: -12px;
	color: #706963;
	width: 100%;
	zoom: 1.0;
}

.nav_sub a:hover {
	background: url(../img/play.gif) no-repeat 0 center;
	color: #000;
}

.nav_sub a:active, a.selected {
	color: #000 !important;
	background: url(../img/play_active.gif) no-repeat 0 center;

}

.live, #info .nav_sub {
	display: block !important;
}

.current {
	color: #000;
}

#nav_redundant h6 {
	color: #000;
}

/* @end */

/* @group 5. Content elements */

/* @group Sidebar */

.didactic {
	padding-top: 4px;
	width: 160px;
	text-indent: 0;
}

#sidebar div {
	margin-bottom: 16px;
}

#sidebar {
	width: 320px;
	float: left;
	margin-bottom: 24px;
}

.sidebar {
	width: 320px;
	float: left;
}

.sidebar h4 {
	color: #574f48;
	height: 50px;
	margin-right: 16px;
	border-top: 1px solid #e6e4de;
	}

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

.recent ul li {
	margin-bottom: 6px;
	border-top: 1px solid #e6e4de;
}

#recent ul {
	font-size: 11px;
	line-height: 15px;
	float: left;
	width: 640px;
}

#recent ul li {
	margin-bottom: 6px;
	width: 160px;
	float: left;
}

#recent ul li strong {
	display: block;
}

#recent ul li a {padding-right: 10px;
	display: block;}

#recent h4 {
	padding-top: 4px;
	margin-bottom: 34px;
}

.news_year {
	width: 100px;
	float: left;
	border-top: 0px !important;
}

.news_year ul, .news_year h5 {
	padding-right: 16px;
}

.news_year ul li {
	width: 100%;}

/* @end */

/* @group Twitter */

dl.twitter, dl.digest {
	font-size: 13px;
	line-height: 16px;
	width: 640px;
	float: left;
	margin: 4px 0 16px 0;
}

dl.twitter dt, dl.digest dt {
	font-size: 12px !important;
	display: inline;
	width: 160px;
	font-weight: bold;
	float: left;
	margin: 0px 0 9px 0;
	padding-top: 4px;
	clear: both;
	border-top: 1px solid #e6e4de;
	display: block;

}

dl.twitter dd, dl.digest dd {
	float: left;
	width: 480px;
	margin: 0px 0 9px 0;
	padding-top: 4px;
	border-top: 1px solid #e6e4de;
	display: block;
}

dl.twitter dd a:link {
	color: #706963;
}

.tweet {
	border: 0px !important;
	width: 300px;
	margin-top: 4px;
}

.tweet p {
	text-indent: 0px;
	margin-bottom: 4px;
	padding-right: 16px;
	font-size: 11px;
	line-height: 14px;
}

p.tweet_time {
	font-size: 9px;
	margin: 0;
	border-top: 1px solid #e6e4de;
}

/* @end */

/* @group Bespoke */

.editorial {
	text-indent: 0px;
	margin-bottom: 16px;
	
}

.bespoke_content {
	width: 640px;
	float: right;
	margin-bottom: 36px;
}

.bespoke_image {
	float: left;
	width: 640px;
	height: 384px;
	background-image: url(../img/pattern_loading.gif);
	margin-bottom: 15px;
	overflow: hidden;
	border: 0px;
}

.quote {
	border-left: 1px solid #e6e4de;
	padding-left: 16px;
}

/* @end */

.project_overview {
	font-weight: normal;
	color: #928a7a;
	font-size: 18px;
	line-height: 24px;
	float: right;
	width: 642px;
	padding-top: 4px;
	word-spacing: -0.1em;
}

.search_summary {
	font-weight: normal;
	color: #928a7a;
	font-size: 18px;
	line-height: 24px;
	width: 320px;
	word-spacing: -0.1em;
	float: left;
}

.search_summary h4 {
	padding-top: 4px;
}

.left_content_label {
	width: 318px;
	float: left;
}

.content_section h3, .content_section_multi h3, .content_section-bespoke h3 {
	float: left;
	padding-top: 3px;
	color: #000;
	height: 48px;
}

.content_section_multi h3 {
	border-top: 1px solid #e6e4de;
}

.left_content_label h2, .left_content_label h3 {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	padding: 4px 16px 0 0;

}

.left_content_label h2 {
	color: #000;
}

.left_content_label h3 {
	color: #574f48;
}


.left_content_label dl {
	width: 100%;
	clear: both;
	margin-top: 4px;
	font-size: 9px;
	line-height: 12px;
}

.left_content_label dt {
	margin-bottom: 6px;
	font-weight: bold;
}

.left_content_label ul {
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	color: #574f48;
}

.category h4, .detail_entry h4, .single_level h4  {
	color: #574f48;
}

.detail_entry {
	width: 318px;
	float: left;
	padding-top: 2px;
	clear: both;
	}

.detail_illustration {
	width: 640px;
	height: 384px;
	float: left;
	margin-top: 10px;
	background-image: url(../img/pattern_loading.gif);
}

.study_size {
/* 	width: 100%; */
	float: left;
	color: #706963 !important;
}	
	
.study_intro {
	float: right;
	width: 642px;
}

.study_intro-text {
	width: 322px;
	float: left;
}

.study_intro-head {
	height: 48px;
	padding-top: 5px;
	border-top: 4px solid #574f48;

}

.study_intro-text h4, .study_intro-text h5 {
	color: #574f48;
	padding-right: 10px;

}

.study_intro-head h4 {
	padding-top: 0px;
}

.study_intro-text h5 {
	font-weight: normal;
}

.study_intro-text p {
	width: 310px;
	padding-right: 10px;
	float: left;
}
	
.study_intro-illustration {
	width: 320px;
	float: right;
	height: 230px;
	background-image: url(../img/pattern_loading.gif);
	overflow: hidden;

}

.study_intro_illustration img {
	margin-top: 4px;

}

.single_level, .single_level-index {
	float: right;
	width: 640px;
	padding-top: 4px;
}

.single_level-two_col {
	float: right;
	padding-top: 4px;
	width: 320px;
	margin-bottom: 24px;
	border-top: 1px solid #e6e4de;
}

.single_level-bespoke, .single_level-index  {
	float: left;
	width: 640px;
	margin-bottom: 24px;
}

.single_level p, .single_level-bespoke p, .single_level-index p, .info_section p {
	font-size: 13px;
	line-height: 19px;
	clear: both;
}

.single_level-two_col p {
	padding-right: 12px;
	line-height: 17px;
}

.single_level-two_col-hed {
	height: 52px;
}

.single_level-two_col-hed h3 {
	height: auto;
	line-height: 16px;
}

.single_level h6, .single_level-bespoke h6, .single_level-index h6, .single_level-two_col h6 {
	font-size: 10px;
}

.detail_entry p {
	font-size: 12px;
	line-height: 17px;
	padding-right: 20px;

}

.single_level h4, .info_section h4 {
	height: 48px;
	width: 100%;
	border-top: 1px solid #e6e4de;
	padding-top: 4px;
}

.single_level h4 {
	margin: 12px 0 0 0;
}

.single_level-index h4 {
	margin: 0;
	height: 48px;
	border-top: 1px solid #e6e4de;
	padding-top: 4px;
	width: 100%;
}

.single_level-two_col h3, .single_level-two_col h4 {
	margin: 0;
	line-height: 16px;
	width: 100%;
	padding-top: 0;
}

.single_level-bespoke h4 {
	margin: 0;
	height: 50px;
	color: #000;
	border-top: 1px solid #aba69e;
	padding-top: 4px;
	width: 100%;
}

.inset {
	width: 640px;
	border-top: 1px solid #e6e4de;
	padding-top: 10px;
	margin: 10px 0 16px 0;
	float: left;
}

.inset p {
	float: left;
	width: 150px;
	padding-right: 10px;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	color: #574f48;
}

.inset-illustration {
	float: right;
	width: 480px;
	height: 287px;
	background-image: url(../img/pattern_loading.gif);	
	
}

.info_section {
	float: right;
	width: 640px;
	margin-bottom: 12px;
}

.continued {
	text-indent: 0px;
	font-weight: bold;
	font-size: 9px;
	margin-top: 9px;
	line-height: 12px;
}

/* @group Work browsers */

#recent_work, #work_browser {
	width: 642px;
	float: right;
}

.category {
	float: left;
	width: 160px;
}

.category h4, .detail_entry h4 {
	padding-top: 3px;
	height: 55px;
}

.category li {
	width: 159px;
	height: 149px;
	border-left: 1px solid #f8f8f5;
	float: left;
	display: inline;
}

.category li a {
	display: block;
/* 	padding-top: 2px; */
	width: 159px;
	height: 149px;
	overflow: hidden;
}

.category li a:hover {
	background-color: #574f48;
	color: #f8f8f5;
}



.project_title {
	display: block;
	font-size: 10px;
	line-height: 12px;
	width: 159px;
	height: 50px;
	border-top: 3px solid #574f48;
	padding-top: 2px;
}

.project_thumb {
	display: block;
	width: 159px;
	height: 96px;
	overflow: hidden;
}

#recent_work li {
	width: 320px;
	height: 250px;
	border-left: 1px solid #f8f8f5;
	font-weight: bold;
	float: left;
	display: inline;
}

#recent_work li a {
	display: block;
	width: 320px;
	height: 247px;
}

#recent_work li a:active, .category li a:active {
	background-color: #d68110;
}

.work_title {
	display: block;
	width: 320px;
	height: 52px;
	border-top: 4px solid #574f48;
	padding-top: 4px;

}

.work_image {
	display: block;
	width: 320px;
	height: 192px;
}

/* @end */

/* @group Client list */

.client_list {
	float: right;
}

#nav_cat_archive {
	width: 642px;
	float: right;
	line-height: 22px;
}

#nav_cat_archive li {
	float: left;
	width: 642px;
}

#nav_cat_archive li h4 {
	float: left;
	margin: 0;
	line-height: 22px;
	padding-top: 0px;
	color: #574f48;
	width: 162px;
	border-top: 1px solid #e6e4de;

}

#nav_cat_archive li ul {
	width: 480px;
	float: right;
}

#nav_cat_archive li ul li h4 {
	padding-top: 0px;
	line-height: 22px;
	width: 240px;
	color:  #866f78 !important;
	font-weight: normal;
}

#nav_cat_archive li ul li {
	width: 480px;
	float: left;
}

#nav_cat_archive li ul li ul {
	width: 240px;
	float: right;
}

#nav_cat_archive li ul li ul li {
	width: 240px !important;
	float: left;
	border-top: 1px solid #e6e4de;
	line-height: 22px;
	padding-bottom: 2px;
}

#nav_cat_archive li ul li ul li a {
	color: #aba69e !important;
}

#nav_cat_archive a:hover {
	color: #574f48 !important;
}

#nav_cat_archive a:active {
	color: #fff !important;
}

/* @end */

/* @group Footer */

#footer_content {
	width: 640px;
	float: right;
}

#footer_content dl {
	width: 150px;
	padding-right: 10px;
	float: left;
	color: #866f78;
}

#footer_content dt, #copyright dt, #nav_redundant h6, #mailing_list h6, #mailing_thanks h6 {
	padding-top: 3px;
	height: 48px;
	font-weight: bold;
}

#mailing_list p {
	text-indent: 0;
	margin-bottom: 8px;
}

#nav_redundant {
	width: 150px;
	padding-right: 10px;
	float: left;
	font-weight: bold;
}

/* @end */

#copyright {
	width: 200px;
	float: left;
	color: #866f78;
}

/* @group Forms */

fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}

#form, #search, #mailing_list, #mailing_thanks, #msg {
	width: 160px;
	float: right;
}

#comment_form {float: left;}

textarea, #keywords, #mailing_list .loginfield, #msg {
		font: 12px/16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#mailing_list .loginfield {
	width: 160px;
}

.loginbox {margin-right: 4px; margin-left: 0px; line-height: 16px; top: 1px; }

textarea {
		color: #706963;
}

#msg {
	border: 0px;
	margin-top: 6px;
}

#msg li {
	list-style-type: none;
}

#keywords, #mailing_list .loginfield {
	color: #aea39b;
}

.captcha {
	margin: 15px 15px 15px 0;
	height: 30px;
}

.captchafield {
	background-color: #efeee8;	
	height: 24px;
	width: 134px;
	margin: 0px 0px 16px 0;
	}

#form a, #comment_form a {
	font-weight: bold;
	color: #706963;
}

#form label, #comment_form label {
	color: #706963;
}

.pc_login {
	display: none;
}

.loginfield, #keywords, .loginfield .e_mail {
	border: solid #aba69e;
	border-width:  1px 0 0 0;
	background-color: #efeee8 !important;
	margin-bottom: 4px;
	margin-left: 0;
}

#keywords, #mailing_list .loginfield {
	height: 17px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding-left: 4px;
}

.button {
	margin: 4px 5px 0 0;
}

#search_button, #mail_button {
	background-color: #efeee8;
	width: 16px;
	height: 16px;
	padding: 2px;
	border-left: 1px solid #efeee8;
	float: right;
}

#mail_button, #search_button {
	margin: 0px;
}


.comments {
	border-top: 1px solid #e6e4de;
	padding-top: 4px;
}

.comments textarea {width: 638px; margin-top: 16px; margin-bottom: 16px;}

.comment-entry {
	margin: 16px 0 0 0;
	border-top: 1px solid #e6e4de;
}

.comment-entry p {
	text-indent: 0px;
	margin-bottom: 9px;
}

.comment-entry h6 {
	margin-bottom: 9px;
}

.black, .comment-entry h6 a:link {
	color: #000 !important;
}

#keywords, .e_mail {
	width: 134px !important;
	float: left;
}

/* @end */

#table_results {
	width: 960px;
	float: left;
	margin-bottom: 36px;
}

#table_results td {
	padding-top: 4px;
	padding-bottom: 12px;
	border-top: 1px solid #e6e4de;
}

#table_results p {
	line-height: 18px;
}

#table_hed {
	font-weight: bold;
}

.subhed {padding-top: 0px !important;}

/* @end */


.editor-button { position:inline; }