@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background: url(images/main-bg.jpg) repeat;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #234a6c;
	font-size: 14px;
}

a { color: #234a6c; text-decoration: underline;}
a:hover { text-decoration: none;}

.main_wrapper {width: 1000px; height: auto;	margin: 0 auto;}
ul {margin: 0; padding: 0; list-style: none;}
p {margin: 0 0 10px 0; padding: 0;}
.clear {clear: both;}

/*-------------------------------------------------------- HEADER BEGINS --------------------------------------------------------*/
.header_wrapper {height: 370px;	width: 100%; background: url(images/header-bg.jpg) top center repeat-x;}
.header_content {width: 1000px;	height: 370px; margin: 0 auto; position: relative;}

img.logo_clouds {position: absolute; top: 13px; left: -11px; z-index: 1;}
img.logo_rear {position: absolute; top: 30px; left: 0; z-index: 2;}
img.logo_front {position: absolute; top: 30px; left: 0; z-index: 3;}

img.cleaning_zone { position: absolute; bottom: 1px; left: -25px; z-index: 4;}
img.phone_img { position: absolute; top: 0; right: 200px; z-index: 4;}
img.slogan { position: absolute; bottom: 1px; left: 290px;}

.header_navy {position: absolute; top: 250px; left: 225px; z-index: 4;}
.header_navy li {float: left; width: 16px; margin: 0 0 0 54px;}
.header_navy li img { margin: 2px 0 0 0;}
.header_navy li a {font-family: "Tahoma"; font-size: 12px; text-transform: uppercase; color: #8c8c8c; text-decoration: none;}

.top_buttons {position: absolute; top: 280px; left: 700px; z-index: 4;}
.top_buttons li {margin: 0 0 10px 0;}
.top_buttons li a { text-decoration: none; color: #8cb9c8; text-transform: uppercase; font-weight: bold; display: block;}
.top_buttons li a:hover { color: #184e60;}

.top_buttons li a.advices { width: 235px; height: 31px; display: block; background: url(images/advices-ru.jpg) 0 0 no-repeat; }
.top_buttons li a.advices:hover {background: url(images/advices-ru.jpg) -235px 0 no-repeat;}

.top_buttons li a.ronline { width: 235px; height: 31px; display: block; background: url(images/reserv-online-ru.jpg) 0 0 no-repeat; }
.top_buttons li a.ronline:hover {background: url(images/reserv-online-ru.jpg) -235px 0 no-repeat;}

h2 {margin: 0; padding: 0; position: absolute; top: 170px; left: 770px; color: #448ccb; font-weight: bold; font-size: 26px; font-family: Arial, Helvetica, sans-serif; z-index: 4;}
/*-------------------------------------------------------- HEADER ENDS --------------------------------------------------------*/

/*-------------------------------------------------------- NAVY BEGINS --------------------------------------------------------*/
.navy_wrapper {
	width: 980px;
	float: left;
	padding: 0 0 0 20px;
}

.topmenu {
	width: 980px;
	float: left;
}

.topmenu li {
	float: left;
	background:url(images/menu-border.png) top left no-repeat;
}

.topmenu li a {
	text-decoration: none;
	padding: 5px 29px 5px 29px;
	font-size: 14px;
	color: #184e60;
	font-weight: bold;
	display:block;
}

.topmenu li a:hover { color: #5e799d;}
/*-------------------------------------------------------- NAVY ENDS --------------------------------------------------------*/



/*-------------------------------------------------------- CONTENT BEGINS --------------------------------------------------------*/
.content_wrapper {width: 1000px; float: left; background: url(images/cloud.jpg) no-repeat top left;}
.content_left {float: left; width: 590px; margin: 0 0 0 50px; display: inline;}
.content_right {float: right; width: 262px; margin: 0 50px 0 48px; display: inline;}
.content_left_and_right { float: left; width: 900px; margin: 0 50px 0 50px;}
.content_left_and_right div {float: left; clear: both; width: 900px;}
.content_left_and_right div.about { width: 400px; float: left; clear: none;}
.content_left_and_right div.contact_about { width: 400px; float: left; clear: none;}
.content_left_and_right div.contact_map { margin: 70px 0 0 73px; width: 425px; display: inline; height: auto; float: right; clear: none; border: 1px solid #234a6c;}

h1 {margin: 30px 0 10px 0; padding: 0; font-weight: bold; font-size: 18px;}
h1 span {font-weight: normal; font-size: 18px;}
h1 a { text-decoration: none; font-weight: bold; color: #234a6c; font-size: 18px;}
h1 a:hover { text-decoration: underline;}
.content_left div {float: left; clear: both; width: 590px;}
.content_right div img { border: 1px solid #234a6c;}
/*-------------------------------------------------------- CONTENT ENDS --------------------------------------------------------*/



/*-------------------------------------------------------- PARTNERS LIST BEGINS --------------------------------------------------------*/
.partners_wrapper { width: 900px; float: left; margin: 0 50px 0 50px;}
.partners_list { float: left; width: 900px; margin: 0; display: inline;}
.partners_list li { float: left; width: 300px; height: 50px; margin: 0; padding: 0; text-align: center;}
h4 {margin: 30px 0 15px 0; padding: 0; font-weight: bold; font-size: 18px; float: left;}
/*-------------------------------------------------------- PARTNERS LIST ENDS --------------------------------------------------------*/



/*-------------------------------------------------------- FOOTER BEGINS --------------------------------------------------------*/
.footer { width: 950px; float: left; padding: 0 0 0 50px; margin: 20px 0 10px 0;}
/*-------------------------------------------------------- FOOTER ENDS --------------------------------------------------------*/


/*-------------------------------------------------------- GALLERY BEGINS --------------------------------------------------------*/
.gallery { width: 900px; float: left;}
.gallery li { width: 202px; height: 135px; float: left; margin: 0 11px 20px 11px; display: inline;}
.gallery li img { border: 1px solid #8cb9c8;}
h3 { margin: 20px 0 10px 0; padding: 0 0 0 10px; font-size: 16px; float: left;}
/*-------------------------------------------------------- GALLERY ENDS --------------------------------------------------------*/



/*-------------------------------------------------------- GALLERY LIST BEGINS --------------------------------------------------------*/
.gallery_list { float: left; width: 900px;}
.gallery_list li { float: left; width: 400px; margin: 0 25px 20px 25px; display: inline;}
.gallery_list li a { display: block; text-align: center; width: 400px; line-height: 30px; text-decoration: none; color: #ffffff; background: url(images/button-gallery-off.png) top left no-repeat; }
.gallery_list li a:hover { background: url(images/button-gallery-on.png) top left no-repeat;}
/*-------------------------------------------------------- GALLERY LIST ENDS --------------------------------------------------------*/


/*-------------------------------------------------------- LIGHTBOX BEGINS --------------------------------------------------------*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/*-------------------------------------------------------- LIGHTBOX ENDS --------------------------------------------------------*/


/*-------------------------------------------------------- ONLINE RESERV BEGINS --------------------------------------------------------*/
.online_reserv { margin: 20px 0 0 0;}
.online_reserv, .online_reserv li {float: left; width: 590px;}
.online_reserv li {margin: 0 0 10px 0;}
.online_reserv li label { width: 240px; float: left; padding: 2px 0 0 10px;}
.online_reserv li input, .online_reserv li textarea { float: left; width: 320px; border: 1px solid #234a6c; color: #234a6c; font-size: 14px; font-family: "Tahoma"; padding: 1px 5px;}
.online_reserv li textarea { height: 100px; overflow: hidden;}
.online_reserv li span {float: left; width: 320px;}
.online_reserv li.security_code img {float: right; width: 60px; margin: 0 8px 0 0}
.online_reserv li.security_code input {width: 230px; margin: 0 10px 0 0;}

.type_of_works, .type_of_works li { width: 320px; float: left;}
.type_of_works li { margin: 0 0 5px 0;}
.type_of_works li input { margin: 0 6px 5px 0; padding: 0; float: left; width: auto; border: none;}
.type_of_works li span { margin: 0; padding: 0; float: left; width: 290px; line-height: 14px; *line-height: 18px; *padding-top: 1px; font-size: 13px;}

.online_reserv li.buttons div {float: right; width: 320px; margin: 0 10px 0 0; text-align: center;}
.online_reserv li.buttons div input {width: auto; float: none; padding: 2px 5px; margin: 15px 20px 0 20px; background-color: #ffffff; letter-spacing: 1px; font-family: "Tahoma"; font-size: 13px;}
/*-------------------------------------------------------- ONLINE RESERV ENDS --------------------------------------------------------*/



/*-------------------------------------------------------- COLLAPSE MENU BEGINS --------------------------------------------------------*/
ul.menu { float: left;}

ul.menu, ul.menu ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
	width: 250px;
}

ul.menu a {
	display: block;
	text-decoration: none;
	cursor: pointer;
}

ul.menu li {
  margin-top: 10px;
}

ul.menu li a {
	color: #ffffff;
	background: url(images/button-clients-off.png) top left no-repeat;
	padding: 7px 10px 7px 40px;
}

ul.menu li a:hover {
	background: url(images/button-clients-on.png) top left no-repeat;
}

ul.menu li a.special {
	color: #ffffff;
	font-weight:bold;
	background: url(images/button-clients-off.png) top left no-repeat;
	padding: 7px 10px 7px 40px;
}

ul.menu li a.special:hover {
	background: url(images/button-clients-on.png) top left no-repeat;
}

ul.menu li ul {
	display: none;
}

ul.menu li ul li a {
  background: #ccc;
  color: #234a6c;
  padding-left: 20px;
}

ul.menu li ul li em {
  color: #234a6c;
  height: auto;
  font-style: normal;
  padding: 7px;
}

ul.menu li ul li a:hover {
  background: #aaa;
  border-left: 5px #000 solid;
  padding-left: 15px;
}





ul.menu2 { float: left;}

ul.menu2, ul.menu2 ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 590px;
}

ul.menu2 a {
  display: block;
  text-decoration: none;
  cursor: pointer;
}

ul.menu2 li {
  margin-top: 15px;
}

ul.menu2 li a {
	color: #ffffff;
	background: url(images/button-services-off.png) top left no-repeat;
	font-weight: normal;
	padding: 7px 40px;
}

ul.menu2 li a:hover {
	background: url(images/button-services-on.png) top left no-repeat;
}

ul.menu2 li ul {
	display: none;
}

ul.menu2 li ul li em {
	color: #234a6c;
	height: auto;
	width: 570px;
	padding: 10px;
	display: block;
	font-style: normal;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
/*-------------------------------------------------------- COLLAPSE MENU ENDS --------------------------------------------------------*/



/*----------------------------------------- CONTACT FORM BEGINS -----------------------------------------*/
.contact_form { margin: 30px 0 0 0;}
.contact_form, .contact_form li {float: left; width: 400px; line-height: 20px;}
.contact_form li {display: block; margin: 0 0 10px 0;}
.contact_form li input, .contact_form li textarea {width: 200px; float: right; padding: 2px;}
.contact_form li label {float: left; width: 190px;}
.contact_form li input {border: 1px solid #234a6c; background-color: #f4f4f4; font-size: 11px; font-family: "Tahoma"; color: #234a6c;}
.contact_form li textarea {height: 100px; overflow: hidden; border: 1px solid #234a6c; background-color: #f4f4f4; font-size: 11px; font-family: "Tahoma"; color: #234a6c;}
.contact_form li.security_code img {float: right; width: 60px;}
.contact_form li.security_code input {width: 130px; margin: 0 10px 0 0;}
.contact_form li.submit_reset_buttons input {float: right; width: 80px; margin: 0 0 0 46px;}

.alert { color: #FF0000; float: left; width: 400px;}
/*----------------------------------------- CONTACT FORM ENDS -----------------------------------------*/



/*-------------------------------------------------------- REVIEWS BEGINS --------------------------------------------------------*/
.reviews { float: left; width: 880px; margin: 0 0 40px 0; padding: 0 0 0 20px; }
.reviews li { margin: 0 40px 0 40px;}
.reviews li, .reviews li span, .reviews li label { width: 200px; float: left; text-align: center;}
.reviews li label { margin: 0 0 15px 0;}
/*-------------------------------------------------------- REVIEWS ENDS --------------------------------------------------------*/



/*-------------------------------------------------------- EQUIPMENT BEGINS --------------------------------------------------------*/
.equipment_list, .equipment_list li { float: left; width: 900px;}
.equipment_list li { margin: 0 0 20px 0;}

.equipment_list li span { width: 190px; height: auto; float: left; display: block; text-align: center; margin: 10px 0 0 0;}
.equipment_list li label { width: 690px; height: auto; float: right; display: block;}
.equipment_list li label a { text-decoration: underline; color: #234a6c; font-weight: bold;}
.equipment_list li label a:hover { text-decoration: none;}
/*-------------------------------------------------------- EQUIPMENT ENDS --------------------------------------------------------*/