@charset "utf-8";
/* portfolio.css */

/***********************************************
  portfolio
 ***********************************************/
body{overflow:auto;}
#chrome,
#chrome_cn {
	height:360px;
}
#chrome #mainImg_Image {
	background: url(../gfx/main_img_portfolio_us.jpg) no-repeat;
}
#chrome_cn #cn_mainImg_Image {
	background: url(../gfx/main_img_portfolio_cn.jpg) no-repeat;
}
#chrome_cn #cn_usa_mainImg_Image {
	background: url(../gfx/main_img_portfolio_cn_usa.jpg) no-repeat;
}

#chrome #mainImg img,
#chrome_cn #mainImg img {
	float:none;
	border:none;
}
#content {
	padding-left:10px;
	border-right:none;
	width:952px;
	min-height: 192px;
	height: 192px;
}
html>body #content {
	height: auto;
}	

#footer{
	background-position:0 -1px;
}
/************************************************
***  OVERVIEW  stylee                         ***
************************************************/

#content.overView a {
	width:237px;
	height:75px;
	overflow:hidden;
	float:left;
	border-bottom:1px solid #D2D2D2;
	border-right:1px solid #D2D2D2;
}
#content.overView a:hover{
	width:222px;
	height:60px;
	border:8px solid #B2B2B2;
}
#content.overView a:hover img{margin:-8px}
/************************************************
***  LIST VIEW  stylee                        ***
************************************************/
/*#content *{	border:1px solid purple;}*/
#content.portList{background: #FFFFFF url(../gfx/chrome_content2.gif) repeat-y 0 0 }
#content div.list {position:relative;clear:left;}
#content div.list h1{
	padding-bottom:12px;
	padding-right:70px;

}
#content div.list h1 a{
	font-size:14px;
	font-weight:bold;
	color:#990000;
}
#content div.list h1 a:hover {margin:0;}
#content div.list img {float:none;}
#content div.list a:hover img{margin:0}
#content div.list p {
	font-size:12px;
	line-height:18px;
	color: #040B14;
	padding-right:70px;
}
#content div.list a{
	border:none;
	margin:0;
	padding:0;
	width:1px;
	height:1px;
	display:inline;
	float:none;
}
#content div.list h1,#content div.list p{padding-left:375px;}
#content div.list img{padding-left:323px;}
#content #gfxBG{
	position:absolute;
	top:363px;
	left:8px;
	background:url(../gfx/chrome_gray_wheel.gif) no-repeat -8px -10px;
	width:324px;
	height:400px;
	z-index:100;
	overflow:hidden;
}

#content #sidebar {	
	position:absolute;
	top:385px;
	left:35px;
	margin:0;
	z-index:200;
}
#content #sidebar a {
	float:left;
	clear:left;
	height:25px;
	border:none;
	padding-left:14px;
	background:url(../gfx/portfolio_bullet.gif) no-repeat 0 0;
	color: #142c61;
	font-size:12px;
	font-weight:bold;
}
	
#content #sidebar a:hover,#content div.list a:hover {text-decoration:underline}
	
/************************************************
***  POPUP  stylee                            ***
************************************************/
#popup{
	font-family:Arial, Helvetica, sans-serif;
	position: absolute;
	left: 312px;
	top: 197px;
	z-index: 5000;
	width: 340px;
	height:360px;
	visibility:hidden;
}
#popup #container #strip,#popup #container #verbage{ position:absolute;right:0; z-index:100;}
#popup #container #strip{
	top:0;
	height:27px;
	width:330px;
	background-color:#6B9CE3;
	color:#FFF;
	border-left:1px solid #AAA;
	border-top:1px solid #AAA;
	border-right:1px solid #AAA;
}
#popup #container #verbage{
	color:#040B14;
	background-color:#FFF;
	font:normal 12px/22px Arial, Helvetica, sans-serif;
    top:27px;
	width:306px;
	padding:12px;
	border-left:1px solid #AAA;
	border-bottom:1px solid #AAA;
	border-right:1px solid #AAA;
}

#popup #ds{
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	
}

#popup #container #verbage h1 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#990000;
	padding:0;
	margin-bottom:4px;
	text-decoration:none;
}
#popup #container #verbage h1 a:hover{text-decoration:underline}

#popup img, #closeButton, #strip {line-height: 0;}

#popup p#closeButton {
	float: right;
	display: inline;
	line-height: 0;
	margin: 3px 4px 0 0;
	font: 8px arial, helvetic, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}	

#popup p#closeButton a {color: #FFF;}	

#popup p#closeButton a:hover,
#popup p#print a:hover {color: #AB0E17;}

#popup #container #verbage #print a,
#popup #container #verbage #print,
#popup #strip p#print a, 
#popup #strip p#print {
	position: absolute;
	right: 14px; 
	top: 2px;
	font: 11px arial, helvetic, sans-serif;
	font-weight: bold;
	text-transform: capitalize;
	color: #77797C;
	line-height: 12px;
	text-transform: uppercase;
}