body
{
background:url(../images/bg1.jpg) repeat-x #184580;
}

#container
{
width:710px;
margin:0 auto;
background:#FFFFFF;
}

#header
{
height:100px;
width:710px;
position:relative;
float:left;
text-indent:-9999px;
background:url(../images/logo.jpg) no-repeat #184580;
}


/* ############# NAV SPRITE CODE ################ */

#navigation
{
height:35px;
width:710px;
position:relative;
float:left;
}

#navigation li
{
position:relative;
float:left;
}


#dropdown1
{
position:absolute;
left:0;
top:0;
display:block;
height:200px;
width:200px;
background:#999999;
}

#dropdown1 li
{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:32px; }




li#homepage
{
background:url(../images/nav-sprite.jpg) 0 0 no-repeat;
height:35px;
width:126px;
text-indent:-9999px;
display:block;
}

li#homepage:hover
{
background:url(../images/nav-sprite.jpg) 0 -35px no-repeat;
height:35px;
width:126px;
text-indent:-9999px;
cursor:pointer;
display:block;
}

li#homepage.active
{
background:url(../images/nav-sprite.jpg) 0 -35px no-repeat;
height:35px;
width:126px;
text-indent:-9999px;
cursor:pointer;
display:block;
}

li#homepage a
{
height:35px;
width:126px;
display:block;
}


li#about
{
background:url(../images/nav-sprite.jpg) -126px 0 no-repeat;
height:35px;
width:97px;
text-indent:-9999px;
}

li#about:hover
{
background:url(../images/nav-sprite.jpg) -126px -35px no-repeat;
height:35px;
width:97px;
text-indent:-9999px;
cursor:pointer;
}

li#about.active
{
background:url(../images/nav-sprite.jpg) -126px -35px no-repeat;
height:35px;
width:97px;
text-indent:-9999px;
cursor:pointer;
}

li#about a
{
height:35px;
width:97px;
display:block;
}

li#types
{
background:url(../images/nav-sprite.jpg) -223px 0 no-repeat;
height:35px;
width:175px;
text-indent:-9999px;
}

li#types:hover
{
background:url(../images/nav-sprite.jpg) -223px -35px no-repeat;
height:35px;
width:175px;
cursor:pointer;

}

li#types.active
{
background:url(../images/nav-sprite.jpg) -223px -35px no-repeat;
height:35px;
width:175px;
cursor:pointer;
}

li#types a
{
height:35px;
width:175px;
display:block;
}

.indent
{
text-indent:0px;
}


li#prices
{
background:url(../images/nav-sprite.jpg) -398px 0 no-repeat;
height:35px;
width:70px;
text-indent:-9999px;
}

li#prices:hover
{
background:url(../images/nav-sprite.jpg) -398px -35px no-repeat;
height:35px;
width:70px;
text-indent:-9999px;
cursor:pointer;
}

li#prices.active
{
background:url(../images/nav-sprite.jpg) -398px -35px no-repeat;
height:35px;
width:70px;
text-indent:-9999px;
cursor:pointer;
}

li#prices a
{
height:35px;
width:70px;
display:block;
}


li#testimonials
{
background:url(../images/nav-sprite.jpg) -468px 0 no-repeat;
height:35px;
width:128px;
text-indent:-9999px;
}

li#testimonials:hover
{
background:url(../images/nav-sprite.jpg) -468px -35px no-repeat;
height:35px;
width:128px;
text-indent:-9999px;
cursor:pointer;
}

li#testimonials.active
{
background:url(../images/nav-sprite.jpg) -468px -35px no-repeat;
height:35px;
width:128px;
text-indent:-9999px;
cursor:pointer;
}

li#testimonials a
{
height:35px;
width:128px;
display:block;
}


li#contact
{
background:url(../images/nav-sprite.jpg) -596px 0 no-repeat;
height:35px;
width:114px;
text-indent:-9999px;
}

li#contact:hover
{
background:url(../images/nav-sprite.jpg) -596px -35px no-repeat;
height:35px;
width:114px;
text-indent:-9999px;
cursor:pointer;
}

li#contact.active
{
background:url(../images/nav-sprite.jpg) -596px -35px no-repeat;
height:35px;
width:114px;
text-indent:-9999px;
cursor:pointer;
}

li#contact a
{
height:35px;
width:114px;
display:block;
}


/* ############# END NAV SPRITE CODE ################ */


#splash
{
background:#FFFFFF;
height:255px;
width:680px;
padding:15px;
position:relative;
float:left;
}

#splash h2
{
background:url(../images/splash-sprite.jpg) 0 -260px no-repeat;
text-indent:-9999px;
position:relative;
float:left;
height:260px;
width:680px;
cursor:pointer;
}

#splash h2:hover
{
background:url(../images/splash-sprite.jpg) 0 0 no-repeat;
text-indent:-9999px;
position:relative;
float:left;
height:260px;
width:680px;
cursor:pointer;
}

#splash a
{
height:255px;
width:680px;
padding:15px;
display:block;
}


#splash-small
{
background:#FFFFFF;
height:175px;
width:680px;
padding:15px;
position:relative;
float:left;
}

#splash-small h2
{
height:175px;
text-indent:-9999px;
position:relative;
float:left;
width:680px;
}

h2.splash-reiki
{
background:url(../images/splash7.jpg) no-repeat;
}

h2.splash-stones
{
background:url(../images/splash2.jpg) no-repeat;
}

h2.splash-relax
{
background:url(../images/splash3.jpg) no-repeat;
}

h2.splash-sport
{
background:url(../images/splash4.jpg) no-repeat;
}

h2.splash-testimonials
{
background:url(../images/testimonials.jpg) no-repeat;
}

h2.splash-prices
{
background:url(../images/splash6.jpg) no-repeat;
}


h2.splash-about
{
background:url(../images/splash5.jpg) no-repeat;
}



#sub-menu
{
padding:0px 15px;
width:680px;
height:105px;
position:relative;
float:left;
background:#FFFFFF;
}

#sports
{
height:105px;
width:230px;
background:url(../images/massages-sprite.jpg) 0 -105px no-repeat;
text-indent:-9999px;
position:relative;
float:left;
}


#sports a
{
height:105px;
width:230px;
display:block;
}


#hotStone
{
height:105px;
width:224px;
background:url(../images/massages-sprite.jpg) -230px -105px no-repeat;
text-indent:-9999px;
position:relative;
float:left;
}

#hotStone a
{
height:105px;
width:224px;
display:block;
}

#rieki
{
height:105px;
width:225px;
background:url(../images/massages-sprite.jpg) -455px -105px no-repeat;
text-indent:-9999px;
position:relative;
float:left;
}

#rieki a
{
height:105px;
width:225px;
display:block;
}

#sports:hover
{
height:105px;
width:230px;
background:url(../images/massages-sprite.jpg) 0 0 no-repeat;
text-indent:-9999px;
position:relative;
float:left;
cursor:pointer;
}


#hotStone:hover
{
height:105px;
width:224px;
background:url(../images/massages-sprite.jpg) -230px 0 no-repeat;
text-indent:-9999px;
position:relative;
float:left;
cursor:pointer;
}


#rieki:hover
{
height:105px;
width:225px;
background:url(../images/massages-sprite.jpg) -455px 0 no-repeat;
text-indent:-9999px;
position:relative;
float:left;
cursor:pointer;
}


#sports.active
{
height:105px;
width:230px;
background:url(../images/massages-sprite.jpg) 0 0 no-repeat;
text-indent:-9999px;
position:relative;
float:left;
cursor:pointer;
}


#hotStone.active
{
height:105px;
width:224px;
background:url(../images/massages-sprite.jpg) -230px 0 no-repeat;
text-indent:-9999px;
position:relative;
float:left;
cursor:pointer;
}


#rieki.active
{
height:105px;
width:225px;
background:url(../images/massages-sprite.jpg) -455px 0 no-repeat;
text-indent:-9999px;
position:relative;
float:left;
cursor:pointer;
}


#content
{
position:relative;
float:left;
width:620px;
padding:25px 45px;
background:url(../images/bottom-content.jpg) bottom no-repeat #FFFFFF;
}

#content h3
{
font-size:30px;
line-height:36px;
margin-bottom:14px;
font-family:"Times New Roman", Times, serif;
color:#184580;
font-weight:100;
letter-spacing:1.5px;
}

#content h4
{
font-size:16px;
line-height:20px;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:14px;
color:#184580;
letter-spacing:1.5px;
}

#content h5
{
font-size:16px;
line-height:20px;
font-family:Arial, Helvetica, sans-serif;
margin-top:18px;
color:#184580;
letter-spacing:1.5px;
}

#tb1
{
width:65%;
padding-right:5%;
}

#content p, table
{
font-size:12px;
line-height:20px;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:14px;
color:#184580;
letter-spacing:1.5px;
}

#content li
{
font-size:12px;
line-height:18px;
font-family:Arial, Helvetica, sans-serif;
color:#184580;
letter-spacing:1.5px;
list-style:inside disc;
}

#content ul
{
margin-left:14px;
margin-bottom:14px;
}

.header
{
margin-top:-12px;
}

#footer
{
margin-top:-30px;
padding-top:40px;
height:40px;
float:left;
width:100%;
background:#184580;
}

#footer h5
{
font-family:Arial, Helvetica, sans-serif;
font-weight:100;
font-size:10px;
text-align:center;
color:#FFFFFF;
}