﻿html, body, a, ul, ul li, input, h1, h2, h3, h4, h5, span, img, div, p, form
{
		margin: 0;
		padding: 0;
}
body 
{
		background-color: #8B450C;
		font-size: 80%;
		font-family: Verdana, Arial, Sans-Serif;
		color: #000000;
}
a:link
{
		text-decoration: underline;
		color: #A0500E;
}
a:hover, a:visited
{
		color: #422106;
}
#mainNav ul li a, input.button, input.buttonPushed, h1, h2, h3, h4, h5
{
		font-family: Georgia, Serif;
}

/* header image replacement */
h1 span, h2 span, h3 span
{
		display: none;
}
img
{
		border: none;
}

/* ----------container to center the layout-------------- */
#container 
{
		background: #F2E3CC url(images/bgShadow.gif) repeat-y right;
		width: 786px;
}

/* logo */
#logo
{
		background-color: #F2E3CC;
		height: 174px;
		width: 192px;
		padding-top: 5px;
		padding-bottom: 2px;
}
#logo a
{
		background-image: url(images/logo.gif);
		display: block;
		height: 113px;
		width: 128px;
		margin-left: auto;
		margin-right: auto;
}
#logo a:hover
{
		background-image: url(images/logoOver.gif);
}
#logo h1
{
		background-image: url(images/name.gif);
		width: 148px;
		height: 61px;
		margin-left: auto;
		margin-right: auto;
}

/* ----------header-------------- */
#header 
{
		background: #F2E3CC url(images/view.jpg) no-repeat top right;
		height: 210px;
		width: 772px;
}
/* tagline */
#tagline
{
		background: #000000 url(images/tagline.gif) no-repeat center right;
		height: 29px;
		width: 772px;
}
/* search box */
#searchBox
{
		background-image: url(images/searchBoxBg.gif);
		width: 178px;
		height: 26px;
		padding: 10px;
}
input.textbox
{
		width: 95px;
}
input.button
{
		background: url(images/button.gif);
		border: none;
		width: 68px;
		height: 1.7em;
		font-weight: 900;
}
input.buttonPushed
{
		background: url(images/buttonPushed.gif);
		border: none;
		width: 68px;
		height: 1.7em;
		font-weight: 900;
}
/* main navigation */
#mainNav
{
		background: #F19D56 url(images/mainNavBg.gif) repeat-y right;
		float: left;
		width: 198px;
}
#mainNav ul li
{
		list-style-type: none;
}
#mainNav ul li a
{
		background: #F19D56 url(images/menuButton.gif) no-repeat top left;
		color: #000000;
		font-size: 1em;
		font-weight: 900;
		height: 29px;
		display: block;
		padding: 12px 14px 0px 0px;
		text-decoration: none;
		text-align: right;
		width: 178px;
}
#mainNav ul li a:hover, #mainNav ul li a.selected
{
		background-image: url(images/menuButtonOver.gif);
}
/* -----------------content--------------------- */

#content {
background: #F2E3CC url(images/contentBg.gif) repeat-x top left;
float: left;
width: 494px;
padding: 20px 30px 10px 50px;
}
div#content 
{
min-height:550px;
/*height:expression(this.scrollHeight > 550 ? "auto":"550px"); */
}
#content p
{
		margin: 0 0 20px 0;
}


/* -----------footer--------------------------- */
#footer 
{
		background: #000000 url(images/footerBg.gif) no-repeat bottom right;
		color: #F2E3CC;
		font-size: 12px;
		clear: both;
		height: 23px;
		height: 34px;
		margin: 0px;
		padding: 5px 10px 0 10px;
		text-align: center; 
}
#footer a:link
{
		color: #F2E3CC;
}
#footer a:hover, #footer a:visited
{
		color: #E8CCA4;
}
/*---------- titles ------------------------------*/
h3.img
{
		background-color: #F2E3CC;
		margin-left: auto;
		margin-right: auto;		
		margin-bottom: 10px;
}
#h3Home
{
		background-image: url(images/titleHome.gif);
		width: 330px;
		height: 101px;
}
#h3Facials
{
		background-image: url(images/titleFacials.gif);
		width: 291px;
		height: 41px;
}
#h3Body
{
		background-image: url(images/titleBody.gif);
		width: 344px;
		height: 53px;
}
#h3Massage
{
		background-image: url(images/titleMassage.gif);
		width: 140px;
		height: 51px;
}
#h3Hahana
{
		background-image: url(images/titleHahana.gif);
		width: 396px;
		height: 53px;
}
#h3Manicure
{
		background-image: url(images/titleManicure.gif);
		width: 425px;
		height: 49px;
}
#h3Packages
{
		background-image: url(images/titlePackages.gif);
		width: 500px;
		height: 52px;
}
#h3Gifts
{
		background-image: url(images/gift-vouchers.gif);
		width: 237px;
		height: 53px;
}
#h3Seniors
{
		background-image: url(images/titleSeniors.gif);
		width: 296px;
		height: 39px;
}
#h3Solace
{
		background-image: url(images/titleSolace.gif);
		width: 431px;
		height: 49px;
}
#h3Links
{
		background-image: url(images/titleLinks.gif);
		width: 105px;
		height: 38px;
}
#h3Contact
{
		background-image: url(images/titleContact.gif);
		width: 186px;
		height: 39px;
}
#h3Extras
{
		background-image: url(images/titleExtras.gif);
		width: 256px;
		height: 50px;
}

/*---------- teaser ------------------------------*/
.teaser, .teaser2
{
		color: #773C0B;
		font-size: 1.2em;
		font-family: Georgia, Serif;
		line-height: 1.2em;
}
/*---------- pricing boxes ------------------------------*/

.pricing, .pricingShiftup
{
		border-top: solid 1px #F19D56;
		border-bottom: solid 1px #F19D56;
		float: left;
		width: 5em;
		width: 70px;
		padding: .4em 0 0 0;
		margin-right: 10px;
		margin-top: .2em;
}
.pricingShiftup
{
		margin-top: -.5em;
		clear: both;
}
/*---------- product descriptions ------------------------------*/
.intro
{
		padding-left: 80px;
}
.product
{
		float: left;
		width: 405px;
}
.indent .product
{
		float: left;
		width: 375px;
}
/* ----------heading with an image & a description --------*/
.imageIntro a
{
		float: left;
}
.imageIntro h4
{
		float: left;
		padding-top: 20px;
}
/* ----------- hahana stuff --------*/
#hahanaWoman
{
		background: transparent url(images/hahanaWoman.jpg) no-repeat top center;
		height: 200px;
		margin-top: 20px;
}
#hahanaIntro
{
		height: 100px;
		margin-bottom: 20px;
}
#hahanaIntro h4
{
		width: 320px;
}
#hahanaIntro img
{
		width:150px;
}
/*---------- misc ------------------------------*/
h3
{
		background-color: #F7C69D;
		font-size: 1.3em;
}
h4
{
		border-bottom: solid 1px #F19D56;
		font-size: 1.2em;
}
.floatRight
{
		float: right;
		margin-left: 20px;
}
.floatLeft
{
		float: left;
}
.clear
{
		clear: both;
}
.indent
{
		margin-left: 30px;
}
.red
{
		color: #8B450C;
}
.inline
{
		display: inline;
}
.relative
{
		position: relative;
}
.absBottomLeft
{
		position:absolute;
		bottom:0;
		left:0;
}
.absBottomRight
{
		position:absolute;
		bottom:0;
		right:0;
}