@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#f1f1f1;}
html { padding:0; margin:0;}

/* main */
.main {width:100%; padding:0; margin:0 auto; }

/********** header **********/
.header { background:url(images/header_bg.gif) top repeat-x; padding:0; margin:0 auto; }

.block_header {margin:0 auto; width:965px; padding:0; border:none;}
/* logo */
.logo { float:left; padding:0; margin:0; width:224px;}
/*header_text*/
.header_text { width:639px; margin:0 auto; padding:0;}
.header_text .div { float:right; width:639px; padding:0; margin:0 auto;}
.header_text img.screen { float:left; margin:0; padding:0;}
/********** block index **********/
.body {margin:0; padding:0;}
.body_resize { width:965px; margin:0 auto; padding:0;}
.body_resize2 { width:965px; margin:0 auto; padding:0;}
.body h2 {
	font:normal 18px Arial, Helvetica, sans-serif;
	color:#333;
	padding:10px 5px;
	margin:0;
	font-size: 24px;
}
.body p {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#333;
	padding:10px 5px;
	margin:0;
	line-height:1.8em;
	font-family: Arial, Helvetica, sans-serif;
}
.body p span {
	color:#333;
	font: normal 11px Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.body a {
	text-decoration:none;
	color:#F00;
}
.body p.data { color:#e16b08; font: normal 11px Arial, Helvetica, sans-serif;}
.body img {
	margin:5px 0;
	padding:0;
	color: #F3F3F3;
}
.body img.floated { float:left; margin:5px 10px; padding:0;}
.body img.banner { float:left; margin:5px 5px; padding:0;}
.body img.port { float:right; margin:5px 5px; padding:0;}
/* message */
.message { background:url(images/img_1.gif); width:639px; height:46px; margin:5px 0 10px 0;}
.message strong { display:block; float:left; padding:15px 20px; color:#737373; font:bold 12px Arial, Helvetica, sans-serif;}
.message .but_right { float:right; padding:9px 20px 8px 0;}
.message .but_right img { float:none; margin:0; padding:0; border:0;}
/* left */
.left  {
	width:265px;
	float:right;
	margin:0;
	padding-top: 13px;
	padding-right: 5px;
	padding-bottom: 13px;
	padding-left: 5px;
} 
/* menu */	
.menu {  padding:0; margin:0; width:278px; float:left;}
.menu ul { display:block; width:278px; padding:0; margin:0 auto; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:1px 1px 0 0; border:0;}
.menu ul li a { width:258px; height:28px; display:block; margin:1px 0; padding:7px 0 0 20px; color:#f1f1f1; font:normal 16px Arial, Helvetica, sans-serif; text-decoration:none; background: url(images/a_menu.gif) top no-repeat;}
.menu ul li a:hover { color:#303030; background: url(images/menu_hover.gif) top no-repeat;}
.menu ul li a.active { color:#303030; background:  url(images/menu_hover.gif) top no-repeat;}
/* right */
.right  {
	width:650px;
	float:left;
	margin:5px;
	padding:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
} 
.right .sub {
	width:280px;
	float:left;
	border-top-color: #F00;
	border-right-color: #F00;
	border-bottom-color: #F00;
	border-left-color: #F00;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 1px;
	color: #C00;
}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#F00;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { margin:0; width:110px; display:block; padding:10px 0; color:#5e5e5e; font: bold 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left;}
#contactform label span { color:#F00;}
#contactform input.text { width:200px; border:1px solid #e8e8e8; margin:10px 0; padding:5px 2px; height:16px; background:#fff; float:left;}
#contactform textarea { width:430px; border:1px solid #e8e8e8; margin:10px 0; padding:2px; background:#fff; float:left;}
#contactform li.buttons input { padding:3px 0 3px 470px; margin:0; border:0; color:#FFF; float:left;}
p.response { text-align:center; color:#F00; font: normal 11px  Georgia, "Times New Roman", Times, serif; line-height:1.8em; width:auto;}

/*************footer**********/
.footer_resize { width:960px; margin:0 auto; padding:0 0 10px 0;}
.footer {padding:0; border-top:1px solid #cacaca; background:#e9e9e9;  margin:0;}
.footer img { float:left; margin:0; padding:0;}
.footer p { font:normal 12px  Arial, Helvetica, sans-serif; color:#5b5b5b;}
.footer a {
	text-decoration:none;
	padding:5px;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #CCC;
}
.footer span { padding:10px 0 0 0; margin:0;}
.footer p.rightt { text-align:left; width:40%; margin:0; padding:20px 20px 0 0; float:right;} 

p.clr, .clr {
	clear:both;
	padding:0;
	margin:0;
	background-color: #CCC;
	background-image: none;
}
li.bg, .bg { clear:both; border-top:1px solid #d3d3d3; padding:0; margin:10px 0; background:none; line-height:0;}
.main .body .body_resize .body_resize2 .left p {
	color: #333;
}
.main .body .body_resize .body_resize2 .left .data {
	color: #F30;
}
.main .body .body_resize .body_resize2 .right .sub .floated {
	font-size: 14px;
}
.main .body .body_resize .body_resize2 .right .sub .floated {
	font-size: 12px;
}
.main .body .body_resize .body_resize2 .right ul li {
	font-size: 12px;
}
.body .body_resize .body_resize2 .left .clr p a strong {
	color: #F00;
}
.main .body .body_resize .body_resize2 .left .clr p a strong {
	color: #F00;
}
.main .body .body_resize .body_resize2 .right ul li {
}
.main .body .body_resize .body_resize2 .right ul {
	color: #333;
}
.main .body .body_resize .body_resize2 .right h2 strong {
	font-size: 14px;
}
.main .body .body_resize .body_resize2 .right .sub p a {
}
.main .body .body_resize .body_resize2 .right ol .body strong {
	font-family: Arial, Helvetica, sans-serif;
}