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

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

 body  {height: 100%; 
	background:url(../image/web-body-bg.jpg) left top repeat-x;
	background-color:#fdfefe;
	color:#444444; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px; 
	text-align:left; 
	margin:0px;
	padding:0px; 
	line-height:20px;
	 
}

 #wrap {height: auto; min-height: 100%; 
	margin:0px auto; 
	width:949px;
	padding:0px 0px 0px 0px;
	color:#000000; 
	}
#main {
	 padding-bottom: 150px;
	}  
	
* {margin:0;padding:0;} 
.clear{
	clear:both;
	}
a{color:#996600; 
	text-decoration:none;	}
img{border:none;}

p{padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px; 

	}

.top_text{
	text-align:right; 
	padding:0px 0px 0px 0px; 
	font-size:11px;
	}
.logo{
	width:317px;
	float:left;
	padding:30px 0px 0px 0px;
	margin:0px 0px 0px 0px; 
	height:117px;
	}
.logo_right{
	width:631px; 
	height:28px; 
	float:left;
	padding:117px 0px 0px 0px;
	margin:0px 0px 0px 0px ;
	}

.logo_right ul{
	height:28px; 
	padding:2px 0px 0px 0px;
	margin:0px 0px 0px 0px ; 
	list-style-type:none; 
	float:right; 
	
	text-align:center; 
	}
.logo_right ul li {
	height:28px; 
	width:88px; 
	float:right;  
	padding:0px 1px 0px 0px;
	margin:0px 3px 0px 3px ; 
	list-style-type:none; 
	background:url(../image/button-a.jpg) left top no-repeat; 
	display:block;
	color:#000000; 
	text-decoration:none; 
	}
.logo_right ul li a{
	height:28px; 
	width:88px; 
	float:right;  
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px ; 
	list-style-type:none; 
	text-decoration:none; 
	display:block;
	color:#000000; 
	font-weight:normal; 
	font-size:12px; 

	}

.logo_right ul li a:hover{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px ; 
	list-style-type:none; 
	text-align:center; 
	display:block; 
	background:url(../image/btn-over.jpg) left top no-repeat;
	}

.service_select a {
	height:28px; 
	width:88px; 
	float:right;  
	padding:0px 1px 0px 0px;
	margin:0px 0px 0px 0px ; 
	list-style-type:none; 
	background:url(../image/service-over.jpg) left top no-repeat; 
	display:block;
	color:#FFFFFF;
	text-decoration:none; 
	}

.service_select a:hover {
	height:28px; 
	width:88px; 
	float:right;  
	padding:0px 1px 0px 0px;
	margin:0px 0px 0px 0px ; 
	list-style-type:none; 
	background:url(../image/service-over.jpg) left top no-repeat; 
	display:block;
	color:#FFFFFF;
	text-decoration:none; 
	}
	
.hader{
	width:949px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px; 
	height:166px;
	}
#flash{
	width:949px; 
	height:290px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}

.middle_container{
	width:931px;
	padding:63px 10px 0px 10px;
	margin:0px 0px 0px 0px; 
	}

.contact_left{
	width:600px; 
	padding:30px 0px 0px 20px; 
	margin:0px 0px 0px 0px;
	}

.contact_right{
	width:584px;
	padding:30px 0px 0px 16px;
	margin:0px 0px 0px 0px;
	}
.ctext_field_bg{
	background:url(../image/ctextfield.jpg) left top no-repeat;
	width:227px;
	height:27px;
	padding:1px 0px 1px 4px ; 
	margin:0px 0px 5px 0px;
	}
.ctext_field{
	width:220px;
	height:24px;
	padding:0px 0px 0px 0px ; 
	margin:0px 0px 5px 0px; 
	background:url(../image/cctextfild.jpg) left top repeat-x; 
	border:none;
	}
.ctext_area_bg{
	background:url(../image/ctext-area.jpg) left top no-repeat;
	width:227px;
	height:50px;
	padding:1px 0px 0px 4px ; 
	margin:0px 0px 0px 0px;
	}
.cctext_area{
	background:url(../image/cc-text-area.jpg) left top no-repeat;
	width:226px;
	height:45px;
	padding:0px 0px 0px 4px ; 
	margin:0px 0px 10px 0px; 
	border:none;
	}

.middle_left{
	width:620px;
	float:left;
	padding:0px 20px 0px 0px;
	margin:0px 0px 0px 0px;
	background:url(../image/content-bg.jpg) right top repeat-y;
	font-size:12px;

	}
.port_container{
	width:620px;
	padding:0px 0px 0px 0px;
	margin:0px;
	}
.port_container h5{
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px; 
	font-size:12px; 

	}
.port_left{
	width:160px;
	height:160px;
	float:left;
	padding:0px 0px  0px 0px;
	margin:10px 10px 14px 10px;
	text-align:center;
	}
.port_left img{
	width:130px;
	height:96px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:center;
	}
.middle_left h1{ 
	font-weight:bold; 
	font-size:23px;
	margin:0;
	padding:0px 0px 10px 0px;
	color:#000000; 
	font-family:Arial, Helvetica, sans-serif;
	}
.middle_left h2{ 
	font-size:23px;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	font-weight:bold; 
	color:#000000;	
	font-family:Arial, Helvetica, sans-serif;

	}
.middle_left h3{ 
	font-size:23px;
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	font-weight:bold; 
	color:#000000;	
	font-family:Arial, Helvetica, sans-serif;

	}
.middle_left h4{ 
	font-size:23px;
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	font-weight:bold; 
	color:#000000;	
	font-family:Arial, Helvetica, sans-serif;

	}
.middle_left h5{ 
	font-size:10px;
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	font-weight:bold; 
	color:#996600;	
	font-family:Arial, Helvetica, sans-serif; 
	text-align:left;
	text-decoration:none;

	}
.middle_left h6{ 
	font-size:12px;
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	font-weight:bold; 
	color:#996600;	
	font-family:Arial, Helvetica, sans-serif; 
	text-align:right;
	text-decoration:none;

	}


.middle_right{
	width:258px;
	float:left;
	padding:0px 0px 0px 31px;
	margin:0px 0px 0px 0px; 
	}
.right_container{
	width:254px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}
.right_bg{
	width:224px;
	padding:10px 0px 10px 30px;
	margin:0px 0px 0px 0px;
	background:url(../image/right-bg.jpg) left top repeat-y;
	}
.right_bg ul{
	padding:10px 0px 0px 25px;
	margin:0px 0px 0px 0px; 
	list-style-type:none;
	}
.right_bg ul li{
	padding:0px 0px 5px 0px;
	margin:0px 0px 0px 0px; 
	list-style-type:none; 
	text-decoration:none;
	}
.right_bg ul li a{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px; 
	list-style-type:none; 
	text-decoration:none;
	color:#000000;

	}
.right_bg ul li a:hover{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px; 
	list-style-type:none; 
	text-decoration:underline;
	color:#6a7f92;
	}


.right_bottom{
	width:254px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
	background:url(../image/right-bottom.jpg) left top no-repeat;
	}
.claints{
	width:193px;
	height:182px;
	padding:0px;
	margin:0px 0px 10px 0px; 
	border:2px solid #FFFFFF;
	}
	
#footer {
	position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;
	background-color:#000000; 
	color:#FFFFFF; 
	text-align:left; 
	padding:20px 30px 0px 30px;
} 
#footer a {
	color:#FFFFFF; 
	text-align:left; 
	text-decoration:none; 
} 
#footer a:hover {
	color:#00CCFF;
	text-align:left;
} 


/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}


/* IMPORTANT

You also need to include this conditional style in the <head> of your HTML file
[if  IE 8]>
	<style type="text/css">
		#wrap {display:table;}
	</style>
<![endif]

*/