/* Fonts and Style */

BODY {
	font-family:			arial, helvetica, sans-serif;
	font-size:				62.5%;
	font-weight:			normal;
	color:					#FFF;
    text-align:				left;
}

H1, H2, H3, H5 {
	margin:					0;
	padding:				0;
	letter-spacing: 		0em;
	line-height: 			1em;
}
H1 {
	font-size: 				14px; 
	height:					16px;
}
H2 {
	font-size: 				12px; 
	height:					14px;
}
H3 {
	height:					14px;
	font-size: 				11px;
}
H5 {
	height:					14px;
	font-size: 				11px;
}
TABLE, TR, TD {
 	margin:					0;
 	padding:				0;
}
A {
	text-decoration:		none;
	color:					#707070;
}
A:hover {
	text-decoration:		none; 
	color:					#FFF;
}
A:focus {
	outline: 				none;
}
IMG {
	border:					0;
}
TABLE,
TR,
TD {
	border-collapse:		collapse;
	border:					0;
	margin:					0;
	padding:				0;       
}

BR.reset {
	display:				block;
	clear:					both;
	margin:					0px;
	padding:				0px;
	font-size:				1px;
	line-height:			1px;
}

DIV#content DIV.headline {
	width: 					548px;
	height: 				32px;
	margin:					0;
	padding:				8px 0 0 12px;
	background: 			#000;
	color: 					#FFF;  
}                           
DIV#content DIV.headline H1 {
	width: 					348px;
	margin:					0;
	padding:				0;
	float:					left;
} 

DIV#content H1 IMG {
	margin:					7px 12px;
	padding:				0;
}
DIV#content P {    
	margin:					0;
	padding:				0;                   
	text-transform:			none; 
	line-height:			1.4em;
}    

DIV#content DIV#post #text P {   
	margin:					10px 12px;   
}

DIV#content UL LI {
	text-transform:			none;
}
DIV#content H3 {
	font-size:				11px; 
}    
DIV#content {
	font-size:				1.1em;
}
DIV#footer {                       
	font-size:				0.9em;
	line-height:			1.3em;
}

DIV#header {
	font-size:				10px;
	/* font-weight: 			bold; */
	color:					#FFF;
}

DIV#menu A {
	padding:				0;
	margin:					0;
	text-decoration:		none; 
	text-transform: 		none;  
	font-size: 				1.1em;
}
DIV#menu A:hover {
}
DIV#breadcrumb {              
	font-size: 				1.6em;                      
	font-weight: 			normal;          
}
 
#meta, 
#search {
	font-size:				0.9em;  
} 
 


/* Containers */
HTML {
    width:					100%;
    text-align:				center;
}

BODY {	
	margin:					0;
	padding:				0;
    width:					100%;
    height:					auto;
	background: 			#171717; 
    text-align:				center;
}


DIV#container {
    margin:				    0 auto;
	padding:				0;    
	width:					1014px;
    height:					100%;
	text-align:				left;   
}

DIV#header {
	width: 					100%;
	height: 				94px;
	margin: 				0;
    padding:				0;   
} 

DIV#content {
	width:					863px;
	height: 				512px;    
	margin: 				0;
	padding:				0; 
	float:					left;                                                                       
}  
DIV.home {                                      
	width:					863px;
	height: 				512px;
	background:				url(../img/home_back.png) no-repeat;
} 
DIV.list {                                      
	width:					863px;
	height: 				512px;                            
} 
DIV.motion {                      
	background:				url(../img/background_motion.png) no-repeat;
}
DIV.room {                          
	background:				url(../img/background_room.png) no-repeat;
}
DIV.graphic {                      
	background:				url(../img/background_graphic.png) no-repeat;
}
DIV.photo {                          
	background:				url(../img/background_photo.png) no-repeat;
}
DIV.font {                      
	background:				url(../img/background_font.png) no-repeat;
}
DIV.archive {                      
	background:				url(../img/background_archive.png) no-repeat;
}  
DIV.notes {                      
	background:				url(../img/background_notes.png) no-repeat;
}
DIV.about {                      
	background:				url(../img/background_about.png) no-repeat;
}
DIV.contact {                      
	background:				url(../img/background_contact.png) no-repeat;
} 
.list #previous {                                                        
	position:				relative;
	width:					34px;
	height:					67px;                                                 
	z-index:				501;   
	top:					-88px;    
	left:					628px;   
	float:					left;     
}
.list #next {                                                        
	position:				relative;
	width:					34px;
	height:					67px;                                                 
	z-index:				502;   
	top:					-88px;    
	left:					631px;   
	float:					left;     
}

DIV.detail { 
	width:					863px;
	height: 				512px;                                           	
}
DIV.background_169 {                     
	background:				url(../img/background_detail_16-9.png) no-repeat;	
}
DIV.background_43 {                     
	background:				url(../img/background_detail_4-3.png) no-repeat;	
}	
DIV.background_x {                     
	background:				url(../img/background_detail_x.png) no-repeat;	
} 
DIV.detail .image {                                      
	margin-bottom:		   	8px;  
} 
DIV.detail .corner {    
	position:				relative; 
	left:					625px;   
	top:					-41px;   
	z-index:				301;   
}
DIV.detail #info {                
	width:					196px;
	height:					340px; 
	margin-left:			2px;                              
	float:					left;
	background:				url(../img/info_out.png) no-repeat;    
} 
DIV.detail #noinfo {                
	width:					196px;
	height:					340px; 
	margin-left:			2px;                              
	float:					left;
	background:				none;    
}
DIV.detail #info.active {          
width:					196px;
height:					334px; 
margin-left:			2px;                              
float:					left;   
	background:				url(../img/info_over.png) no-repeat;    
}
DIV.detail #info #control {                
	position:				relative;    
	left:					0px;
	top:					266px;
	z-index:				303;
} 
DIV.detail #info #control.active {                
	position:				relative;    
	left:					0px;
	top:					60px;
	z-index:				303;
}
DIV.detail #info #control  .more {    
		position:				relative;    
		left:					0px;
		top:					00px;
		z-index:				304;  
		width:					34px; 
		height:					67px;                                 
}
DIV.detail #info #control A:hover .more {  
		background:				url(../img/more.png) no-repeat;       
} 
DIV.detail #info #control #more {    
		position:				relative;    
		left:					10px;
		top:					00px;
		z-index:				305;                                  
}
DIV#text TD {
	vertical-align:				bottom;
	height:						206px;
	width:						180px;
	padding:					0px 8px 0 8px;
	border:						0;
}



DIV.detail .caption {    
	height:					20px;                                  
	margin-bottom:		   	20px;
	clear:					left;
}

/* detail_corner.png */         
IMG.detail {
	width:					662px;
	height:					372px; 
}
/*
DIV.navigation {
	width:					394px;
	overflow:				hidden;
}
*/    

DIV#breadcrumb {
	width: 					348px;  
	overflow: 				hidden;
	text-align: 			left;  
	position:				relative;
	left:					0px; 
	top:					67px;    
	float:					left;
	z-index:				101;
}
DIV#logo {
	width: 					348px;
	height: 				71px;   
	overflow: 				hidden;
	text-align: 			right;  
	position:				relative;
	right:					1px; 
	top:					30px;    
	float:					right;
	z-index:				100; 
	background:				url(../img/logo.png) 0 -142px no-repeat;
	cursor:					pointer;
}
DIV#logo:hover,
DIV#logo.home:hover {
	background:				url(../img/logo.png) 0 0px no-repeat; 
	cursor:					pointer;
}
DIV#logo.home {
	background:				url(../img/logo.png) 0 -71px no-repeat; 
	cursor:					pointer;
}
/*
DIV#logo #world {
	width: 					348px;
	height: 				71px;   
	overflow: 				hidden;
	text-align: 			right;  
	position:				relative;
	right:					1px; 
	top:					29px;    
	float:					right;
	z-index:				100;
}  
*/
DIV#logo SPAN{
	display:				none;
}




/* MENU */   

DIV#menu {   
	width:					106px;    
	float:					left;  
	margin:					102px 0 0 34px;      
}

DIV#menu UL#main {               
	margin: 				0;
	padding: 				0;
	list-style: 			none;    
}    
DIV#menu UL#sub {               
	margin:		 			0;
	padding: 				82px 0 0 0;    
	clear:					left; 
	list-style: 			none;    
}
DIV#menu UL#meta {               
	margin:		 			0;
	padding: 				23px 0 0 0;    
	clear:					left; 
	list-style: 			none;  
	color:					#707070;
}
DIV#menu UL#search {               
	margin:		 			0;
	padding: 				20px 0 0 0;    
	clear:					left; 
	list-style: 			none;
	color:					#FFF;
}
DIV#menu UL#meta LI {          
	padding: 				0px 0 0 2px;  
	margin:					0;
	height:					14px;
} 
DIV#menu UL#search LI {          
	padding: 				0px 0 0 2px;  
	margin:					0;
	height:					15px;
}
DIV#menu UL#search LI.select {          
	padding: 				0px 0 0 2px;  
	margin:					0;
	height:					35px;
}   
DIV#menu LI {                    
    margin: 				0;
	padding:				0;     
	overflow:				hidden; 
	/*cursor:					pointer; */
}
DIV#menu LI:hover {                  
}  

DIV#menu LI.left {
	float:					left;
    padding-right:			4px;
}
DIV#menu LI.active A {                    
    color:					#FFF;
}


DIV#menu UL LI {                  
	margin:					0;
	padding:				0;
}
/*
DIV#menu UL LI.active A, DIV#menu UL LI A:hover {
	color:					#AE0000;
} 
*/  
DIV#menu UL {                
	/* padding:				28px 19px 0 21px;    */
}
DIV#menu UL LI { 
	/*font-size:				1.7em;  */
	height:					21px;
	overflow:				hidden;     
} 
DIV#menu UL LI A SPAN {             
	display:				none;     
}
DIV#menu UL LI A {             
	font-weight:			normal;     
}
   
DIV#menu UL LI#motion A { 
	background:				 url(../img/menu_motion.png) 0 0 no-repeat;         
	padding:				 0 106px 21px 0;  
	width:					 106px;
	height:					 21px;    
}
DIV#menu UL LI#motion A SPAN { 
	padding:				 0 106px 21px 0; 
	width:					 106px;
	height:					 21px;   
}  
DIV#menu UL LI#motion A:hover { 
	background:				 url(../img/menu_motion.png) 0 -21px no-repeat;
}
DIV#menu UL LI#motion.active A { 
	background:				 url(../img/menu_motion.png) 0 -21px no-repeat;
}

DIV#menu UL LI#room A { 
	background:				 url(../img/menu_room.png) 0 0 no-repeat;   
	padding:				 0 106px 21px 0; 
	width:					 106px;
	height:					 21px;  
}
DIV#menu UL LI#room A SPAN {       
	padding:				 0 106px 21px 0; 
	width:					 106px;
	height:					 21px;  
}  
DIV#menu UL LI#room A:hover { 
	background:				 url(../img/menu_room.png) 0 -21px no-repeat;
}
DIV#menu UL LI#room.active A { 
	background:				 url(../img/menu_room.png) 0 -21px no-repeat;
}
  
DIV#menu UL LI#graphic A { 
	background:				 url(../img/menu_graphic.png) 0 0 no-repeat;   
	padding:				 0 106px 21px 0; 
	width:					 106px;
	height:					 21px;  
}
DIV#menu UL LI#graphic A SPAN {       
	padding:				 0 106px 21px 0; 
	width:					 106px;
	height:					 21px;  
}  
DIV#menu UL LI#graphic A:hover { 
	background:				 url(../img/menu_graphic.png) 0 -21px no-repeat;
}
DIV#menu UL LI#graphic.active A { 
	background:				 url(../img/menu_graphic.png) 0 -21px no-repeat;
}  

DIV#menu UL LI#photo A { 
	background:				 url(../img/menu_photo.png) 0 0 no-repeat;   
	padding:				 0 106px 21px 0; 
	width:					 106px;
	height:					 21px;  
}
DIV#menu UL LI#photo A SPAN {       
	padding:				 0 106px 21px 0; 
	width:					 106px;
	height:					 21px;  
}  
DIV#menu UL LI#photo A:hover { 
	background:				 url(../img/menu_photo.png) 0 -21px no-repeat;
}
DIV#menu UL LI#photo.active A { 
	background:				 url(../img/menu_photo.png) 0 -21px no-repeat;
}  

DIV#menu UL LI#font A { 
	background:				 url(../img/menu_font.png) 0 0 no-repeat;   
	padding:				 0 106px 21px 0; 
	width:					 106px;
	height:					 21px;  
}
DIV#menu UL LI#font A SPAN {       
	padding:				 0 106px 21px 0; 
	width:					 106px;
	height:					 21px;  
}  
DIV#menu UL LI#font A:hover { 
	background:				 url(../img/menu_font.png) 0 -21px no-repeat;
}
DIV#menu UL LI#font.active A { 
	background:				 url(../img/menu_font.png) 0 -21px no-repeat;
}

DIV#menu UL LI#archive A { 
	background:				 url(../img/menu_archive.png) 0 0 no-repeat;   
	padding:				 0 106px 21px 0; 
	width:					 106px;
	height:					 21px;  
}
DIV#menu UL LI#archive A SPAN {       
	padding:				 0 106px 21px 0; 
	width:					 106px;
	height:					 21px;  
}  
DIV#menu UL LI#archive A:hover { 
	background:				 url(../img/menu_archive.png) 0 -21px no-repeat;
}
DIV#menu UL LI#archive.active A { 
	background:				 url(../img/menu_archive.png) 0 -21px no-repeat;
} 

#search INPUT {
	background:				#242424;
	color:					#FFF;  
	border:					0;   
	outline:				none;	
} 
#search INPUT {     	 
	width:					98px; 
	height:					12px;   
}
#search SELECT {                   
	width:					102px;
	height:					16px;   
}


 

/* CAROUSEL */
#slideshow {                                    
	/*width:					399px;  */
	height:					105px; 	
	margin:					0; 
	padding:				0;                          
	overflow: 				hidden;  
}

#slideshow .container {
	float:					left; 
	width:					580px;
	height:					105px;
   	position:				relative;    
	overflow:				hidden;      
	margin:					0;
	padding:				0;

}  
DIV#slideshow UL {
	margin:					0;
	padding:				0;
	width:					100000px;
	position:				relative;
	top:					0;
	left:					0;   
	height:					105px; 
	list-style:				none;
}
/*
#slideshow #slideshowloader {     
	width:					55px;
	height:		    		15px;    
	margin:					0 0 0 247px;
	padding:				145px 0 0 0;
	background:				url(../img/loader.gif) bottom left no-repeat;
}
*/                      

DIV#slideshow UL LI {                            
	border:					0;   
	margin:		    		0 0 0 0;
	padding:				0;  
	float:					left;       
	width:					133px; 
	height:					105px;
	overflow:				hidden;
	list-style:				none;      
	
}
DIV#slideshow UL LI IMG { 
	border:					0;
	margin:					0;
	padding:				0;   
	width:					130px;
	height:					82px;
}

SPAN.caption {                         
	line-height:			16px;  
}
         
.list #counter {                                       
  position:relative;
  width: 30px;
  height: 30px;                                                   
  z-index: 204;   
  top: -21px;
  left:	610px;       
	float:left;
}
#slideshow #counter {                                       
  position:relative;
  width: 30px;
  height: 30px;                                                   
  z-index: 204;   
  top: 84px;
  left:	-90px;       
	float:left;
}        
.slideshow_corner {            
	width:				 120px;
	height:				 110px;       
	background:		url(../img/slideshow_corner.gif) no-repeat;  
	position:relative;          
	float:left;   
	top: 0px;   
	left:	-120px;
    z-index: 206;
}

#slideshow .previous_button {
background:		url(../img/work_arrow_left.png) no-repeat;  
  position:relative;
  width: 34px;
  height: 67px;                                                   
  z-index: 202;   
  top: 17px;
  left:	-72px;
  cursor: pointer;  
float:left;
}

#slideshow .previous_button_over {
	background:		url(../img/work_arrow_left.png) no-repeat;
  /*background: url(../img/prototype-ui/horizontal/left_over.png);*/
}

#slideshow .previous_button_disabled {
	background:		url(../img/arrow_disabled.png); 
	/* background: url(../img/prototype-ui/horizontal/left_disabled.png);*/
	cursor: default;
}

#slideshow .next_button {       
background:		url(../img/work_arrow_right.png) no-repeat;
  position:relative;
  width: 34px;
  height: 67px;                                                 
  z-index: 204;   
  top: 17px;    
	left:-69px;

  /*left:	665px; */
  cursor: pointer; 
float:left;
}

#slideshow .next_button_over {
	background:		url(../img/work_arrow_right.png) no-repeat;
/*  background: url(../img/prototype-ui/horizontal/right_over.png);*/
}

#slideshow .next_button_disabled {
	background:		url(../img/arrow_disabled.png);
  /* background: url(../img/prototype-ui/horizontal/right_disabled.png); */
  cursor: default;
} 


/* slideshow image buttons */

DIV#content DIV.headline DIV#slideshowbuttons DIV.active {
	cursor:					default;
} 
DIV#content DIV.headline DIV#slideshowbuttons DIV {
	background: 			#FFF;	
} 
DIV#content DIV.headline DIV#slideshowbuttons {
	height:					8px;       
	margin:					7px 19px 0 0;
	float:					right;
} 
DIV#content DIV.headline DIV#slideshowbuttons DIV {       
	width:					15px;
	height:					8px;       
	margin:					0px 6px 0 0;           
	float:					left;  
	cursor:					pointer;   
	overflow:				hidden;
}       
                     
/* work and lab listings */      

UL.home {
	overflow:				hidden;      
	margin:				  	0; 
	padding:				0;
	list-style:				none;        
}
UL.home LI {                         
	margin:					0 3px 3px 0; 
	padding:				0px 0;    
	overflow:				hidden;
	width:					163px;
	height:					100px;  
	float:					left;
}
UL.home LI IMG {                         
	border:					0; 
	width:					163px;
	height:					100px;
} 
UL.category {                       
	width:					670px;
	overflow:				hidden;      
	margin:				  	0; 
	padding:				0;
	list-style:				none;        
}
UL.category LI {                         
	margin:					0 3px 2px 0; 
	padding:				0px 0;    
	overflow:				hidden;
	width:					130px;
	height:					103px;  
	float:					left;  
}
UL.category LI IMG {                         
	border:					0;      
	width:					130px;
	height:					81px;
}
UL.navigation {                       
	width:					670px;
	overflow:				hidden;      
	margin:				  	0; 
	padding:				0;
	list-style:				none;        
}
UL.navigation LI {                         
	margin:					0 3px 24px 0; 
	padding:				0px 0;    
	overflow:				hidden;
	width:					130px;
	height:					81px;  
	float:					left;
}
UL.navigation LI IMG {                         
	border:					0;      
	width:					130px;
	height:					81px;
}         

DIV.text {    
	clear:					left;                              
	margin:			    0;
	padding:			   		28px 0 0 24px;    
	width:					300px;
}

/* CONTACT */      

INPUT {
	padding:				4px 0px 4px 9px;
	margin:					0 0 5px 0px;
	width:					256px;
	border:					none;
	border:					0;
	text-align: 			left;
	font-family:			arial, geneva, sans-serif;
	font-weight:			normal;
	font-size:				1em;      
	line-height:			1em;
	height:					12px;  
	overflow:				hidden;
} 
INPUT.text,
TEXTAREA {
	background:				#171717;  
	color:					#FFF;
}

INPUT:focus {
	outline:				none;             
}
TEXTAREA {
	padding:				4px 0px 4px 7px;
	margin:					0 0 0px 0;
	width:					258px;
	height:					134px;
	font-family:			arial, geneva, sans-serif;
	font-size:				1em;
	font-weight:			normal;
	border:					none;
	border:					0;
	text-align: 			left;
}
/*
* html TEXTAREA {
	height:					110px;
	border-collapse:		collapse;
	font-size:				1em;
}
*+html TEXTAREA {
	height:					110px;
	font-size:				1em;
} 
*/
TEXTAREA:focus {
	outline:				none;
/*	padding:				3px 0 3px 8px;
	border:					1px solid #82047a;*/
}
.error {
	width:					255px;
	padding:				3px 0px 3px 8px;
	background-color:		#171717;
	border:					1px solid #4D4D4D;
	color:					#FFF;
}
.errorArea {
	width:					257px;
	padding:				3px 0px 3px 6px;
	/*background-color:		#ECECEC;*/
	border:					1px solid #4D4D4D;
	color:					#FFF;
}
DIV.contactform {
	padding:				10px 0 0 0px;  
}
DIV#contactWhiteTextfield {
	padding:				3px 6px 4px 6px;
	margin:					5px 0 0px 0px;
	width:					253px;
	height:					11px;
	border:					none;
	background:				#171717;
}
* html DIV#contactWhiteTextfield {
	padding:				3px 6px 1px 6px;
	height:					11px;
}
* + html DIV#contactWhiteTextfield {
	height:					13px;
}
DIV#contactWhiteTextfield A {
	padding:				0px 12px 2px 2px;
	color:					#4D4D4d;
	float:					left;
}
DIV#contactWhiteTextfield A:hover {
	color:					#FFF;
	
}
DIV#required {
	padding:				0px 0px 2px 0px;
	text-align:				right;
	font-weight:			normal;
	font-size:				0.9em;
/*	color:					#000;*/
}
* html DIV#required {
	float: 					right;
}

DIV#contactAddressContainer {
	margin:					0;
	padding:				15px 84px 0px 10px;
	font-weight:			normal;
	float:					left;
	overflow:				hidden;
}
DIV#contactAddressTop {
	padding:				0 0 31px 0;
}
DIV#contactAddressBottom {

}
DIV#contactAddressContainer P {
	margin:					0 0 12px 0;
	padding:				0 0 0px 0;
	line-height:			1.4em;
}
DIV#contactAddressContainer IMG {
}
DIV#contactAddressContainer A {
	color:					#000; /*#82047a;*/
	font-weight:			bold;
}
DIV#contactAddressContainer A:hover {
	color:					#82047a;
}
DIV#contactCopyright {
	margin:					0 0 0 0px;
	padding:				0 10px 0 0;
/*	font-size:				1.1em;*/
	font-weight:			normal;
}
DIV#contactCopyright P {
	margin:					0 0 0px 0;
	padding:				13px 0 0 0;
	line-height:			1.4em;
}
DIV#thankYou {
	width:					263px;
	height:					164px;
	margin:					124px 0 0 137px;
	background-color:		#ECECEC;
	border:					1px solid #fff;
}
DIV#thankYou P {
	font-weight:			normal;
	margin:					0 0 120px 0;
	padding:				3px 0 0 5px;
	line-height:			1.4em;
}
DIV#thankYou A {
	padding:				0 0 0 5px;
}
DIV#thankYou A:hover {
	color:					#82047a;
}
 
/* BLOG */      

UL.sub {
	overflow:				hidden;      
	margin:				  	0px 0 0 0px; 
	padding:				1px 0;
	font-weight:		  	bold;
	list-style:				none;         
}
UL.sub LI {                         
	margin:					0 0 0px 0; 
	padding:				1px 0; 
}                   
UL.sub LI A {
	margin:					0;
	padding:				0;  
	line-height:			1.2em;
}  
UL.sub LI A .title {
	margin:				    0;
	padding:				1px 3px;  
}
UL.sub LI SPAN.title {
	margin:				    0;
	padding:				1px 3px;  
}
UL.sub LI DIV {  
	padding:				0 5px 0 0;
	float:					left;
} 

 

.tooltip {
	display:				none; 
}