body{



	margin:0;



	background:url(http://www.metaphase.com/core01/images/bg-body.gif) repeat-x 0 110px;



	min-width:1002px;



	font:11px/16px Arial, Lucida, Tahoma, Helvetica, sans-serif;



}



#page{



	width:1002px;



	margin:0 auto;



	overflow:hidden;



	position:relative;



	background:url(http://www.metaphase.com/core01/images/bg-content2.jpg) no-repeat 0 110px;



	z-index:2;



}



#header{



	float:left;



	width:100%;



	height:110px;



	position:relative;



	z-index:998;



}



.logo{



	width:84px;



	height:75px;



	margin:17px 0 0 24px;



	display:block;



	position:relative;



	z-index:888;



}



.logo a{



	display:block;



	overflow:hidden;



	text-indent:-9999px;



	height:75px;



	background:url(http://www.metaphase.com/core01/images/logo_2.png);

    

    background-repeat: no-repeat;



	position:relative;



	z-index:10;



}



#content{



	width:100%;



	float:left;



	position:relative;	



	z-index:999;



  height: auto;



  min-height: 600px;



}



* html #content{ height: 0px; }



.column1{



	width:218px;



	float:left;



	display:inline;



	overflow:hidden;



	position:absolute;



	z-index:1600;



	height:328px;



}



#menu{



	margin:33px 0 0 21px;



	padding:0;



	list-style:none;



}



#menu li{



	padding:0;



	margin:0 0 7px;



}



#menu a{



	display:block;



	height:12px;



	overflow:hidden;



	text-indent:-9999px;



	position:relative;



}



#menu a:hover{



	background-position:0 -12px;



}



a.about{



	background:url(http://www.metaphase.com/core01/images/about.png);



	width:68px;



}



a.work{



	background:url(http://www.metaphase.com/core01/images/work.png);



	width:75px;



}



a.media{



	background:url(http://www.metaphase.com/core01/images/media.png);



	width:91px;



}



a.awards{



	background:url(http://www.metaphase.com/core01/images/awards.png);



	width:58px;



}



a.contact{



	background:url(http://www.metaphase.com/core01/images/contact.png);



	width:63px;



}



a.ceo{



	background:url(http://www.metaphase.com/core01/images/ceo.png);



	width:119px;



}



#menu .open ul{display:block;}



#menu ul {



	margin:4px 0 0;



	padding:0 0 0 13px;



	list-style:none;



	display:none;



}



#menu ul li{



	height:16px;



	padding:0;



	margin:2px 0 0;



}



#menu ul a{



	height:16px;



}



#menu ul a:hover{



	background-position:0 -16px;



}



a.com{



	background:url(http://www.metaphase.com/core01/images/company.png);



	width:102px;



}





a.res{



	background:url(http://www.metaphase.com/core01/images/research.png);



	width:154px;



}



a.erg{



	background:url(http://www.metaphase.com/core01/images/ergonomics.png);



	width:154px;



}



a.dig{



	background:url(http://www.metaphase.com/core01/images/digniti.png);



	width:99px;



}



a.met{



	background:url(http://www.metaphase.com/core01/images/metaphase.png);



	width:163px;



}



a.inn{



	background:url(http://www.metaphase.com/core01/images/innovation.png);



	width:145px;



}



a.hea{



	background:url(http://www.metaphase.com/core01/images/healthcare.png);



	width:139px;



}



a.con{



	background:url(http://www.metaphase.com/core01/images/consumer.png);



	width:65px;



}



a.comm{



	background:url(http://www.metaphase.com/core01/images/commercial.png);



	width:75px;



}



a.pac{



	background:url(http://www.metaphase.com/core01/images/pacaging.png);



	width:136px;



}



a.menu-on {

	background-position:0 -16px;

}



.stripe{



	width:100%;



	height:20px;



	clear:both;



	z-index:890;



	position:relative;



}



.nav{



	float:right;



	margin:3px 15px 0 0;



	padding:0;



	display:inline;



	list-style:none;



}



.nav li{



	float:left;



	padding:0;



	height:13px;



	margin:0 13px 0 0;



}



.nav a{



	float:left;



	height:13px;



	overflow:hidden;



	text-indent:-9999px;



}



.nav a:hover{



	background-position:0 -13px;



}



a.prev{



	/*background:url(http://www.metaphase.com/core01/images/prev.png);*/



	width:46px;



}



a.next{



	/*background:url(http://www.metaphase.com/core01/images/next.png);*/



	width:47px;



}



a.info{



	height:13px;



	float:right;



	/*background:url(http://www.metaphase.com/core01/images/info.png);*/



	width:50px;



	overflow:hidden;



	text-indent:-9999px;



	margin:3px 66px 0 0;



}



.footer-holder{



	width:100%;



	border-top:2px solid #d3d3d3;



}



#footer{



	width:1002px;



	overflow:hidden;



	font:11px "Lucida Grande", Arial, Helvetica, sans-serif;



	color:#454545;



	text-align:center;



	padding:31px 0 36px;



	margin:0 auto;



}



#footer p{



	margin:0;



	text-align:center;



}



#footer p span{



	background:url(http://www.metaphase.com/core01/images/footer-split.png) no-repeat left;



	padding:0 0 0 16px;



	margin:0 0 0 14px;



}



#footer p a{



	text-decoration:none;



	color:#454545;



}



.flash{



	width:911px;



	height:931px;



	overflow:hidden;



	position:absolute;



	z-index: 1000;



	/* top:21px; */



	top:-33px;



	/*left:51px;*/



	left:91px;



	clear:both;



}



.flash div{



	float:left;



	width:911px;



	height:931px;



	/*background:url(http://www.metaphase.com/core01/images/flash.png);*/



}



/*inner page*/



.index #content{		



	height: 790px;



}



.column2{



	width:680px;



	overflow:hidden;



	float:right;



	display:inline;



	margin:13px 67px 0 0;



}



.visual{



	width:100%;



	overflow:hidden;



	position:relative;



	height:454px;



}







.visual .breadcrumb{



  width: 670px; 



  display: block;



  float: right;



  position: relative; 



  height: 0px; 



  text-align: right;  



  z-index: 1; 



  top: 110px; 



  left: 0px; 



  padding: 0px 0px;



  font-size: 12px;



  color:#174576;



  font-weight: bold;  



}







.visual .breadcrumb a:hover{



  font-size: 12px;  



  font-weight: bold;



  color:#567FA6;



}







.headline{



	width:523px;;	



	height:134px;



	text-indent:-9999px;



	overflow:hidden;



	position:absolute;



	top:0;



	right:0;



	margin:0;



}



.column2 h2{



	width:100%;



	overflow:hidden;



	height:22px;



	text-indent:-9999px;



	background:url(http://www.metaphase.com/core01/images/selected.png);



	margin:0;



}



.column2 .projects{



	height: auto;



	width:100%;



	overflow:hidden;	



	background:#f0f0f0;



}



.scroll-box {



	overflow:hidden;



	height:310px;



	width:671px;



	margin:16px 0 0;



}



.scroll-box p a{



	text-decoration:none;



	color:#539ec5;



	font-weight:bold;



}



.vscroll-bar {



	position:absolute;



	width:20px;



	margin:0;



	padding:0;



}



.vscroll-up {



	position:absolute;



	width:20px;



	height:20px;



}



.vscroll-down {



	position:absolute;



	width:20px;



	height:20px;



}



.vscroll-line {



	overflow:hidden;



	background:url(http://www.metaphase.com/core01/images/bg-scroll-bar.png) repeat-y;



}



.vscroll-slider{



	background:#F4180C;



	width:14px !important;



	margin:0 0 0 3px;

    background:url(http://www.metaphase.com/core01/images/bg-v-scroll-bar.png) repeat-y;



}



/*in_the_media page*/



.in_the_media #content{



	min-height:0;



	height:auto;



}



.in_the_media .column2{



	position:relative;



	padding:134px 0 0;



}



.in_the_media .column2 h2{



	background:url(http://www.metaphase.com/core01/images/RecentHeader.png);



}



.in_the_media .projects{



	height:527px;



}



.in_the_media .scroll-box{



	margin-top:31px;

	

	height: 470px;



}



.in_the_media .scroll-box p{



	margin-top: 0px;



}



.in_the_media table{



	margin:0 0 0 20px;



	border-collapse:collapse;



	width:611px;



}



.in_the_media table td{



	vertical-align:top;



	padding:0 0 34px;



}



.in_the_media table td.image{



	width:211px;



	text-align:right;



}



.in_the_media table td.text{



	padding-left:19px;



}



.in_the_media table td.text a{



	text-decoration:none;



	font:bold 11px Arial, Helvetica, sans-serif;



	color:#539ec5;



}



/*award pages*/



/*in_the_media page*/



.awards #content{



	min-height:0;



	height:auto;



}



.awards .column2{



	position:relative;



	padding:134px 0 0;



}



.awards .column2 h2{



	background:url(http://www.metaphase.com/core01/images/AwardsHeader.png);



}



.awards .projects{



	height:527px;



}



.awards .scroll-box{



	margin-top:31px;

	

	height: 470px;



}



.awards table{



	margin:0 0 0 20px;



	border-collapse:collapse;



	width:611px;



}



.awards table td{



	vertical-align:top;



	padding:0 0 34px;



}



.awards table td.image{



	width:211px;



	text-align:right;



}



.awards table td.text{



	padding-left:19px;



}



.awards table td.text a{



	text-decoration:none;



	font:bold 11px Arial, Helvetica, sans-serif;



	color:#539ec5;



}



/*site pages*/



.site #content{



	min-height:;



	height:auto;



}



.site .column2{



	position:relative;



	padding:134px 0 0;	



}



.site .column2 h2{



	background:url(http://www.metaphase.com/core01/images/empty-h2.png);



}



.site .projects{



	height:527px;



}



.site .scroll-box{



	margin-top:31px;



}



.site .scroll-box p{



	margin:0 0 33px 33px;



	width:602px;



}



/*addtional css */



.site .scroll-box .col1{



	float:left;



	width:409px;



	overflow:hidden;



	display:inline;



	margin:0 0 0 42px;



}



.site .scroll-box .col1 h4{



	font:bold 17px Arial, Helvetica, sans-serif;



	color:#539ec5;



	margin:0;



}



.site .scroll-box .col1 p.date{



	font:12px Arial, Helvetica, sans-serif;



	color:#539ec5;



	margin:0;



}



.site .scroll-box .col1 p{



	margin:14px 0 0;



}



.site .scroll-box .col1a{



	float:left;



	width:259px;



	overflow:hidden;



	display:inline;



	margin:0 0 0 42px;



}



.site .scroll-box .col1a h4{



	font:bold 17px Arial, Helvetica, sans-serif;



	color:#539ec5;



	margin:0;



}



.site .scroll-box .col1a p.date{



	font:12px Arial, Helvetica, sans-serif;



	color:#539ec5;



	margin:0;



}



.site .scroll-box .col1a p{



	margin:14px 0 0;



}



.site .separator{



	display:block;



	height:2px;



	overflow:hidden;



	background:#d4d4d4;



	margin:23px 0 27px;



}



.site .scroll-box .col2{



	float:right;



	width:142px;



	overflow:hidden;



	display:inline;        



	margin:0 18px 0 0;



}



.site .scroll-box .col2 h5{



	margin:24px 0 2px;



	font:bold 12px Arial, Helvetica, sans-serif;



	color:#539ec5;



	text-transform:uppercase;



}



.site .scroll-box .col2 img{



	display:block;



	border:none;



}



.site .scroll-box .col2 p{



	margin:4px 0 0;



	width: 138px;



}



.site .scroll-box .col2 ul{



	margin:0;



	padding:0;



	list-style:none;



	font:12px/18px Arial, Helvetica, sans-serif;



}



.site .scroll-box .col2 ul li{



	padding:0;



}



.site .scroll-box .col2 ul a{



	color:#539ec5;



	text-decoration:none;



}



.site .scroll-box .col2 ul b{



	color:#539ec5;



}



.site .scroll-box .col2a{



	float:right;



	width:292px;



	overflow:hidden;



	display:inline;        



	margin:0 18px 0 0;



}



.site .scroll-box .col2a h5{



	margin:24px 0 2px;



	font:bold 12px Arial, Helvetica, sans-serif;



	color:#539ec5;



	text-transform:uppercase;



}



.site .scroll-box .col2a img{



	display:block;



	border:none;



}



.site .scroll-box .col2a p{



	margin:4px 0 0;



	width: 288px;



}



.site .scroll-box .col2a ul{



	margin:0;



	padding:0;



	list-style:none;



	font:12px/18px Arial, Helvetica, sans-serif;



}



.site .scroll-box .col2a ul li{



	padding:0;



}



.site .scroll-box .col2a ul a{



	color:#539ec5;



	text-decoration:none;



}



.site .scroll-box .col2a ul b{



	color:#539ec5;



}



/*about pages*/



.about #content{



	min-height:0;



	height:auto;



}



.about .column2{



	position:relative;



	padding:134px 0 0;



}



.about .column2 h2{



	background:url(http://www.metaphase.com/core01/images/empty-h2.png);	  

  

}



.about .projects{



	height:527px;



}



.about .scroll-box{



	margin-top:31px;



}



.about .scroll-box p{



	font:12px Arial, Lucida, Tahoma, sans-serif;



	color:#525252;



	margin:0px 0px 19px 33px;	



	width:602px;



}



/*our_work pages*/ 



.our_work .column2 .projects{



	height: auto;



	padding-bottom: 20px;



}



.our_work .column2 .projects p{



	margin: 13px 20px;



	font:12px/19px Arial, Helvetica, sans-serif;	



	color:#525252;



}



.our_work .column2 h2{



	width:100%;



	overflow:hidden;



	height:22px;



	text-indent:-9999px;



	background:url(http://www.metaphase.com/core01/images/empty2-h2.png);



	margin:0;



}



.our_work h3{



	font:bold 17px Arial, Helvetica, sans-serif;



	color:#539ec5;



	margin: 4px 0 0 20px;



}



.our_work h3 span{ 



  text-transform:uppercase; 



}



.our_work .column2 .projects .scroll-box p {



	font:12px/19px Arial, Helvetica, sans-serif;



	color:#525252;



}



.our_work .column2 .projects .scroll-box .proj li p {



	margin: 4px 0 0 10px;



	width:120px;



	font:11px Arial, Lucida, Tahoma, sans-serif;



	color:#525252;



}



.proj{



	margin:5px 0 0;



	padding:0;



	list-style:none;



	width:100%;



	overflow:hidden;



}



.proj li{



	float:left;



	width:140px;



	height:280px;



	margin:19px 0 0 20px;



	background:#d4d4d4;



	display:inline-block;



}



.proj li img{



	display:block;



	border:none;



}



.proj li a{



	display:block;



	border-top:2px solid #5e5e5e;



	background:#2f2f2f;



	font:bold 11px Arial, Lucida, Tahoma, sans-serif;



	text-decoration:none;



	color:#539ec5;



	height:17px;



	padding:3px 0 0 9px;



}



.proj li a:hover{



	color:#9bbdce;



}