/* Hinesville Day Spa */ /* --- [ CSS Fixes ] ---------------------------------------------------------------------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display:block; } /* End hide from IE-mac */ /* --- [ Global CSS ] ----------------------------------------------------------------------------------------------------- */ * { margin:0; padding:0; } html { height:100%; } body { height:100%; margin:0; background:url(../images/body_bg_02.jpg) repeat-x; font-family:'trebuchet ms', arial, helvetica, sans-serif;} p { color:#566; font-weight:normal; font-family:'Trebuchet MS', Arial, Helvetica; font-size:12px; } .clear-both { clear:both; } #wrapper { width:900px; margin:0 auto; background:url(../images/wrapper_bg_01.jpg) repeat-y; } #header { width:900px; height:91px; margin:0 auto; background:url(../images/header_02.jpg); } #header-wave { width:83px; height:52px; position:relative; left:330px; top:10px; background:url(../images/hdspa_wave_01.png) 0 0 no-repeat; } * html #index #header-wave { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hdspa_wave_01.png', sizingMethod='fixed'); } * html #header-wave { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hdspa_wave_01.png', sizingMethod='fixed'); } #title { width:336px; height:79px; position:relative; top:10px; left:260px; background:url(../images/hds_header_02.png); } * html #index #title { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/hds_header_02.png', sizingMethod='fixed'); } * html #title { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/hds_header_02.png', sizingMethod='fixed'); } #menu { width:900px; height:20px; margin:0 auto; background:url(../images/menu_bg_01.jpg); border:0px solid red; } .nav-style { font-size:11px; font-weight:normal; font-family:'trebuchet ms', arial, helvetica; } .textinput01 { padding-left: 2px; padding-bottom: 1px; font-family: 'Trebuchet MS', Arial, Helvetica, Sans-serif; font-size: 12px; border: 1px solid rgb(102,153,102); background-color: #FAFAD2; } /* --- [ Image Rotation ] ---------------------------------------------------------------------------------------------------- */ #rotation-wrapper { width:900px; height:125px; margin:0 auto; } #rotation-left { width:50px; height:125px; float:left; margin-top:-24px; clear:both; background:url(../images/rotation_left_02.jpg); } #rotation-right { width:50px; height:125px; float:left; margin-top:-24px; background:url(../images/rotation_right_02.jpg); } #image-wrapper { width:800px; height:125px; float:left; margin-top:-24px; } #photos { width:800px; height:125px; position:relative; z-index:9; } #photos img { position:absolute; width:800px; height:125px; } #left { width:620px; } #content-container { width:798px; position:relative; left:51px; top:0px; border:0px solid red; } #ivy-bg { width:800px; height:350px; background:url(../images/ivy_01.png); position:absolute; left:-1px; top:-1px; } * html #index #ivy-bg { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ivy_01.png', sizingMethod='fixed'); } * html #ivy-bg { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/ivy_01.png', sizingMethod='fixed'); } #left-margin { float:left; width:63px; height:280px; } #left-column { width: 520px; margin-left:0px; padding-bottom:25px; float:left; position:relative; margin-top:0; } #right-column { width: 257px; float:left; position:relative; padding-bottom:25px; margin-top:0; border:0px solid black; } /* --- [ Rectangles ] ------------------------------------------------------------------------------------------------------- */ #single-wrapper { float:left; width:260px; } #single-top { width:254px; height:45px; background:url(../images/single_top.png) no-repeat; } * html #index #single-top { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/single_top.png', sizingMethod='fixed'); } * html #single-top { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/single_top.png', sizingMethod='fixed'); } #single-middle { width:214px; background:url(../images/single_middle.png) repeat-y; color:#566; font:12px 'Trebuchet MS', Arial, Helvetica; padding-left:20px; padding-right:20px; text-align:justify; } * html #index #single-middle { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/single_middle.png', sizingMethod='scale'); } * html #single-middle { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/single_middle.png', sizingMethod='scale'); } #single-bottom { width:254px; height:21px; background:url(../images/single_bottom.png); } * html #index #single-bottom { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/single_bottom.png', sizingMethod='fixed'); } * html #single-bottom { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/single_bottom.png', sizingMethod='fixed'); } #double-wrapper { float:left; width: 520px; border:0px solid red; } #double-top { width:514px; height:45px; background:url(../images/double_top.png) no-repeat; } * html #index #double-top { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/double_top.png', sizingMethod='fixed'); } * html #double-top { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/double_top.png', sizingMethod='fixed'); } #double-middle { width:475px; background:url(../images/double_middle.png) repeat-y; color:#566; font:12px 'Trebuchet MS', Arial, Helvetica; padding-left:20px; padding-right:19px; text-align:justify; } * html #index #double-middle { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/double_middle.png', sizingMethod='scale'); } * html #double-middle { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/double_middle.png', sizingMethod='scale'); } #double-bottom { width:514px; height:21px; background:url(../images/double_bottom.png); } * html #index #double-bottom { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/double_bottom.png', sizingMethod='fixed'); } * html #double-bottom { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/double_bottom.png', sizingMethod='fixed'); } /* --- [ Section Titles ] --------------------------------------------------------------------------------------------------- */ #welcome-1 { position:relative; width:86px; height:34px; left:23px; top:2px; margin-bottom:11px; background:url(../images/welcome.png) no-repeat; } * html #index #welcome-1 { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/welcome.png', sizingMethod='fixed'); } * html #welcome-1 { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/welcome.png', sizingMethod='fixed'); } #great-deals { position:relative; width:140px; height:46px; left:23px; top:2px; margin-bottom:1px; background:url(../images/great_deals.png) no-repeat; } * html #index #great-deals { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/great_deals.png', sizingMethod='fixed'); } * html #great-deals { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/great_deals.png', sizingMethod='fixed'); } #services { position:relative; width:140px; height:46px; left:23px; top:10px; margin-bottom:1px; background:url(../images/services.png) no-repeat; } * html #index #services { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/services.png', sizingMethod='fixed'); } * html #services { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/services.png', sizingMethod='fixed'); } #so-relaxing { position:relative; width:121px; height:55px; left:23px; top:2px; margin-bottom:1px; background:url(../images/so_relaxing.png) no-repeat; } * html #index #so-relaxing { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/so_relaxing.png', sizingMethod='fixed'); } * html #so-relaxing { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/so_relaxing.png', sizingMethod='fixed'); } #therapeutic-massage { position:relative; width:190px; height:53px; left:23px; top:2px; margin-bottom:1px; background:url(../images/therapeutic_massage.png) no-repeat; } * html #index #therapeutic-massage { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/therapeutic_massage.png', sizingMethod='fixed'); } * html #therapeutic-massage { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/therapeutic_massage.png', sizingMethod='fixed'); } #specialized-massage { position:relative; width:196px; height:55px; left:23px; top:2px; margin-bottom:1px; background:url(../images/specialized_massage.png) no-repeat; } * html #index #specialized-massage { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/specialized_massage.png', sizingMethod='fixed'); } * html #specialized-massage { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/specialized_massage.png', sizingMethod='fixed'); } #skin-body-treatments { position:relative; width:214px; height:53px; left:23px; top:2px; margin-bottom:1px; background:url(../images/skin_body_treatments.png) no-repeat; } * html #index #skin-body-treatments { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/skin_body_treatments.png', sizingMethod='fixed'); } * html #skin-body-treatments { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/skin_body_treatments.png', sizingMethod='fixed'); } #spa-specialties { position:relative; width:145px; height:55px; left:23px; top:2px; margin-bottom:1px; background:url(../images/spa_specialties.png) no-repeat; } * html #index #spa-specialties { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/spa_specialties.png', sizingMethod='fixed'); } * html #spa-specialties { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/spa_specialties.png', sizingMethod='fixed'); } #spa-packages { position:relative; width:136px; height:53px; left:23px; top:2px; margin-bottom:1px; background:url(../images/spa_packages.png) no-repeat; } * html #index #spa-packages { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/spa_packages.png', sizingMethod='fixed'); } * html #spa-packages { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/spa_packages.png', sizingMethod='fixed'); } #spa-specials { position:relative; width:136px; height:53px; left:23px; top:2px; margin-bottom:1px; background:url(../images/spa_specials.png) no-repeat; } * html #index #spa-specials { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/spa_specials.png', sizingMethod='fixed'); } * html #spa-specials { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/spa_specials.png', sizingMethod='fixed'); } #contact { position:relative; width:73px; height:39px; left:23px; top:7px; margin-bottom:1px; background:url(../images/contact.png) no-repeat; } * html #index #contact { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/contact.png', sizingMethod='fixed'); } * html #contact { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/contact.png', sizingMethod='fixed'); } #comments-questions { position:relative; width:214px; height:39px; left:23px; top:7px; margin-bottom:1px; background:url(../images/comments_questions.png) no-repeat; } * html #index #comments-questions { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/comments_questions.png', sizingMethod='fixed'); } * html #comments-questions { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/comments_questions.png', sizingMethod='fixed'); } #our-location { position:relative; width:120px; height:39px; left:23px; top:7px; margin-bottom:1px; background:url(../images/our_location.png) no-repeat; } * html #our-location { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/our_location.png', sizingMethod='fixed'); } #about-hdspa { position:relative; width:271px; height:55px; left:23px; top:2px; margin-bottom:1px; background:url(../images/about_hdspa.png) no-repeat; } * html #about-hdspa { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/about_hdspa.png', sizingMethod='fixed'); } #good-news { position:relative; width:110px; height:44px; left:23px; top:2px; margin-bottom:1px; background:url(../images/good_news.png) no-repeat; } * html #good-news { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/good_news.png', sizingMethod='fixed'); } #salon-services { position:relative; width:127px; height:39px; left:23px; top:2px; margin-bottom:1px; background:url(../images/heading_salon_services.png) no-repeat; } * html #salon-services { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/heading_salon_services.png', sizingMethod='fixed'); } #menu-image { width:900px; height:20px; background:url(../images/menu_01.jpg) no-repeat; } /* --- [ Images ] ----------------------------------------------------------------------------------------------------------- */ .newsPhoto188Right { width:188px; float:right; margin-left:10px; margin-bottom:5px; border:1px solid #ccc; } .newsPhoto188Left { width:188px; float:left; margin-right:10px; margin-bottom:5px; border:1px solid #ccc; } #candles-towel-01 { width:188px; height:125px; float:right; margin-left:10px; margin-bottom:5px; border:1px solid #ccc; background:url(../images/candles_towel_01.jpg); } #massage-female-01 { width:174px; height:115px; float:left; margin-right:10px; margin-bottom:5px; border:1px solid #ccc; background:url(../images/female_massage_01e.jpg); } #woman-stones-01 { width:214px; height:161px; border:1px solid #ccc; background:url(../images/woman_stones_01.jpg); } #pink-flower { width:275px; height:181px; background:url(../images/pink_flower_02.png); position:absolute; left:205px; top:80px; } * html #pink-flower {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/pink_flower_02.png', sizingMethod='fixed'); } #pink-flower-left { width:275px; height:181px; overflow:visible; background:url(../images/pink_flower_left.png); position:absolute; left:-10px; top:600px; } * html #pink-flower-left {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/pink_flower_left.png', sizingMethod='fixed'); } #female-massage-03 { width:188px; height:125px; float:right; margin-left:10px; margin-bottom:5px; border:1px solid #ccc; background:url(../images/female_massage_01e.jpg); } #sports-massage-02 { width:188px; height:125px; float:left; margin-right:10px; margin-bottom:5px; border:1px solid #ccc; background:url(../images/sports_massage_03e.jpg); } #couples-massage-01 { width:188px; height:125px; float:left; margin-right:10px; margin-bottom:5px; border:1px solid #ccc; background:url(../images/couples_massage_02e.jpg); } #reflexology-foot-02 { width:188px; height:125px; float:left; margin-right:10px; margin-bottom:5px; border:1px solid #ccc; background:url(../images/foot_massage_01e.jpg); } #hot-stones-man-01 { width:188px; height:125px; float:left; margin-right:10px; margin-bottom:5px; border:1px solid #ccc; background:url(../images/hot_stones_man_01e.jpg); } #chair-massage-01 { width:188px; height:125px; float:left; margin-right:10px; margin-bottom:5px; border:1px solid #ccc; background:url(../images/chair_massage_01e.jpg); } #black-female-massage-01 { width:188px; height:125px; float:left; margin-right:10px; margin-bottom:5px; border:1px solid #ccc; background:url(../images/black_female_massage_01e.jpg); } #jacuzzi-01 { width:188px; height:125px; float:left; margin-right:10px; margin-bottom:5px; border:1px solid #ccc; background:url(../images/jacuzzi_01e.jpg); } #deep-tissue-massage-01 { width:188px; height:125px; float:left; margin-right:10px; margin-bottom:5px; border:1px solid #ccc; background:url(../images/candles_towel_01.jpg); } #mask-01 { width:188px; height:125px; float:left; margin-right:10px; margin-bottom:5px; border:1px solid #ccc; background:url(../images/mask_01.jpg); } #head-massage-01 { width:188px; height:125px; float:left; margin-right:10px; margin-bottom:5px; border:1px solid #ccc; background:url(../images/head_massage_01e.jpg); } #stones-bamboo-01 { width:380px; height:253px; overflow:visible; position:absolute; left:-114px; top:630px; z-index:1; background:url(../images/stones_bamboo_01.png) no-repeat; } * html #stones-bamboo-01 { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/stones_bamboo_01.png', sizingMethod='fixed'); } #man-massage-03 { width:188px; height:125px; float:left; margin-right:10px; margin-bottom:5px; border:1px solid #ccc; background:url(../images/back_massage_01e.jpg); } #foot-bath-01 { width:188px; height:125px; float:left; margin-right:10px; margin-bottom:5px; border:1px solid #ccc; background:url(../images/foot_bath_01e.jpg); } #mask-cucumber { width:188px; height:125px; float:left; margin-right:10px; margin-bottom:5px; border:1px solid #ccc; background:url(../images/mask_cucumber.jpg); } #facial-vertical-01 { width:188px; height:125px; float:left; margin-right:10px; margin-bottom:5px; border:1px solid #ccc; background:url(../images/facial_vertical_01e.jpg); } #facial-vertical-02 { width:188px; height:125px; float:right; margin-left:10px; margin-bottom:5px; border:1px solid #ccc; background:url(../images/facial_vertical_01e.jpg); } #hand-massage-01 { width:188px; height:125px; float:left: margin-right:10px; margin-bottom:5px; border:1px solid #ccc; background:url(../images/hand_massage_01.jpg); } #man-massage-04e { width:188px; height:125px; float:left: margin-right:10px; margin-bottom:5px; border:1px solid #ccc; background:url(../images/man_massage_04e.jpg); } #sheela-01 { width:114px; height:143px; border:1px solid #ccc; background:url(../images/sheela_eichhorn_01.jpg); } #hair-care-01 { width:188px; height:201px; float:left; margin-right:10px; margin-bottom:5px; border:1px solid #ccc; background:url(../images/hair_care_01e.jpg); } #tanning-beds-01 { width:187px; height:204px; float:left; margin-right:10px; margin-bottom:5px; border:1px solid #ccc; background:url(../images/tanningBedw188.jpg); } /* --- [ Miscellaneous ] ---------------------------------------------------------------------------------------------------- */ #map { width:470px; height:323px; border:1px solid green; background:url(../images/hdspa_map_02.jpg); } /* --- [ Footer ] ----------------------------------------------------------------------------------------------------------- */ #footer { width:800px; height:93px; margin:0 auto; margin-top:25px; clear:both; border-bottom:1px solid green; background:url(../images/footer.jpg); } #footer p { color:#ccd; } #footer-info-left { float:left; height:85px; padding-top:8px; padding-left:20px; } #footer-info-mid { } #footer-info-right { float:right; height:85px; padding-top:8px; padding-right:20px; text-align:right; } #footer-info-right a { color:#ccd; text-decoration:none; } #footer-info-right a:hover { color:#eee; text-decoration:underline; } /* --- [ window overlay ] --- */ .windowOverlay { height: 100%; position: fixed; overflow: hidden; top: 0; left: 0; background-color: #333; /*background: url(../graphics/techno02.png);*/ width: 100%; z-index: 2000; opacity: 0.8; filter: Alpha(Opacity=80); } .tourDialog { position: absolute; left: 23%; top:50px; }