@charset "utf-8";



/* CSS Document */







body, tr, td, ul, div,  pre, li, a
{
	margin:0px;
	padding:0px;
	font-family:Arial;
	font-size:12px;
}


span
{
	margin:0px;
	padding:0px;
	font-family:Arial;
}



body



{



	background:url(../images/bg.gif) top left repeat-x;



	background-color:#D3D3D3;

	height:100%;



}



img {



	border:0;	



}



#wrap_body {



	width: 1040px;

	height:100%;



}







#body_left {



	width: 40px;



	background:url(../images/bg_left.gif) top left no-repeat;



}



#body_right {



	width: 40px;



	background:url(../images/bg_right.gif) top left no-repeat;



}



#body_center {



	width: 960px;



	height:100%;



	background-color:#FFFFFF;



}



/*



***********************************************



	left area definition



***********************************************



*/



#leftbox {
	
	width: 183px;

	height:100%;

	background:url(../images/leftbox_bg.gif) top left repeat-y;
	
}



#logobox {



	float:left;



	height:126px;



	width: 183px;



	clear:both;



	background:url(../images/logobox_bg.gif) bottom right no-repeat;



}



#logobox .logo{



	margin-left:42px;;



	margin-top:26px;;	



}



#menubox {



	float:left;



	clear:both;



	width: 183px;



	background:url(../images/menubox_bg.gif) top right no-repeat;



}



#menubox .top{



	float:left;



	clear:both;



	margin-top:23px;



	width:183px;



	height:10px;



	background:url(../images/menu_top.gif) top left no-repeat;



}



#menubox .bottom{



	float:left;



	clear:both;	



	width:183px;



	height:15px;



	background:url(../images/menu_bottom.gif) top left no-repeat;



}



#menubox ul {



	list-style:none;



	font-family:"Myriad Pro";



	color:#FFF;



	margin:0px;



	padding:0px;



}



#menubox ul li {

	clear:both;
	float:left;

}



.menu{

	text-indent:19px;

	font-weight:bold;

	width:183px;
	
	margin:0px;

	padding:6px 0px 8px 0px;

	background:url(../images/menu_body.gif) top left repeat-y;


}



.menu_hover{

	background:url(../images/menu_hover_arrow.gif) top left no-repeat;

}



.menu a{



	color:#FFF;



	text-decoration:none;



	font-size:11px;



	font-weight:bold;



}



.menu a:hover{ 



	color:#d24444;



}







.extended{



	background:url(../images/menu_body2.png) top left repeat-y;



}



.menu_line{
	width:183px;
	height:3px !important;
	margin:0px;
	padding:0px;
	background:url(../images/menu_line.gif) top left no-repeat;
	border:1px solid #000;
	float:left;
	display:block;
}











#banner {



	clear:both;



	float:left;



	margin-top:20px;



}



.banner_title {



	float:left;



	margin:10px 0px;



	padding-left: 20px;



}



.banner_image {



	float:left;



	margin:5px 0px 5px 0px;



	text-align:center;



	height:42px;

	

	padding-left:12px;



}



.banner_line {



	float:left;



	width:183px;



	height:1px;



	background:url('../images/banner_line.gif') top left;


}



/*



***********************************************



	main area definition



***********************************************



*/



#mainbox {



	float:left;



	width:777px;



	min-height:500px;



}



#top_textbox {



	float:left;



	width:777px;



	height:126px;



	background:url('../images/top_textbox_bg.gif') bottom left no-repeat;



}



.remark {



	margin-top:32px;



	margin-left:25px;



	float:left;



	font-size:16px;



	color:#333333;



	line-height:150%;



}



.remarker {



	font-size:12px;



	color:#333333;



	background:url('../images/remarker.gif') bottom left no-repeat;



	margin-left:15px;



	padding-left:25px;



}



#top_imagebox {



	position:relative;



	float:left;



	width:777px;



	height:132px;



	background-color:#8b2124;



}



#servicesbox {



	float:left;



	width:777px;



	height:128px;



}



.service_img



{



	float:left;



}



.service_img img



{



	z-index:1;



}



.service_hover



{



	background-color:#e5e6e6;



}







.service_title



{



	width:160px;
	
	height:128px;
	
	text-align:center;

	background-color:#F7F7F7;



}

.service_title a{
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
}


.service_line



{



	float:left;



	height:128px;



	width:1px;



	background-color:#F7F7F7;



}



.service_txt



{



	width:125px;



	height:70px;



	display:none;



	margin-top:-67px;



	margin-left:15px;



	background-color:#e5e6e6;



	color:#8f8f8f;



	font-size:11px;



}



#homebox {



	float:left;



	width:777px;



	min-height:258px;



}



.home_title {



	width:777px;





	background-color:#E0EAEE;



	color:#3e4f58;



	font-size:11px;



	text-indent:28px;



	padding-top:10px;
	padding-bottom:10px;


	font-weight:bold;



	margin-bottom:36px;



}



.main_intro{



	float:left;



	width:469px;



	min-height:142px;



	margin-left:13px;



	margin-right:20px;



}



.main_intro_txt



{	

	color:#252525;



	font-size:15px;



	width:235px;

	

	margin: 5px 18px 5px 18px;



	line-height:150%;

	

	float:left;



}



.testimonial{



	float:left;

	

	width:220px;



	min-height:120px;



	background:url('/Tpl/basic/images/testimonial_bg.gif') top left repeat-y;



	font-size:12px;



	line-height:180%;



	color:#8f8f8f;



	padding:8px 14px 10px 20px;

	

	margin-bottom:20px;



	display:none;



}



.ondisplay{



	display:block;



}



.nondisplay{



	display:none;



}







.testimonial p{



	margin:0;



	padding:0;



}



.testimonial_text{



	float:left;

	color:#4f4f4f;

	min-height:66px;



	min-width:186px;



}



.testimonial_name{




	color:#4f4f4f;



	width:220px;



	margin-top:10px;



}

.readall{

	width:50%;
	padding-top:15px;

}

.readnext{

	padding-top:15px;

	width:50%;

	text-align:right;

}



.readall a, .readnext a{



	color:#8f8f8f;



}



#footerbox {

	width:777px;
	margin:0px;
	padding:0px;
	height:70px;

}



.footer_line {



	width:745px;
	float:left;


	border-bottom:4px #7C1214 solid;


	margin-left:12px;



}



.link{


	float:left;
	margin-top:17px;

	margin-left:10px;

	color:#000;



	font-size:11px;

	font-weight:bold;


	width:745px;
	height:26px;

}



.link a 



{



	color:#000;



	padding:0px;
	margin-left:4px;
	margin-right:4px;


}



.copyright

{

	float:left;
	color:#737373;

	font-size:11px;

	text-align:center;

	width:100%;
	
	margin-bottom:20px;


}



.copyright a



{



	font-size:11px;



	text-decoration:none;



	color:#737373;



}



















/*



***********************************************



	Sub page definition



***********************************************



*/



#logobox.sub {



	background:url(../images/background_left.gif) top left repeat-y;



}



#menubox.sub {



	background:url(../images/menubox_sub_bg.gif) top right no-repeat;



}



#sub_top_imagebox {



	float:left;



	width:777px;



	height:180px;



}



#location {



	float:left;



	width:777px;



	height:25px;



	background-color:#e3ecef;



	color:#3e4f58;



	padding-top:7px;



	text-indent:28px;



	font-weight:bold;



}



.location_on {



	color:#3e4f58;



}



.location_arrow {



	margin-left:7px;



	margin-right:7px;



}











#submenu {



	margin-top:56px;



	width:151px;



	clear:both;



	float:left;



	margin-left:6px;



	font-weight:bold;



}



#submenu ul{



	list-style:none;



	margin:0px;



	padding:0px;



}



#submenu ul li{



	width:161px;



	color:#7c1214;


	text-indent:12px;



	padding:8px 0px 10px 0px;


}



#submenu ul li a{



	color:#7c1214;



	text-decoration: none;



}



#submenu ul li a.on{



	color:#627179;



	text-decoration: none;



}



#submenu ul li.line{



	background:url('../images/submenu_line.gif') bottom left repeat-x;



}


#submenu ul li.middle_title {



	text-indent:10px;

	

	font-size: 12px;



	color:#7C1214;

	

	background:url('../images/submenu_line.gif') bottom left repeat-x;	

}





#submenu ul li a.title {



	text-indent:10px;

	

	font-size: 12px;



	color:#627179;



}



#submenu ul li.title {



	text-indent:10px;



	color:#627179;



}



#submenu ul li.on {



	color:#627179;



	background:url('../images/submenu_on.gif') no-repeat;



}







#contentsbox



{



	float:left;



	width:747px;



	min-height:350px;



	margin-left:30px;



	margin-top:30px;



	margin-bottom:30px;



	color:#6a6a6a;



}



.content



{



	float:left;



	width:474px;



	min-height:350px;



	color:#6a6a6a;



}



#footer_banner



{



	margin-left:12px;



	float:left;



	width:745px;



	height:86px;



	border-top:1px solid #E6E6E6;



}



#footer_banner div



{

	float:left;

	width:180px;

	text-align:center;

} 



.foot_banners



{



	margin-top:20px;



}







.bigHeightImg {

	height:55px;

}

.bigWidthImg {

	width:150px;

}	

.support_link
{
	
	cursor:pointer;
	font-size:13px;
	width:145px;
	height:45px;
	margin-left:15px;
	margin-top:28px;
	float:left;
}
.support_link div
{

	margin-left:10px;
	margin-top:9px;
	line-height:100%;
	width:80px;
}
.support_link a
{
	color:white;
	text-decoration:none;
	font-weight:bold;
}