/* layout */

html, body {
text-align: center;
padding: 0;
margin: 0;
height: 100%;
width: 100%;
background: #ffffff url(../images/body-bg.gif); 
}

.splash {
background: #d0d4f4;
text-align: center !important;
text-transform: uppercase;
}

/* expand container div in IE  */
* html div#content
{
height: 100%;
}
/* end */

p {
font-family: Verdana, Arial, sans-serif;
font-size: 0.7em;
color: #136D87;
line-height: 1.5;
text-align: justify;
padding: 0 0 5px 0;
}

#main img {
border: 2px solid #136D87;
}

/* images */
.sig {
border: 0px !important;
margin-top: 10px !important;
margin-left: 0 !important;
}

.img-right {
float: right;
margin: 0 0 0 10px;
}
.img-left {
float: left;
margin: 0 10px 10px 0;
}
.img-center {
margin-left: 125px;
}
.img-centerLeft {
margin-left: 22px;
margin-top: 16px;
border: 0px !important;
}
.creditcards {
border: 0px !important;
}

form {
margin: 0;
}

.green-bg  { 
background: url(../images/woman-green.jpg) bottom no-repeat #d0d4f4 !important; 
}
.grey-bg {
background: url(../images/woman-grey.jpg) bottom no-repeat #d0d4f4 !important;
}
.lilac-bg {
background: url(../images/woman-lilac.jpg) bottom no-repeat #d0d4f4 !important;
}
.purple-bg {
background: url(../images/woman-purple.jpg) bottom no-repeat #d0d4f4 !important;
}

.noborder {
border: none !important;
}
.nobg:hover {
background: none !important;
}

.qualifications {
margin: 10px;
}

#content  { 
background: url(../images/woman-blue.jpg) bottom no-repeat #d0d4f4; 
text-align: left; 
margin: auto; 
padding: 0 0 70px; 
position: relative; 
width: 800px; 
height: auto; 
min-height: 100% }

#head  { 
background: url(../images/vw.gif) no-repeat center; 
width: 800px; 
height: 150px;
}

#menu  {
height: 60px;
width: auto;
z-index: 1;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
clear: both;
text-align: center;
background-color: #9397ab;
border:1px solid #9397ab;
padding: 2px 0 0 0;
}

#main  {
margin-left: 50px;
width: 700px;
height: auto;
text-align: left;
z-index: 0;
}

#footer {
	position: absolute;
	bottom: 2px;
	height: 75px;
	width: 800px;
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #ffffff;
	border-top: solid 2px #9397ab;
	background-color: #c1ccec;
	clear: both;
}

#footer img {
	float:right;
	border:0;
	margin-right: 5px;
	
}

#popup {
background-color: #c1ccec;
margin: 10px;
padding: 5px 20px 20px 20px;
}

/* text and link formatting */

a {
color: #136D87;
}
a:hover {
color: #9397ab;
/*text-decoration: none;
border-bottom: 1px solid #f5f5f5;
background-color: #f5f5f5;*/
}

.treatmentlist ul li a {
color: #136D87;
text-decoration: none;
border-bottom: 1px solid #136D87;
background: none;
margin: 0;
padding: 0;
display: inline;
}

.treatmentlist ul li a:hover {
color: #136D87;
text-decoration: none;
border-bottom: 1px solid #f5f5f5;
background-color: #f5f5f5;
}

#footer a { 
color: #ffffff;
border: 0;
}
#footer a:hover {
color: #9397ab;
}

#footer p {
margin: 0;
padding: 4px;
font-size: .9em;
text-align: center;
}

#t {
background: url(../icons/tel.gif) no-repeat left center;
margin-left: 0; 
padding-left: 12px;
}

#m {
background: url(../icons/mob.gif) no-repeat left center;
margin-left: 0; 
padding-left: 12px;
}

#e {
background: url(../icons/mail.gif) no-repeat left center;
margin-left: 0; 
padding-left: 12px;
}

#credits {
font-size: 9px;
font-family: Arial, sans-serif;
letter-spacing: 1px;
background-color: #9397ab;
}
#credits a:hover{
color: #c1ccec;
}

#left-panel h1 {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
text-transform: uppercase;
color: #ffffff;
padding-bottom: 4px;
margin-bottom: 4px;
margin-left: 4px;
border-bottom: 1px dotted #ffffff;
}

h2 {
font-family: Verdana, Arial, sans-serif;
font-size: 0.7em;
font-weight: bold;
color: #136D87;
margin: 20px 0 10px 0;
padding: 0 0 4px 0;
border-bottom: 1px dotted #136D87;
text-align: left;
text-transform: uppercase;
letter-spacing: 4px;
}

h3 {
font-family: Verdana, Arial, sans-serif;
font-size: 0.7em;
font-weight: bold;
text-align: left;
color: #136D87;
height: auto;
margin: 18px 0 8px 0;
padding: 8px;
/* border-bottom: 2px solid #136D87; */
background: #c1ccec url(../images/h3-bg.gif) repeat-x bottom;
}

h4 {
font-family: Verdana, Arial, sans-serif;
font-size: 1.4em;
font-weight: bold;
text-align: center;
color: #136D87;
height: auto;
margin: 18px 0 8px 0;
padding: 8px;
}

.time-price {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
color: #136D87;
font-weight: normal;
}

.beauty-flash {
font-family: Verdana, Arial, sans-serif;
font-size: 1.1em;
/*font-weight: bold;*/
color: #136D87;
line-height: 1.5;
text-align: left;
margin: 20px;
padding: 20px;
border: 1px solid #136D87;
background-color: #ffffff;
}

blockquote {
font-family: Verdana, Arial, sans-serif;
font-size: 0.8em;
font-style: italic;
font-weight: bold;
color: #136D87;
line-height: 1.5;
text-align: center;
padding: 10px 0 0 0;
}

.blockquote {
margin-left: 80px;
}

#main ul  {
	color: #136d87;
	font-size: 0.7em;
	font-family: Verdana, Arial, sans-serif;
	line-height: 1.5;
	text-align: left;
	list-style-image: url(../images/bullet.gif);
	display: block;
	margin: 10px 0 10px 20px;
	position: relative;
	z-index: 0;
	width: auto;
	float: none;
}

#main li {
position: relative;
width: auto;
height: auto;
margin: 0 0 6px 20px;
float: none;
z-index: 0;
}

blockquote.quote {
font-family: Verdana, Arial, sans-serif;
font-size: .8em;
text-align: left;
font-style: normal;
font-weight: normal;
background: url(../images/66.gif) top left no-repeat;
padding: 0 0 0 25px;
margin: 0 25px 0 25px;
}

blockquote.quote p {
padding: 0 25px 0 0;
background: url(../images/99.gif) bottom right no-repeat;
}

p.source {
font-family: Verdana, Arial, sans-serif;
font-size: 0.6em;
font-weight: bold;
color: #136D87;
margin: 20px 25px 30px 25px;
padding: 0 0 4px 0;
border-bottom: 1px dotted #136D87;
text-align: right;
text-transform: uppercase;
letter-spacing: 2px;
display: block;
}

/* tables and forms */

#treatment-list {
margin: 20px 0 20px 20px;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
color: #136D87;
width: 600px;
}
#treatment-list td {
padding: 4px;
border-bottom: 1px solid #136D87;
}

#contact-form td {
padding: 10px 6px 10px 6px;
border-bottom: 1px solid #136D87;
font-weight: normal;
}

.form-title {
background: #c1ccec url(../images/h3-bg.gif) repeat-x bottom;
/* border-bottom: 2px solid #9397ab !important; */
font-weight: bold !important;
border-bottom: 0px !important;
padding: 8px !important;
}

#form {
margin: 20px 0 20px 50px;
font-family: Verdana, Arial, sans-serif;
font-size: 0.7em;
color: #136D87;
width: 600px;
/* border: 1px solid #9397ab; */
}

input, select, textarea {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
border: 1px solid #9397AB;
padding: .2em;
width: 300px;
overflow: auto;
}

.radio {
width: auto;
border: 0;
}

.submit {
width: auto;
}


/* section end */
#end  { 
clear: both;
/*
background: url(../images/panel-bottom.gif) center;
width: 700px; 
height: 20px;
border-bottom: 4px solid #f5f5f5;
*/
}

#top {
text-align: right;
text-transform: uppercase;
}

/* section headings */

h1 {
margin: 16px 0 0 0;
font-family: "Palatino Linotype", "Times New Roman", Times, serif;
font-style: italic;
font-weight: normal;
font-size: 2.4em;
color: #136D87;
text-align: right;
}

/*
#welcome {
margin: 10px 0 10px 0;
padding: 0 0 0 0;
width:  700px;
height: 56px;
background: url(../images/welcome.gif) top right no-repeat;
}
#welcome span { display: none; }


#about {
margin: 0 0 0 0;
padding: 0 0 0 0;
width:  700px;
height: 58px;
background: url(../images/about.gif) top right no-repeat;
border-bottom: 2px solid #000000;
}
#about span { display: none; }

#treatments {
margin: 10px 0 10px 0;
padding: 0 0 0 0;
width:  700px;
height: 56px;
background: url(../images/treatments.gif) top right no-repeat;
}
#treatments span { display: none; }

#special {
margin: 10px 0 10px 0;
padding: 0 0 0 0;
width:  700px;
height: 56px;
background: url(../images/special.gif) top right no-repeat;
}
#special span { display: none; }

#testimonials {
margin: 10px 0 10px 0;
padding: 0 0 0 0;
width:  700px;
height: 56px;
background: url(../images/testimonials.gif) top left no-repeat;
}
#testimonials span { display: none; }

#etiquette {
margin: 10px 0 10px 0;
padding: 0 0 0 0;
width:  700px;
height: 56px;
background: url(../images/etiquette.gif) top right no-repeat;
}
#etiquette span { display: none; }

#opening {
margin: 10px 0 10px 0;
padding: 0 0 0 0;
width:  700px;
height: 56px;
background: url(../images/opening.gif) top right no-repeat;
}
#opening span { display: none; }

#giftvouchers {
margin: 10px 0 10px 0;
padding: 0 0 0 0;
width:  700px;
height: 56px;
background: url(../images/giftvouchers.gif) top right no-repeat;
}
#giftvouchers span { display: none; }

#contact {
margin: 10px 0 10px 0;
padding: 0 0 0 0;
width:  700px;
height: 56px;
background: url(../images/contact.gif) top right no-repeat;
}
#contact span { display: none; }

#studio {
margin: 10px 0 10px 0;
padding: 0 0 0 0;
width:  700px;
height: 56px;
background: url(../images/studio.gif) top right no-repeat;
}
#studio span { display: none; }

#articles{
margin: 10px 0 10px 0;
padding: 0 0 0 0;
width:  700px;
height: 56px;
background: url(../images/articles.gif) top right no-repeat;
}
#articles span { display: none; }
*/

/* links list */
#ext-links ul
{}

#ext-links a {
background: none;
border: none;
padding: 2px;
}
#ext-links a:hover {
color: #9397AB;
}

#ext-links li
{
margin: 0;
padding: 2px 0 0 4px;
display: inherit;
}


/* 
list menu
Credit to Nick Rigby 
http://www.alistapart.com/articles/horizdropdowns/
*/

/* remove indents and bullets from unordered list and define width of menu items */
ul {
margin: 0;
padding: 0;
list-style: none;
display: inline;
text-align: center;
width: 800px;
z-index: 1;
}

/* set position as relative to position the sub-menus absolutely within them */
ul li {
float: left;
position: relative;
width: 157px;
padding: 0 0 0 2px;
z-index: 2;
/*
causes glitch in IE6
padding: 1px;
*/
}

/* set position as relative to position the sub-menus absolutely within them */
ul li ul li{
float: right;
position: relative;
width: 157px;
padding: 0 0 0 2px;
z-index: 2;
/*
causes glitch in IE6
padding: 1px;
*/
}

/* set sub-menu position and visibility to none */
li ul {
position: absolute;
left: 0;
top: 25px;
display: none;
width: 157px;
padding: 0;
margin: 0;
}

li ul li ul {
position: absolute;
left: 161px;
top: 0px;
display: none !important;
width: 157px;
padding: 0;
margin: 0;
}


/* style links */
ul li a, li ul li a {
display: block;
text-decoration: none;
color: #ffffff;
background: #c1ccec;
padding: 5px;
border-top: 0;
border-bottom: 2px solid #9397ab;
}

/* to remove white space between menu items in IE */
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%;}
* html ul li a { height: 1%; }
/* End */

/* main menu hover style */
ul li a:hover {
background: #d0d4f4;
color: #ffffff;
border-bottom: 2px solid #9397ab;
}

/* sub-menu hover style */
li ul li a {
text-align: left;
color: #136D87 ;
}

ul li ul li {
list-style: none;
}

/* make the sub-menus appear */
li:hover ul, li.over ul { 
display: block;
}

/* make the sub-menus appear */
li ul li:hover ul, li ul li.over ul { 
display: block !important;
}

/* flashi highlight */
li ul li a.flash {
text-align: left;
background:#f26c4f;
color: #ffffff;
}
li ul li a.flash:hover {
text-align: left;
background: #ed1c24;
}

.error {
color: #ff0000;
font-weight: bold;
/* display: none; */
visibility: hidden;
}


.heart {
color: #b80320;
/*
padding-left: 20px;
background: url(../images/heart.gif) top left no-repeat;*/
}

#onlinebooking {
display: block;
height: 30px;
width: 794px;
line-height: 30px;
font-family: "Times New Roman", Times, serif;
font-size: 16px;
font-weight: bold;
text-align: center;
background-color: #FCF;
text-decoration: none;
color: #136D87;
border-top: 1px solid #136D87;
border-bottom: 1px solid #136D87;
margin: 0 0 0 2px;
}
#onlinebooking:hover {
background-color: #FFFFCC;
}
#onlinebooking span {
font-size: 11px;
font-weight: normal;
}

.tagline {
display: block;
height: 30px;
line-height: 24px;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-align: center;
/*background-color: #fff;*/
background:url(../images/tagline-tab.jpg) top no-repeat;
text-decoration: none;
color: #136D87;
margin: 0;
}
#footer p#signup {
font-size: 14px;
font-weight: bold;
}

.button {
border: 1px solid #136D87;
font-weight: bold;
padding: 4px 8px;
text-decoration: none;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
border-radius: 14px;
background-color: #136D87;
color: #f5f5f5;
}
.button:hover {
background-color: #9397ab;
color: #f5f5f5;
}