/* ——————————————————————————————————————————
File: styles.css
Site: Wings Day Spa
Coder: Max P.
Author: XHTMLPLUS [www.xhtmlplus.ru]
Version: 01 Jul 2009
# Browsers: IE 6, IE 7, FF 2.0, Opera 9, Safari 3
————————————————————————————————————————— */

form { margin: 0; }
a img { border: none; }
table { border-collapse: collapse; }
td, th { padding: 0; vertical-align: top; }
ul { margin: 0; padding: 0; list-style: none; }

html, body { height: 100%; margin: 0; padding: 0; color: #0b0b0b; font: 12px/16px Tahoma, Verdana, Arial; }
body { background: #bfdc9e url(../i/body.gif) 0 11px repeat-x; }

#outer { width: 987px; min-height: 100%; margin: 0 auto; background: url(../i/outer.gif) 0 0 repeat-y; }

/* Header */
#header { position: relative; z-index: 1; height: 470px; background: url(../i/header.jpg) 0 0 no-repeat; }
#header_logo_link, #header_phone, #header_search, #header_menu, #header_nav, #shopping_bag { position: absolute; z-index: 1; }
#header_search { left: 55px; top: 6px; width: 162px; height: 19px; padding-top: 19px; background: url(../i/header_search.gif) 3px 0 no-repeat; }
#header_search input { float: left; margin-right: 3px; }
#header_search a { display: block; float: left; width: 17px; height: 17px; margin-top: 1px; background: url(../i/search_button.gif) 0 0 no-repeat; }
#header_search a:hover { background-position: 0 -17px; }
#header_logo_link { top: 7px; left: 413px; display: block; width: 183px; height: 126px; }
#header_phone { top: 19px; right: 51px; display: block; }
#header_menu { top: 347px; left: 197px; width: 645px; height: 20px; }
#header_menu a, #header_menu .current { display: block; float: left; height: 20px; }
#header_menu #home { width: 41px; background: url(../i/header_menu/home.gif) 0 0 no-repeat; }
#header_menu #certificates { width: 101px; background: url(../i/header_menu/certificates.gif) 0 0 no-repeat; }
#header_menu #shop { width: 82px; background: url(../i/header_menu/shop.gif) 0 0 no-repeat; }
#header_menu #promotions { width: 76px; background: url(../i/header_menu/promotions.gif) 0 0 no-repeat; }
#header_menu #guide { width: 68px; background: url(../i/header_menu/guide.gif) 0 0 no-repeat; }
#header_menu #book { width: 81px; background: url(../i/header_menu/book.gif) 0 0 no-repeat; }
#header_menu #contact { width: 72px; background: url(../i/header_menu/contact.gif) 0 0 no-repeat; }
#header_menu a:hover, #header_menu .current { background-position: 0 -20px !important; }
#header_menu .divider { float: left; width: 14px; height: 20px; background: url(../i/header_menu_divider.gif) 7px 6px no-repeat; }
#header_nav { top: 428px; left: 431px; height: 11px; }
#header_nav a { display: block; float: left; height: 11px; margin: 0 15px; }
#header_nav a#main { width: 11px; background: url(../i/header_nav/main.gif) 0 0 no-repeat; }
#header_nav a#email { width: 10px; background: url(../i/header_nav/email.gif) 0 0 no-repeat; }
#header_nav a#sitemap { width: 11px; background: url(../i/header_nav/sitemap.gif) 0 0 no-repeat; }
#header_nav a:hover { background-position: 0 -11px !important; }
#shopping_bag { top: 413px; left: 52px; height: 45px; padding: 29px 56px 0 0; background: url(../i/shopping_bag.jpg) right 0 no-repeat; }
#shopping_bag a { color: white; text-decoration: none; }
#shopping_bag a:hover { color: #ffd200; text-decoration: none; }
/* X. Header */

/* Inner */
#inner { position: relative; z-index: 1; overflow: hidden; }

/* Left Column */
#l_col { position: relative; z-index: 1; float: left; width: 281px; padding: 23px 0 84px 0; overflow: hidden; }
#l_col .menu_block { padding-bottom: 9px; background: url(../i/menu_block.gif) 0 0 repeat-x; }
#l_col .menu_title { height: 25px; padding: 11px 52px 0 52px; background: url(../i/menu_title.jpg) right 0 no-repeat; }
#l_col .menu_title img { display: block; }
#l_col .menu_data { padding: 25px 0 16px 0; background: url(../i/menu_data.gif) 0 0 no-repeat; }
#l_col .menu_data ul { margin: 0 30px; }
#l_col .menu_data ul li { padding: 0 0 9px 22px; background: url(../i/bullet.gif) 0 6px no-repeat; }
#l_col .menu_data ul li a { color: white; text-decoration: none; }
#l_col .menu_data ul li a:hover { color: #ffd200; text-decoration: none; }
#l_col .menu_data ul li.current { color: #ffd200; background: url(../i/bullet2.gif) 0 6px no-repeat; }
#l_col a.brand { display: block; height: 47px;  }
#l_col a#skeyndor { background: #066e81 url(../i/brands/skeyndor.gif) 52px 0 no-repeat; }
#l_col a#sothys { background: #066e81 url(../i/brands/sothys.gif) 52px 0 no-repeat; }
#l_col a#lendan { background: #066e81 url(../i/brands/lendan.gif) 52px 0 no-repeat; }
#l_col a.brand:hover { background-position: 52px -47px !important; }
#l_col .menu_block .divider { height: 1px; }
/* X. Left Column */

/* Right Column (Content) */
#content { position: relative; z-index: 1; padding: 29px 25px 0 34px; overflow: hidden; }
#title { display: block; margin-bottom: 17px; }
.title { display: block; margin-bottom: 20px; padding-top: 27px; }
#content p { margin: 0 0 16px 0; padding: 0; }

#content h1,#content h2, #content h3, #content h4, #content h5, #content h6 { display: block; margin: 0; padding: 0; font-family: Tahoma, Verdana, Arial; font-weight: normal; color: #058299; line-height: normal; }
#content h1 { padding-bottom: 10px; font-size: 26px; }
#content h2 { padding: 10px 0 5px 0; font-size: 22px; }
#content h3 { padding: 5px 0; font-size: 18px; }
#content h4 { padding: 3px 0; font-size: 16px; }
#content h5 { padding: 2px 0; font-size: 14px; }
#content h6 { font-size: 12px; }

#content a { color: #057a90; text-decoration: underline; }
#content a:hover { color: #578b07; text-decoration: none; }

#content .fleft, #content .fright { display: block; margin-bottom: 5px; }
#content .fleft { float: left; margin-right: 15px; }
#content .fright { float: right; margin-left: 15px; }

#content .tbl { width: 100%; margin-bottom: 20px; }
#content .tbl td { border: 1px solid #5d910b; padding: 3px 10px; }
#content .tbl td.nowrap { white-space: nowrap; }
#content .tbl td.number { text-align: right; }
#content .tbl .zebra td { background: #b3d38c; }
#content .tbl .total td { background: #8eb654; color: white; font-weight: bold; }
/* X. Right Column (Content) */

/* X. Inner */

#for_footer { height: 120px; }

/* Footer */
#footer { position: relative; z-index: 2; width: 987px; height: 95px; margin: -95px auto 0 auto; background: url(../i/footer.gif) 0 bottom repeat-x; color: white; }
#footer a { color: white; text-decoration: underline; }
#footer a:hover { color: #ffd200; text-decoration: none; }
#footer_info { position: absolute; z-index: 2; top: -82px; left: 0; width: 231px; padding: 16px 20px 0 30px; background: url(../i/footer_info.gif) right 0 no-repeat; }
img#footer_info_title { display: block; margin-bottom: 18px; }
#footer_contacts { margin-top: 23px; }
#footer_contacts .sub_title { float: left; width: 47px;/*57px;*/ font-weight: bold; }
#footer_menu { height: 13px; padding: 11px 74px 11px 330px; line-height: 13px; }
#footer_menu a { color: #057a90; text-decoration: none; }
#footer_menu a:hover { color: #578b07; text-decoration: none; }
#footer_menu .current { color: #578b07; }
#footer_menu img { position: relative; z-index: 2; top: -2px; margin: 0 4px 0 2px; }
#footer_bottom { height: 60px; padding: 0 84px 0 330px; line-height: 58px; background: url(../i/footer_bottom.gif) right 0 no-repeat; }
#footer_right { float: right; }
#footer_right a { color: #57d2db; text-decoration: underline; }
#footer_right a:hover { color: #ffd200; text-decoration: none; }
/* X. Footer */

/* Forms */
input.text { margin: 0; border: 1px solid #aecf86; padding: 1px 2px; background: white; color: #0b0b0b; font: 12px/14px Tahoma, Verdana, Arial; }
input.medium { width: 136px; }

#content .tform { width: auto; margin-bottom: 10px; }
#content .tform td { padding-bottom: 10px; }
#content .tform td.label { padding: 2px 10px 10px 0; white-space: nowrap; text-align: right; }
select { margin: 0; border: 1px solid #5d910b; padding: 0; padding-left: 2px; }
#content a.button { display: block; float: left; padding: 1px 15px; background: #5d910b; color: white !important; text-decoration: none; text-transform: uppercase; font-weight: bold; }
#content a.button:hover { background: #058299; color: white !important; text-decoration: none; }
#content .tform .star { color: #920b0b; }
#content .tform input.checkbox { margin: 2px 0 0 0; }
/* X. Forms */

/* Services */
#content .tdivider { width: 25px; height: 1px; }

#content .service_block { position: relative; z-index: 1; margin-bottom: 21px; overflow: hidden; }
#content .green { background: url(../i/service_block_green.gif) 0 0 repeat-x; }
#content .blue { background: url(../i/service_block_blue.gif) 0 0 repeat-x; }
#content .service_image { float: left; width: 96px; height: 96px; padding: 7px; overflow: hidden; }
#content .green .service_image { background: url(../i/service_image_green.gif) 0 0 no-repeat; }
#content .blue .service_image { background: url(../i/service_image_blue.gif) 0 0 no-repeat; }
#content .service_image img { display: block; width: 96px; height: 96px; }
#content .service_image_mask { display: block; position: absolute; top: 7px; left: 7px; width: 96px; height: 96px; overflow: hidden; }
#content .green .service_image_mask { background: url(../i/mask_green.png) 0 0 no-repeat; }
#content .blue .service_image_mask { background: url(../i/mask_blue.png) 0 0 no-repeat; }
#content .service_content { margin-left: 120px; }
#content a.service_title { display: block; height: 29px; margin-bottom: 8px; padding-right: 10px; color: white; text-decoration: none; text-transform: uppercase; line-height: 29px; font-weight: bold; }
#content .green a.service_title { background: url(../i/service_title_green.gif) right 0 no-repeat; }
#content .blue a.service_title { background: url(../i/service_title_blue.gif) right 0 no-repeat; }
#content a.service_title:hover { color: #ffd200; text-decoration: none; }
#content .service_links { margin-top: 8px; font-weight: bold; }
#content .service_links img { position: relative; z-index: 1; top: -2px; margin: 0 3px; }
#content .service_links a { color: #057a90; text-decoration: none; }
#content .service_links a:hover { color: #578b07; text-decoration: none; }
#content .service_links input { float: left; width: 20px; margin-right: 5px; text-align: right; }
#content .blue .service_links a.button { background: #058299; }
#content .blue .service_links a.button:hover { background: #5d910b; }
/* Services */

/* Price Table */
#content #price_time { margin-bottom: 10px; }
#content #price_time td { padding: 3px 10px 3px 0; color: #65a600; font-weight: bold; }
/* X. Price Table */

#content #gmap { height: 400px; margin-bottom: 10px; }