@charset "utf-8";
/*----------------------------------------------*/
/* CSS Document for Cosmetic and Leisure Center */
/* Developer: Vlad Jantuan                      */
/*----------------------------------------------*/

/** two cols layout structure **/
* {margin:0; padding:0; }
body { color:#000; background: url(../img/body-bg.gif) repeat-x;}
#wrap { position: relative; width:945px; margin:0 auto;}
.clear {clear: both;} 

/* homepage style */
body.homepage {background-color: #e1ca82; background-image:none; height: 100%;}
.homepage #wrap { position: relative; width: 823px !important; margin:0 auto;}
.homepage #header { width:823px;  height: 120px; margin-bottom:0; margin-top: 50px; background: url(../img/header-home.gif) no-repeat;}
.homepage #header h1 { display: block; float: left; width: 325px; height: 105px;}
.homepage #header h1 a#logo {background-image: none;}
.homepage #header ul { display: block; float: right; padding-top: 50px; padding-right: 15px; }
.homepage #main { width:823px; float:none; padding: 0px; background: url(../img/bg-content-home.gif) repeat-y;}
.homepage #main .intro { display: block; width: 460px; height: 201px; float: left;  padding: 82px 20px 0px 28px; background: url(../img/bg-intro-home.jpg) no-repeat 9px 0px;}
.homepage #main .intro h2 { font-weight: bold; width: 300px; padding-bottom: 3px; color: #1f360f; font-size: 18px;}
.homepage #main .intro p { font-weight: bold;width: 320px; line-height: 14px;}
.homepage #main .additional-home { width: 306px; height: 283px; float: left; background: #96bc45 url(../img/bg-additional-home.jpg) no-repeat;}
.homepage #main .additional-home a#appointment-link { display: block; margin-top: 202px; height: 24px; line-height: 14px; background-color:#abc96a; border-left: 5px solid #8d9e50; padding: 8px 10px 8px 30px; color: #ffffff; text-decoration: none; font-weight: bold;}
.homepage #main .additional-home a#coupon-link { display: block; height: 24px; line-height: 14px; background-color:#96bc45; border-left: 5px solid #7e9536; padding: 8px 10px 8px 30px; color: #ffffff; text-decoration: none; font-weight: bold;}
.homepage #footer { position: static; bottom:0; left:0; width:823px; height: 107px; margin:0; background: transparent url(../img/bg-footer-home.gif) no-repeat 2px 0;}
.homepage #footer ul.contact-and-legal { padding-left: 28px; padding-top: 22px; padding-bottom: 10px; background-image: none; color: #d3c493;}
a.directions { display: block; float: left; margin-left: 28px; padding: 4px 6px; font-family: trebuchet, tahoma, arial; font-size: 12px; color: #ffffff; background-color: #60a432; text-decoration: none;}
a.directions:hover { background-color: #ddbb4f;}
a.facebook { display: block; width: 72px; height: 22px; margin-left: 10px; outline: none; text-indent: -9000px; float: left; background: url(../img/facebook.jpg) no-repeat;}
.find-facebook { padding-bottom: 10px;}
.find-facebook a.facebook { display: block; float: none; width: 150px; height: 48px; margin-left: 20px; outline: none; text-indent: -9000px; background: url(../img/facebook-big.jpg) no-repeat;}

/* rest styles */
#header { margin-top: 0; height: 104px; background-color: transparent !important; margin-bottom: 8px;}
#header h1 { display: block; float: left; width: 352px; height: 105px; }
#header h1 a#logo { width: 352px; height: 105px; float: left; text-indent: -9000px; outline: none; background: url(../img/logo.jpg) no-repeat; }
#header ul {  display: block; width: 430px; float: left; padding-top: 35px; padding-left: 27px;}
#header ul li { float: left; margin-right: 15px; list-style: none; font-family: "trebuchet ms", tahoma, helvetica, arial; font-size: 12px; font-weight: bolder;}
#header ul li.last { margin-right: 0px;}
#header ul li a.nav { padding-bottom: 2px; color: #5b5b5b; text-decoration: none;}
#header ul li a.nav:hover { color: #9d9d9d; border-bottom: 2px solid #5ea032; }

.homepage #header ul li a#home,
.about #header ul li a#about,
.procedures #header ul li a#procedures,
.appointment #header ul li a#appointment,
.specials #header ul li a#specials,
.faq #header ul li a#faq,
.testimonials #header ul li a#testimonials,
.contact #header ul li a#contact { padding: 3px 8px; color: #ffffff; background-color: #ddbb4f; text-decoration: none;}

.homepage #header ul li a#home:hover,
.about #header ul li a#about,
.procedures #header ul li a#procedures,
.appointment #header ul li a#appointment,
.specials #header ul li a#specials,
.faq #header ul li a#faq,
.testimonials #header ul li a#testimonials,
.contact #header ul li a#contact { border: none;}

#main { float:right; width:505px; padding: 40px 60px 60px 10px;}
#main h2 { padding-top: 15px; padding-bottom: 10px; font-size: 17px; font-weight: bolder; font-family: "Times New Roman", Times, serif; color: #4f8f24; }
#main h3 { display: block; width: 465px; margin-top: 30px; margin-bottom: 10px; padding: 8px 20px; color: #ffffff; background-color: #96bc45; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#main h4 { font-size: 12px; padding: 15px 0px 0px 3px; font-family: Helvetica, Tahoma, arial; color: #675622; text-transform:uppercase; }
.testimonials #main h5 { display: block; background-color: #675622; color: #ffffff; padding: 7px 10px; font-size: 13px; margin-top: 10px; margin-bottom: 7px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

#main p { padding-bottom: 7px; text-align: justify; font-size: 12px; font-family: "trebuchet ms", tahoma, helvetica; color: #675622;}
#main p.highlight { margin-left: 2px; margin-top: 5px; padding: 3px 5px; background-color: #ede6d1; color: #675622;;}
#main ul { padding: 15px 10px 10px 10px; margin-top: 5px; background-color: #ede6d1; font-size: 12px; font-family: "trebuchet ms", tahoma, helvetica; color: #675622;}
#main ul li {list-style: none; padding-bottom: 7px; padding-left: 19px; background: url(../img/list-square.gif) no-repeat 0 5px; }
#main ul li a.procedures { font-size: 12px; font-family: "trebuchet ms", tahoma, helvetica; color: #675622; text-decoration: none;}
#main ul li a.procedures:hover { text-decoration: underline;}
#main ul li span {font-weight: bolder;}
#main dl { font-size: 12px; font-family: "trebuchet ms", tahoma, helvetica; color: #675622;}
#main h2.laser-heading { padding-top: 5px;}
#main dl dt {list-style: none;  padding: 0px 10px 3px 19px; background: url(../img/list-square.gif) no-repeat 0 5px; font-weight: bolder;}
#main dl dd { padding-bottom: 10px; padding-left: 19px;}
#main #slogan { padding-bottom: 63px;}
#main #slogan h1 { font-sie: 19px; color: #5ea032;}

#main .doctor-brief-info {}
#main .doctor-brief-info .img-container { float: left; width: 120px;}
#main .doctor-brief-info .img-container img { padding: 13px 15px 15px 11px; background: url(../img/bg-doctor-img.gif) no-repeat;}
#main .doctor-brief-info .info-container { float: left; width: 385px;}
#main .doctor-brief-info .info-container p { padding-top: 4px;} 
.info-container a { display: block; padding-top: 5px; font-size: 12px; font-family: trebuchet, tahoma, arial; color: #666666; text-decoration: none;}
.info-container a:hover { text-decoration: underline;}

#main table.price-list { width: 100%; margin: 7px 0px; font-size: 12px; font-family: trebuchet, tahoma, arial; color: #666666; text-decoration: none; }
#main table.price-list thead td { background-color: #675622; color: #ffffff;}
#main table.price-list td { background-color: #ede6d1; color: #675622; padding: 7px 5px 7px 10px;}

#main iframe { width: 505px; height: 400px; margin: 20px 0px;}

#sidebar { display: block; float:left; width:350px; padding: 0px 0px 60px 2px; }
#sidebar .photo-views { padding-bottom: 4px;}
#sidebar .photo-views img#main-img { padding: 25px 20px 20px 23px; background: url(../img/bg-main-img.png) no-repeat; clear: both; }
#sidebar .photo-views .more-views { padding-left: 12px;}
#sidebar .photo-views .more-views a img { border: none;}
#sidebar .photo-views .more-views h3 { display: block; width: 305px; margin-top: 10px; margin-bottom: 10px; padding: 8px 10px; color: #ffffff; background-color: #96bc45; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#sidebar .photo-views .more-views img { display: block; float: left; margin-right: 15px; padding: 12px 6px 10px 9px; background: url(../img/bg-additional-img.gif) no-repeat;}
#sidebar .photo-views .more-views img.last { margin-right: 0px;}
#sidebar .booking {clear: both; padding-bottom: 15px;}
#sidebar p { padding: 5px 20px 7px 22px; text-align: justify; font-size: 12px; font-family: "trebuchet ms", tahoma, helvetica; color: #675622;}
#sidebar .booking p { }
#sidebar a.appointment_link { display: block; padding: 10px 0px 15px 50px; margin-left: 20px; margin-top: 5px; background: url(../img/date.jpg) no-repeat; font-weight: bold; font-size: 13px!important; color: #675622; text-decoration: none; outline: none;}
#sidebar a.appointment_link:hover { text-decoration: underline}
#sidebar a.coupon_link { display: block; padding: 8px 0px 15px 60px; margin-left: 20px; margin-top: 5px; background: url(../img/discount.jpg) no-repeat; font-weight: bold; font-size: 13px!important; color: #675622; text-decoration: none; outline: none;}
#sidebar a.coupon_link:hover { text-decoration: underline}
#sidebar .booking h3, #sidebar .coupon h3, #sidebar .find-facebook h3 { display: block; width: 305px; margin: 10px 0px 10px 12px; padding: 8px 10px; color: #ffffff; background-color: #96bc45; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

#footer-wrap { height: 157px; clear:both; background: #cc9 url(../img/footer-bg.gif) repeat-x;}
* html #footer-wrap #footer { height:1px;}
#footer { clear: both; position: relative; bottom:0; left:0; width:945px; margin:0 auto; }
#footer ul.contact-and-legal { padding-left: 379px; padding-top: 45px; list-style: none; font-family: trebuchet, tahoma, arial; font-size: 12px; color: #675622; background: url(../img/logo-small.jpg) no-repeat 0px 48px;}
#footer ul.contact-and-legal a { margin-left: 5px; padding: 3px 6px; color: #ffffff; background-color: #ddbb4f; text-decoration: none;}
#footer ul.contact-and-legal a:hover { background-color: #675622;}
#footer ul.contact-and-legal span { font-weight: bolder;}

/* --- Coupon Styles ---*/
body#coupon {background: none;}
.coupon-content h1 { display: block; font-size: 16px; margin-top: 0px; margin-bottom: 17px; padding: 8px 20px; color: #ffffff; background-color: #96bc45;}
.coupon-content h2 { display: block; font-size: 14px; font-weight: bold; text-transform: uppercase; margin-top: 0px; margin-bottom: 0px; padding: 3px 20px; color: #675622; background-color: transparent;}
.coupon-content h3 { display: block; font-size: 14px; font-weight: bold; text-transform: uppercase; margin-top: 7px; margin-bottom: 7px; padding: 8px 20px; color: #55830c; background-color: transparent;}
.coupon-content h3 span {font-size: 16px; color: #675622; text-decoration: underline;}

.coupon-content p { padding: 5px 20px; font-size: 12px; font-family: "trebuchet ms", tahoma, helvetica; color: #675622;}
.coupon-content a { display: block; font-size: 12px; margin-top: 10px; padding: 8px 0px; text-align: center; color: #ffffff; background-color: #ddbb4f; text-decoration: none; font-weight: bold; width: 130px; border: 1px solid #bda045;}
.coupon-content a:hover { background-color: #675622; border: 1px solid #493d17;}

/* --- Appointment Styles ---*/
body#appointment {background: none;}
.appointment-content h1 { display: block; font-size: 16px; margin-top: 0px; margin-bottom: 17px; padding: 8px 20px; color: #ffffff; background-color: #96bc45;}
.appointment-content form { padding: 0px 20px;}
.appointment-content input, .appointment-content label, .appointment-content textarea { display: block; font-size: 12px; font-family: "trebuchet ms", tahoma, helvetica; color: #675622;}
.appointment-content input { margin-bottom: 6px; width: 200px;}
.appointment-content label { margin-bottom: 2px; }
.appointment-content textarea {margin-bottom: 15px; width: 300px; height: 150px;}
.appointment-content input.time { width: 100px;}
.appointment-content input.rbt { display: none;}
.appointment-content input.submit { display: block; font-size: 12px; margin-top: 10px; padding: 8px 0px; text-align: center; color: #ffffff; background-color: #675622; text-decoration: none; font-weight: bold; width: 180px; border: 1px solid #493d17; cursor: pointer;}
.appointment-content label.error { color: #FF0000!important;}

/* --- Testimonials Page --- */
a.add-testimonials { display: block; width: auto!important; color: #675622; margin: 20px 0; padding-left: 25px; width: 16px; line-height: 16px; background: url(../img/plus.gif) no-repeat left top; text-decoration: none; font-size: 12px; font-weight: bold; font-family: "Trebuchet MS", Tahoma, Geneva, Arial, Helvetica; }
a.add-testimonials:hover { text-decoration: underline; background-position: left bottom;}