/*
Author: TemplateAccess.com (DT/TS)
*/
@charset "utf-8";
body { margin:0; padding:0; width:100%;}
html { padding:0; margin:0;}


.main { margin:0 auto; padding:0;  background:#f5f5f5 url(images/header_bg.gif) top center repeat-x; }
.main2 { margin:0 auto; padding:0; background: url(images/main_bg2.gif) top center repeat-x;}
/********** header **********/
.header {  padding:0; margin:0 auto;  }
/* logo */
.logo {
	 
	margin:0;
	width:200px;
	float:left;
	position:absolute;
	top: 4px; padding-left:200px;
}
 
/*menu*/
.menu { padding-top: 65px;; margin:0 auto;  width:980px;  }
.menu ul { text-align: left;  padding:0; margin:0px 0 0 0; list-style:none; border:0; float:left; width:780px; padding-left:10px;}
.menu ul li { float:left; margin:0; padding:5px 5px; border:0; }
.menu ul li a { float:left; margin:0; padding:5px 5px; color:#898989; font:bold 20px Arial, Helvetica, sans-serif; text-decoration:none; }
.menu ul li a:hover { color:#E69D24;  }
.menu ul li a.active { color:#E69D24;  }

#contactform { margin:0; padding:5px 0; }
#contactform * {
	color: #333;
}
.col1 { padding-top: 0px;; margin:0 auto; border: thick #C36; width:400px; float: left; }
.col2{ padding-left: 40px;; margin:0 auto;  border: thick #C63; width:400px; float: left; }
#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; clear:both; }
#contactform label { margin:0; width:160px; display:block; padding-left:30px; color: #333; font: normal 14px Arial, Helvetica, sans-serif;  float:left; text-align:right; }
#contactform label span { color: #F03; font-weight:bold; }
#contactform input.text { width:200px; border:1px solid  #666; margin:2px 0; padding:5px 2px; height:12px; background: #FFF ; float:left; color: #000; font-size:14px;}
#contactform option { width:140px;   border: none;   height:14px; background:  #333; float:left; color: #FFF; font-size:12px; background:#333; }
#contactform textarea { width:200px; border:1px solid #666; margin:2px 0; padding:2px; background: #FFF; color: #000; font-size:12px; float:left; height: 70px;}
#contactform checkbox { width:200px; padding-left:200; border:1px solid #666; margin:2px 0; padding:2px; background: #FFF; color: #000; font-size:12px; float:left; height: 70px;}
#contactform li.buttons input { padding:3px 0 3px 0; margin:10px 0 0 0; border:0; color:#FFF; float:left; }
#contactform submit { width:200px; border:1px solid #666; margin:2px 0; padding:2px; background: #FFF; color: #000; font-size:12px; float:left; height: 70px; f}

/* body */
.body_resize { width:980px; margin:0 auto; padding:0; border:1px solid #e2e2e2; background-color: #E5E5E5;}
.body { padding:10px 0; margin:0 auto; background:#fff; border-top:1px solid #e2e2e2;}
.body h2 {
	color:#494949; padding-left:20px;
	 
	margin:0 0 10px 0; border-bottom:medium #333;
	 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
 
}
.body h3 { color:#27619c; font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; border-bottom:1px solid #dbdbdb; padding:15px 0; margin:0; }
.body .menu2 { width:170px; float:right; padding:0; margin:0;}
.body .menu2 a { font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#5d5d5d; text-decoration:none;}
.body .menu2 a:hover { color:#27619c; text-decoration:underline;}
.body p {
	font:normal 12px Arial, Helvetica, sans-serif;
	color: #333;
	line-height:1.8em;
	margin:0;
	font-size: 16px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 20px;
}


.body  li
{
	font:normal 12px Arial, Helvetica, sans-serif;
	color: #333;
	line-height:1.8em;
	margin:0;
	font-size: 16px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 20px;
}

.body a { color:#618bb6; text-decoration:none;}
.body img { }
.body img.floated { float:left; margin:5px 0; padding:0; border:none; background:none;}
.body img.serv { margin:10px; padding:0 0 30px 0; float:left;}
.right { width:628px; margin:10px 0; padding:0 55px 0 0; float:left;}
.left { width:290px; margin:10px 0; padding:0; float:right;}
.port { width:900px; margin:10px 0; padding:0 55px 0 0; float:center;}
.port.last { padding:0;}

/*************footer**********/
.footer {padding:5px 20px;  margin:0 auto; background:#f5f5f5 url(images/header_bg.gif) center repeat  ;  height:80px;}
.footer_resize { width:980px; margin:0 auto; padding:10px 0; border-top:1px solid #e2e2e2;}
.footer p { font:normal 12px  Arial, Helvetica, sans-serif; color:#a9a9a9;}
.footer a { font:bold 12px Arial, Helvetica, sans-serif; color:#a9a9a9; text-decoration:none; }
.footer p.right { text-align:right; width:350px; margin:0; padding:10px 0; float:right;} 
.footer p.leftt { text-align:left; width:550px; margin:0; padding:10px 0; float:left;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
.bg { clear:both; padding:5px 0; margin:0; border-bottom:1px solid #d0d0d0;}
/* Slider */
#slider {  width:980px; padding:0px 0 0 0; margin:0 auto;}
#slider h2 { font: bold 36px Arial, Helvetica, sans-serif; color: #C6C;   margin:0; padding-left:20px;}
image1 { width:980px; height:400px; margin:0; overflow:hidden;}
.slide_blog { width:280px; float:left; padding:5px 20px;}
.slide_blog img { float:left; margin:0; padding:10px 10px 0 0;}
.slide_blog h3 { font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#1e1e1e; padding:10px 0; margin:0 0 10px 0; border-bottom:1px solid #d7d7d7;}
.slide_blog h3 span { font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#979797; padding:0; margin:0;}
.slide_blog p { font: normal 11px Arial, Helvetica, sans-serif; color:#979797; padding:0; margin:0; line-height:1.8em;}