@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 {border-style: none;
    border-color: inherit;
    border-width: medium;
    margin: 0 auto;
width:749px; 
    padding:0; }
/* 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 h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#2a2a2a; padding:10px 5px; margin:0;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#5f5f5f; padding:10px 5px; margin:0; line-height:1.8em;}
.body p span { color:#a4a4a4; font: normal 11px Arial, Helvetica, sans-serif;}
.body a {  text-decoration:none; color:#e16b08;}
.body p.data { color:#e16b08; font: normal 11px Arial, Helvetica, sans-serif;}
.body img { margin:5px 0; padding:0;}
.body img.floated { float:left; margin:5px 10px; padding:0;}
.body img.banner { float:left; margin:5px 5px; padding:0;
    width: 275px;
    height: 120px;
}
.body img.port { float:right; margin:5px 5px; padding:0;
    width: 624px;
    height: 326px;
}
/* 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:278px; float:right; margin:0; padding:13px 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:218px; 
height:24px; 
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') no-repeat 50% top;
}
.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:639px; float:left; margin:5px; padding:5px;} 
.right .sub { width:280px; float:left; padding:5px; margin:0 5px;}
/********** 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;
    width: 314px;
}
.footer p { font:normal 12px  Arial, Helvetica, sans-serif; color:#5b5b5b;}
.footer a { font:normal 12px Arial, Helvetica, sans-serif; color:#9c9c9c; text-decoration:none; padding:5px; margin:0;}
.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:none;}
li.bg, .bg { clear:both; border-top:1px solid #d3d3d3; padding:0; margin:10px 0; background:none; line-height:0;}