@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0; 
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body { margin:0; padding:0; width:100%; background:#292826 url(../images/page_bg.gif) repeat-x top; font:normal 12px verdana, Tahoma, Arial, Helvetica, sans-serif;}
html { padding:0; margin:0;}
img { border:none;}

p.clear, .clear { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #d9d9d9; padding:0; margin:20px 0; background:none;}

a:link { color: #006ecc; text-decoration: none}
a:visited { color: #006ecc; text-decoration: none}
a:hover { color: #006ecc; text-decoration: underline}
a:active { color: #006ecc; text-decoration: none}

.more { padding:5px 25px 5px 12px; background:url(../images/arrow.png) no-repeat left; border:none; font-size:11px; font-weight:bold;}
.more a:link { color: #1fa3c9; text-decoration: none;  }
.more a:visited { color: #1fa3c9; text-decoration: none;}
.more a:hover { color: #1fa3c9; text-decoration: underline; }
.more a:active { color: #1fa3c9; text-decoration: none;}

/* main */
.body { background:url(../images/body_bg.jpg) top no-repeat; width:980px; margin:0 auto; overflow:hidden;}


/********** header **********/
.header {margin-top:55px; height:440px; position:relative;}

.slogan { font:30px bold Helvetica, Arial, sans-serif; color:#00d8ff; padding:22px 10px; text-shadow:0px -2px 1px rgba(0, 0, 0, 0.5); }

/* logo */
.logo {  padding:0; margin:0; background: url(../images/header_bg.png) top no-repeat; height:123px; width:100%; z-index:1000; position:absolute; }


/********** main body **********/
.main_container { background: #fff; padding:0; overflow:hidden; border-bottom:5px solid #d0d0cf; }
.main_container h2 { font:normal 29px Arial, Helvetica, sans-serif; color:#000; border-bottom:1px solid #cccccc; padding:5px 0;}
.main_container h2 span{ font:normal 26px Arial, Helvetica, sans-serif; color:#1FA3C9;}
.main_container h3 { font:bold 18px Arial, Helvetica, sans-serif; color:#8d8d8d;}
.main_container h4 { font:bold 24px Arial, Helvetica, sans-serif; color:#2c2c2c;}
.main_container p { color:#555555; line-height:22px;}
.main_container em { font:italic 12px Arial, Helvetica, sans-serif; color:#797979; line-height:1.8em; padding:10px 0 0 10px;}

.content_area { width:100%; float:left; margin:10px 0;}
.content_area strong { color:#F26922; font-weight:bold; }
.content_area img { float: left; margin:0 10px 0 0;}

.content_area h2{ font:bold 16px Arial, Helvetica, sans-serif; color:#06C; border:none;}

.content_area ul{ list-style:none; line-height:26px; color:#444;}
.content_area li{ background:url(../images/bullet.png) left no-repeat; padding-left:20px;}


.content_area .list_s ul{ list-style:none; line-height:22px; color:#444; }
.content_area .list_s li{ background:url(../images/bullet_2.png) left no-repeat; padding-left:20px; margin-left:20px;}

.first { margin-top:30px;}

/* Body -> Home -> Left */
.hLeft { width:535px; border-right:1px solid #d8d8d8; margin:5px auto; padding:30px 25px; float: left;}
.hLeft span { font:bold 14px Arial, Helvetica, sans-serif; color:#2c2c2c;}
.hLeft p .line { border-left:3px solid #666; margin:0; padding:0;}


/* Body -> Home -> Right */
.hRight { width:350px;  margin:5px auto; padding:30px 20px; float: right;}
.hRight em { font:italic 11px Arial, Helvetica, sans-serif; color:#505050;}
/* .hRight img { float:left; margin:5px 5px; padding:0;} */
.hRight strong { color:#444444; font-size:11px;}
.hRight p { color:#555555; line-height:22px;}

.hRight h3 { font:13px bold Arial, Helvetica, sans-serif;}
.hRight h3 a{ font-weight:bold;}

.btn_register a { display:block; width:299px; height:44px; background:url(../images/register.png) no-repeat scroll 0 0; margin:30px 0; }
.btn_register a:hover {background:url(../images/register.png) no-repeat scroll 0 -44px; }
.btn_access a { display:block; width:299px; height:44px; background:url(../images/access.png) no-repeat 0 0; }
.btn_access a:hover {background:url(../images/access.png) no-repeat scroll 0 -44px; }
.btn_dwn a { display:block; width:299px; height:44px; background:url(../images/download.png) no-repeat scroll 0 0; margin:30px 0; }
.btn_dwn a:hover {background:url(../images/download.png) no-repeat scroll 0 -44px; }


/********** footer **********/
.footer {padding:0; background:#121212 url(../images/footer_bg.jpg) no-repeat; height:192px; margin-bottom:30px; position:relative;}
.footer h2 { font:16px normal Arial, Helvetica, sans-serif; color:#87b040; position:absolute; left:50px; top: 45px;}
.footer h3 { font:11px normal Arial, Helvetica, sans-serif; color:#757575; position:absolute; left:50px; top: 65px; line-height:18px;}

.footer_logo { position:absolute; left:235px; top:40px;}