/*-----------------------------------------------------------------------------
Пляжи мира Screen Stylesheet

version:   1.0
date:      15/05/07
author:    Alexander Chuprin
email:     a.s.chuprin@gmail.com
website:   www.chuprin.com

-----------------------------------------------------------------------------*/


/* Global 
---------------------------------------------------------- */

* {	padding:0; margin:0; }
html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); }
html, body { width: 100%; height: 100%; }
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #01697f;
	background: #FFF;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin: 8px 0; padding:0;
	font-size: 1em;
}
li, dd, blockquote { 
	margin-left: 30px; 
}

/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }

/* Table */
table { border-collapse: collapse; border: 0; }
table td { padding: 0px; vertical-align: top; text-align: left; }

/* Inputs */

input { border: 1px solid #42cef6; vertical-align: middle; }
fieldset { border: 0; margin: 0; }
form { margin: 0; }

/* Columns */
.three-columns .column { float: left; width: 32.9%; }

/* Lists */
ul li { position: relative; list-style-type: none; margin: 5px 0; background: url(../images/bullet.gif) 0 6px no-repeat; padding-left: 15px; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.last { border-bottom: none !important; border-right: none !important; margin-right: 0 !important; background: none !important; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.middle { vertical-align: middle; }
.fleft { display: block; float: left; }
.fright { display: block; float: right; }

/* Links 
---------------------------------------------------------- */

a img { border: 0; }
a:link, a:visited {
	color: #0254b1;
	text-decoration: underline;
}
a:hover, a:focus, a:active {
	color: #0254b1;
	text-decoration: none;
}

/* Layout 
---------------------------------------------------------- */

.minwidth { width: 951px; margin: 0 auto; background: url(../images/content_bg_1.jpg) 100% 0 repeat-y #4bd4f1;  }
#header { position: relative; height: 214px; background: url(../images/header_bg.gif) 33px 100% no-repeat #fff; }
#wrapper { font-size: 1.2em; background: url(../images/content_bg_bottom.jpg) 100% 100% no-repeat; }
#container { float: right; width: 100%; margin-left: -327px; background: url(../images/sidebar_bg.jpg) -2px 0 repeat-y;  }
#content { position: relative; padding: 25px 100px 34px 57px; margin-left: 327px; }
#sidebar-left { float: left; width: 327px; }
#footer { clear:both; height: 163px; background: url(../images/footer_bg.jpg) 100% 0 no-repeat #fff; } 
.clearing { clear: both; height: 0; line-height: 0; }

/* Sub-page */
#sub-page #container { float: right; width: 100%; margin-left: -326px; background: url(../images/left_bg.jpg) -22px 0 repeat-y;  }
#sub-page #content { position: relative; padding: 25px 100px 34px 0; margin-left: 380px; }
#sub-page #sidebar-left { float: left; width: 326px; background: url(../images/left_bg.jpg) 100% 0 repeat-y; text-align: right;}

/* Header
---------------------------------------------------------- */

#shells { position: absolute; right: 0; top: 0; width: 213px; height: 91px; background: url(../images/shells.gif); }
#logo { position: absolute; left: 2%; top: 22px; width: 608px; height: 106px; background: url(../images/logo.gif); }
#logo a { display: block; width: 100%; height: 100%; text-indent: -999999px; }
#slogan { position: absolute; right: 100px; top: 124px; width: 292px; height: 51px; background: url(../images/slogan.gif); text-indent: -999999px; }
#menu { margin: 0; padding: 163px 80px 0px 350px; }
#menu ul { margin: 0; }
#menu ul li { float: left; width: 20%; margin-left: 0; padding-left: 0; background: none; list-style-type: none;}
#menu ul li a { font-size: 1.6em; font-weight: bold; text-decoration: none; color: #0254b1; }
#menu ul li a:hover, #menu ul li.active a { color: #02c7ff; }


/* Content
---------------------------------------------------------- */

#wave-lt { position: absolute; left: -52px; top: 0; width: 323px; height: 74px; background: url(../images/content_bg_2.png) no-repeat; z-index: 1; }
* html #wave-lt { left: -57px; background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/content_bg_2.png',sizingMethod='image'); }
* html #sub-page #wave-lt { left: -54px; }

h1.title { margin-top: 5px; line-height: 1.8em; padding-right: 10px; background: #258cc8; font-size: 1em; color: #fff; border-left: 15px solid #fff; border-right: 15px solid #fff; text-align: right; }
#content-block { 
	position: relative; 
	/* border-bottom: 15px solid #fff; */ 
	background: url(../images/opaque.png); 
	overflow:auto;
	padding:10px 20px; 
	height:430px; 
	scrollbar-highlight-color: #84F5DF;
    scrollbar-SHADOW-color: #84F5DF;
    scrollbar-3DLIGHT-color: #84F5DF;
    scrollbar-FACE-color: #47D1F4;
    scrollbar-DARKSHADOW-color: #84F5DF;
    scrollbar-TRACK-color: #84F5DF;
}
#content-block li{ margin-left:0;} 
* html #content-block { background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/opaque.png',sizingMethod='scale'); }

#brands li { position: relative; min-height: 62px; //height: 62px; background: none; margin: 4px 0; padding: 0; }
#brands li a.logo { position: absolute; left: -206px; top: 0; z-index: 3000; }
#brands li p { margin: 5px 0; }

/* Sidebar (Left)
---------------------------------------------------------- */

#sidebar-content { background: url(../images/sidebar_bg_2.jpg) 100% 0 no-repeat; }
#sub-page #sidebar-content { padding-top: 96px; background: url(../images/left_bg_top.jpg) 100% 0 no-repeat; }
.logo { position: relative; margin: 4px 0; }

/* Footer 
---------------------------------------------------------- */
#footer-shells { position: relative; float: left; width: 336px; height: 137px; z-index: 0; background: url(../images/shells_2_1.jpg) 100% 0 no-repeat; padding-left: 30px; // padding-left: 31px; margin-left:18px; // margin-left:9px;
}
#index-page #footer-shells { width: 354px; }
#footer-shells img { position: absolute; top: -44px; z-index: 0; right: -19px; } 
#sub-page #footer-shells { background: none; }
#sub-page #footer-shells img { right: -61px; top: -92px; }
#phone { float: right; width: 332px; height: 33px; margin-top: 35px; padding-right: 99px; background: url(../images/phone.gif) no-repeat; text-indent: -99999px; }
#copyright { float: right; clear: both; padding: 35px 99px 0 0; font-size: 1.2em; text-align: right; color: #93cbed; white-space: nowrap; }
#copyright a { color: #93cbed; }

a.to_photo { display:inline-table; padding:3px 5px; margin:0 15px 10px 0; background-color:#3C96C4; font-size:13px; color:white !important; text-decoration:none !important; }
a.to_photo:hover { background-color:#67E8E5; }

div.logo a{
	display:block;
	width:239px; height:62px;
	background-position:0 0;
	background-repeat:no-repeat;
	margin-bottom:3px;
	margin-left:87px; // margin-left:0px;
}
div.logo a:hover{ background-position:0 -62px; }
#l1 { background-image:url(../images/logo/logo_1.gif); }
#l2 { background-image:url(../images/logo/logo_2.gif); }
#l3 { background-image:url(../images/logo/logo_3.gif); }
#l4 { background-image:url(../images/logo/logo_4.gif); }
#l5 { background-image:url(../images/logo/logo_5.gif); }
#l6 { background-image:url(../images/logo/logo_6.gif); }
#l7 { background-image:url(../images/logo/logo_7.gif); }
#l8 { background-image:url(../images/logo/logo_8.gif); }
#l9 { background-image:url(../images/logo/logo_9.gif); }
#l10 { background-image:url(../images/logo/logo_10.gif); }
#l11 { background-image:url(../images/logo/logo_11.gif); }
#l12 { background-image:url(../images/logo/logo_12.gif); }
#l13 { background-image:url(../images/logo/logo_13.gif); }


.photo_box {
}	
.photo_box IMG {
	margin:0px 5px 10px 0;
	width:95px;
	height:126px;
}

.photo_boxq IMG {
	margin:0px 5px 10px 0;

}