@charset "UTF-8";
/* CSS Document */
/* This controls the front page of the site */

/* "text-align: center" in body centres the container with website, "text-align:left" in container resets default for the site itself */

body {
text-align: center;
background-color: #E8ECDD;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 11px;
color: #000000;
margin:0px;
padding:0px;
min-width:950px;	
}

/* everything was in container div to centre the website, but removed margin0,auto so that site lines up to the left */

#container {

text-align: left;
width: 900px;
position: relative;
height:auto;
min-height:100%;
}

/* Text goes in here */
#main_content {
	position: absolute;
	left: 275px;
	top: 280px;
	width: 370px;
}

#main_content p {
    line-height: 13px;
}

#sub_head {
	position: absolute;
	left: 275px;
	top: 242px;
	width: 370px;
	text-decoration:underline;
	color:#68732D;
}

#Nav_bar {
	position:relative;
	top:0px;
	width:100%;
}

#Nav_bar ul {
margin:0;
padding-top:5px;
padding-bottom:2px;
padding-left:278px;
list-style: none;
width: 622px;
float: left;
background: #68732D;
}

#Nav_bar ul a{
display: block;
float:left;
padding: 0 1em;
line-height: 2.1em;
background: url(images/divider.gif) repeat-y left top;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration:none;
}

#Nav_bar ul li {
float: left;
}

#Nav_bar ul .first a {
background:none;
}

#Nav_bar ul a:hover {
color:#000000;
}

/* nav bar hack to show current page */
#Nav_bar .home a {
background: none;
}

#home #Nav_bar .home a,
#sally #Nav_bar .sally a,
#faq #Nav_bar .faq a,
#prices #Nav_bar .prices a,
#classes #Nav_bar .classes a,
#massage #Nav_bar .massage a,
#testimonials #Nav_bar .testimonials a,
#contact #Nav_bar .contact a {
color:#000000;
cursor: default;
}


#picture_left {
	position: absolute;
	left: 46px;
	top: 168px;
	width:200px;
	height:600px;
	border: 1px solid #68732D;
}

#picture_left_bottom {
	position: absolute;
	left: 46px;
	top: 788px;
	width:200px;
	height:600px;
	border: 1px solid #68732D;
}

#Box_top_right {
	position: absolute;
	left: 670px;
	top: 240px;
	width:170px;
	background-color:#A3AA64;
	color:#FFFFFF;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	padding-top:10px;
	border: 3px solid #A3AA64;
}

#Box_bottom_right {
	position: absolute;
	left: 670px;
	top: 415px;
	width:180px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:20px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:10px;
	border: 3px solid #ffffff;
}

#logo_box {
	position:relative;
	left: 0px;
	top: 0px;
}

#bottom_nav {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#A3AA64;
}

#FAQ_content {
	position:absolute;
	left: 275px;
	top: 480px;
	width: 600px;	
}

#FAQ_content li {
	font-size: 11px;
	font-weight:normal;
	margin-bottom: 0px;
}


#Timetable_content {
	position:absolute;
	left: 275px;
	top: 275px;
	width: 600px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#Contact_content {
	position:absolute;
	left: 275px;
	top: 242px;
	width: 600px;
	
}	



/* adjust spacing after h1, h2 etc with bottom margin and padding */

h1 {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #000000;
	margin-bottom: 5px;
	padding-bottom: 0px;
	}

h2 {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #68732D;
	margin-bottom: 15px;
	padding-bottom: 0px;
	}

h3 {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #000000;
	margin-bottom: 5px;
	padding-bottom: 0px;
	}	
	
li {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	margin-bottom: 5px;
	padding-bottom: 0px;
	position:relative;
	left:-15px;
	}
	
a:link {
  	color:#000000;
	text-decoration:underline;
}

a:visited {
	color:#666666;
	text-decoration:none;
	}
	
a:hover, a:active {
	color:#68732D;
	text-decoration:underline;
	}
	
a name {
	color:#000000;
	text-decoration:none;
	}