@charset "utf-8";

/* Web layout for theryeretreat.co.uk */
/* Copyright 2008 JD Webmedia */

body{
		background-color:#867f61;
		margin: 0 0 0 0;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:12px;
	}

/* Main Layout Styles */

div#Containter{
	width:941px;
	height:530px;
	margin: 10px auto 0 auto;
}

div#ContainterList{
	width:556px;
	margin: 10px auto 0 auto;
}

div#Header{
	width:941px;
	height:85px;
	}

div#LeftImages{
	width:315px;
	height:516px;
	float:left;
	display:inline;
	border-top:#412C17 solid 4px;
	border-bottom:#412C17 solid 4px;
	background-image:url(../images/LeftNavigation.jpg);
	}
	
div#HomePageLeftImages{
	width:240px;
	height:520px;
	float:left;
	display:inline;
	border-bottom:#412C17 solid 4px;
	background-image:url(../images/LefNavigation.png);
	}

div#ContentArea{
	width:556px;
	height:499px;
	float:left;
	display:inline;
	padding:15px 30px 0px 30px ;
	background-color:#FFFFFF;
	border-right:#412C17 solid 5px;
	border-top:#412C17 solid 5px;
	border-bottom:#412C17 solid 5px;
	}
	
div#ContentAreaList{
	width:556px;
	float:left;
	display:inline;
	padding:15px 30px 0px 30px ;
	background-color:#FFFFFF;
	border:#412C17 solid 5px;
	}
	
div#HomepageContent{
	width:937px;
	height:520px;
	border:#412C17 solid 4px;
	background-image:url(../images/MainBackground.jpg);
	background-position:left;
	}
	
div#HomepageContentBox{
	width:630px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin-top:350px;
	color:#412C17;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:12px;
	margin-right:20px;
	border:#000000 2px solid;
	background:url(../images/TextBoxBackground.png);
	float:right;
	display:inline;
	}

div#MainNavigation{
	width:240px;
	height:520px;
	padding:0px;
	margin:0px;
	}

div#Footer{
	width:941px;
	height:50px;
	color:#412C17;
	padding-top:15px;
	margin: 0 auto 0 auto;
}

div#FooterList{
	width:556px;
	height:50px;
	color:#412C17;
	padding-top:15px;
	margin: 0 auto 0 auto;
}


div#HairTitles{
	background-color:#efe3c6;
	color:#efe3c6;
	float:left;
	border-top:#cfab7a 2px solid;
	border-left:#cfab7a 2px solid;
	border-right:#cfab7a 2px solid;
	padding:4px 8px 4px 8px;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight:bold;
	font-size:20px;
	}
	
div#BeautyTitles{
	background-color:#efe3c6;
	color:#cfab7a;
	float:left;
	border-top:#cfab7a 2px solid;
	border-right:#cfab7a 2px solid;
	padding:4px 8px 4px 8px;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight:bold;
	font-size:20px;
	}
	div#HRTitle{
	background-color:#cfab7a;
	color:#cfab7a;
	float:left;
	height:2px;
	width:100%;
	margin-bottom:10px;

	}

/*Font & Link Styles*/

H1{
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	color:#CFAB7A;
	padding:0 0 0 0;
	margin:0 0 0 0;
	
	}
H2{
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	color:#412C17;
	padding:0 0 0 0;
	font-size:15px;
	font-weight:bold;
	margin:25px 0 0 0;}
	
H2.top{
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	color:#412C17;
	padding:0 0 0 0;
	font-size:15px;
	font-weight:bold;
	margin: 15px 0 0 0;}
p{
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	color:#412C17;
	padding:0 0 0 0;
	margin: 10px 0 10px 0;
	}

hr{
	color:#cfab7a;
	margin:0px;
	padding:0px;
}

a:link{ color:#412C17; text-decoration:none;}
a:visited{text-decoration:none; color:#412C17;}
a:hover{text-decoration:underline; color:#412C17;}

#navcontainer ul
{
list-style-type: none;
text-align: left;
padding-top:0px;
padding-left:0px;
margin-left:0px;

}

#navcontainer ul li a
{
	line-height:30px;
	padding-left: 0px;
	margin-left:15px;
	text-align: left;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:18px;
	text-decoration: none;
	color:#000000;

}


#navcontainer ul li a:hover
{
color:#666666;
}

#navcontainer ul li a#current
{
color:#FF0000;
}




table.PricingTable td{
	border-top: 1px solid #412C17;
	

}

div#PageNumbering{
	color:#412C17;
	position:absolute;
	padding:4px 8px 4px 8px;
	left: 780px;
	top: 225px;
}

div#FooterPageNumbering{
	color:#412C17;
	text-align:center;
	font-size:12px;
	padding:4px 0px 4px 0px;
	vertical-align:text-top;
	width: 556px;
	height:20px;
}

div#TreatmentsContent{
	width:556px;
	height:471px;
}

.PageNumbering{
	text-decoration:underline;
	font-weight: bold;
	font-size:13px;
}

.News1{
	width:278px;
	display:inline;
	float:left;
	}
	
.News2{
	width:278px;
	display:inline;
	float:right;
	}




/*Form Styles*/
input.formbtn {
	background-color:#412C17;
	border:#412C17;
	font-weight:bold;	
	color:#FFFFFF;
	width:150px;
	height:30px;
	font:14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.textbox {color:#412C17; font:12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;  }
.list{color:#412C17; font:12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; width:190px; }
.checkbox{color:#412C17; font:12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }

/*Treatments & Prices Tables*/

