/* CSS Document */


h1 {
}

h2 {
color: #ac6961;
padding: 0 30px;
margin: 22px 0 16px 0;
font: italic 30px Georgia, "Times New Roman", Times, serif;
}

h3 {
color: #bd8781;
font: 18px trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
padding: 20px 0 10px 0;
margin: 0;
}

h4 {
list-style: none; 
padding-top: 10px; 
color: #bd8781;
font: italic 12px trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
padding: 0 30px;
margin-bottom: 5px;
}

p {
color: #575555;
font: 12px trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
padding: 0 30px 5px 30px;
line-height: 1.4em;
margin: 0;
}

ul {
color: #575555;
font: 12px trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
list-style: square;
}

li {
margin: 1px 0;
}

.top a { color: #8c3126; }
.fix a { color: #8c3126; }

a { 
color: #ac6961;
text-decoration: underline;
}

a:hover {
color: #333333;
}


/* Page structure */

html {
text-align: center;
}

body {
text-align: left;
margin: 0;
padding: 0;
}

#wrap {
width: 750px;
margin: 0 auto;
}

#rightcolumn { 
margin: 0 0 0 199px;
border-left: solid 1px #dadada;
}

#leftcolumn {
float: left;
width: 200px;
}

#footer {
clear: both;
height: 40px;
width: 742px;
}



/* Styles */

#brand {
background: url(images/brand.jpg) no-repeat;
width: 200px;
height: 261px;
text-indent: -9999px;
}

#brand h1 {
margin: 0;
padding: 0;
}

#brand a {
display: block;
text-indent: -9999px;
text-decoration: none;
overflow: hidden;
height: 261px;
width: 200px;
}

#footer {
background: url(images/footer.jpg) no-repeat;
margin: 0 0 20px 0;
}

#pullinfo {
background-color: #fee7d6;
border-right: solid 1px #dadada;
border-bottom: solid 1px #dadada;
padding: 20px 15px 20px 20px;
}

#pullinfo p { color: #ac6961; font: bold italic 12px Georgia, "Times New Roman", Times, serif; line-height: 1.4em; margin: 0; padding: 0; }

#general-info {
border-right: solid 1px #dadada;
}

#general-info p { margin-bottom: 0; padding: 0 0 10px 0; }

#general-info ul {
list-style: none;
margin: 0;
padding: 0 0 35px 0;
}

#general-info li { 
color: #575555;
font: 12px trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
margin: 1px 0;
padding: 0;
}

#pullinfo p.top { padding-bottom: 10px; }

p.indent {
text-indent: 30px;
margin-bottom: 10px;
}

#main-content {
padding-bottom: 20px;
}

#main-content ul { list-style-position: inside; margin: 0; padding: 0 0 0 35px; }

#main-content li { margin: 2px 0; }

#footer p {
color: #4aa7d2;
font-size: 11px;
margin: 0;
padding: 13px 5px;
}

li.bottom { margin-bottom: 0; }
	
li.listheader { list-style: none; font-style: italic; padding-top: 10px; color: #bd8781; text-indent: 0; }

li.paragraph { list-style: none; text-indent: 0; }

p.fix {
width: 160px;
}




/* Main Navigation

ul#main-menu li {
margin: 0;
}

ul#main-menu {
position: relative;
padding: 0;
margin: 0;
width: 542px;
height: 138px;
background: url(images/menu.jpg) no-repeat;
display: block;
list-style: none;
}

li#massage {
position: absolute;
background: url(images/menu.jpg) no-repeat 0 0;
width: 107px;
height: 138px;
top: 0;
left: 0;
}

li#waxing {
position: absolute;
background: url(images/menu.jpg) no-repeat -109px 0;
width: 108px;
height: 138px;
top: 0;
left: 109px
}

li#hair {
position: absolute;
background: url(images/menu.jpg) no-repeat -218px 0;
width: 108px;
height: 138px;
top: 0;
left: 218px
}

li#nail {
position: absolute;
background: url(images/menu.jpg) no-repeat -326px 0;
width: 108px;
height: 138px;
top: 0;
left: 326px
}

li#body {
position: absolute;
background: url(images/menu.jpg) no-repeat -435px 0;
width: 108px;
height: 138px;
top: 0;
left: 435px
}

ul#main-menu a {
display: block;
text-indent: -9999px;
text-decoration: none;
overflow: hidden;
height: 138px;
}

li#massage a:hover { background: url(images/menu.jpg) no-repeat 0 -138px; }

li#waxing a:hover { background: url(images/menu.jpg) no-repeat -109px -138px; }

li#hair a:hover { background: url(images/menu.jpg) no-repeat -218px -138px; }

li#nail a:hover { background: url(images/menu.jpg) no-repeat -326px -138px; }

li#body a:hover { background: url(images/menu.jpg) no-repeat -435px -138px; }

*/

#main-content h3 {
padding-left: 30px;
}

ul#main-menu li {
margin: 0;
}

ul#main-menu {
position: relative;
padding: 0;
margin: 0;
width: 542px;
height: 116px;
background: url(images/menu.jpg) no-repeat;
display: block;
list-style: none;
}

li#massage {
position: absolute;
background: url(images/menu.jpg) no-repeat 0 0;
width: 90px;
height: 116px;
top: 0;
left: 0;
}

li#waxing {
position: absolute;
background: url(images/menu.jpg) no-repeat -91px 0;
width: 90px;
height: 116px;
top: 0;
left: 91px
}

li#hair {
position: absolute;
background: url(images/menu.jpg) no-repeat -182px 0;
width: 90px;
height: 116px;
top: 0;
left: 182px
}

li#nail {
position: absolute;
background: url(images/menu.jpg) no-repeat -273px 0;
width: 90px;
height: 116px;
top: 0;
left: 273px
}

li#skin {
position: absolute;
background: url(images/menu.jpg) no-repeat -364px 0;
width: 90px;
height: 116px;
top: 0;
left: 364px
}

li#body {
position: absolute;
background: url(images/menu.jpg) no-repeat -455px 0;
width: 90px;
height: 116px;
top: 0;
left: 455px
}

ul#main-menu a {
display: block;
text-indent: -9999px;
text-decoration: none;
overflow: hidden;
height: 116px;
}

li#massage a:hover { background: url(images/menu.jpg) no-repeat 0 -117px; }

li#waxing a:hover { background: url(images/menu.jpg) no-repeat -91px -117px; }

li#hair a:hover { background: url(images/menu.jpg) no-repeat -182px -117px; }

li#nail a:hover { background: url(images/menu.jpg) no-repeat -273px -117px; }

li#skin a:hover { background: url(images/menu.jpg) no-repeat -364px -117px; }

li#body a:hover { background: url(images/menu.jpg) no-repeat -455px -117px; }