/* Universal Resetter, E.Meyer*/
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, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	-webkit-text-size-adjust: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/****REF colour
Ref01 rgb(85, 85, 85) = #555555;
Ref02 rgb(112, 112, 114) = #707072;
Ref03 rgb(220, 219, 208) = #DCDBD0;
Ref04(Blue) rbg(0, 215, 217) = #00D7D9;
*/
/* GLOBAL */

/*hack for forcing the scroll bar to be shown all the time */
html { 
     height: 100%;
  margin: 0 0 1px;
}


a{
	text-decoration:none;
}

b, strong{
	font-weight:bold;
}

body{
	font: 13px/100% /*Akkurat, "HelveticaNeueLT Std",*/  Helvetica, Arial, sans-serif;
	word-spacing: -1px;
	background: #DCDBD0;
}

em, i{
	font-style: italic;
}

sup{
	vertical-align: top;
	font-size:9px;
}

.w90{ /* white 90% opacity, should be done by jQuery, avoid IE's filter:90 */
	background: #fff;
	/* opacity: 0.9 */
}

/****Wrappter****/

#holdall{
	width:996px !important;
	margin: 0 auto;
	text-align: left;
	
}

#nav_bar ul li, #misc_links ul li{
	display:inline;
}

	#site_name, #nav_bar, #misc_links{
		float:left;
		font-size:13px;
		height:21px !important;
		padding:7px 0 0 7px;
		color:#fff;
	}

	#site_name{
		background:#00D7D9;
		width:180px;
	}

	#site_name a{		
		color:white;
	}

	#nav_bar{
		width:366px;
		background:#555555;
	}

	#misc_links{
		background:#707072;
		width: 429px !important;
	}

	#nav_bar a, #misc_links a{
		color:#fff;
	}

	#nav_bar a:hover, #misc_links a:hover{
		color:#00D7D9;
	}

#content{
	clear:both;
}

#enter_banner{
	height:21px;
	width: 553px;
	padding: 7px 0 0 7px;
	font-size: 13px;
	color:#00D7D9;
}

	#enter_banner a{
		color:#00D7D9;
	}

	#enter_banner a:hover{
		color:#555555;
	}

#splash{
	width:996px !important;
	height: 660px;
}

	#splash_caption{
		padding: 7px 0 0 7px;
		font-size:13px;
		height:21px;
		margin-top:-28px;
		color:#555555;
	}

#new_projects, #archived_projects, #project_illustrations{
	width:746px !important;
	float:left;
}

	#new_projects ul li.prj_item, #archived_projects ul li.prj_item{
		float:left;
	}
	
#noproject{
	margin-top: 35px;
	padding-left: 7px;
}

.archiv_ill{
	width:373px !important;
}

	.archiv_ill .prj_ill{
		overflow:hidden;
		height:184px;
	}

	.archiv_ill_top{	
		width:746px;
	}


	.archiv_ill_top .prj_ill{		
		height:369px;
		overflow:hidden;
	}

.caption {
	margin-top:-28px;

}

	.caption a{
		display:block;
		height:21px;	
		padding:7px 0 0 7px;	
		color:#555555;
	}

	.caption a:hover{
		color:#00D7D9;
	}

	.caption a em{
		display:block;
		float:right;
		font-style:normal;
		background:#00D7D9;
		height:21px;
		width:62px;
		text-align:center;
		padding-top:7px;
		margin-top:-7px;
		color:#fff;
	}

#studio_news, #prj_info{
	width:192px !important;
	float:right;
	color:#707072;
}

#studio_news h2, #prj_info h2{
	background:#fff;
	height:21px;
	padding:7px 0 0 7px;
}

	#news_list{
		padding-left:7px;
		margin-top:-1px; /* for hiding the white top border */
	}
	
	#news_list li.news_item{
		height:167px;		
	}
	
	#news_list .news_meta{
		font-size:13px;		
		padding:7px 0 0 0;
		height: 19px;
		border-top:1px solid #fff;
		border-bottom:1px solid #fff;
	}
	
	#news_list .news_content{
		height:51px;
		overflow:hidden !important;
		padding:7px 0;
		font-size: 10px;
	}
	
	#news_list .news_img{
		width:185px;
		height:65px;
		overflow: hidden !important;
	}
	
	#more_news{
		margin-top:22px;
		padding-top:11px;
		border-top:1px solid #fff;
	}
	
	#more_news a{	
		color:#707072;
	}
	
	#more_news a:hover{
		color:#555
	}


	
#nameholder{
	color:#00D7D9;
	height:21px;
	padding:7px 0 0 7px;
	margin-bottom:-28px;
	position:absolute;
	z-index:1;
	width:739px;
}


#information{
	background: #fff;
	min-height:600px;
}

#about_text{
	width:553px;
	font-size: 21px;
	line-height: 120%;
	padding:35px 0 7px 7px;
	color:#707072;
}

	#about_text strong, #about_text b{
		color:#00D7D9;
		font-weight:normal;
	}

#contact_text{
	width:553px;
	font-size: 13px;
	line-height: 120%;
	padding:35px 0 7px 7px;
	color:#707072;
}

	#contact_text strong, #contact_text b{
		color:#00D7D9;
		font-weight:normal;
	}
	
#about_text a, #contact_text a{
	color:#707072;
}

#about_text a:hover, #contact_text a:hover{
	color:#555555;
}
	

#links_text{
	width:553px;
	font-size: 13px;
	line-height: 120%;
	padding:35px 0 7px 7px;
	color:#707072;
}
	#links_text li.group{
		margin-bottom:11px;
	}

	#links_text strong, #links_text b, #links_text li.group{
		color:#00D7D9;
		font-weight:normal;
	}
	
	#links_text li.link_item a{
		color:#707072;
	}
	
	#links_text li.link_item a:hover{
		color:#555555;
	}

#il_list{
	width:746px;
	overflow: hidden;
}
	
	#il_list li.il_item{	
		margin-bottom: 11px;
		clear:both;
	}
	
	#il_list li.il_item .il_img{
		padding-bottom:14px;
		border-bottom: 1px solid #fff;
	}
	
	#il_list li.il_item .il_caption{
		padding-top:7px;
		margin-bottom: 14px;
		font-size:9px;
	}
	
	#il_list .col_1, #il_list .col_2, #il_list .col_3, #il_list .col_4{
		width: 176px;
		float: left;
		margin-right: 14px;
		font-size:12px;		
		line-height:15px;
		color: #707072;
	}
	#il_list .col_4{
		margin-right:0px !important;
	}
	
	.il_caption .col_1 h4{
		text-decoration:underline;
		font-weight: bold !important;		
	}
	
#prj_info_text{
	padding-top:11px;
	padding-left:7px;
	line-height:17px;
	color: #707072;
}

#prj_info_text p{
	margin-bottom:11px;
}
	




#footer{
	clear:both;
}
/***topline***/


