/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
html{color:#000;background:#776251;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

body {
	text-align: center;
	font-size:13px;
	font-family: arial, sans-serif;
	color:#453325;
	background-color: #766151;
	background-image: url(images/bg_body.jpg);
	background-repeat: repeat-x;
}

.clear {
	clear:both;
}

.bold {
	font-weight:bold;
}

.italics {
	font-style: italic;
}

#container {
	width:944px;
	height:688px;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
	background-image:url(images/bg_container.jpg);
	padding-left: 66px;
}

.header {

	width:891px;
	height:24px;
	padding-top: 71px;
}

.navigation {width:891px; height:24px;}
.navigation ul {padding-left: 12px;padding-top: 4px;}
.navigation ul li {float:left;padding: 3px 24px 3px 23px;background-image: url(images/divider.jpg);background-position: right;background-repeat: no-repeat;margin-top: -1px;}
.navigation ul li#current {background-color: white;}
.navigation ul li#current {background-color: white;}
.navigation ul li a {color:#fff;text-decoration: none;}
.navigation ul li a:hover {color:#574030;}
.navigation ul li#current a {color:#574030;}

.main-content {
	width:891px;
	height: 400px;
}

.main-image {
	width:348px;
	height: 380px;
	float: left;
	padding-left: 10px;
	padding-top: 20px;
}

.main-copy {
	width:508px;
	height: 380px;
	float: left;
	padding-top: 20px;
	padding-left: 25px;
}

.main-copy p {
	width: 470px;
	margin-bottom: 14px;
}

.logo-image {
	width:361px;
	height:40px;
	padding-bottom: 15px;
}

.footer-content {
	width:891px;
	height: 96px;
	padding-top: 11px;
}

.footer-col-one {
	width:303px;
	height: 88px;
	float:left;
	margin-right: 1px;
	padding-top: 8px;
	padding-left: 10px;
}

.footer-col-one p{

}

.footer-col-two {
	width:284px;
	height: 88px;
	float:left;
	margin-right: 1px;
	padding-top: 8px;
	padding-left: 10px;
}

.footer-col-two p {
	width:175px;
}

.footer-col-three {
	width:281px;
	height: 96px;
	float:left;
}

.thumb-image {
	width:80px;
	height:80px;
	float:left;
}

.excerpt {
	width:190px;
	height: 80px;
	float: left;
	padding-left: 10px;
}

.footer-col-one .excerpt {
	width: 200px;
}

.excerpt p {font-size: 11px;}
.excerpt p.info {padding-top: 3px;height:47px;}
.excerpt p.find-out-more {padding-top: 3px;padding-left: 0px;text-align:right;}
.excerpt p a{color:#453325;text-decoration:none;}
.excerpt p a:visited{color:#453325;text-decoration:none;}
.excerpt p a:hover{text-decoration:underline;}

.underline {
	text-decoration: underline!important;
}


/*About
****************************/
.about-bg {
	background-image: url(images/salon3.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
table {
	margin-top: 10px;
	margin-bottom: 15px;
}
td {
	padding-right: 30px;
	padding-bottom: 5px;
}
table.opening-times td {
	padding-bottom: 3px;
}
table.smaller-table td {
	padding-bottom: 0px;
	font-size: 12px;
	width: 120px;
	padding-right: 0px;
	text-align: center;
}
table.no-padding td {
	padding-bottom: 0px;
	font-size: 12px;
}
table.font-size td {
	padding-bottom: 0px;
}



/*Team
****************************/
.team-member p {
	padding-left: 15px;
}
.team-header {
	width: 400px;
	height: 15px;
	cursor: pointer;
	padding-bottom: 5px;
}
.arrow {
	width: 14px;
	height: 14px;
	background-image: url(images/arrow.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	float:left;
}
.arrow-down {
	background-image: url(images/arrow-down.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.name {
	width: 380px;
	height: 15px;
	float: left;
}
.name span {
	font-style: italic;
	margin-left: 10px;
}
a.copy-link {
	color:#453325;
	text-decoration: underline;
}
a.copy-link:link {
	color:#453325;
	text-decoration: underline;
}
a.copy-link:visited {
	color:#453325;
	text-decoration: underline;
}
a.copy-link:hover {
	color:#453325;
	text-decoration: none;
}
a.copy-link:active {
	color:#453325;
	text-decoration: underline;
}
p.mike-link {
	color: #fff;
	margin-top: 10px;
	margin-left: 3px;
	font-size: 11px;
}
p.mike-link a {
	color: #fff;
	text-decoration: none;
}
p.mike-link a:link {
	color: #fff;
	text-decoration: none;
}
p.mike-link a:visited {
	color: #fff;
	text-decoration: none;
}
p.mike-link a:hover {
	color: #fff;
	text-decoration: underline;
}
p.mike-link a:active {
	color: #fff;
	text-decoration: none;
}




/*Stepcarousel
**************************/
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px;
overflow: scroll; /*leave this value alone*/
width: 470px; /*Width of Carousel Viewer itself*/
height: 280px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
margin-top: 0px;
margin-left: 0px;
width: 470px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel-links {
	width: 470px;
	height: 25px;
	padding-top: 10px;
	text-align: right;
}
.stepcarousel-links a {
	text-decoration: none;
	color:#453325;
	margin-right: 1px;
	padding-left: 1px;
	padding-right: 1px;
}
.stepcarousel-links a:link {
	text-decoration: none;
	color:#453325;
	margin-right: 1px;
	padding-left: 1px;
	padding-right: 1px;
}
.stepcarousel-links a:visited {
	text-decoration: none;
	color:#453325;
	margin-right: 1px;
	padding-left: 1px;
	padding-right: 1px;
}
.stepcarousel-links a:hover {
	color: #fff;
	background-color: #453325;
	margin-right: 1px;
	padding-left: 1px;
	padding-right: 1px;
}
.stepcarousel-links a:active {
	text-decoration: none;
	color:#453325;
	margin-right: 1px;
	padding-left: 1px;
	padding-right: 1px;
}
.stepcarousel-links a.this-page {
	color: #fff;
	background-color: #453325;
}
.stepcarousel-links a.this-page:link {
	color: #fff;
	background-color: #453325;
}
.stepcarousel-links a.this-page:visited {
	color: #fff;
	background-color: #453325;
}
.stepcarousel-links a.this-page:hover {
	color: #fff;
	background-color: #453325;
}
.stepcarousel-links a.this-page:active {
	color: #fff;
	background-color: #453325;
}
.stepcarousel-links {
	width: 470px;
	height: 25px;
	padding-top: 10px;
	text-align: right;
}
#statusA {
	position: relative;
	top: -10px;
}