@charset "utf-8";
/* CSS Document */
body  {
	font: 100% Arial, Helvetica, sans-serif;
	background: #e6e6e6;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}
a:link { 
	color: #0099FF;
	text-decoration: underline;
	}
a:visited { 
	color: #0099FF;
	}
a:hover { 
	color: #0099FF;
	background-color: #656565;
	text-decoration: none;
	}
a:active { 
	color: #0099FF;
	}

.nano #total { 
	width: 100%;
	background:#fff;
	text-align: left;
}
/*****************************************start #top*********************************************************************/  
.nano #top{
width:100%;
background-color:#fff;
}
.nano #top_nav {
height:140px;
width:100%;
text-align:center;
background: url(../cssimg/top_nav.jpg) repeat-x;
} 
.nano #top_header {
height:168px;
width:100%;
text-align:center;
background: url(../cssimg/top_back.jpg) repeat-x;
}  
.nano #top_bar {
cursor:pointer;
height:23px;
width:100%;
border-bottom:1px solid #439fb7;
border-top:1px solid #439fb7;
background: url(../cssimg/bar1.jpg) repeat-x left;
} 

/*****************************************start #main*****************************************/
.nano #main {
width:100%;
padding-top:25px;
padding-bottom:20px;
background:url(../cssimg/main_shadow.jpg) repeat-x left top;
}
.nano #main_content {
margin:0 auto 0 auto;
background: url(../cssimg/show_back.gif) no-repeat left top;
width:891px;
height:196px;
overflow:hidden;
} 
.nano #thumbview {
float:left;
margin:0;
padding:0;
width:418px;
height:196px;
}
.nano #thumbview ul{
float:left;
padding:0;
margin:0;
width:100%;
height:113px;
}
.nano #thumbview li{
cursor:pointer;
float:left;
padding:0;
margin:10px 0 0 10px;
width:91px;
height:104px;
list-style:none;
}
.nano #thumbview img{
padding:0;
margin:0;
}
.nano #thumbview p{
color:#0889c4;
font-size:11px;
font-weight:normal;
padding-left:25px;
display:inline;
}
.nano #thumbview span{
color:#333;
font-size:12px;
margin:0;
}
.nano .showbox {
float:left;
width:462px;
margin-left:0;
height:196px;
}
.nano .showbox h3{
line-height:10px;
margin-top:20px;
padding-left:23px;
color: #333;
font-size:12px;
}
.nano .showbox p{
color:#0889c4;
font-size:12px;
font-weight:normal;
padding-left:25px;
margin:0;
}
.nano .showbox img {
margin:13px 5px 5px 5px;
float:right;
}
/*****************************************start #bottom*********************************************************************/
.nano #bottom {
   width:100%;
   background:url(../cssimg/bottom_shadow.jpg) repeat-x left top;
   background-color:#ededed;
   overflow:hidden;
}
#bottom_bar{
cursor:pointer;
height:27px;
width:100%;
border-bottom:1px solid #439fb7;
border-top:1px solid #439fb7;
background: url(../cssimg/bar2.jpg) repeat-x left;
} 
.nano #bottom_content {
margin:0 auto 0 auto;
height:205px;
width:891px;
background: url(../cssimg/bottom_back.gif) top center no-repeat;
padding-bottom:15px;
color:#FFF;
text-align:left;
}
.nano #content_l{
float:left;
width:32%;
height:206px;
}
.nano #content_l h2{
line-height:7px;
font-size:18px;
font-weight:700;
margin-top:25px;
margin-left:30px;
}
.nano #content_l a{
margin-left:30px;
line-height:20px;
font-size:12px;
color:#0099FF;
text-decoration:none;
}
.nano #content_l img{
border:1px solid #FFF;
margin-left:30px;
}
.nano #content_l p{
line-height:120%;
font-size:12px;
margin:5px 10px 5px 30px;
}
.nano #content_c{
float:left;
width:33%;
height:206px;
}
.nano #content_c A {
text-decoration:none;
}
.nano #content_c h2{
font-size:18px;
font-weight:700;
margin-top:20px;
margin-left:10px;
}
.nano #content_c ul {
    font-size:12px;
}
.nano #content_c li {
	margin-left:5px;
    line-height:135%;
    list-style: url(../cssimg/arrow.gif);
}
.nano #content_r{
float:left;
width:34%;
height:206px;
position:relative;
}
.nano #content_r a{
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
.nano #content_r p{
font-size:12px;
margin:50px 55px 30px 80px;/*this definition different from content.css*/

}
.nano #content_r span{
	cursor:pointer;
	position:absolute;
	top:150px;
	left:70px;
	width:150px;
	height:30px;
}
/*****************************************start #bottom > #footer(in this layout #bottom contains #footer)***************************/
.nano #footer {
    width:100%;
	height:75px;
	background:#e6e6e6;
	border-top:1px #cdcdcd solid;
	
} 
.nano #footer_list{
margin:0 auto 0 auto;
width:891px;
height:25px;
padding-top:15px;
border-bottom:1px #e6e6e6 solid;/*prevent #footer_list and #footer_info overlay */
}
.nano #footer_list p {
float:left;
}
.nano ul#list1{
    font-size:12px;
	color:#585858;
	padding:0;
	margin:0;
	width:84%;
	float:left;
}
.nano ul#list2{
	padding:0;
	margin:0;
	width:15%;
    font-size:12px;
	color:#585858;
	float:right;
}
.nano #footer_list li {
line-height:12px;
float:left;
border-left:1px #585858 solid;
padding:0 8px 0 8px;
list-style:none;
}
.nano #footer_list ul li {
color:#585858;
text-decoration:none;    
}
.nano #footer_list a {
color:#585858;
text-decoration:none;    
}

.nano #footer_list a:hover { 
	color: #FFFFFF;
	background-color: #656565;
	text-decoration: none;
	}
.nano #footer_info{
margin:0 auto 0 auto;
width:891px;
height:30px;
text-align:right;
}
.nano #footer_info p{
    font-size:12px;
    color: #585858;
}
/*****************************************end*********************************************************************/

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}