@charset "utf-8";
body { margin:0; padding:0; width:100%; background:url(images/main_bg.gif);}
html { padding:0; margin:0;}

/* main */
.main {width:980px; padding:80px 0 0 0; margin:0 auto;}
/******************************************            main_left                   **********************************************/
.main_left { width:298px; padding:0; margin:0; float:left;}
/********** header **********/
.header { background:url(images/header_bg.gif) top repeat-x; padding:0; margin:0 auto; }
/* logo */
.logo { float:left; padding:0; margin:0; width:281px;}
/* menu */	
.menu {  padding:0 0 25px 0; margin:0; width:298px; float:left; background:url(images/menu_bg.gif) top no-repeat;}
.menu ul { display:block; width:298px; padding:0; margin:0 auto; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:0; border:0;}
.menu ul li a { width:268px; height:35px; display:block; margin:0; padding:7px 0 0 30px; color:#4f4e4e; font:bold 18px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;}
.menu ul li a:hover { color:#fff; background: url(images/hover.gif) top no-repeat;}
.menu ul li a.active { color:#fff; background:  url(images/hover.gif) top no-repeat;}
/* left */
.left  {margin:0 auto; padding:10px 15px;} 
.left h2 { font: bold 16px Arial, Helvetica, sans-serif; color:#fff; padding:10px 0; margin:0;}
.left p { font: normal 12px Arial, Helvetica, sans-serif; color:#a5a5a5; padding:5px 0; margin:0; line-height:1.8em;}
.left p span { font: normal 11px Arial, Helvetica, sans-serif; color:#7c7c7c;}
.left a { font: normal 11px Arial, Helvetica, sans-serif; color:#7c7c7c; text-decoration:underline;}
.left img { float:left; margin:5px 10px; padding:0;}

/*****************************************************         main_right      *******************/
.main_right { float:right; width:680px; background:#1d1d1d; border:1px solid #161616; padding:0; margin:13px 0 0 0; }
/*header_text*/
.header_text { width:627px; margin:0 auto; padding:0 0 15px 0;}
.header_text h3 { font: bold 12px Arial, Helvetica, sans-serif; color:#fff; padding:21px 0; margin:0;}
.header_text h4 { font: bold 20px Arial, Helvetica, sans-serif; color:#fff; padding:18px 0; margin:0;}
.header_text p { font: normal 12px Arial, Helvetica, sans-serif; color:#9e9e9e; padding:5px 0; margin:0; line-height:1.8em;}
.header_text img.screen { float:left; margin:0; padding:0;}
/********** block index **********/
.body {margin:0 auto; padding:10px 20px; background:#fff; width:638px;}
.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:#1d1d1d; font: bold 12px Arial, Helvetica, sans-serif; padding:0; margin:0;}
.body .blog_link { margin:0 auto 10px auto; padding:1px 0; border-top:1px solid #dedede; background:#ececec;}
.body ul { margin:5px 0; padding:0; list-style:none;}
.body li { font: normal 12px Arial, Helvetica, sans-serif; color:#909090; background:url(images/ul_li.gif) left no-repeat; padding:5px 0 5px 25px; margin:0;}
.body p.data { color:#e16b08; font: normal 11px Arial, Helvetica, sans-serif;}
.body img { margin:5px 0; padding:0;}
.body img.floated { float:right; 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;}
/********** 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:#000; font: normal 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left;}
#contactform label span { color:#F00;}
#contactform input.text { width:200px; border:1px solid #e5e5e5; margin:10px 0; padding:5px 2px; height:16px; background:#f0f0f0; float:left;}
#contactform textarea { width:430px; border:1px solid #e5e5e5; margin:10px 0; padding:2px; background:#f0f0f0; float:left;}
#contactform li.buttons input { padding:3px 0 3px 420px; 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 { float:right; width:682px; padding:0; margin:0 0 80px 0;}
.footer_resize {margin:0 auto; padding:0; background: url(images/footer_bg.gif) top repeat-x;}
.footer_resize img { float:right; margin:0; padding:0;}
.footer_resize p { font:normal 12px  Arial, Helvetica, sans-serif; color:#535353;}
.footer_resize a { font:normal 12px Arial, Helvetica, sans-serif; color:#b2b2b2; text-decoration:none; padding:1px 2px; margin:0;}
.footer_resize span { padding:10px 0 0 0; margin:0;}
.footer_resize p.rightt { text-align:left; width:60%; margin:0; padding:20px 0 0 20px; float:left;} 

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;}