﻿/*--------------------------------------------------------------------------
[client] Screen Stylesheet

author:Anton Ivanov [site-creator]
email:site-creator@mail.ru
icq:3355666
website:www.site-creator.info
-----------------------------------------------------------------------------*/

/* Common
---------------------------------------- */

/*--- Reset --------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, b, big, cite, code, del, dfn, em, font, img, ins, i, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:none; outline:none; font-weight:inherit; font-style:inherit; font-family:inherit; font-size:100%; vertical-align:baseline; }
html { height:100%; font-size:100.01%; }
body { min-height:100%; position:relative; }
img { vertical-align:top; }
*:focus { outline:none; }
acronym { font-variant:small-caps; }
acronym, abbr, dfn { cursor:help; border-bottom:1px dashed #ccc; }
blockquote { font:italic 1.25em helvetica; color:#666; margin:10px 0 10px 50px; padding:.3em 10px 0; border-left:3px solid #ccc; }
blockquote p { padding-bottom:.3em; }
blockquote:before, blockquote:after,q:before,q:after { content:""; }
blockquote, q { quotes:"" ""; }
dfn, cite, var, address { font-style:normal; }
del { text-decoration:line-through; }
ins { text-decoration:underline; }
sup, sub { vertical-align:baseline; position:relative; font-size:.85em; }
sup { bottom:.5em; }
sub { top:.5em; }
strong, b { font-weight:bold; }
small { font-size:.833em; }
big { font-size:1.25em; }
em, i { font-style:italic; }
li { list-style:none; }
ol li { list-style:decimal inside; }
fieldset legend { color:#000; }
optgroup { font-family:inherit; color:#fff; background:#030303; font-style:normal; font-weight:normal; }
option { font-family:inherit; background:#fff; color:#000;	padding-left:.4em; }
optgroup option { padding-left:15px; }
input.checkbox { margin:1px 2px; height:15px; width:15px; }
input.radio { margin:0 2px 1px; height:18px; width:15px;  }
input, select, button { vertical-align:middle; }
.vis { display:block; }
.unvis { display:none; }

/*--- Text -------------------------- */

body { background:#EFEFEF url(../images/body-bg.png) repeat-x; font:.6875em Tahoma, Arial, Verdana, Sans-Serif; color:#515151; min-width:1000px; }
p { padding-bottom:1.5em; line-height:1.5; }
hr { border:none; border-top:1px solid #808080; background:gray; height:0; overflow:hidden; margin:7px 0; }
strong { color:#455A69; }
.f-left { float:left; }
.f-right { float:right; }
.main ul { padding:0 0 15px 21px; }
.main li { padding:0 0 5px 17px; background:url(../images/marker1.gif) no-repeat 0 .45em; }

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

a { cursor:pointer; color:#5A9822;  text-decoration:underline; }
a:hover { text-decoration:none; }

/*--- Table ------------------------- */

table { border-collapse:collapse; width:100%; }
caption, th, td { text-align:left; font-weight:normal; }

.table { border:5px solid #fff; margin-bottom:18px; }
.table table { background:#EFEFEF; }
.table table th, .table table td { border:1px solid #E3E3E3; padding:3px 5px; }
.table table th { background:#EFF3DC;text-align:center; }
.main .table table { width:597px; }

/*--- Forms ------------------------- */

.text-field, select, textarea { padding:1px; margin:0; background:#fafafa; border:1px solid silver; width:10em; font:1em Arial; color:#666; }
.button { cursor:pointer; padding:0 10px; }
select { padding:0; height:1.6em; }
textarea { height:8em; width:99%; display:block; }

/*--- Headings ---------------------- */

h1, h2 { color:#E34C24; font:normal 29px Arial; position:relative; left:-2px; padding-bottom:9px; }
h1 span, h2 span { color:#98BF0C; }
h3, h4, h5, h6 { color:#98BF0C; font:normal 18px Arial; padding-bottom:9px; }
.heading-web { color:#E34B24; }
.heading-graphic { color:#599823; }
.heading-photo { color:#F7B604; }

/* Layouts
--------------------------------------- */

#page { width:1000px; margin:0 auto; position:relative; z-index:1; padding-bottom:162px; }
#extra1 { z-index:2; position:absolute; left:50%; top:327px; margin-left:-515px; width:15px; height:139px; background:url(../images/extra1.jpg) no-repeat; }

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

#header-wrap { background:url(../images/header-wrap-bg.jpg) no-repeat 0 bottom; height:158px; overflow:hidden; }
#header { background:url(../images/header-bg.jpg) no-repeat 155px bottom; padding:40px 50px 0; height:118px; overflow:hidden; }

#logo { float:left; width:138px; height:53px; margin-top:5px; text-indent:-3000em; overflow:hidden; display:block; background:url(../images/logo.png) no-repeat; }
#slogan { z-index:9999; position:absolute; top:372px; left:118px; background:#000; color:#fff; font-size:1.09em; padding:3px 9px 4px; opacity:0.6; }

.menu { background:#fff; font-size:12px; height:14px; border:10px solid #EAEAEA; position:relative; float:right; height:29px; padding:15px 0 0; }
.menu ul { position:relative; margin:0 -4px; float:left; }
.menu li { float:left; margin:0 9px; }
.menu li a { color:#455A69; }
.menu li.current a { color:#5A9822; }
.menu .l, .menu .r { position:absolute; width:21px; height:64px; top:-10px; background:url(../images/menu-bg.png) no-repeat; }
.menu .l { left:-20px; }
.menu .r { right:-20px; background-position:-21px 0; }

.header-adr { text-align:right; float:right; padding:10px 0 0 20px; width:181px; }
.phone { font-size:2em; color:#5D6266; }
.phone span.prefix { font-size:.56em; color:#E34B24; font-weight:normal }
.mail { font-size:1.182em; }

#visual { position:absolute; left:0; top:0; width:1000px; height:0; overflow:visible; }
#visual dd { position:absolute; background:#98BF0C; }
#visual1 { left:0; top:0; width:11px; height:159px; }
#visual2 { left:11px; top:0; width:18px; height:11px; }
#visual3 { left:11px; top:148px; width:18px; height:11px; }
#visual4 { right:0; top:0; width:11px; height:159px; }
#visual5 { right:11px; top:0; width:18px; height:11px; }
#visual6 { right:11px; top:148px; width:18px; height:11px; }

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

#lead-wrap { height:159px; background:#fff url(../images/lead-wrap-bg.jpg) no-repeat 35px 0; overflow:hidden; }
#lead { height:143px; background:url(../images/lead-bg.gif) no-repeat 762px bottom; padding:16px 263px 0 346px; }
#index-page .aside { padding-top:171px; background-position:0 -159px; }
#index-page .content { background:url(../images/content-bg.jpg) no-repeat 265px 159px; }
#index-page .aside { padding-right:0px; }
#index-page .main { padding-top:49px; }

.content { min-height:560px; position:relative; width:100%; }
.main { float:right; width:607px; padding:13px 47px 0 0; }
.aside { width:251px; padding:330px 48px 0 30px; background:url(../images/aside-bg.jpg) no-repeat; }
.aside h2 { position:relative; z-index:2; padding-left:21px; }

.services { margin:21px 0 0; background:#fff; border:10px solid #EAEAEA; position:relative; z-index:1; padding:17px 22px 0; }
.services .t { position:absolute; left:-10px; width:251px; height:62px; top:-52px; background:url(../images/services-bg.gif) no-repeat; }
.services .b { position:absolute; left:-10px; width:251px; height:21px; bottom:-10px; background:url(../images/services-bg.gif) no-repeat 0 -62px; }
.services ul { padding-bottom:10px; }
.services li { padding-bottom:11px; }
.services li a { color:#595965; }

.works { padding:7px 0 17px !important; }
.works li { padding:0 0 7px 0 !important; background:none !important; }
.works li h3, .promo li h3 { font-size:1.273em; padding:12px 0 1px; }
.works li h3 a, .promo li h3 a { color:#E34B24; }
.works li p { padding-bottom:5px; }

.img1 { float:left; margin-right:11px; }
.img1 img { display:block; width:95px; height:83px; padding:4px; background:#fff; border:1px solid #EAEAEA; }

.promo { padding:0 !important;  width:620px; margin-right:-13px; }
.promo li { width:297px; display:inline-block; vertical-align:top; padding:0 !important; background:none !important; margin:0 7px 10px 0; border:1px solid #E9E9E9; }
.promo li div { display:inline; }
.promo li div div { display:block; border:3px solid #fff; padding:7px 10px 8px; width:271px; }
.promo li.banner div div { padding:0; width:291px; }
.promo li p { padding:3px 0 0; }
.promo li h3 { display:inline; padding:0; }
.promo li .date { color:#fff; background:#E34C24; padding:0 3px; position:relative; }
.promo li .date span { background:url(../images/edge.gif) no-repeat; position:absolute; bottom:-3px; left:44px; text-indent:-3000em; overflow:hidden; display:block; width:3px; height:3px; }

.adr, .desc-travel, .box { background:#F0F0F0; padding:13px 16px; width:456px; margin-bottom:21px; }
.adr dl { padding-bottom:3px; }
.adr dt, .adr dd, .adr dd address { display:inline; }
.desc-travel { background:#EBEBEB; padding-bottom:0; }
.img, .gallery li img { border:8px solid #fff; padding:1px; background:#E9E9E9; display:block; margin-bottom:25px; }
.box { padding-bottom:0; background:#F1F1F1; margin-top:7px; }

.more { text-align:right; padding-bottom:5px; }
.more a { padding-left:14px; background:url(../images/marker2.gif) no-repeat 0 .5em; }

.paging { padding:0 !important; position:relative; left:-10px; }
.paging li { color:#fff; background:#D1D1D1; padding:0 5px 0 0 !important; background:none !important; float:left; }
.paging li a { float:left; background:#D1D1D1; color:#fff; text-decoration:none; padding:4px 9px 5px; }
.paging li.current, .paging li.current a, .paging li a:hover { background:#A1A1A1; }
.paging li.prev, .paging li.next { padding-top:5px !important; }
.paging li.prev a, .paging li.next a { display:block; padding:0; text-indent:-3000em; overflow:hidden; background:url(../images/paging.gif) no-repeat !important; height:11px; width:6px; }
.paging li.next a { background-position:-6px 0 !important; }

.gallery, .gallery ul { padding:0 !important; }
.gallery li { display:inline-block; vertical-align:top; margin-right:12px; padding:0 0 23px !important; background:none !important; }
.gallery li a { display:block; }
.gallery li a img { margin-bottom:7px; display:block; }
.gallery span { float:left; color:#fff; background:#7B7B7C; padding:4px 8px 5px; }
.gallery li ul div { padding-bottom:18px !important; }
.gallery li ul li { padding-bottom:0 !important; }
.gallery li ul li div { padding-bottom:0 !important; }
.gallery li p { padding-bottom:0; width:252px }
.gallery li.string p { width:auto; }

/*--- Footer -------------------------- */

#footer-wrap { padding-top:85px; position:absolute; z-index:2; bottom:0; left:0; width:100%; min-width:1000px; clear:both; background:url(../images/footer-wrap-bg.png) repeat-x 0 bottom; }
#footer { width:894px; margin:0 auto; padding:0 53px 44px; }
#footer p { padding-bottom:0; }
.studio { float:right; text-indent:-3000em; overflow:hidden; display:block; width:80px; height:31px; background:url(../images/studio.png) no-repeat; }
.foot-adr { width:280px; padding-right:14px; float:left; line-height:1.5; }
.foot-adr dt, .foot-adr dd, .foot-adr address { display:inline; }

/*---  New Block Formatting Context --------------- */
#page, #footer, .content, .aside, form, ul, dl { overflow:hidden; }

/*--- Clearing ------------------------- */
.clear, .clearing:after, .menu:after, #header:after, .works li:after, .main:after { content:'.'; width:100%; display:block; height:0; clear:both; font-size:0; line-height:0; overflow:hidden; visibility:hidden }

/*--- Firefox hacks ------------------------- */
.gallery li, .promo li, x:-moz-any-link { display:-moz-inline-box; }
.gallery li, .promo li, x:-moz-any-link, x:default { display:inline-block; } 
/*Rublesssss*/
img.ruble-img { vertical-align:baseline; }
span.dot { position:absolute; text-indent: -1000em; }

p.info span {font-size:136%;}
p.info strong {font-size:136%;}

.main div#map_canvas {
  height:300px;
  width:624px;
  margin-bottom: 30px;
}

