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

body {
	margin: 0px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	background:url(../images/main-bg.gif) top center repeat-x #ffffff;

}

a:link, #headerwrap .toplinks a:hover{color:#858585; text-decoration: none;}a:visited {text-decoration: none; color: #858585;} a:hover{text-decoration: none; color: #fb4357; text-decoration:none;}a:active {text-decoration: none; color: #858585;}a,img{outline:none; border:none;}h1, h2, h3, h4, h5, h6, p, ul{margin:0; padding:0; font-weight:normal; list-style-type:none;}img, a img{ border: 0; outline:none;}a:active, a:focus { outline: 0; }a, input { outline:none; }.p10{padding:10px;}.pt10{padding-top:10px;}.pr10{padding-right:10px;}.pb10{padding-bottom:10px;}.pl10{padding-left:10px;}.m5{margin:5px;}.mt5{margin-top:5px;}.mr5{margin-right:5px;}.mb5{margin-bottom:5px;}.ml5{margin-left:5px;}::selection{background:#00abf9;color:#fff}::-moz-selection{background:#00abf9;color:#fff}.m10{margin:10px;}.mt10{margin-top:10px;}.mr10{margin-right:10px;}.mb10{margin-bottom:10px;}.ml10{margin-left:10px;}.m15{margin:15px;}.mt15{margin-top:15px;}.mr15{margin-right:15px;}.mb15{margin-bottom:15px;}.ml15{margin-left:15px;}.m20{margin:20px;}.mt20{margin-top:20px;}.mr20{margin-right:20px;}.mb20{margin-bottom:20px;}.ml20{margin-left:20px;}.m25{margin:25px;}.mt25{margin-top:25px;}.mr25{margin-right:25px;}.mb25{margin-bottom:25px;}.ml25{margin-left:25px;}.m30{margin:30px;}.mt30{margin-top:30px;}.mr30{margin-right:30px;}.mb30{margin-bottom:30px;}.ml30{margin-left:30px;}.f11{font-size:11px;}.cb{clear:both;}.fl{float:left;}.fr{float:right;}.brdr_b{border-bottom:1px solid #e9e9e9;}.brdr_r{border-right:1px solid #e9e9e9;}.brdr_l{border-left:1px solid #e9e9e9;}.brdr_t{border-top:1px solid #e9e9e9;}.brdr{border:1px solid #e9e9e9;}.red{color:#f15a23;}.lg{line-height:20px;}.lt{text-decoration:line-through;}.pl15{ padding-left:15px;}.p20{ padding:20px;} .p15{ padding:15px;}

#main_wrp{ width:980px; clear:both; padding:0; margin:0 auto; height:auto;}

#header{ height:80px; margin:12px 0 0 0; background:url(../images/top-bg.gif) top center repeat-x; border-radius:6px}
#header .logo{ width:254px; height:54px; margin:12px 0 0 15px;}

#menu{height:77px; clear:both; width:645px;}
.menu {padding:0; top:0; width:; margin:0 auto; list-style:none; height:77px; z-index:0; clear:both;}
.menu li.top {display:block; float:left;}
.menu span.divied{background: url(../images/links_divied.gif) no-repeat top center; width:2px; height:44px; float:left;}
.menu li a.top_link {display:block; float:left; height:77px; line-height:77px; color:#202020; font-weight:bold; text-decoration:none; font-size:13px; text-transform:; padding:0 14px; cursor:pointer; font-family:Helvetica}
.menu li a.top_link span {float:left; display:block; padding:0; height:77px;}
.menu li a.top_link span.down {float:left; display:block; padding:0; height:77px; background:url(../images/nav_div.gif) no-repeat right;}
.menu li a.top_link:hover {color:#FFF; background:#0690d1 ;}
.menu li a.act {color:#FFF; background:#0690d1 ;}
.menu li a.top_link:hover span {background:#0690d1;}
.menu li a.top_link:hover span.down {background:;}
.menu li:hover > a.top_link {color:#FFF; background:#0690d1;}
.menu li:hover > a.top_link span {background:#0690d1;}
.menu li:hover > a.top_link span.down {background:;}
.menu li a.last{padding:0 14px 0 14px;}
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
.menu a:hover {visibility:visible; position:relative; z-index:200;}
.menu li:hover {position:relative; z-index:200;}
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.menu :hover ul.sub {left:0; top:44px; background:#249BC6; padding:0; white-space:nowrap; width:180px; height:auto; z-index:300; border-bottom:4px solid #1c70a1;}
.menu :hover ul.sub li {display:block; position:relative; float:left; width:180px; font-weight:normal;}
.menu :hover ul.sub li a {display:block; font-size:12px; padding:5px 0; width:180px; text-indent:5px; color:#FFFFFF; text-align:left; text-decoration:none; font-weight:normal;}
.menu :hover ul.sub li a.fly {background:249BC6 url(../images/arrow_menu.gif) 170px 10px no-repeat;}
.menu :hover ul.sub li a:hover {background:#FFF; color:#000;}
.menu :hover ul.sub li a.fly:hover {background:#FFF url(../images/arrow_menuw.gif) 170px 10px no-repeat; color:#000; }
.menu :hover ul li:hover > a.fly {background:#FFF url(../images/arrow_menuw.gif) 170px 10px no-repeat; color:#000;} 
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:180px; top:0; background:#249BC6; padding:0; white-space:nowrap; width:180px; z-index:400; height:auto; border-bottom:4px solid #1c70a1;}

#banner_wrp{ height:415px; margin:27px 0 0 0;}
#banner_wrp .banner{ width:710px; height:415px;}
#banner_wrp .services_wrp{ width:270px;}



/*------------------------
slider
------------------------*/
#marquee{width:710px; height:383px; margin-left:0px}
#mouter{position:relative; width:710px;height:415px}
#mgroup{}.mcontainer{position:relative}

#mcontrols{position:absolute;z-index:11;bottom:35px;right:5px;padding:7px}
#desc{position:absolute; top:10px; left:10px; padding:10px; color:#FFFFFF; font-family:Helvetica; z-index:300;}
span.citem{display:block;float:left;width:43px;height:38px;cursor:pointer;margin-right:5px; z-index:30}
span.citem.active-th{ width:45px ;height:40px; border:1px solid #ffffff;}
#lt-arrow,#rt-arrow{display:inherit;width:19px;height:19px; background-repeat:no-repeat;background-image:url(../images/arrows.png);text-indent:-9999px;cursor:pointer; margin-top:10px}
#rt-arrow{background-position:right top;float:right;}
#lt-arrow{float:left;margin-right:8px}

/*------------------------
slider

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

.ser-bg{ background:url(../images/services-bg.gif) top center no-repeat; height:415px; width:270px;}
.ser-bg ul{ padding:60px 10px 0 10px;}
.ser-bg ul li a{ background:url(../images/arrow.png) 8px 14px no-repeat; padding-left:18px; font-size:14px; color:#180758; text-decoration:none; display:block; border-bottom: solid 1px #0093d3; padding-bottom:10px; padding-top:10px}
.ser-bg ul li a:hover{ color:#ffffff; background-color:#0093d3}

#mid_taglline{ width:942px; height:106px; margin:-30px 0 0 19px; position:absolute; z-index:555}

#mid_section-wrp{ margin:70px 0 30px 0;}
#mid_section-wrp .welcome{ width:650px; padding:10px;}
#mid_section-wrp .welcome h1{ font-size:25px; color:#180758; margin-bottom:10px; font-family:"Zurich Cn BT"}
#mid_section-wrp .welcome p{ line-height:20px; color:#282828;}


#more_btn a{ background-color:#180758; font-size:14px; color:#FFFFFF; font-family:"Zurich Cn BT"; display:block; text-decoration:none; padding:8px 10px 8px 10px; margin:15px 0 0 0;}
#more_btn a:hover{ background-color:#00abf9;}

#video_wrp{ width:260px; height:172px; margin:10px 0 0 30px;}
#video_wrp .video-imag{ background:url(../images/video-imag.jpg) top center no-repeat; width:300px; height:172px;}
#video_wrp .video-imag .button{ padding:70px 0 0 0;}
#video_wrp .video-imag .button a{ display:block; background:url(../images/video-btn.png) 0 0 no-repeat; width:42px; height:41px}
#video_wrp .video-imag .button a:hover{ display:block; background:url(../images/video-btn.png) 0 -41px no-repeat; width:42px; height:41px}


#footer-bg{ background:#e0e0e0; margin:0 0 0 0; font-size:12px; color:#5d5d5d; border-top: solid 1px #cbcbcb; padding-top:15px; padding-bottom:15px}
#footer-bg a{ text-decoration:none; font-weight:normal; color:#5d5d5d;}
#footer-bg a:hover{ color:#000000;}


#footer-bg .social_icon{ margin:0px 0 0 250px; float:left}
#footer-bg .social_icon a.fb{ background:url(../images/social-icon.gif) 0 0px no-repeat; height:21px; width:22px; display:block;}
#footer-bg .social_icon a.fb:hover{ background:url(../images/social-icon.gif) 0 -21px no-repeat; height:21px; width:22px; display:block;}

#footer-bg .social_icon a.tw{ background:url(../images/social-icon.gif) -24px 0px no-repeat; height:21px; width:22px; display:block;}
#footer-bg .social_icon a.tw:hover{ background:url(../images/social-icon.gif) -24px -21px no-repeat; height:21px; width:22px; display:block;}

#footer-bg .social_icon a.gp{ background:url(../images/social-icon.gif) -48px 0px no-repeat; height:21px; width:22px; display:block;}
#footer-bg .social_icon a.gp:hover{ background:url(../images/social-icon.gif) -48px -21px no-repeat; height:21px; width:22px; display:block;}