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

.blue { color:#58b7ff;}

/* main */
.main {width:100%; padding:0; margin:0 auto; border-top:7px solid; border-color:#ffaf4b;}
.resize { width:949px; margin:0 auto;}

/********** header **********/
.header {
margin-bottom:15px;
}
.block_header {margin:0 auto; width:949px; background-color:#fff;}
/* logo */
.logo { float:left; padding:0; margin:0; width:412px;}
/* search */
.search { float:right;  right:0; margin:60px 20px 0 0; padding:0;}

/* menu */	
.menu{

}
.menu ul {
  float:right;
  text-align: left;
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
  z-index:9999;
  width:949px;
  
background: rgba(255,175,75,1);
background: -moz-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(237,110,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,175,75,1)), color-stop(100%, rgba(237,110,0,1)));
background: -webkit-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(237,110,0,1) 100%);
background: -o-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(237,110,0,1) 100%);
background: -ms-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(237,110,0,1) 100%);
background: linear-gradient(to bottom, rgba(255,175,75,1) 0%, rgba(237,110,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ed6e00', GradientType=0 );

}
.menu ul li {
	font: bold 12px/18px sans-serif;
	text-transform:uppercase;
	color: #fff;
	display: inline-block;
	margin-right: -4px;
	position: relative;
	padding: 15px 20px;
	background: rgba(255,175,75,1);
	background: -moz-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(237,110,0,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,175,75,1)), color-stop(100%, rgba(237,110,0,1)));
	background: -webkit-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(237,110,0,1) 100%);
	background: -o-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(237,110,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(237,110,0,1) 100%);
	background: linear-gradient(to bottom, rgba(255,175,75,1) 0%, rgba(237,110,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ed6e00', GradientType=0 );

  
  cursor: pointer;
}
.menu ul li a {
  color:#fff;
  text-decoration:none;
}
.menu ul li:hover {
  background: #555;
  color: #fff;
}
.menu ul li ul {
  padding: 0;
  position: absolute;
  top: 48px;
  left: 0;
  width: 150px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
}
.menu ul li ul li { 
  background: #555; 
  display: block; 
  color: #fff;
}
.menu ul li ul li:hover { background: #666; }

.menu ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
/********** slider **********/
.slider {margin:20px auto; width:949px; height:362px; padding:0; background:url(images/slider_bg.jpg); }
.slider .left1 { float:left; width:390px;}
.slider h2 { padding:60px 10px 10px 40px; margin:0; color:#565f65; font:normal 30px Arial, Helvetica, sans-serif;}
.slider strong { margin:0; color:#9ca3a8; font:normal 15px Arial, Helvetica, sans-serif; line-height:1.4em;}
.slider p { font:normal 11px Tahoma, Geneva, sans-serif; color:#5e5e5e; padding:5px 0 5px 40px; margin:0; line-height:1.6em;}
.slider ul.buttons { float:left; padding:20px 0 10px 25px; margin:0; list-style:none;}
.slider ul.buttons li { float:left; padding:0 5px; margin:0;}
.slider .gallery { float:left; width:453px; height:255px; margin:63px 0 0 40px;}
/*toppik*/
.toppik {margin:-20px auto 43px auto; width:949px; padding:0; background:#ccc top no-repeat; height:90px;}
.toppik p { padding:40px 0 0 50px; margin:0; font:normal 11px Tahoma, Geneva, sans-serif; color:#5e5e5e; }
.toppik ul { float:right; width:450px; list-style:none; margin:20px 0 0 0; padding:0;}  
.toppik ul li { float:left; padding:0 10px;}
/*blog_body*/
.blog_body { width:949px; background:#fff; margin:0px auto; padding:0;}

.blog_bottom { margin:0; padding:0 2px;}
.blog_body p { margin:10px; font:normal 12px Arial, Helvetica, sans-serif; color:#414141; padding:10px; line-height:2em;}
.blog_body a { color:#3497c4; text-decoration:underline;}
.blog_body a.big { font:bold 11px Tahoma, Geneva, sans-serif; color:#1575a9; text-decoration:none;}
.blog_body span { float:right;font:normal 15px Arial, Helvetica, sans-serif; color:#898989; line-height:1.4em;}
.blog_body ul { margin:10px 0; padding:10px 0; list-style:none; border:3px solid #eff0f1; background:#e0e2e4;}
.blog_body li { padding:10px 20px; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#7a8288; line-height:1.8em;}
.blog_body ul.lists { background:none; list-style:none; margin:0; padding:0; border:0;}
.blog_body ul.lists li { font:normal 11px Arial, Helvetica, sans-serif; color:#bbc1c4; padding:2px 5px; margin:0; line-height:1.8em;}
.blog_body h2 { font:normal 22px Tahoma, Geneva, sans-serif; color:#485157; border-bottom:1px solid #d1d4d7; padding:13px 10px 13px 40px; margin:15px; line-height:1.6em;}
.blog_body h3 { font:normal 18px Tahoma, Geneva, sans-serif; color:#485157; border-bottom:1px solid #d1d4d7; padding:13px 10px 13px 40px; margin:15px; line-height:1.6em;}
.blog_body h2.welcome { background:url(images/h2_welcome.gif) left no-repeat;}
.blog_body h2.what { background:url(images/h2_what.gif) left no-repeat;}
.blog_body h2.our { background:url(images/h2_our.gif) left no-repeat;}
.blog_body .lorem { width:275px; float:left; padding:10px 20px;}
.blog_body figure {
  float: left;
  margin: 0 10px 10px 0 auto;
  padding:0;
}
/*FBG*/
.FBG { margin:0 auto; padding:0; width:949px;}
.FBG h2 { font:normal 22px Tahoma, Geneva, sans-serif; color:#fff; border-bottom:1px solid #414a50; padding:13px 5px; margin:5px 0; line-height:1.6em;}
.FBG h3 { font:normal 18px Tahoma, Geneva, sans-serif; color:#fff; border-bottom:1px solid #414a50; padding:13px 5px; margin:5px 0; line-height:1.6em;}
.FBG p { font:normal 12px Tahoma, Geneva, sans-serif; color:#666666; padding:5px; margin:0; line-height:1.6em;}
.FBG a { color:#75aecd; text-decoration:underline;}
.FBG span { color:#878787;}
.FBG .larem { width:275px; float:left; padding:10px 20px;}

/* search2 */
.search2 { float:right; margin:10px 0 0 0; padding:0;}
.search2 form { padding:5px 0 0 0; margin:0;}
.search2 form label { }
.search2 form input { float:left;}
.search2 form input.text { padding:8px 3px; margin:2px 5px 0 0; background:url(images/search_foorm_bg2.gif) top no-repeat; border:0; color:#b4b4b4; font:normal 12px Arial, Helvetica, sans-serif; width:175px; height:14px;}
.search2 form input.button_search { padding:0; margin:2px 0 0 0; height:28px; width:74px;}

/*left*/
.left { width:620px; float:left; padding:10px 20px; margin:0;}

.blog_body .post-container {
width:22%; float:left; margin:1.5%;
text-align:center;
}
.left h2 { font:normal 32px Tahoma, Geneva, sans-serif; color:#4e4a38; border-bottom:1px solid #d1d4d7; padding:10px 10px 10px 40px; margin:0; line-height:1.3em;}
.left h2.port { background:url(images/h2_port.gif) left no-repeat;}
.left h2.sevr { background:url(images/h2_servises.gif) left no-repeat;}
.left h2.con { background:url(images/h2_con.gif) left no-repeat;}
.left h3 { font:normal 22px Tahoma, Geneva, sans-serif; color:#4e4a38; padding:10px; margin:0; line-height:1.4em;}
.left a { font:bold 11px Tahoma, Geneva, sans-serif; color:#2799cc; text-decoration:underline;}
.left .img { float:left; margin:10px; padding:0;}
.left ul { background:none; margin:35px; padding:0; list-style:none; border:0;}
.left li { padding:5px 5px; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#2d98c8; text-decoration:none;}
.left li a { float:none; font:normal 11px Arial, Helvetica, sans-serif; color:#2d98c8; text-decoration:none;}
.left li a:hover { text-decoration:underline;}
/*right*/
.right { width:245px; float:left; padding:10px 20px; margin:0;}
.right h2 { font:normal 22px Tahoma, Geneva, sans-serif; color:#485157; border-bottom:1px solid #d1d4d7; padding:13px 10px; margin:0; line-height:1.6em; text-transform:uppercase;}
.right a { font:bold 12px Arial, Helvetica, sans-serif; color:#5e676d; float:left; text-decoration:none;}
.right em { font:italic 13px Arial, Helvetica, sans-serif; color:#5d666c; line-height:1.6em; margin:0;}
.right ul { background:none; margin:10px; padding:0; list-style:none; border:0;}
.right li { padding:5px 5px; margin:0; border-bottom:1px solid #e0e2e4;}
.right li a { float:none; font:normal 11px Arial, Helvetica, sans-serif; color:#2d98c8; text-decoration:none;}
.right li a:hover { text-decoration:underline;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#6e6e6e;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { margin:0; width:110px; display:block; padding:5px 0; font:normal 11px Tahoma, Geneva, sans-serif; color:#6e6e6e; text-transform:capitalize; float:left;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif; float:left; margin-right:5px; color:red;}
#contactform input.text { width:440px; border:1px solid #dedede; margin:5px 0; padding:5px 2px; height:16px; background:#fff; float:left;}
#contactform textarea { width:440px; border:1px solid #dedede; margin:10px 0; padding:2px; background:#fff; float:left;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 110px; border:0; color:#FFF; background:#0e2f44; font: bold;}
#contactform li.buttons input:hover{ background:#ed6e00;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

/*************footer**********/

.footer {
border-top:3px solid;
border-color:#ed6e00;
background:#0b45bb;
padding: 10px 0 ; 
margin:10px auto;
width:949px;
height:35px;
}

.footer p { float:left; width:424px; padding:0 25px; margin:0; color:#fff; font:normal 10px Tahoma, Geneva, sans-serif;}
.footer a { color:#fff; font:normal 11px Arial, Helvetica, sans-serif; padding:0 5px; text-decoration:none; text-transform:uppercase;}
.text_left { text-align:left;}
.text_right { text-align:right; float:right;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px dashed #b8bec1; padding:0; margin:2px 0; background:none;}