/* BIO NANO CONSULTING STYLES */
/* AUTHOR: HUGO & CAT LTD */
/* VERSION: 1.0 */

body {
	font:normal 62.5%/1.7em "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#455560;
	margin:0 0 0 0;
	padding: 0;
	background: #fff;
	background-attachment: fixed
}

a, a:visited {
    color:#014f8a;
    text-decoration:none;
}
a:hover {
    color: #dd77b2;
}

strong {
    font-weight:bold;
}

.input_field{
    background: transparent url(../images/inputfield_bg.gif) no-repeat 0 0;
    border:1px solid #ccc;
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}


.wrapper {
	width: 980px;
	text-align:left;
	margin: 0 0 0 0;
	font-size: 1.1em;
}

/* HEADER */

.wrapper .header{
    margin: 0 0 25px 0;    
}

.wrapper .header .logo{
    display:block;
    float:left;
    text-indent: -6000px;
    background: transparent url(../images/logo.gif) no-repeat 0 0;
    width: 126px;
    height: 79px;
    margin: 0 0 0 40px;
}

.wrapper .header .logo-cn{
    display:block;
    float:left;
    text-indent: -6000px;
    background: transparent url(../images/logo_zh-cn.png) no-repeat 0 0;
    width: 126px;
    height: 79px;
    margin: 0 0 0 40px;
}

.wrapper .header ul{
    float:left;
    margin: 33px 0 0 85px;
}

.wrapper .header ul li{
    float:left;
    display:block;
}

.wrapper .header ul li a{
    display:block;
    float:left;
    padding: 5px 12px 5px 12px;
    border-left: 1px solid #dd77b2;
}

.wrapper .header ul li a.last{
    border-right: 1px solid #dd77b2;
}

.wrapper .header ul li a.selected{
    color: #dd77b2
}

.wrapper .header .search {
    float:right;
    margin: 36px 0 0 0;
}

.wrapper .header .search label{
    display:block;
    font-weight:bold;
    float:left;
    color: #005aa4;
    margin: 2px 0 0 0;
}

.wrapper .header .search .input_field{
    float:left;
    margin: 0 0 0 10px;
}
.wrapper .header .search .submit_field{
    float:left;
    margin: 0 0 0 5px;
}

/* END HEADER */

/* CONTENT */

.content {
    margin: 0 0 25px 0;
}

.content .splash {
    height: 158px;
    background: transparent url(../images/splash_default.jpg) no-repeat 0 0;
}

.content .columns {
}

/* LEFT NAV COLUMN */

.content .columns .c_1{
    width: 252px;
    float:left;
    /* background: transparent url(../images/column_bg.gif) repeat-y 100% 0; */
    padding: 10px 0 0 0;
 
}

.content .columns .c_1 h2{
    text-align:left;
    color: #005aa4;
    margin: 0 20px 7px 20px;
    font-size: 1.3em;
}

.content .columns .c_1 ul {
    margin: 0 20px 10px 20px;
    padding: 0 0 10px 0;
    background: transparent url(../images/dot_bg.gif) repeat-x 0 100%;
}

.content .columns .c_1 ul ul{
    background: none;
    margin:5px 0 0px 14px;
    padding:0;
    clear:both;
}

.content .columns .c_1 ul.bottom {
    padding:0;
    background:none;
}


.content .columns .c_1 ul li {
    display:block;
    float:left;
    width: 99%;
}

.content .columns .c_1 ul a {
    display:block;
    padding: 0 0 0 9px;
    background: transparent url(../images/bp_1.gif) no-repeat 0 0.6em;
    color: #666666;
    margin: 0 0 7px 0;
}

.content .columns .c_1 ul ul a{
    color: #dd77b2;
    clear:right;
    
}

.content .columns .c_1 ul a.selected {
    color: #005aa4;
    font-weight:bold;
}

.content .columns .c_1 ul ul a.selected {
    font-weight:normal;
}

.content .columns .c_1 ul a:hover {
    color: #16629e;
}


.content .columns .c_1 .search {
    padding: 0 0 15px 0;
    margin: 0 20px 15px 20px;
    background: transparent url(../images/dot_bg.gif) repeat-x 0 100%;
}

.content .columns .c_1 .search h2{
    text-align:left;
    margin: 0 0 5px 0;
}

.content .columns .c_1 .search p{
    margin: 0 0 7px 0px
}

.content .columns .c_1 .search a.top{
    display:block;
    padding: 0 0 0 10px;
    background: transparent url(../images/bp_1.gif) no-repeat 0 0.5em;
    color: #666666;
}


/* END LEFT NAV COLUMN */

.content .columns .c_2{
    width: 483px;
    float:left;
    background: transparent url(../images/column_bg.gif) repeat-y 0 0;
    padding: 10px 0 0 0;

}

.content .columns .c_2 .image{
    margin:0;
}

.content .columns .c_2 .image img{
    display:block;
    margin: 0 0 5px 0;
}

.content .columns .c_2 .image p{
    margin: 0;
}

.content .columns .c_2 .fright{
    float:right;
    margin: 0 23px 10px 10px
}

.content .columns .c_2 .fleft{
    float:left;
    margin: 0 10px 10px 23px
}

.content .columns .c_2 .crumb{
    margin: 0 23px 20px 23px
}

.content .columns .c_2 h1{
    font-size: 1.5em;
    color: #16629e;
    line-height: 1.3em;
    margin: 0 23px 15px 23px;
}

.content .columns .c_2 h2{
    font-size: 1.3em;
    color: #16629e;
    line-height: 1.3em;
    margin: 0 23px 5px 23px;
}

.content .columns .c_2 p{
    margin: 0 23px 15px 23px;
}

.content .columns .c_2 blockquote{
    margin: 0 23px 15px 23px;
    font-size: 1.2em;
    color: #005aa4;
    padding: 0 30px 0 45px;
    background: transparent url(../images/quote_bg.gif) no-repeat 0 0;
}



.content .columns .c_2 ul, .content .columns .c_2 ol{
    margin: 0 23px 15px 43px;    
}

.content .columns .c_2 ul ul {
    margin: 0 0 10px 10px;
}



.content .columns .c_2 li{
    margin: 0 0 5px 0;
    padding: 0 0 0 12px;
    background: transparent url(../images/bp_2.gif) no-repeat 0 0.6em;
}

.content .columns .c_2 ol{
    list-style:decimal;   
}

.content .columns .c_2 ol li{
    list-style:decimal;
    padding: 0 0 0 0px;
    background: none;
}

.content .columns .c_2 h3{
    color: #666666;
    font-weight:bold;
    margin: 0 23px 0 23px;
    font-size: 1.1em;
}

.content .columns .c_2 .introduction{
    margin: 0 0 35px 0;
}
.content .columns .c_2 .introduction h1{
    font-size: 1.4em;
    color: #16629e;
    line-height: 1.3em;
    margin: 0 23px 3px 23px;
}
.content .columns .c_2 .introduction p{
    margin: 0 23px 0 23px;
}


.content .columns .c_2 .news{
    margin: 0 0 35px 0;
}
.content .columns .c_2 .news p{
    margin: 0 23px 5px 23px;
}
.content .columns .c_2 .news a.more{
    display:block;
    padding: 0 10px 0 0;
    float:left;
    background: transparent url(../images/bp_3.gif) no-repeat 100% 0.7em;
    margin: 0 23px 0 23px
}

.content .columns .c_2 .news_pager {
    margin: 0 23px 0 23px;
    text-align:center;
}

.content .columns .c_2 .news_pager .fright{
    float:right;
    margin: 0 0 0 5px
}

.content .columns .c_2 .news_pager .fleft{
    float:left;
    margin: 0 5px 0 0
}


.content .columns .c_2 .search_summary{
    margin: 0 23px 15px 23px;
    padding: 0 0 15px 0;
    background: transparent url(../images/dot_bg.gif) repeat-x 0 100%;
}

.content .columns .c_2 .search{
    margin: 0 0 35px 0;
}
.content .columns .c_2 .search p{
    margin: 0 23px 5px 23px;
}
.content .columns .c_2 .search a.more{
    display:block;
    padding: 0 10px 0 0;
    float:left;
    background: transparent url(../images/bp_3.gif) no-repeat 100% 0.7em;
    margin: 0 23px 0 23px
}

.content .columns .c_2 .search_pager {
    margin: 0 23px 0 23px;
    text-align:center;
}

.content .columns .c_2 .search_pager .fright{
    float:right;
    margin: 0 0 0 5px
}

.content .columns .c_2 .search_pager .fleft{
    float:left;
    margin: 0 5px 0 0
}

.content .columns .c_2 .forms {
    margin: 0 0 15px 23px;
    padding: 10px 0 0 0;
}

.content .columns .c_2 .forms p{
    margin: 0 0 14px 0;
}

.content .columns .c_2 .forms .left{
    float:left;
    width: 120px;
}
.content .columns .c_2 .forms .right{
    float:left;
    width: 310px;
    
}

.content .columns .c_2 .forms .input_field
{
    border: 1px solid #ccc;
    padding: 1px;
    background: transparent url(../images/inputfield_bg.gif) no-repeat 0 0;
}

.content .columns .c_2 .forms .textarea_field
{
    border: 1px solid #ccc;
    padding: 1px;
    background: transparent url(../images/inputfield_bg.gif) no-repeat 0 0;
    height: 150px;
}


.content .columns .c_2 .video{
    margin: 0 0 15px 23px;
}

.content .columns .c_2 .video strong{
    margin: 0 0 5px 0;
    display:block;
}

.content .columns .c_2 .video object{
    display:block;
    margin: 0 0 5px 0;
}

.content .columns .c_2 .video p{
    margin: 0;
}



.content .columns .c_2 .images{
    margin: 0 0 15px 23px;
}

.content .columns .c_2 .images strong{
    margin: 0 0 5px 0;
    display:block;
}

.content .columns .c_2 .images object{
    display:block;
    margin: 0 0 5px 0;
}

.content .columns .c_2 .images p{
    margin: 0;
}

.content .columns .c_2 .equipment_list {
    margin: 0 0 15px 23px;
}

.content .columns .c_2 .equipment_list .item{
    float:left;
    width: 214px;
}

.content .columns .c_2 .equipment_list a{
    float:left;
    padding: 0 10px 0 0;
    background: transparent url(../images/bp_3.gif) no-repeat 100% 0.6em;
    font-weight:bold;
}

.content .columns .c_2 .equipment_list .item img{
    display:block;
    margin: 0 0 5px 0;
}

.content .columns .c_2 .equipment_list .item_left{
    margin: 0 10px 0 0
}

.content .columns .c_2 .readmore {
    margin: 0 23px 15px 23px;
}

.content .columns .c_2 .readmore p{
    float:left;
    width: 45%;
    margin:0;
} 

.content .columns .c_2 .readmore a{
    display:block;
}




.content .columns .c_3{
    width: 220px;
    float:left;
}

.content .columns .c_3 .splash_support {
    margin: 10px 0 30px 25px;
    display:block;
}

.content .columns .c_3 .block {
    margin: 0 15px 35px 15px;
}

.content .columns .c_3 .block h3{
    font-size: 1.3em;
    color: #16629e;
    margin: 0 0 3px 0;
}

.content .columns .c_3 .block a{
    display:block;
    padding: 0 10px 0 0;
    background: transparent url(../images/bp_3.gif) no-repeat 100% 0.6em;
    float:left;
}

.content .columns .c_3 .block a.download{
    padding: 0 0 0 10px;
    background: transparent url(../images/bp_1.gif) no-repeat 0 0.6em;
    color: #666666;
    float:none;
}

.content .columns .c_3 .block a:hover.download{
    color: #16629e
}




/* CONTENT HOMEPAGE */

.content .homepage{
    margin: 0 0 0 20px;
    padding: 20px 0 0 0;
}

.content .homepage .promo{
    margin: 0 0 10px 0;
}

.content .homepage .promo h1{
    font-size: 1.8em;
    color: #014f8a;
    line-height: 1.2em;
    margin: 0 0 10px 0;
    width: 350px
}

.content .homepage .promo h2{
    font-size: 1.3em;
    color: #666666;
    line-height: 1.4em;
    margin: 0 0 10px 0;
    width: 350px
}

.content .homepage .promo h2{
}

.content .homepage .promo a{
    display:block;
    float:right;
    /*text-indent:-6000px;*/
    /*background: transparent url(../images/homepage_promo.jpg) no-repeat 0 0;*/
    width: 586px;
    height: 227px;
}

.content .homepage .boxes {
    padding: 0 0 20px 0;
    margin: 0 0 25px 0;
    background: transparent url(../images/dot_bg.gif) repeat-x 0 100%;
    color: #fff;
}

.content .homepage .boxes .graphic{
    float:right;
    width: 144px;
    height: 143px;
    background: transparent url(../images/homepage_box_graphic.gif) no-repeat 0 0;
    margin: 0 80px 0 0 ;
}

.content .homepage .boxes a{
    display:block;
    color: #fff;
    padding: 0 10px 0 0;
    background: transparent url(../images/homepage_box_bp.gif) no-repeat 100% 0.6em;
    float:left;
    margin: 0 0 0 10px
}

.content .homepage .boxes p{
    margin: 0 10px 7px 10px;
    font-size: 1.1em;
}

.content .homepage .boxes h3{
    margin: 10px 0 7px 10px;
    font-size: 1.5em;
    font-weight:bold;
    
}

.content .homepage .boxes .box_1, .content .homepage .boxes .box_2, .content .homepage .boxes .box_3{
    background: transparent url(../images/homepage_box_bg.gif) no-repeat 0 0;
    float:left;
    width: 227px;
    height: 119px;
    margin: 0 10px 0 0;
}

.content .homepage .boxes .box_1 span, .content .homepage .boxes .box_2 span, .content .homepage .boxes .box_3 span{
    float:right;
    display:block;
    width: 33px;
    height: 36px;
	background: transparent url(../images/homepage_box3_bg.gif) no-repeat 0 0;  
    text-indent: -6000px;
    display:none;
}

.content .homepage .boxes .box_2 span{
   width: 38px;
   background: transparent url(../images/homepage_box1_bg.gif) no-repeat 0 0;
}

.content .homepage .boxes .box_3 span{
   background: transparent url(../images/homepage_box2_bg.gif) no-repeat 0 0; 
   width: 38px;
}

.content .homepage .news {
    
}

.content .homepage .news h3{
    font-size: 1.3em;
    color: #015699;
    margin: 15px 15px 5px 15px
}
.content .homepage .news strong{
    display:block;
    color: #666666;
    margin: 0 15px 10px 15px
}

.content .homepage .news img{
    float:left;
    margin: 0 10px 0 15px;
}

.content .homepage .news a{
    margin: 10px 0 0 0;
    display:block;
    padding: 0 12px 0 0;
    background: transparent url(../images/homepage_news_bp.gif) no-repeat 100% 0.7em;
    float:left;
}



.content .homepage .news a.thestrong{
    float:none;
    display:block;
    color: #666666;
    margin: 0 15px 10px 15px;
    background:none;
}


.content .homepage .news a.theh3{
    font-size: 1.3em;
    color: #015699;
    margin: 15px 15px 5px 15px;
    display:block;
    padding:0;
    background: none;
    float:none;
}

.content .homepage .news .detail {
    float:left;
    width: 310px;
}

.content .homepage .news a.paragraph{
    float:none;
    margin:0;
    padding:0;
    background: none;
    color: #666;
}


.content .homepage .news a.more{
}


.content .homepage .news .c_1, .content .homepage .news .c_2{
    
    float:left;
    background: transparent url(../images/homepage_news_bg.gif) no-repeat 0 0;
    width: 466px;
    height: 179px;
}

.content .homepage .news .c_2{
    float:right;
}






/* END CONTENT */



/* FOOTER */

.footer {
    padding: 15px 0 0 0;
    border-top: 4px solid #0052a2;
    color: #666;
    background: transparent url(../images/footer_bg.gif) no-repeat 100% 0;
    margin: 0 0 25px 0;
    position:relative;
}

.footer a{
    color: #666
}

.footer a:hover{
    color: #16629e
}

.footer .c_1{
    float:left;
    width: 237px;
    text-align: right;
    padding: 0 15px 5px 0;
    border-right: 1px solid #b98ba5;
}

.footer .c_2{
    float:left;
    margin: 0 0 0 15px;
}

.footer .logos {
    display:block;
    float:right;
    margin: 0 0 0 5px;
    width: 104px;
    height: 39px;
    text-indent: -6000px;
}

.footer .logo_1 {
    background: url(../images/footer_logo_1.gif);
}
.footer .logo_2 {
    background: url(../images/footer_logo_2.gif);
}
.footer .logo_3 {
    background: url(../images/footer_logo_3.gif);
}
.footer .logo_4 {
    background: url(../images/footer_logo_4.gif);
}
.footer .logo_5 {
    background: url(../images/footer_logo_5.gif);
}
.footer .logo_6 {
    background: url(../images/footer_logo_6.gif);
}

/* END FOOTER */