body {	
    margin: 0; /* it's good practice to 0 margin & padding of the body element for differing browser defaults */
	padding: 0;
    font: 100%  Arial, Verdana, Helvetica, sans-serif;
	}

	
	
html{
height:101%;
}
#wrap
    {    width:850px;
	 margin:auto;
	 position:relative;
	 background:#FFFFFF;
	 border:solid 1px #CCCCCC; 
	 background:url(images/background_spring.jpg);
	 background-repeat:no-repeat;
	 background-position:top right;
	 margin-top:20px;
	 min-height:500px;
	}
	 
#header {
        font-size:100%;	
        height:105px;			
        background:url(images/title.jpg);
	background-position:top left;
	background-repeat:no-repeat;
padding-top:40px;	
	}	
	
.blockquote
{ background:url(images/quotefirebrick.gif);
 	background-position:top left;
	background-repeat:no-repeat;	
	padding-left:20px;text-align:justify;
 } 
 
.unblockquote{ 
  background:url(images/unquotefirebrick.gif);
  background-repeat:no-repeat;
  background-position:bottom right;
  padding-right:5px;}

	
#left{
	float:left;
	width:270px;
	padding-left:30px;	
	font-size:90%;
	
	}
	

	
#left ul{
font-size:75%; text-align:left; color:black;
}

	
#voucher{
	/*width:390px;*/
	float:left;
	width:270px;
	padding-left:30px;
	font-size:90%; 
	}

#full_page{

    float:left;
	width: 800px;
	padding-left:30px;
	font-size:90%;}
	
#about_me_pic{
	float:left;padding-top:50px;	
	}
	

#right {   
    /*width:50px;*/
	padding-top:130px;	
	padding-left:10px;	
	float:left;	
	}
	
#viewcart {   
	width:200px;
	padding-top:215px;		
	float:left;		
}
	
.bookinginfo{
	position:absolute;
	top:315px;
	left:350px;
	}
#gift{
	position:absolute;
	top:330px;
	left:376px;
}	
	
.hot_stones_picture{
	position:absolute;
	top:360px;
	left:400px;
	height: 165px;
}
	
#footer {	
    clear:both;
    width:100%;
    height:20px;
	}	
	
.FooterText 
{
	position:absolute;      
	left:500px;
	bottom:5px;
	font-size:0.70em;
	font-style:italic;
	
	}

.box
{
border: solid 1px #e0e2d9;
padding-left: 20px;
padding-right: 20px;
 background:url(images/butterfly.jpg);
	 background-repeat:no-repeat;
	 background-position:bottom right;
}
	
.highlightedbox
{
border: solid 1px #339933;
padding-left: 20px;
padding-right: 20px;
background-color:#F3FEEB
}
	

	
	
/*TEXT STYLES ************************************/

p { font-size:75%; text-align:left; color:black;}
p.special {font-style:italic;}
p.small{ font-size:small;}
.smallprint{font-size :0.75em; font-style:italic;}
.capitalise{margin-right:6px;margin-top:5px;float:left;color:white;background:#bbdaad;border:1px solid darkkhaki;font-size:80px; line-height:60px;padding-top:2px;padding-right:5px;font-family:times;}

.capitalisesmall{margin-right:2px;margin-top:1px;float:left;color:#ffffff;background:#bbdaad;border:1px solid darkkhaki;font-size:30px; line-height:40px;padding-top:2px;padding-right:5px;font-family:times;}
 
h1{font-size:130%;}
h2{font-size:115%;}
h3{font-size:110%;}
h4{font-size:100%;}


a:link{color:#80650a;}
a:hover{color:#80650a;}
a:active{color:#80650a ;}
a:visited{color:#80650a;}	

.pagetitle{
font-size:1.70em;
	
}
	
/*MENU*******************************/

.underlinemenu{
      
      /* margin-top:40px;  */ 
       
}

.underlinemenu ul{
	padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
	margin: 0;
	text-align:lef; //set valuee to "left", "center", or "right"*/
}

.underlinemenu ul li{
	display: inline;
}

.underlinemenu ul li a{
	color: #494949;
	padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
	margin-right: 20px; /*spacing between each menu link*/
	text-decoration: none;

}

.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
	border-bottom:5px solid #9ec02e ;
}
