html, body { height: 100%; margin: 0; padding: 0; font-family: "trebuchet ms"; font-size: 13px; color: #333333; }



/* Stuff */

form, img { margin: 0; padding: 0; border: none; }

ul { margin: 0; padding: 0; }

ul li { margin: 0; padding: 0; }

.clear { clear: both; }

.tab { border: #999999 1px solid; border-collapse: collapse; margin: 0 0 15px 0; }

.tab tr td { border: #999999 1px solid; }



a { color: #0037ad; }

a:hover { text-decoration: none; }

a:focus, a:active { outline:none; }



h1 { font-size: 19px; color: #000000; padding: 0; margin: 0 0 10px 0; }

h2 { font-size: 17px; color: #000000; font-weight: normal; margin: 0 0 5px 0; }



p { margin: 0; padding: 5px 0 0 0; }



#wrap { width: 100%; min-width: 980px; min-height: 100%; position: relative; }



#content { padding: 0 0 90px 0; }

#content.inner { padding-top: 150px; }



/* Header */

a#logo { position: absolute; top: 22px; left: 34px; z-index: 3; }

#leftBg { width: 435px; height: 299px; background: url(/images/header_left_bg.jpg); position: absolute; top: 30px; left: 0; }

#centerBg { width: 257px; height: 171px; background: url(/images/header_center_bg.gif); position: absolute; top: 200px; left: 45%; z-index: 1; }

#rightBg { width: 477px; height: 357px; background: url(/images/header_right_bg.jpg); position: absolute; top: 24px; right: 0; }



/* Mini icons */

#icons { width: 22px; position: absolute; top: 30px; right: 10px; z-index:10;}

#icons a { display: block; width: 12px; height: 11px; font-size: 2px; margin: 0 0 15px; }

#icons a#icoHome { background: url(/images/header_ico_home.gif) no-repeat; }

#icons a#icoMuzic { background: url(/images/header_ico_muzic.gif) no-repeat;}
		
#icons a#icoSearch { background: url(/images/header_ico_search.gif); }

#icons a#icoMail { background: url(/images/header_ico_mail.gif); }

#icons a#icoHome:hover, #icons a#icoSearch:hover, #icons a#icoMail:hover { background-position: 0 -11px; }



/* Top menu */

ul#mainMenu { position: absolute; top: 23px; right: 5%; list-style: none; z-index: 3; }

ul#mainMenu li { display: inline; margin: 0 15px 0 15px; font-size: 17px; color: #0037ad; }

ul#mainMenu li a { color: #000000; }



/* Left & right panels -> FAQ */

#faq { position: absolute; top: 210px; right: 0; width: 200px; z-index: 3; }

#faq h1 { text-align: center; color: #0037ad; font-weight: normal; }

#faq .faqItem { width: 157px; padding: 0 0 20px 40px; position: relative; }

#faq .faqItem span { display: block; width: 35px; height: 34px; line-height: 34px; text-align: center; color: #FFFFFF; font-size: 19px; font-style: italic; position: absolute; top: 0; left: 0; background: url(/images/faq_li_bg.png) no-repeat top left; }

#faq .faqItem a { font-size: 13px; color: #000000; text-decoration: none; border-bottom: #000000 1px dashed; }

#faq .faqItem a.selected { font-weight: bold; border: none; }

#faq .faqItem a:hover { border: none; }

#faq .faqItem .desc { display: none; font-size: 11px; padding: 0 0 0 5px; }




/* Left & right panels -> Recent works */

#bestWorks { width: 200px; position: absolute; left: 0; top: 210px; z-index: 3; }

#bestWorks h1 { text-align: center; color: #0037ad; font-weight: normal; }

#bestWorks img { display: block; margin: 0 auto 19px auto; padding: 1px; border: #686868 1px solid; }

#bestWorks #allWorks { margin: -8px 0 0 0; padding:10px 45px 0 0; text-align: right; background: url(/images/arrow.gif) no-repeat 160px 18px;}

#bestWorks .imgs {display:none; padding-left:20px;}

#bestWorks .selected img {padding:1px; border:1px solid #0037AD;}


#partners { position: absolute; top: 410px; right: 0; width: 200px; z-index: 3; }

#partners h1 { text-align: center; color: #0037ad; font-weight: normal; }


/* Illustrations */

#illustration { width: 100%; min-height: 600px; padding: 120px 0 0 0; position: relative; z-index: 2; }

#illustration #illHome { display: block; margin: 0 auto 0 auto; }

#illustration #illDrive { width: 980px; height: 600px; margin: 0 auto 0 auto; background: url(/images/illustration_drive.png); }

#illustration #illBox { width: 907px; height: 575px; margin: -30px auto 0 auto; background: url(/images/illustration_box.png); }



/* Illustrations -> Parking */

#illustration .cars { display: block; position: absolute; top: 250px; left: 40%; z-index: 1; cursor: pointer; }

#illustration .cars span { display: block; width: 100%; height: 100%; } 

#illustration .carsDescriptions { width: 55%; margin: 0 auto; padding: 330px 0 0 0; position: relative; display: none; } 

#illustration .carsPhotos { padding: 10px 0 0 0; text-align: center; }

#illustration .carsPhotos a {display: block; width: 150px; height: 61px; float: left; padding: 1px; margin: 0 5px 5px 0 !important; margin: 0 5px 0 0; border: #686868 1px solid; }

#illustration .carsPhotos a:hover { border: #0037ad 1px solid; }



#illustration #cars1 { width: 237px; height: 131px; left: 15%; }

#illustration #cars1 span { background: url(/images/parking_cars1.png); }

#illustration #cars2 { width: 249px; height: 120px; top: 280px; left: 65%; }

#illustration #cars2 span { background: url(/images/parking_cars2.png); }

#illustration #cars3 { width: 244px; height: 131px; left: 40%; top: 400px; }

#illustration #cars3 span { background: url(/images/parking_cars3.png); }

#illustration #cars4 { width: 253px; height: 146px; left: 15%; top: 530px; }

#illustration #cars4 span { background: url(/images/parking_cars4.png); }

#illustration #cars5 { width: 260px; height: 152px; left: 65%; top: 550px; }

#illustration #cars5 span { background: url(/images/parking_cars5.png); }



/* Illustrations -> Message ballon */

#illustration #loader { position: absolute; top: 300px; left: 48%; z-index: 4; }

#illustration #balloon { width: 197px; position: absolute; top: -50px; left: 55%; z-index: 4; }

#illustration #balloon #balloonTop { width: 197px; height: 19px; background: url(/images/balloon_top.png); }

#illustration #balloon #balloonBottom { width: 197px; height: 17px; background: url(/images/balloon_bottom.png); }

#illustration #balloon #balloonInner { width: 175px; padding: 0 10px; font-size: 13px; text-align: left; border-left: #c2c2c2 1px solid; border-right: #c2c2c2 1px solid; background-color: #FFFFFF; }

#illustration #balloon #balloonTailLeft { width: 25px; height: 44px; position: absolute; top: 15px; left: -24px; background: url(/images/balloon_tail_left.png); }

#illustration #balloon #balloonTailRight { width: 25px; height: 44px; position: absolute; top: 15px; right: -24px !important; right: -25px; background: url(/images/balloon_tail_right.png); }

#illustration #balloon #balloonButtons { text-align: center; line-height: 22px; padding: 7px 0 0 0; display: none; }

#illustration #balloon #balloonButtons a { margin: 0 5px 0 5px; text-decoration: none; border-bottom: #0037ad 1px dashed; font-size: 13px; font-weight: bold; } 

#illustration #balloon #balloonButtons a.sel { color: #ff0000; border-bottom: #ff0000 1px dashed; }

#illustration #balloon #balloonButtons a:hover { border: none; }

#illustration #balloon #balloonInner ul { margin: 0 0 -10px 0; padding: 5px 0 0 0; list-style: none; }

#illustration #balloon #balloonInner ul li { margin: 0; padding: 10px 0 0 15px; background: url(/images/li.gif) no-repeat left 15px; }



/* Homepage three colums */

.homeColumns { width: 25%; padding: 60px 0 0 0; margin: 0 0 0 4%; float: left; }
.homeColumnInner { height: 130px; overflow: hidden; }
.homeColumns.g1 { background: url(/images/gas_icon1.jpg) no-repeat top center; }

.homeColumns.g2 { background: url(/images/gas_icon2.jpg) no-repeat top center; }

.homeColumns.g3 { background: url(/images/gas_icon3.jpg) no-repeat top center; }

.homeColumns h2 { padding: 0 0 10px 0; margin: 0; }

.homeColumnDivider { width: 4%; height: 100px; margin: 70px 0 0 0; float: left; border-right: #d8d8d8 1px solid; }



/* Inner pages */

#innerLeftColumn { width: 35%; float: left; position: relative; z-index: 2; }

#innerLeftColumn #innerGirl { width: 324px; height: 446px; margin: 0 auto; position: relative; background: url(/images/inner_girl.png); }

#innerLeftColumn #innerGirl img { position: absolute; top: 22px; left: 145px; }

#innerTextColumn { width: 60%; float: left; position: relative; z-index: 2; }
#innerTextColumn { width: 65%;  float: none; position: relative; z-index: 2; margin-left:35%; }



/* FAQ */

.faqBlock { margin: 0 0 20px 0; }

.faqBlock h2 { font-size: 15px; font-weight: bold; margin: 0; padding: 0 0 5px 0; }



/* Contacts */

#contactArea { width:373px; margin:20px 0px 0px 10px;height: 460px; }

#contactArea a { text-decoration:none; background:url(/images/a_bg.gif) repeat-x bottom; }

#contactArea a:hover { background: none; }

#contactArea span img  { margin-left:5px; }

#contactArea #span2   { float:right; }

#contactArea .act  { background:none; }

#contactArea #map, #contactArea #map2, #contactArea #form, #contactArea #form2  { width:373px; margin-top:20px; }

#contactArea #map2

/*#contactArea #map  { height:406px; }*/

/*#contactArea #form { height:396px;}*/

#contactArea .hide {display:none;}

#form span, #form2 span, #form3 span { display:block; margin-bottom:10px; width:200px; float:right; text-align:right; }

#form textarea,#form2 textarea, #form3 textarea { width:372px; max-width:372px; height:155px; }

#form img,#form2 img, #form3 img { float:right; margin-top:10px; }

#form #msg { height:50px; margin-top:30px; text-align:center;}

#msg_contacts, #msg_contacts2, #msg_contacts3 { height:20px; margin-top:10px; margin-bottom: 10px; text-align:center;color:red;font-weight: bold;}

#msg .err {color:#F70B00; font-weight:bold;}

#msg .ok {color:#009D0C; font-weight:bold;}

#msg_main_contacts { height:0px; margin-top:5px; text-align:center;color:green;font-weight: bold;}

/* Contacts */

#contactArea1 { width:373px; margin:20px 0px 0px 10px; }

#contactArea1 a { text-decoration:none; background:url(/images/a_bg.gif) repeat-x bottom; }

#contactArea1 a:hover { background: none; }

#contactArea1 span img  { margin-left:5px; }

#contactArea1 #span4   { float:right; }

#contactArea1 .act  { background:none; }

#contactArea1 #map2, #contactArea1 #form2  { width:373px; margin-top:20px; }

/*#contactArea1 #map2  { height:406px; }*/

/*#contactArea1 #form2 { height:396px;}*/

#contactArea1 .hide {display:none;}


#form2 span { display:block; margin-bottom:10px; width:200px; float:right; text-align:right; }

#form2 textarea { width:372px; max-width:372px; height:155px; }

#form2 img { float:right; margin-top:10px; }




/* Footer */

#footer { width: 100%; height: 57px; background: #dedada url(/images/footer_bg.jpg) repeat-x; border-top: #a1a1a1 2px solid; position: absolute; bottom: 0; font-size: 12px; }

#footer a { color: #333333; }

#footer #copyRight { position: absolute; top: 10px; left:120px; }

#footer #weCreated { position: absolute; top: 10px; right: 20px; padding: 0 0 10px 40px; background: url(/images/simpleart.jpg) no-repeat 0 4px; }
#footer #weCreated a.h { text-decoration: none; }


#footer #ratingMailRu {  position:absolute; top:12px; left:12px; }


#map  {position:relative;}

#map2 {position:relative;}

.img  { position:absolute; display:block; width:77px; height:61px; padding:2px; background:#a0a0a0;}

#map #img1 { top:29px;  left:182px;}

#map #img2 { top:156px;  left:47px;}

#map #img3 { top:156px;  left:217px;}

#map #img4 { top:299px;  left:49px;}

#map #img5 { top:318px;  left:229px;}

#map2 #img6 {top:104px;left:8px;}

#map2 #img7 {top:159px;left:99px;}

#map2 #img8 {top:159px;left:263px;}

#map2 #img9 {top:307px;left:8px;}

.tog_link {background: url("/images/a_bg.gif") repeat-x; background-position: bottom; text-decoration: none; margin-right: 5px;}
.tog_link:hover{background: none;}