@charset "UTF-8";
/* CSS Document */

html{height:100.01%;}

body{text-align:center; font-family:Arial, Arial, Helvetica, sans-serif; font-size: 62.5%; color:#ffffff; line-height:1.3em; background:#ffffff;}

#wrapper{width:100%; background:url(../images/bg_page_top.gif) repeat-x top left #ffffff;}

#page_top{width:999px; margin:0 auto 0 auto; background:url(../images/pages_top.jpg) no-repeat top; height:151px;}

#page_top img{padding:23px 0 0 0; float:left; display:inline; display:inline-block;}

#legal_top{float:right; display:inline; width:400px;}

#wrapper_blue{width:100%; height:300px; background:url(../images/bg_page_blue.png) repeat-x top left #FFFFFF;}

#page_blue{width:999px; margin:0px auto 0 auto; background:url(../images/pages_bottom.png) no-repeat top center; height:247px; 
background-position:13px 100%;}


#box{width:320px; padding:0px 0 0 0; background:url(../images/box_extend.jpg) repeat-y top; position:absolute; margin-top:22px;}
#box_top{width:320px; background:url(../images/box_top.jpg) no-repeat;}
#box_top img{position:absolute; margin:-18px 0 0 70px; display:block;}
#box_bottom{width:320px; background:url(../images/box_bottom.jpg) no-repeat; height:3px; _margin:0px 0 -10px 0;}

#fade{width:280px; margin:60px 50px 0 670px; position:absolute;}

#content{width:917px; margin:0 auto 0 auto; display:block; }

.showcase_item{width:917px; background:url(../images/bg_product.jpg) no-repeat bottom; float:left; _float:none; display:inline-block; margin-bottom:40px;}

.thumb{width:269px; height:217px; background:#e4e3e7 url(../images/loading.gif) no-repeat center center; margin:0 0 30px 39px; _margin:0 0 10px 39px; float:left;}
.thumb img{border:#FFFFFF solid 8px; margin:2px 0 0 2px;}

.details{width:550px; float:right;  margin:0 25px 0 0px; _margin:-220px 0 0 25px; padding-bottom:40px; _display:inline;}

.details li{display:inline; background:url(../images/tech_bg.gif) no-repeat top left; color:#FFFFFF; font-size:12px; font-weight:bold; padding:5px 0px 8px 16px; margin:0 4px 0 0;}
.details span{width:4px; background:url(../images/tech_bg.gif) no-repeat top right; padding:5px 10px 10px 0; margin:0 0 0 4px; _margin:-5px -4px 0 0px;}



/************* Footer ***************/

#footer{width:100%; background:url(../images/bg_footer_grey.gif) repeat-x top #f3f3f3; float:left; margin-top:20px; margin-bottom:0px;}

#page_footer{width:999px; margin:0 auto 0 auto;}

.footer_detail_left{width:165px; float:left; text-align:center; margin-left:25px; _margin-left:0px; _width:155px;}

.footer_detail_right{width:150px; float:left; text-align:center; margin-left:4px; _margin-left:0px;}

.footer_detail_left img{margin:0 0 0 -60px;}

.footer_detail_right img{margin:0 0 0 0;}

#footer_bottom{width:100%; background:url(../images/bg_footer_bottom.jpg) repeat-x #0f286f; height:54px; float:left; margin-bottom:0px;}

#address{margin:18px auto 0 auto; width:200px; text-align:center;}




/************* Text Styles ***************/

#page_top li{display:inline; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; color:#00246e;}
#page_top ul{float:right; margin:43px 68px 0 0; _margin:43px 20px 0 0;}
#page_top a{color:#00246e; text-decoration:underline; padding:2px 2px 2px 2px;}
#page_top a:hover{color:#ffffff; text-decoration:none; background-color:#052888; padding:2px 2px 2px 2px;}

#box_top p{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; color:#FFFFFF; width:270px; padding:20px 0 45px 30px;}

#fade p{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.4em; color:#FFFFFF; font-style:italic; font-weight:normal;}

#fade p.name{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.4em; color:#FFFFFF; font-style:normal; font-weight:bold; padding:5px 0 0 0; float:right;}

.details p{font-size:1.3em; font-family:Verdana, Arial, Helvetica, sans-serif; margin:10px 0 0 0; width:520px;}

h1{color:#0d3b64; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; width:520px;}
h2{color:#0d3b64; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.3em; font-weight:bold; width:520px; margin:24px 0 16px 0;}

.details p{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.3em; color:#0d3b64;}
.details a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.3em; color:#3e2e95; text-decoration:underline;}
.details a:hover{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.3em; color:#ffffff; background-color:#052888; text-decoration:none;}

strong{font-weight:bold; font-style:italic;}

.footer_detail_left p{font-size:1.3em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#00246e; margin-bottom:20px;}
.footer_detail_left h2{color:#0d3b64; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.3em; font-weight:bold; margin:5px 0 16px 0; _width:196px;}
.footer_detail_right p{font-size:1.3em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#00246e; text-align:center;}
.footer_detail_right h2{color:#0d3b64; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.3em; text-align:center; width:150px; font-weight:bold; margin:5px 0 16px 0;}

#address a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.3em; color:#FFFFFF; text-decoration:underline; margin:0 auto 0 auto;}
#address a:hover{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.3em; color:#FFFFFF; text-decoration:none;}

/************* Accessibility ***************/	

/* clearing */ 
.clear{clear:both; height:1px; margin:0; padding:0; font-size: 15px; line-height: 1px;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} 
* html>body .clearfix{display: inline-block; width:100%;}
* html .clearfix {/* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }

/* accessibility */ 
.accessibility { position: absolute; top: -999em; left: -999em;}