@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#006066 url(images/main_bg.jpg) top center repeat-x; }
html { padding:0; margin:0;}

a { text-decoration:none;}
a:hover { text-decoration:underline;}
/* main */
.main { padding:0; margin:0 auto;}
.withe_bg { background:#fff url(images/menu_background.jpg) top center repeat-x; width:980px; margin:0 auto; padding:0;}
/********** header **********/
.blok_header { margin:0; padding:0;}
.header { width:980px; margin:0 auto; padding:0;}
.header h2 { font:normal 48px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#454545; padding:20px 0 35px 0; margin:0;}
/* logo */
.logo { padding:20px 0 10px 20px; margin:0; float:left; width:200px;}
/* menu */	
.menu { padding:45px 10px 0 0; margin:0; width:710px; float:right; }
.menu ul { text-align: left;  padding:0; margin:0; list-style:none; border:0; float:right;}
.menu ul li { float:left; margin:0; padding:0 8px 0 0; border:0;}
.menu ul li a { float:left; margin:0; padding:10px; color:#006066; font:normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-decoration:none;}
.menu ul li a:hover { color:#fff; background:#1a8690;}
.menu ul li a.active {  color:#fff;  background:#1a8690;}
.menu2 { padding:25px 30px 0 0; margin:0; width:700px; float:right; }
.menu2 ul { text-align: left;  padding:0; margin:0; list-style:none; border:0; float:right;}
.menu2 ul li { float:left; margin:0; padding:0 5px 0 0; border:0;}
.menu2 ul li a { float:left; margin:0; padding:10px; color:#999; font:normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-decoration:none;}
.menu2 ul li a:hover { color:#fff; background:#515f6a;}
.menu2 ul li a.active {  color:#fff;  background:#515f6a;}
.menu3 { padding:5px 5px 0 0; margin:0; width:475px; float:right; }
/* search */
.search { padding:40px 0 0 0; margin:0; width:525px; float:right; height:25px; font: italic 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#f3f2c8; }

/* Ca3er style */
.cuber_resize { width:940px; margin:0 auto; padding:0; }
#cuber-container { width:940px; outline:0; padding:175px 0 0 0; }
/********** body **********/
.body {  width: 920px; margin: 0 auto; padding: 10px 30px; }
.body h2 { font: bold 15px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #006066; margin: 0; padding: 15px 0 0 0; border-bottom: 1px solid #d7d7d7; }
.body h3 span  { font: normal 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#006066;}
.body h3 { font: bold 16px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #006066; margin: 0; padding: 15px 0 0 0; }
.body img {  padding:0; margin:10px  auto;}
.body img.floated2 { float:right; padding:0; margin:10px 5px;}
.body img.floated { float:left; padding:0; margin:10px 20px 10px 5px;}
.body img.floated3 { float:left; padding:0; margin:0 5px -9px -29px;}
.body p { font: normal 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #006066; line-height: 1.5em; padding: 10px 0; margin: 0; }
.body p span  { font: bold 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#006066;}
.body ul { list-style:none; margin:0 0 0 20px; padding:3px 0 5px 0;}
.body ul li { font: normal 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #006066; line-height: 1.5em; list-style:none; margin:0 0 0 20px; padding:0 0 5px 0; border:0;}
.body tabs { font: normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; list-style:none; margin:100px; padding:100px;}
.body a { text-decoration: none; color: #016066;}
.port_h2_bg { border-top:1px solid #d3d7da; background:#cbe3e6; padding:0 10px 10px 20px; margin:0; width:900px;}
.right { width:290px; float:left; margin:0; padding:20px 25px 20px 0;}
.right2 { width:600px; float:left; margin:0; padding:20px 25px 20px 0; background: url(aquaprep/water.jpg) no-repeat bottom;}
.right.last { padding-right:0;}
.left { width:600px; float:left; margin:0; padding:20px 25px 20px 0;}
.port_resize { width:215px; float:left; margin:20px 15px 20px 0; padding:0;}
.port_resize1 { width: 215px; float: left; margin: 20px 15px 20px 2px; padding: 0; }
.port_resize4 { width: 215px; float: left; margin: 20px 0px 20px 5px; padding: 0; }
.port_resize.last { padding-right:0;}
.port_resize2 { width: 150px; float: left; margin: 20px 20px 20px 70px; padding: 0; text-align:center;}
.port_resize3 { width:175px; float:left; margin:20px 20px 20px 0; padding:0; text-align:center;}

/*FBG*/
.FBG { margin:0; padding:0;}
.FBG_resize { width:960px; margin:0 auto; padding:20px 10px;}
.FBG_resize p { font: normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#DCDCDC; padding:5px; margin:0; line-height:1.5em;}
.FBG_resize a { font: normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#DCDCDC; padding:0; margin:0; line-height:1.5em;}
.FBG_resize img { float:left; margin:5px; padding:0;}
.FBG_resize h2 { font: bold 18px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#FFF; padding:5px; margin:0;}
.FBG_resize .lefta { border-right:1px solid #CCC; width:260px; float:left; margin:0; padding:20px 20px 15px 30px;}
.FBG_resize .lefta.last { border:0;}
.FBG_resize ul { list-style:none; margin:10px; padding:0;}
.FBG_resize li { background:url(images/ul_li.gif) left no-repeat; font: bold 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#94aabb; padding:3px 0 3px 15px;}
/* END_bloga*/
/*************footer**********/
.footer {padding:0;  margin:0;}
.footer_resize { width:940px; margin:0 auto; padding:10px 10px; border-top:1px solid #CCC;}
.footer p { font:normal 11px  "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#CCC; padding:20px 0 0 0;}
.footer img { float:left; margin:0; padding:0;}
.footer a { font:normal 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#007077; text-decoration:none; padding:5px; margin:0;}
.footer p.right { text-align:right; width:150px; margin:0; padding:15px 0 0 0; float:right;} 
.footer p.leftt { text-align:left; width:700px; margin:0; padding:15px 0 0 0; float:left;} 
/********** contact form **********/
.form { float:left; width:550px; margin:5px auto; padding:0; background:#fff; border:1px solid #dedede;}
/********** contact form **********/
#contactform { margin:0; padding:5px 0;}
#contactform * { color:#7a7a7a;}
#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; float:none; clear:both;}
#contactform label { float:left; margin:0; width:150px; padding:5px 0; font:normal 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#848484; text-transform:capitalize;}
#contactform label span { font:normal 10px "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
#contactform input.text { width:510px; border:1px solid #dfdfdf; margin:5px 0; padding:5px 2px; height:15px; background:#f8f8f8; float:left;}
#contactform textarea { width:510px; border:1px solid #dfdfdf; margin:10px 0; padding:2px; background:#f8f8f8; height:150px; float:left;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 1px; border:0; color:#FFF; float:left;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:1.5em; width:auto;}

p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #e2e2e2; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}