@charset "utf-8";

/*** common ***/
.outwrap {
	width:100%;
	float:left;
	background:url(../images/bg_contents.gif) top left repeat-x;
}
.outwrap_sub {
	width:100%;
	float:left;
	background:url(../images/bg_subc.gif) top left repeat-x;
}
.wrap {
	width:960px;
	margin:0 auto;
	clear:both;
}
.head_wrap {
	width:100%;
	height:407px;
	float:left;
	background:url(../images/bg_head.gif) transparent top center no-repeat;
}
.head_wrap_sub {
	width:100%;
	height:632px;
	float:left;
	background:url(../images/bg_sub_main.gif) transparent top center no-repeat;
}
.head {
	width:960px;
	height:126px;
	margin:0 auto;
}
.top_visual{
  width:960px;
	height:283px;
	float:left;
}
.visual_img{
  width:729px;
	height:283px;
	float:left;
}
.visual_bt{
  width:231px;
	padding-top:12px;
	height:271px;
	float:left;
}
.sub_content{
  width:960px;
	height:464px;
	margin-top:15px;
	float:left;
	background:url(../images/bg.png) transparent top center no-repeat;
}
.logo{
  width:219px;
	height:33px;
	float:left;
	padding-top:25px;
}
.h_contact{
  width:400px;
	height:45px;
	float:right;
	padding-top:15px;
}
.h_skype{
  width:180px;
	float:right;
	color:#ffac32;
	font-size:22px;
	font-weight:bold;
	height:45px;
}
.h_mails{
  width:190px;
	height:30px;
	padding-top:15px;
	float:left;
}

/*** menu ***/
.menu {
	width:965px;
	height:40px;
	margin-top:25px;
	_margin-top:4px;
	padding:0;
	float:left;
}
.menu ul{
	list-style:none;
	width:965px;
	height:40px;
	margin:0;
	padding:0;
}
.menu li {
	line-height:40px;
	float:left;
	list-style:none;
}
.menu a {
	display:block;
	height:40px;
	float:left;
	text-indent:-9999px;
}
.m_services {
	width:192px;
}
						 
.m_services, .m_support, .m_shop, .m_about, .m_testimonials, .m_services a, .m_support a, .m_shop a, .m_about a, .m_testimonials a, .m_services_selected a, .m_support_selected a, .m_shop_selected a, .m_about_selected a, .m_testimonials_selected a {
	width:192px;
}

.m_services a {
	width:192px;
	background:url(../images/menu.gif) no-repeat 0 0;
}
.m_services a:hover, .m_services_selected a {
	width:192px;
	background:url(../images/menu.gif) no-repeat 0 -40px;
}
.m_support a {
	background:url(../images/menu.gif) no-repeat -192px 0;
}
.m_support a:hover, .m_support_selected a {
	background:url(../images/menu.gif) no-repeat -192px -40px;
}
.m_shop a {
	background:url(../images/menu.gif) no-repeat -384px 0;
}
.m_shop a:hover, .m_shop_selected a {
	background:url(../images/menu.gif) no-repeat -384px -40px;
}
.m_about a {
	background:url(../images/menu.gif) no-repeat -576px 0;
}
.m_about a:hover, .m_about_selected a {
	background:url(../images/menu.gif) no-repeat -576px -40px;
}
.m_testimonials a {
	background:url(../images/menu.gif) no-repeat -768px 0;
}
.m_testimonials a:hover, .m_testimonials_selected a {
	background:url(../images/menu.gif) no-repeat -768px -40px;
}
/*** Foot ***/
.foot_wrap {
	clear:both;
	width:100%;
	float:left;
	height:249px;
	background:url(../images/bg_foot.gif) repeat-x;
}
.foot {
	clear:both;
	width:960px;
	height:259px;
	margin:0 auto;
}
.f_menu {
  width:960px;
	height:15px;
	float:left;
	font-size:11px;
}
.f_menu a{
	color:#3c3c3c;
}
.f_box{
  width:960px;
	height:229px;
	float:left;
	margin-top:15px;
}
.f_box h3{
	width:102px;
	height:15px;
	margin-bottom:15px;
}
.f_green{
  width:172px;
	height:199px;
	padding-top:4px;
	*padding-top:0px;
	float:left;
	margin-right:15px;
}
.f_services{
  width:185px;
	height:181px;
	padding-top:28px;
	*padding-top:21px;
	*height:188px;
	float:left;
}
.f_services h3{
  width:102px;
	height:15px;
	float:left;
	margin-bottom:5px;
	margin-left:5px;
}
.fm ul{
  width:170px;
	height:170px;
	list-style:none;
	margin:0;
}
.fm ul li{
  width:170px;
	line-height:18px;
	height:18px;
	margin:0;
	list-style:none;
}
.fm a {
	display:block;
	height:18px;
	float:left;
	text-indent:-9999px;
}
.fm1 {
	width:170px;
}
						 
.fm1, .fm2, .fm3, .fm4, .fm5, .fm6, .fm7, .fm8, .fm9, .fm1 a, .fm2 a, .fm3 a, .fm4 a, .fm5 a, .fm6 a, .fm7 a, .fm8 a, .fm9 a {
	width:170px;
}
.fm1 a {
	width:170px;
	background:url(../images/fm.gif) no-repeat 0 0;
}
.fm1 a:hover {
	width:170px;
	background:url(../images/fm.gif) no-repeat -170px 0px;
}
.fm2 a {
	width:170px;
	background:url(../images/fm.gif) no-repeat 0 -18px;
}
.fm2 a:hover {
	width:170px;
	background:url(../images/fm.gif) no-repeat -170px -18px;
}
.fm3 a {
	background:url(../images/fm.gif) no-repeat 0 -36px;
}
.fm3 a:hover {
	background:url(../images/fm.gif) no-repeat -170px -36px;
}
.fm4 a {
	background:url(../images/fm.gif) no-repeat 0 -54px;
}
.fm4 a:hover {
	background:url(../images/fm.gif) no-repeat -170px -54px;
}
.fm5 a {
	background:url(../images/fm.gif) no-repeat 0 -72px;
}
.fm5 a:hover{
	background:url(../images/fm.gif) no-repeat -170px -72px;
}
.fm6 a {
	background:url(../images/fm.gif) no-repeat 0 -90px;
}
.fm6 a:hover {
	background:url(../images/fm.gif) no-repeat -170px -90px;
}
.fm7 a {
	background:url(../images/fm.gif) no-repeat 0 -108px;
}
.fm7 a:hover {
	background:url(../images/fm.gif) no-repeat -170px -108px;
}
.fm8 a {
	background:url(../images/fm.gif) no-repeat 0 -126px;
}
.fm8 a:hover {
	background:url(../images/fm.gif) no-repeat -170px -126px;
}
.fm9 a {
	background:url(../images/fm.gif) no-repeat 0 -144px;
}
.fm9 a:hover {
	background:url(../images/fm.gif) no-repeat -170px -144px;
}

.f_partners{
  width:584px;
	height:181px;
	padding-top:28px;
	*padding-top:21px;
	*height:188px;
	float:left;
}
.f_banners img{
  width:143px;
	height:43px;
	float:left;
	margin:5px 3px 10px 0; 
}
.f_credit{
  width:117px;
	height:13px;
	float:right;
	margin:19px 0 0 0; 
	padding:0;
	text-align:right;
}

/*** HOME ***/
.c_box{
  width:225px;
	height:180px;
	margin:15px 15px 15px 0;
	float:left;
}
.c_box h2 {
	width:225px;
	margin:10px 0;
	float:left;
	color:#00abe9;
	font-size:19px;
	font-weight:bold;
}
.c_box p {
	width:215px;
	float:left;
	font-size:11px;
	margin-bottom:10px;;
	padding-bottom:0;
}
.more{
	width:70px;
	float:left;
	color:#00abe9;
	height:15px;
	padding-left:20px;
	padding-bottom:5px;
	background:url(../images/arrow.gif) left no-repeat;
}
.more a{
	color:#00abe9;
}

/*** Service ***/
.svm{
  margin-top:32px;
	margin-left:28px;
	width:180px;
	float:left;
}
.svm ul{
  width:180px;
	height:385px;
	list-style:none;
}
.svm ul li{
  width:180px;
	line-height:35px;
	height:35px;
	margin:0;
	list-style:none;
}
.svm a {
	display:block;
	height:35px;
	float:left;
	text-indent:-9999px;
}				 
.svm1 a {
	width:180px;
	background:url(../images/submenu_service.gif) no-repeat 0 0;
}
.svm1 a:hover, .svm1_selected a {
	width:180px;
	background:url(../images/submenu_service.gif) no-repeat -180px 0px;
}
.svm2 a {
	width:180px;
	background:url(../images/submenu_service.gif) no-repeat 0 -35px;
}
.svm2 a:hover, .svm2_selected a {
	width:180px;
	background:url(../images/submenu_service.gif) no-repeat -180px -35px;
}
.svm3 a {
  width:180px;
	background:url(../images/submenu_service.gif) no-repeat 0 -70px;
}
.svm3 a:hover, .svm3_selected a {
  width:180px;
	background:url(../images/submenu_service.gif) no-repeat -180px -70px;
}
.svm4 a {
  width:180px;
	background:url(../images/submenu_service.gif) no-repeat 0 -105px;
}
.svm4 a:hover, .svm4_selected a {
  width:180px;
	background:url(../images/submenu_service.gif) no-repeat -180px -105px;
}
.svm5 a {
  width:180px;
	background:url(../images/submenu_service.gif) no-repeat 0 -140px;
}
.svm5 a:hover, .svm5_selected a{
  width:180px;
	background:url(../images/submenu_service.gif) no-repeat -180px -140px;
}
.svm6 a {
  width:180px;
	background:url(../images/submenu_service.gif) no-repeat 0 -175px;
}
.svm6 a:hover, .svm6_selected a {
  width:180px;
	background:url(../images/submenu_service.gif) no-repeat -180px -175px;
}
.svm7 a {
  width:180px;
	background:url(../images/submenu_service.gif) no-repeat 0 -210px;
}
.svm7 a:hover, .svm7_selected a {
  width:180px;
	background:url(../images/submenu_service.gif) no-repeat -180px -210px;
}
.svm8 a {
  width:180px;
	background:url(../images/submenu_service.gif) no-repeat 0 -245px;
}
.svm8 a:hover, .svm8_selected a {
  width:180px;
	background:url(../images/submenu_service.gif) no-repeat -180px -245px;
}
.svm9 a {
  width:180px;
	background:url(../images/submenu_service.gif) no-repeat 0 -280px;
}
.svm9 a:hover, .svm9_selected a {
  width:180px;
	background:url(../images/submenu_service.gif) no-repeat -180px -280px;
}
.svm10 a {
  width:180px;
	background:url(../images/submenu_service.gif) no-repeat 0 -315px;
}
.svm10 a:hover, .svm10_selected a {
  width:180px;
	background:url(../images/submenu_service.gif) no-repeat -180px -315px;
}
.svm11 a {
  width:180px;
	background:url(../images/submenu_service.gif) no-repeat 0 -350px;
}
.svm11 a:hover, .svm11_selected a {
  width:180px;
	background:url(../images/submenu_service.gif) no-repeat -180px -350px;
}

.sub_right{
  width:690px;
	float:right;
	margin-top:25px;
	margin-right:28px;
}
.sub_right h2{
  width:690px;
	float:left;
	margin-bottom:20px;
	color:#42c4e0;
	font-size:27px;
	font-weight:bold;
}
.sub_right p{
  width:690px;
	float:left;
	margin-bottom:10px;
	color:#fff;
}

.sub_banners{
  width:960px;
	float:left;
	height:63px;
	margin:30px auto;
}
.sub_banners img{
  width:315px;
	float:left;
	height:63px;
	margin-right:7px;
}

/*** Support ***/
.spm{
  margin-top:32px;
	margin-left:28px;
	width:180px;
	float:left;
}
.spm ul{
  width:180px;
	height:385px;
	list-style:none;
}
.spm ul li{
  width:180px;
	line-height:35px;
	height:35px;
	margin:0;
	list-style:none;
}
.spm a {
	display:block;
	height:35px;
	float:left;
	text-indent:-9999px;
}				 
.spm1 a {
	width:180px;
	background:url(../images/submenu_support.gif) no-repeat 0 0;
}
.spm1 a:hover, .spm1_selected a {
	width:180px;
	background:url(../images/submenu_support.gif) no-repeat -180px 0px;
}
.spm2 a {
	width:180px;
	background:url(../images/submenu_support.gif) no-repeat 0 -35px;
}
.spm2 a:hover, .spm2_selected a {
	width:180px;
	background:url(../images/submenu_support.gif) no-repeat -180px -35px;
}
.spm3 a {
  width:180px;
	background:url(../images/submenu_support.gif) no-repeat 0 -70px;
}
.spm3 a:hover, .spm3_selected a {
  width:180px;
	background:url(../images/submenu_support.gif) no-repeat -180px -70px;
}