@charset "utf-8";
/* CSS Document */

body{margin: 0px; background-color: #d7ed9a; font-family:Arial, Helvetica, sans-serif; color: black; font-size: 15px;}

a:link {color: #EEEEEE;}
a:visited{color: #EEEEEE;}
a:hover{color: #CCFF99;}
a:focus{color: white;}

ul a:hover {text-decoration: none;}

img {border: none;}

td {padding: 10px;}
img.album {border: 2px solid #E6F1C9;}
img.album:hover {border: 2px solid black;}
table {font-size: 12px; line-height: 15px;}
.tablelink:link {color: #660000;}
.tablelink:hover {color: #660000;}
.tablelink:focus {color: #660000;}
.tablelink:visited {color: #660000;}

#wrapper {background: url(/graphics/background.jpg) top center  no-repeat; margin: auto; width: 1000px; min-height: 1000px;}
#content {width: 1000px;}
#header {width: 1000px; height: 155px; margin: auto;}
#logo {width: 221px; height: 155px; float: left;}
#logo a {width: 100%; height: 100%; display: block;}
#intro {width: 500px; height: 100px; float: left; padding-top: 26px;}
#contactcard {width: 220px; height: 155px; float: right;}
#contactcard a {width: 100%; height: 100%; display: block;}
#body {width: 780px; min-height: 580px; background: url(/graphics/body.jpg) no-repeat; overflow: hidden;}
#top {width: 590px; height: 30px; background: url(/graphics/top.jpg) no-repeat; padding-right: 250px; padding-left: 160px;  font-size: 10px; color: white;}
#top a {text-decoration: none;}
#anchored {float: right; font-size: 14px; width: 170px;}
#navigation {width: 133px; float: left; min-height: 100px; padding-left: 20px; text-align: right; padding-top: 15px;}
#navigation a{font-family: cursive; font-size: 14px; text-decoration: none; display: block; width: 120px; height: 30px; padding-top: 5px; float: left; vertical-align: middle; color: black;}
#navigation a:hover {color: #888888;}
#information {width: 627px; min-height: 660px; float: left; background: url(/graphics/content.jpg) repeat-y;}
#text {width: 555px; float: left; padding-left: 10px;}
#vine {width: 62px; float: right; background: url(/graphics/vine.jpg) no-repeat; min-height: 568px;}
#footer {width: 1000px; float: left; background: url(/graphics/footer.jpg) no-repeat; height: 30px;}
#bottom {width: 100%; font-size: 11px; margin: auto; text-align: center; line-height: 20px; color: #555555;}
#bottom a {color: #555555; text-decoration: none;}
#bottom a:hover {color: black; text-decoration: overline;}

#notice {background: url(/graphics/notice.jpg) no-repeat; width: 530px; height: 45px; float: right;}
#services {background: url(/graphics/services.jpg) no-repeat; width: 530px; height: 45px; float: right;}
#packages {background: url(/graphics/packages.jpg) no-repeat; width: 530px; height: 52px; float: right;}
#products {background: url(/graphics/products.jpg) no-repeat; width: 530px; height: 45px; float: right;}
#book {background: url(/graphics/book.jpg) no-repeat; width: 530px; height: 45px; float: right;}
#photo {background: url(/graphics/photo.jpg) no-repeat; width: 530px; height: 48px; float: right;}
#contact {background: url(/graphics/contact.jpg) no-repeat; width: 530px; height: 45px; float: right;}
#location {background: url(/graphics/location.jpg) no-repeat; width: 530px; height: 45px; float: right;}
#promo {background: url(/graphics/promo.jpg) no-repeat; width: 530px; height: 45px; float: right;}
#gift {background: url(/graphics/gift.jpg) no-repeat; width: 530px; height: 45px; float: right;}
#welcome {background: url(/graphics/welcome.jpg) no-repeat; width: 530px; height: 45px; float: right;}
#testimonials {background: url(/graphics/testimonials.jpg) no-repeat; width: 530px; height: 45px; float: right;}
div.announcement {background: url(/graphics/announcement.jpg) repeat-y; width: 510px; min-height: 20px; padding: 0px 10px 0px 10px; float: right; line-height: 26px;}
div.announcement a {color: black;}
#start {background: url(/graphics/start.jpg) no-repeat; width: 530px; height: 20px; float: right;}
div.end {background: url(/graphics/end.jpg) no-repeat; width: 530px; height: 20px; float: right; margin-bottom: 10px;}

#ilike {background: url(/graphics/Ilike.jpg) no-repeat; margin: 15px 0px 0px 20px; width: 240px; height: 156px; float: left; background-position: left;}
#ilike:hover {background-position: right;}
#ilike a {display: block; width: 100%; height: 100%;}

#I2 {background: url(/graphics/I2.jpg) no-repeat; margin: 15px 0px 0px 20px; width: 240px; height: 136px; float: left; background-position: left;}
#I2:hover {background-position: right;}
#I2 a {display: block; width: 100%; height: 100%;}

#Alkaitis {background: url(/graphics/Alkaitis.jpg) no-repeat; margin: 15px 0px 0px 35px; width: 200px; height: 200px; float: left; background-position: left;}
#Alkaitis:hover {background-position: right;}
#Alkaitis a {display: block; width: 100%; height: 100%;}

#Miessence {background: url(/graphics/miessance.jpg) no-repeat; margin: 15px 0px 0px 35px; width: 200px; height: 194px; float: left; background-position: left;}
#Miessence:hover {background: url(/graphics/miessancehover.jpg) no-repeat;}
#Miessence a {display: block; width: 100%; height: 100%;}

#moisturizers {width: 90%; margin: auto; background-color: white; margin-top: 30px; padding: 15px;}
#moisturizers h2 {margin-top: 0px; color: #66CC00;}
#moisturizers hr {height: 1px;}
#serum {width: 90%; margin: auto; background-color: white; margin-top: 30px; padding: 15px;}
#serum h2 {margin-top: 0px; color: #66CC00;}
#serum hr {height: 1px;}
#masques {width: 90%; margin: auto; background-color: white; margin-top: 25px; padding: 15px;}
#masques h2 {margin-top: 0px; color: #66CC00;}
#masques hr {height: 1px;}
#exfoliators {width: 90%; margin: auto; background-color: white; margin-top: 25px; padding: 15px;}
#exfoliators h2 {margin-top: 0px; color: #66CC00;}
#exfoliators hr {height: 1px;}
#cleansers {width: 90%; margin: auto; background-color: white; margin-top: 25px; padding: 15px;}
#cleansers h2 {margin-top: 0px; color: #66CC00;}
#cleansers hr {height: 1px;}
#conditioners {width: 90%; margin: auto; background-color: white; margin-top: 25px; padding: 15px;}
#conditioners h2 {margin-top: 0px; color: #66CC00;}
#conditioners hr {height: 1px;}
#toners {width: 90%; margin: auto; background-color: white; margin-top: 25px; padding: 15px;}
#toners h2 {margin-top: 0px; color: #66CC00;}
#toners hr {height: 1px;}
#peels {width: 90%; margin: auto; background-color: white; margin-top: 25px; padding: 15px;}
#peels h2 {margin-top: 0px; color: #66CC00;}
#peels hr {height: 1px;}
#anti-aging-cream {width: 90%; margin: auto; background-color: white; margin-top: 25px; padding: 15px;}
#anti-aging-cream h2 {margin-top: 0px; color: #66CC00;}
#anti-aging-cream hr {height: 1px;}
#anti-aging-serum {width: 90%; margin: auto; background-color: white; margin-top: 25px; padding: 15px;}
#anti-aging-serum h2 {margin-top: 0px; color: #66CC00;}
#anti-aging-serum hr {height: 1px;}
#acne-treatment {width: 90%; margin: auto; background-color: white; margin-top: 25px; padding: 15px;}
#acne-treatment h2 {margin-top: 0px; color: #66CC00;}
#acne-treatment hr {height: 1px;}
#face-nourishment {width: 90%; margin: auto; background-color: white; margin-top: 25px; padding: 15px;}
#face-nourishment h2 {margin-top: 0px; color: #66CC00;}
#face-nourishment hr {height: 1px;}
#eye-creams {width: 90%; margin: auto; background-color: white; margin-top: 25px; padding: 15px;}
#eye-creams h2 {margin-top: 0px; color: #66CC00;}
#eye-creams hr {height: 1px;}
#balms {width: 90%; margin: auto; background-color: white; margin-top: 25px; padding: 15px;}
#balms h2 {margin-top: 0px; color: #66CC00;}
#balms hr {height: 1px;}
#aromatherapy-post-depilatory {width: 90%; margin: auto; background-color: white; margin-top: 25px; padding: 15px;}
#aromatherapy-post-depilatory h2 {margin-top: 0px; color: #66CC00;}
#aromatherapy-post-depilatory hr {height: 1px;}
#winter {width: 90%; margin: auto; background-color: white; margin-top: 25px; padding: 15px;}
#winter h2 {margin-top: 0px; color: #66CC00;}
#winter hr {height: 1px;}