@charset "utf-8";

/*reset start*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
body {
position:relative;
line-height: 1;
font-size:62.5%;
}
ol, ul{
list-style:none;
}
input{padding:0;}
img{font-size:0;line-height:0;}
textarea{overflow:auto;}
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-spacing:0; width:100%;}
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after{content: "";}
blockquote, q{quotes: "" "";}
h1{font-size: 3.6em;}
h2{font-size: 2.8em;}
h3{font-size: 2.4em;}
h4{font-size: 2em;}
h5{font-size: 1.6em;}
h6{font-size: 1.2em;}
h1,h2,h3,h4,h5,h6{font-weight:bold;}

.clear:after, .field:after, .box:after{clear:both;content:'\0200';display:block;visibility:hidden;height:0}
.clear, .field, .box{display:inline-block}
* html .clear{height:1%}
* html .field{height:1%}
* html .box{height:1%}
.clear, .field, .box{display:block}
/*reset end*/

/************************************public start***********************************/
.opacity{
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity: 0;
opacity: 0;
}

.w960{
width:960px;
margin:0 auto;
text-align:left;
}

.t_hide{text-indent:-99999px;}
.t_center{text-align:center;}
.t_left{text-align:left;}
.t_right{text-align:right;}
.t_bold{font-weight:bold;}
.t_ul{text-decoration:underline;}
.f_left{float:left;}
.f_right{float:right;}
/************************************public end***********************************/
/* CSS Document */
#wrapper{width:980px;margin:0 auto; font-family:Arial, Helvetica, sans-serif}
#header{background:url(images/header_bg.gif); height:103px; position:relative}
#logo{ float:left;margin-left:50px;margin-top:5px;margin-right:10px;}
#nav{ float:left;margin-top:63px; font-family:Calibri;}
#nav li{float:left; line-height:40px; text-align:center; background:url(images/nav1.gif) no-repeat;margin-left:3px;}
#nav li a{display:block;height:40px; background:url(images/nav2.gif)  no-repeat right; color:#000; text-decoration:none;font-size:18px;}
#nav li a:hover{ text-decoration:underline;}
.home a{width:76px;}
.about a{width:85px;}
.products a{width:84px;}
.why a{width:100px;}
.news a{width:56px;}
.place a{width:100px;}
.contract a{width:100px;}
#help{ position:absolute;right:30px;top:10px;}
#help a{color:#a2a2a2; font-size:12px; text-decoration:none}
#container{ background:url(images/bg.gif) repeat-x;width:980px;padding-top:20px;}
#left{float:left;width:560px;padding-left:55px;margin-right:50px;}
#right{float:left;width:315px;}
#left h2{font-family:Calibri; font-size:30px;margin: 5px 0 30px 0;}
.test_box{margin-top:20px;}
.test_box h4{ font-family:Calibri; font-size:18px; background:url(images/icon.gif) no-repeat center left;padding-left:20px;margin-bottom:6px;}
.test_box p{ font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:18px; color:#737373;padding-left:20px;}
#function{margin-top:15px;padding-left:10px;height:50px;}
.function_box{ float:left; height:50px; line-height:50px; font-size:14px;width:170px;margin-left:10px;display:inline}
.function_box a{font-size:14px; color:#4c4c4c; font-family:Tahoma}
.function_box img,.function_box p{ float:left; line-height:normal; display:inline}
.function_box p{margin-left:10px;width:120px;}
.w247h128{width:247px;height:125px; background:#e6ecf8; text-align:center;padding-top:3px;margin-bottom:15px;}
.w247h100{width:247px;height:86px; background:#e6ecf8; text-align:center;padding-top:3px;margin-bottom:15px;}
#request{width:237px; height:80px; border:2px solid #fff; background:#e6ecf8;margin:0 auto; font-size:13px;}
#request p{margin-top:12px;}
#request span{margin-left:5px;}
#download a{font-size:15px; color:#0083c8; font-family:Calibri}
#browse{width:247px; text-align:center}
#button{width:247px; height:87px; background:url(images/buttonbg.gif) repeat-x; overflow:hidden}
#footer{width:930px; height:44px; background:#eaeaea; color:#7c7c7c; font-family:Tahoma; font-size:11px;padding-top:15px;padding-left:50px; clear:both}