html { margin:0px; padding:0; text-align:center;}

body {
    margin-bottom:20px;
    margin-top:0px;
    padding:0px;
    background:#171717;
    color: #81827A;
    text-align:center;
    font-family:Verdana, Arial,Helvetica,Tahoma ;
	  font-size: 10px;
    
    }

h1{font-size: 10px; color: #fff; text-align:center;}
img{ border:0; margin:0; padding:0; display:block;}
p{padding: 0; margin:0; padding-bottom: 10px;}

#wrapper{ width:996px; padding:0px 0px 0px 0px; margin:0px auto; margin-top:0px; text-align:left; border:0;}

#header{ width: 996px; margin:0; padding:0;  background: url('img/main_bg.gif') repeat-y;}
#header img{ border:0; margin:0; padding:0; display:inline;}
#top{ width: 996px;  height:53px; background: url(img/top_bg.gif) no-repeat;}
#logo{float:left; width:254px;}
#menu{float:left; width:720px;}


#main{width: 996px; background: url('img/main_bg.gif') repeat-y;}
#container{width: 950px; margin-left: 22px;}
.cont_black{ width: 950px;}
.cont_black .top{width: 950px; height:12px; background: url('img/cont_black_top.gif') no-repeat;}
.cont_black .mid{width: 950px; background: url('img/cont_black_mid.gif') repeat-y;}
.cont_black .bottom{width: 950px; height: 12px; background: url('img/cont_black_bottom.gif') no-repeat;}

#top_banner {height:256px;}
#top_banner p{margin:0px; padding:0px; padding-bottom: 10px;}
#top_banner .left{float:left; width:331px;}
#top_banner .left .inner{padding: 30px 0px 0px 40px;}
#top_banner .right{float:left; width:592px;}
#top_banner .right .inner{margin: 2px 0px 0px 17px;}
#top_banner .caption{font-size: 14px; font-weight:bold; color:#858585;}

#main_banner{width:575px; height: 253px; background: url('img/01.jpg');}

/*---------------------------------------------------------------------------------*/
#ext_menu{height: 243px; max-height:243px; overflow: hidden; margin-left: 45px;}
.ext_box {float:left; height:243px; max-height:243px; width:283px; overflow: hidden; text-align: justify; margin-right: 5px;}
.ext_box .caption{font-size: 14px; text-align:center; color:#fff; font-weight: bold; height:27px; padding: 15px 25px 0 25px;}
.ext_box .content{padding:10px 20px 10px 20px;}
.ext_box .navi{margin-left: 95px;}

#ext_menu_vertical{width: 283px; max-width:283px; overflow: hidden; }
.ext_box_v0 {height:210px; max-height:210px; width:248px; overflow: hidden; background: url('img/ext_box_v0.gif'); text-align: justify; margin: 0 0 25px 15px;}
.ext_box_v0 .pic{padding:5px 0px 0px 10px;}
.ext_box_v0 .caption{font-size: 12px; color:#fff; height:30px; padding: 5px 25px 0 25px;}
.ext_box_v0 .content{font-size:9px; padding:4px 20px 5px 20px;}
.ext_box_v0 .navi{margin-left: 85px;}

.ext_box_v1 {height:120px; max-height:120px; width:248px; overflow: hidden; background: url('img/ext_box_v1.gif'); text-align: left; margin: 0 0 25px 15px;}
.ext_box_v1 .pic{float:left; width:89px; height:63px; margin: 0px 10px 0px 0px;}
.ext_box_v1 .caption{font-size: 10px; color:#fff; font-weight:bold;}
.ext_box_v1 .content{font-size:9px; padding:12px 15px 5px 15px;}
.ext_box_v1 .navi{}


.ext_box_v2 {height:120px; max-height:120px; width:248px; overflow: hidden; background: url('img/ext_box_v1.gif'); text-align: justify; margin: 0 0 25px 15px;}
.ext_box_v2 .pic{padding:5px 0px 0px 10px;}
.ext_box_v2 .caption{font-size: 10px; color:#fff; font-weight:bold; padding: 12px 20px 0 20px;}
.ext_box_v2 .content{font-size:9px; padding:10px 20px 5px 20px;}
.ext_box_v2 .navi{margin-left: 85px;}

.ext_box_v3 {width:248px; margin: 0 0 25px 15px;}
.ext_box_v3 .top{width:248px; height:4px; line-height:4px; background: url('img/ext_box_v3_top.gif') no-repeat;}
.ext_box_v3 .mid{width:248px; background: url('img/ext_box_v3_mid.gif') repeat-y;}
.ext_box_v3 .bottom{width:248px; height:4px; line-height:4px; background: url('img/ext_box_v3_bottom.gif');}
.ext_box_v3 .pic{padding:5px 0px 0px 10px;}
.ext_box_v3 .caption{font-size: 10px; color:#fff; font-weight:bold; padding: 12px 20px 0 20px;}
.ext_box_v3 .content{font-size:9px; padding:10px 20px 5px 30px;}
.ext_box_v3 .navi{margin-left: 85px;}
.content_menu{font-size: 10px; font-weight: bold;}
.content_menu img{display: inline;}
.content_menu div{margin: 0 0 5px 0;}
.content_menu ul{margin:0; padding:0; text-indent: 0px;list-style-position: outside;list-style-image: url(img/dot.gif);list-style-type: circle;}
.content_menu ul li{ margin-left: 35px; margin-top:10px;}


/*---------------------------------------------------------------------------------*/


#normal{ width:950px; background: url('img/normal_left1.gif') repeat-y;}
#normal .left{float:left; width:622px; background: transparent; line-height: 1.4em;}
#normal .left .inner{padding: 20px 35px 20px 45px; text-align: justify;}
#normal .right{float:left; width:304px; height: 580px; background: url('img/normal_right1.jpg') no-repeat top left;}
#normal .right .inner{padding: 20px 0 0px 10px;}
#normal .left .content{padding: 20px 10px 10px 10px;}
#normal .left .content p{padding: 0; margin:0; padding-bottom: 10px;}
#normal .left .content ul{list-style-position: outside; list-style-type: disc; padding:0 0 15px 25px; margin:0; color: #fff;}
#normal .left .content li{line-height: 1.5em;}
#normal .left .caption .header{height:216px;width:539px; }
#normal .left .caption .header .section_name{text-align: left; padding: 186px 0 0 25px;}
#normal .left .caption .header .section_name h3{text-align: left; padding:0; margin:0; font-size: 16px; font-weight:bold; font-family: arial; color: #c9c9c9;}
#normal .left .caption_os .header{height:216px;width:539px; }
#normal .left .caption_os .header .section_name{text-align: right; padding: 186px 25px 0 0px;}
#normal .left .caption_os .header .section_name h3{text-align: right; padding:0; margin:0; font-size: 16px; font-weight:bold; font-family: arial; color: #ddd;}


#normal .reference_box{}
#normal .reference_box .rtop{height: 19px; background: url('img/rtop.gif') no-repeat bottom left;}
#normal .reference_box .rmid{background: url('img/rmid.gif') repeat-y; padding: 5px 27px 0px 23px;}
#normal .reference_box .rbottom {padding-bottom: 25px; height: 19px; background: url('img/rbot.gif') no-repeat;}
#normal .reference_box p{margin-bottom: 5px; line-height: 1.4em; text-indent: 0px;}
#normal .reference_box p.signature{margin-top: 10px; color: #bbb; text-align: right; line-height: 1.4em; font-size: 10px;}

.gal_caption{margin: 0 0 15px 0;}
.gal_header{font-size: 16px; text-align: right; font-weight:bold; font-family: arial; color: #888; border-bottom: 1px solid #666;}
.gal_content{padding: 20px 0px 10px 10px;}
table.gal_grid{}
table.gal_grid td{padding: 3px;}
table.gal_grid td a:link img{ border: 4px solid #333;}
table.gal_grid td a:visited img{ border: 4px solid #333;}
table.gal_grid td a:hover img{ border: 4px solid #666;}
/*table.gal_grid td img {padding: 5px; border: 1px solid #666; margin: 2px; display:block;}
table.gal_grid td a img {padding: 5px; border: 1px solid #666; margin: 2px; display:block;}
table.gal_grid td a:link img{ border: 1px solid #666;}
table.gal_grid td a:visited img{ border: 1px solid #666;}
table.gal_grid td a:hover img{ border: 1px solid #5B83AB;} */

.os_left{float:left; width: 200px;}
.os_right{float:right; width: 306px; height:288px; background:url('img/os_square_bg.gif');}


#faq #normal .left .content p{padding: 0; margin:0;}
#faq #normal .left .content p.faq_q{padding: 0; margin:0; padding-bottom: 0px; color:#fff; font-weight:bold;}
#faq #normal .left .content p.faq_a{padding: 0; margin:0; padding-bottom: 10px;}


#process{}
#process .content div.point{margin:0; padding:0 0 10px 0;}
.process_img{border: 0px solid #444; margin: 0 0 10px 0;}
.process_img img{display: block; margin-left: auto;  margin-right: auto}
#process .content h4{text-align: right; padding:0; margin:0 0 15px 0; font-size:16px; border-bottom: 1px solid #444; }


#footer{width: 996px; height: 50px;  color: #555;  font-size: 9px; background: url(img/bottom_bg.gif) no-repeat;}
#footer .inner{padding: 0 30px 0 30px;}







/*-------------------links decoration----------------------------------*/
a:link			{ text-decoration: none; color: #888; }
a:visited			{ text-decoration: none; color: #888; }
a:hover			{ text-decoration: underline; color: #aaa; }
a:active			{ text-decoration: none; color: #888; }

#content_box a:link			{ text-decoration: none; color: #FFA800; }
#content_box a:visited			{ text-decoration: none; color: #FFA800; }
#content_box a:hover			{ text-decoration: none; color: #AAA;}
#content_box a:active			{ text-decoration: none; color: #AAA; }


#footer a:link			{ text-decoration: none; color: #555; }
#footer a:visited			{ text-decoration: none; color: #555; }
#footer a:hover			{ text-decoration: none; color: #FFA800; }
#footer a:active			{ text-decoration: none; color: #FFA800; }

#footer_menu a:link			{ text-decoration: none; color: #555; }
#footer_menu a:visited			{ text-decoration: none; color: #555; }
#footer_menu a:hover			{ text-decoration: none; color: #FFA800; }
#footer_menu a:active			{ text-decoration: none; color: #FFA800; }

.ext_box_v1 .navi a:link			{ text-decoration: none; font-weight: bold; color: #6CA51B; }
.ext_box_v1 .navi a:visited			{ text-decoration: none; font-weight: bold; color: #6CA51B; }
.ext_box_v1 .navi a:hover			{ text-decoration: none; font-weight: bold; color: #7BC70F;}
.ext_box_v1 .navi a:active			{ text-decoration: none; font-weight: bold; color: #7BC70F; }

.content_menu a:link			{ text-decoration: none;  color: #fff; }
.content_menu a:visited			{ text-decoration: none;  color: #fff; }
.content_menu a:hover			{ text-decoration: underline;  color: #6CA51B;}
.content_menu a:active			{ text-decoration: underline;  color: #6CA51B; }

/*-----------------------------------------------------------------*/

.clear { height: 0px; clear: both; font-size: 0px; line-height: 0px; background: transparent; }
.fl {float: left;}
.fr {float: right;}
.blue{color: #395571;}
.grey{color:#81827A;}
.lgrey{color: #AFB3A3;}
.orange{color: #FFC400;}
.green{color: #7BC70F;}
.white{color: #E6E7E4;}
.black{color: #000000;}
.b{font-weight: bold;}
.i{font-style: italic;}
.white_frame{border: 1px solid #FFFFFF;}
.caps{font-variant: small-caps;}
.no_caps{font-variant: normal;}
.upper_case{text-transform:uppercase;}
.capitalize{text-transform:capitalize;}
.no_upper{text-transform:none;}
.bigger{ font-size: 12px;}
.ac{text-align: center;}
.al{text-align: left;}
.ar{text-align: right;}
.fs12{font-size: 12px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}

.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}

/*-------------------------------------------------------------------*/


/* ---------------- SLIDER ------------------------------------------- */
.link {cursor:pointer; color:#666}
.link:hover {color:#000}
.slider {position:relative; overflow:hidden; border:0px solid #9ac1c9; background:transparent; margin-bottom:0px}
.slidercontent {position:absolute}
.slidercontent .upper {border-bottom:1px solid #000}
.section {padding:10px}
.newsslider {position:relative; overflow:hidden; border:2px solid #9ac1c9; height:95px; width:300px; background:#eef5f6; margin-bottom:20px}
.newsslidercontent {position:absolute}
.newsslidercontent .upper {border-bottom:1px solid #000}
.newssection {padding:10px; height:75px}

/*-------------------------------------------------------------------*/