/* 

Css style: Global Style Baikal Web

Version: 1.0

Author: Eremko Ivan

Author URI: www.baikal-web.ru

*/



body { background: url(img/bg_water.jpg) repeat-x top left #012141; margin: 0; padding: 0; text-align: center; z-index: 0;}



/* round block's */ /* do not touch!!!! =) */

div.rounded {

max-width:2400px;

width:100%;

margin:0;

padding:0 0 25px;

}

div.rounded div.top {

background:url(img/blocks/corner_top_left.png) no-repeat bottom left;

width:100%;

padding:0;

}

div.rounded div.top div.right2 {

background:url(img/blocks/corner_top_right.png) no-repeat bottom right;

height:10px;

margin-left:10px;

}

div.rounded div.block_middle {

background:url(img/blocks/side_left.png) repeat-y left top;



width:100%;

}

div.rounded div.block_middle div.right2 {

background:url(img/blocks/side_right.png) repeat-y right top;

margin-left:1px;

}

div.rounded div.block_middle div.right2 div.block_content {

background:url(img/blocks/bg_blocks.png) repeat top left;

margin-right:1px;

padding:22px 30px;

}



div.rounded p div.block_middle div.right2 div.block_content {

padding-top:10px;

margin:0;

}



div.rounded div.block_middle h1 h2 h3 h4 div.right2 div.block_content {

margin:0;

padding:0;

}

div.rounded div.bottom {

background:url(img/blocks/corner_bottom_left.png) no-repeat top left;

width:100%;

padding:0;

}

div.rounded div.bottom div.right2 {

background:url(img/blocks/corner_bottom_right.png) no-repeat top right;

height:10px;

margin-left:10px;

}



#wrapper {background: url(img/waves_sky.jpg) no-repeat top left; line-height: 130%; margin: 0 auto; min-height: 700px; text-align: left; width: 960px;}

#page_wrapper {overflow: hidden; width: 960px;}

#header {width: 960px; height: 375px;}

#leftnav {float: left; margin: 0; width: 285px;}

#main_content {margin-left: 310px; width: 650px;}

#footer {clear: both; width: 960px;}

#copyrights {color:#657688; clear: both; text-align: center; font-size: 10px;}

#logotype {position: relative; top: 42px; left: 80px; width: 230px; height: 76px; z-index: 1;}



/* top navigation */

#top_menu li {list-style: none; list-style-image: none; list-style-type: none; z-index: 1;}

#top_menu {list-style: none; padding: 0; margin: 0; width: 960px; height: auto; position: relative;}

#top_menu a {display: block; text-indent: -900%; position: absolute; outline: none;}

#top_menu a:hover {background-position: left top;}

* html #top_menu a:hover {width: 144px; height: 57px;} /* for IE6 only! -1px because included png transparency script ^_^ */

#top_menu li .active {background-position: left bottom;}

/* About */

#top_menu .top_menu_49 {width: 144px; height: 58px; background: url(img/menu_top/about.png) no-repeat center left; left: 155px; top: 155px;}

/* Service */

#top_menu .top_menu_50 {width: 144px; height: 58px; background: url(img/menu_top/service.png) no-repeat center left; left: 270px; top: 90px;}

/* Portfolio */

#top_menu .top_menu_51 {width: 144px; height: 58px; background: url(img/menu_top/portfolio.png) no-repeat center left; left: 420px; top: 135px;}

/* Solutions */

#top_menu .top_menu_52 {width: 144px; height: 58px; background: url(img/menu_top/solutions.png) no-repeat center left; left: 520px; top: 70px;}

/* Information */

#top_menu .top_menu_53 {width: 144px; height: 58px; background: url(img/menu_top/info.png) no-repeat center left; left: 375px; top: 25px;}

/* Contacts */

#top_menu .top_menu_54 {width: 144px; height: 58px; background: url(img/menu_top/contacts.png) no-repeat center left; left: 665px; top: 120px;}



/* service list */

#nav_service ul {list-style-type: none; width: 283px; margin: 0; padding: 0;}

#nav_service li {list-style: none; list-style-image: none; list-style-type: none; z-index: 1;}

#nav_service li a {background:url(img/dotted_li.gif) bottom repeat-x; color: #fff; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-transform: uppercase; text-decoration: none;}

#nav_service li a {padding: 7px 30px;}

#nav_service li a:hover {background: url(img/dotted_li.gif) bottom repeat-x #01213e; color: #9be52c; z-index: 2;}

#nav_service li a.last:hover {background: #01213e; color: #9be52c; z-index: 2;}

/*#nav_service li .last_li {background: none;}*/

#nav_service li .last {background: none;}

#nav_service li .active {color: #ffc633;}



/* typography.css */

body {color:#fff;font-size:75%;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}

h1, h2, h3, h4, h5, h6 {font-family:"Trebuchet MS", sans-serif;font-style:italic;color:#00bff3;}

h1 {font-size:1.75em;line-height:1;margin-bottom:0.5em;}

h2 {font-size:1.63em;margin-bottom:0.75em;}

h3 {font-size:1.50em;line-height:1;margin-bottom:1em;}

h4 {font-size:1.44em;line-height:1.25;margin-bottom:1em;}

h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}

h6 {font-size:1em;font-weight:bold;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

p {margin:0 0 1.5em;}

p img.left {float:left;margin:0.31em 0.94em 0.31em 0;padding:0;}

p img.right {float:right;margin:0.31em 0 0.31em 0.94em;}

img.f-left {margin-right: 1em;}

img.f-right {margin-left: 1em;}

span.text-right {text-align:right;}



a:link {color: #9be52c; text-decoration: none;}

a:visited {color: #9be52c;text-decoration: none;}

a:hover {color: #3bcaff;text-decoration: none;}

a:active {color: #139fe9;outline: none;text-decoration: none;}



/* dotted link's

a:link {background: url(img/dotted_a.gif) repeat-x left bottom; color: #9be52c; text-decoration: none;}

a:visited {background: url(img/dotted_a.gif) repeat-x left bottom; color: #9be52c;text-decoration: none;}

a:hover {background: url(img/dotted_a_hover.gif) repeat-x left bottom; color: #3bcaff;text-decoration: none;}

a:active {background: url(img/dotted_a_hover.gif) repeat-x left bottom; color: #139fe9;outline: none;text-decoration: none;}

*/

/* link's without dotted border */

a.easy {background: none;}

/* Firefox Dotted Outline Fix */

a:focus {outline:none}

a:active {outline:none;}

/* button's */

/* order */

a.order_button {background:url(img/contact_with_us.png) repeat 0px 0px; width: 152px; height: 25px; display: block;}

a.order_button span {display: none;}

a.order_button:hover {background: url(img/contact_with_us.png) repeat 0px -25px;}

/* testimonials */

a.testimonials_button {background:url(img/all_testimonials.png) repeat 0px 0px; width: 118px; height: 25px; display: block;}

a.testimonials_button span {display: none;}

a.testimonials_button:hover {background: url(img/all_testimonials.png) repeat 0px -25px;}



blockquote {margin:0.31em;color:#fff;font-style: normal;text-indent: -1.3em;}

strong {font-weight:bold;}

em, dfn {font-style:italic;}

sup, sub {line-height:0;}

acronym, abbr {border-bottom: 1px dotted;cursor: help;}

/*pre, FeedBackForm { margin: 1.5em 0; white-space: pre; }

pre, code, tt { font: 1em monospace; line-height: 1.5; }*/



pre {

	font-size: 10px;

	padding: 0;

	margin: 0;

	line-height: 20px;

	background: url(img/pre_code_bg.gif) repeat-y left top;

	width: 100%;

	overflow: auto;

	/*overflow-Y:hidden;*/

}



pre code {

	margin: 0 0 0 40px;

	padding: 18px 0;

	display: block;

}



.white {color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-style: normal; font-size: 1.63em; font-weight: bold; padding: 0.13em;}

.green {color: #9be931;}

.orange {color: #f7a700;}

.yellow {color: #ffe434;}

li ul, li ol {margin:0 1.5em;}

ul {list-style: url(img/all_bullets.gif);}

ul, ol {margin:0 1.5em 1.5em 1.5em;}

ul {list-style-type:disc;}

ol {list-style-type:decimal;}

dl {margin:0 0 1.5em 0;}

dl dt {font-weight:bold;}

dd {margin-left:1.5em;}

.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}

.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}



.simple_list li {margin: 3px;}

.ul_withoutmarkers li {list-style: none;}



/*footer text */

#content2 .quick_links {float: left; display: block;}

.quick_links ul {list-style: none;}

.quick_links li {list-style: none; list-style-image: none; list-style-type: none; z-index: 1;}

#content2 {overflow: hidden;}



.quick_links h3 {margin-bottom:0.31em;}

.quick_links ul {list-style-type: none; margin: 0; padding: 0 25px 12px 0;}

.quick_links li a {color: #fff; font-size: 10px; text-decoration: none; background: none;}

.quick_links li a:visited {color: #fff; text-decoration: none; background: none;}

.quick_links li a:hover {color: #9be52c; text-decoration: none; background: none;}

.quick_links li a:active {color: #9be52c; text-decoration: none; background: none; outline:none;}

.quick_links_headline { margin-top: 10px;}

#online_order {width: 275px; float: right;} 

#online_order h3 {margin-bottom:0.31em;}

#online_order_top {width: 275px; float: right;} 

#online_order_top h3 {margin-bottom:1em;}



/* Copyrights and Validators */

#copyrights a {color: #00bff3; font-size: 10px; text-decoration: none; background: none;}

#copyrights a:visited {color: #00bff3; text-decoration: none; background: none;}

#copyrights a:hover {color: #9be52c; text-decoration: none; background: none;}



/* other things */

hr {background:#044e7f;color:#044e7f;float:none;width:100%;height:1px;margin:0 0 0.94em;border:none;}

hr.space {background:#fff;color:#fff;}

.middle {vertical-align: middle;}

.left {float: left;}

.right {float: right;}

.clear {clear:both;}

.clear_left {clear:left;}

.testimonials_author {color:#86d7f7; display:block; margin-bottom:1.5em;}



/* shadow */

.shadow {left: 0;top: 1px;color: #00162b;position: absolute;z-index: 0;}

.shadoww {left: 0;top: 1px;color: #1374a2;position: absolute;z-index: 0;}

img.shdw {background: url(img/shadow_img.gif) no-repeat right bottom;padding: 5px 10px 10px 5px;}



img.double-border {border: 5px solid #ddd; padding: 5px; /*Inner border size*/ background: #fff; /*Inner border color*/}



 

/* breadcrumbs */

.B_crumbBox {display: block; margin:0 0 1.5em;}



.crumbseparator {color: #fff;}

.breadcrumbs {color: #86d7f7; font-size: 0.88em; text-transform: uppercase; font-weight: bold;}

.breadcrumbs a {color: #fff; text-decoration: none;}

.breadcrumbs a:visited {color: #fff;}

.breadcrumbs a:hover {color: #86d7f7;}



/* news */

.date {color:#00bff3;font-size:0.88em;padding-right: 5px;}

.read_more {font-size:1.00em;}

h4.news_title {color:#fff;margin:0;}

.prev_next {display: block; margin: 1.5em 0;}

/* pagination */

.ditto_paging {padding: 10px;}

#ditto_pages {font-weight: bold;}

/*#ditto_pages .ditto_off {padding: 1px 5px 2px; margin-right: 1px;}*/

#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {font-weight: bold; padding: 1px 5px 2px; margin-right: 1px;}

/* publications */

h3.publ_info {margin: 15px 30px 0 30px;}

/* news post's */

#fresh_posts ul {list-style-type: none; margin: 0; padding: 0;}

#fresh_posts li {list-style: none; list-style-image: none; list-style-type: none; z-index: 1;}

#fresh_posts li a {background:url(img/dotted_li.gif) bottom repeat-x; color: #fff; display: block; text-decoration: none;}

#fresh_posts li a { padding: 7px 0;}

#fresh_posts li a:hover {color: #9be52c;}

#fresh_posts li .last_post {background: none;}

*+html #fresh_posts li .last_post {background:url(img/dotted_li.gif) bottom repeat-x;}



/* contact info */

#contact_info div {width: 100%; overflow: hidden; margin-bottom: 12px;}

#contact_info div p.left {width: 150px;font-weight: bold;}

#contact_info div p.right {width: 350px;}

#contact_info div {background:url(img/dotted_li.gif) bottom repeat-x;}

#contact_info div.last_item {background:none;}

a.addr, p.addr {background: url(img/icons/address.png) left center no-repeat; padding-left: 25px;}

a.tel, p.tel {background: url(img/icons/telephone.png) left center no-repeat; padding-left: 25px;}

a.time, p.time {background: url(img/icons/clock-frame.png) left center no-repeat; padding-left: 25px;}

a.icq, p.icq {background: url(img/icons/icq.png) left center no-repeat; padding-left: 25px;}

a.email, p.email {background: url(img/icons/mail.png) left center no-repeat; padding-left: 25px;}

a.skype, p.skype {background: url(img/icons/skype.png) left center no-repeat; padding-left: 25px;}



/* partner info */

#partner_info div {width: 100%; overflow: hidden; margin-bottom: 12px;}

#partner_info div p.left {width: 180px;font-weight: bold;}

#partner_info div p.right {width: 350px;}

#partner_info div {background:url(img/dotted_li.gif) bottom repeat-x;}

#partner_info div.last_item {background:none;}

* html #partner_info div {padding-bottom:12px;}

*+html #partner_info div {padding-bottom:12px;}



/* portfolio */

#portfolio_sect div {width: 100%; overflow: hidden; margin-bottom: 15px;}

#portfolio_sect div p.left {width: 368px;font-weight: bold;}

#portfolio_sect div p.right {width: 200px;}

#portfolio_sect div {background:url(img/dotted_li.gif) bottom repeat-x;}

#portfolio_sect div.last_item {background:none;}

* html #portfolio_sect div {padding-bottom:15px;}

*+html #portfolio_sect div {padding-bottom:15px;}







/* form */



#FeedBackForm{margin:1em 0; padding-top:3px;}

#FeedBackForm fieldset{margin:0; padding-top:.5em; border:none; /*border-top:1px solid #006cb4;*/}

#FeedBackForm legend{padding:0 5px; font-style:italic;}

#FeedBackForm p{clear:both; margin:.5em 0; overflow:hidden;}

#FeedBackForm label{float:left; width:140px; display:block; text-align:right; margin-right:10px;}

#FeedBackForm input, #FeedBackForm textarea{margin:0; width:250px; border:1px solid #ddd; padding:3px 5px 3px 3px; /*padding:3px 5px 3px 25px;*/}

/*

#FeedBackForm input#company{background:#fff url(img/icons/company.png) no-repeat 5px 50%;}

#FeedBackForm input#name{background:#fff url(img/icons/user_business.png) no-repeat 5px 50%;}

#FeedBackForm input#phone{background:#fff url(img/icons/phone.png) no-repeat 5px 50%;}

#FeedBackForm input#email{background:#fff url(img/icons/mail.png) no-repeat 5px 50%;}

#FeedBackForm input#web{background:#fff url(img/icons/chain.png) no-repeat 5px 50%;}

#FeedBackForm textarea#example_web{background:#fff url(img/icons/star.png) no-repeat 5px 6px;}

#FeedBackForm textarea#message{background:#fff url(img/icons/pencil.png) no-repeat 5px 6px;}

*/	

#FeedBackForm textarea{height:125px; overflow:auto;}

#FeedBackForm p.submit{clear:both; margin:1em 0; padding:.5em 70px; /*border-top:1px solid #006cb4;*/}



#FeedBackForm button {height:25px;width:118px;display:block;border:none;outline:none;background:url(img/send_message.png) repeat 0 0;cursor:pointer;}

#FeedBackForm button span {display: none;}

#FeedBackForm button:hover {background: url(img/send_message.png) repeat 0px -25px; outline: none;}

		

/* end feed back form */





.errors{

	background: #fff6bf url(img/icons/exclamation-diamond-frame.png) center no-repeat;

	background-position: 15px 50%; /* x-pos y-pos */

	border-top: 2px solid #ffd324;

	border-bottom: 2px solid #ffd324;

	color: #707070;

	padding: 5px 20px 5px 45px;

	text-align: left;

}

.allright{

	background: #427db8 url(img/icons/tick.png) center no-repeat;

	background-position: 15px 50%; /* x-pos y-pos */

	border-top: 2px solid #6fa3d7;

	border-bottom: 2px solid #6fa3d7;

	color: #fff;

	padding: 5px 20px 5px 45px;

	text-align: left;

}

.red {color: red; padding: 0 2px 0 2px;}



/* simple accordion */

#slide_text {

display: none;

/*width:70%;

padding:5px;*/



}

#slide_down {

display:block;

/*width:70%;

padding:5px;*/

}

.inv {display:none}