/* Studio One Tofino - black_fern Theme v1.0 */
/* Main Site CSS - site.css */
/* Creative Layout by Coast Image :: coast-image.com */
/* Designed by Four Mind :: fourmind.ca */
/* Created: Aug 8, 2008 */

/* Basic Elements */

body {
	background: #000 url(images/spl_bg.png) no-repeat fixed right top;
	margin: 0px;
	padding: 0px;
	min-width: 774px;
	font: 14px "Gill Sans", Helvetica, Geneva, Verdana, sans-serif;
	color: #fff;
	text-align: center;
}
a:link, a:visited {
	color: #DDD;
	text-decoration: none;
}
a:hover, a:active {
	color: #FFF;
}
a img { border: none; }
.hidden { display: none; }
.clear { clear: both; height: 0px; }

h2 {
	margin: 5px 0 30px;
	padding: 0 0 0 40px;
	font: bold 26px "Gill Sans", Helvetica, Geneva, Verdana, sans-serif;
	text-transform: lowercase;
	color: #ff0000;
	letter-spacing: normal;
	text-align: left;
}
hr.red-line {
	border-style: none;
	border-bottom: 7px solid #ff0000;
}
hr.thin-red {
	border-style: none;
	border-bottom: 1px solid #990000;
	margin: 40px;
}

#container {
	margin: 10px 0;
}
#header {
	text-align: center;
	margin: 7px 0;
	padding: 0;
	background: url(images/contact.jpg) repeat-x center center;
}
#header span {
	display: block;
	margin: 0 auto;
	width: 770px;
	padding-top: 30px;
	text-align: right;
/*	background: url(images/logo.png) no-repeat right top;*/
}


#content {
	text-align: left;
	width: 720px;
	margin: 40px auto 0;
	color: #fff;
}
#content h1 {
	margin: 0;
	padding: 0;
	height: 50px;
}
#content h1 span {
	display: none;
}
#page-body p {
	text-align: justify;
}

/* @group Section Specific */

div.login_to_the_site #content h1 {
	display: none;
}
/*
div.about_us #header {
	background: url(images/about_us.jpg) repeat-x center center;
}
*/
div.about_us #content h1 {
	background: url(images/hd_about_us.png) no-repeat left top;
}
div.aveda_concept_salon #header {
	background: url(images/aveda.jpg) no-repeat center center;
}
div.aveda_concept_salon h1 {
	background: url(images/hd_aveda_concept_salon.png) no-repeat left top;
}
div.tofino #header {
	background: url(images/tofino.jpg) no-repeat center center;
}
div.tofino #header span {
	padding-top: 3px;
}
div.tofino h1 {
	background: url(images/hd_tofino.png) no-repeat left top;
}
div.our_services #header {
	background: url(images/services.jpg) no-repeat center center;
}
div.our_services #header span {
	padding-top: 20px;
}
div.our_services h1 {
	display: none;
}
div.weddings #header {
	background: url(images/weddings.jpg) no-repeat center center;
}
div.weddings h1 {
	background: url(images/hd_weddings.png) no-repeat left top;
}
div.photo_gallery #header {
	background: url(images/photos.jpg) repeat-x center center;
}
div.photo_gallery #content h1 {
	background: url(images/hd_photo_gallery.png) no-repeat left top;
}
div.photo_gallery #content {
	width: 772px;
}
div.contact #content h1 {
	background: url(images/hd_contact_us.png) no-repeat left top;
}
div.contact #header {
	background: url(images/contact.jpg) repeat-x center center;
}
div.the_team #content h1 {
	background: url(images/hd_the_team.png) no-repeat left top;
}



/* @end */


/* @group User Login */

#user-login {
	font-size: 12px;
	letter-spacing: 1px;
	margin: 0 auto;
	padding: 20px 0 50px;
	text-align: right;
	width: 420px;
	color: #b0a498;
}
#user-login p {
	text-align: left;
}
#user-login input.textfield,
#user-login input.password {
	height: 14px;
	line-height: 14px;
	font-size: 12px;
	padding: 2px;
	margin: 2px;
	border: 1px solid #beb1a4;
	width: 200px;
}
#user-login-btn {
	float: right;
	margin: 5px 0px 0px 4px;
	font-size: 12px;
	background-color: #beb1a4;
	color: #FFF;
}



/* @end */

/* @group Services & Staff */

.staff-member {
	margin-left: 240px;
}

.category-description {
	border-top: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	padding-top: 12px;
	padding-bottom: 6px;
	margin-bottom: 6px;
}
.category-description h2,
.category-description p {
	margin-left: 130px;
	margin-bottom: 20px;
	padding-left: 0;
}
.service-items {
	margin-bottom: 20px;
}
.service-items h3,
.staff-member h3 {
	font-weight: normal;
	font-style: normal;
	text-transform: capitalize;
	color: #ff0000;
	font-size: 14px;
	margin: 20px 0 0;
	padding: 0;
	letter-spacing: normal;
}
.staff-member h3 {
	font-weight: bold;
	font-size: 22px;
	padding: 30px 0 10px;
}
.service-items p.description,
.staff-member p.description {
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	margin: 0;
	padding: 0;
	letter-spacing: normal;
	color: #f1f1f1;
}
.staff-member p.description {
	font-size: 14px;
}
.service-items .price {
	color: #ff0000;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	margin: 5px 0 0;
	padding: 0;
	letter-spacing: normal;
}

/* @end */





#footer {
	margin: 40px auto 20px;
	padding: 8px 0 0;
	text-align: right;
	color: #999;
	clear: both;
	font: normal 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	letter-spacing: 1px;
	width: 772px;
}
#nav-footer ul {
	margin: 0 0 10px;
	padding: 0;
	list-style-type: none;
}
#nav-footer ul li {
	display: inline;
	padding: 0 15px;
	border-right: 1px solid #999;
}
#nav-footer ul li.last-item {
	border: none;
	padding-right: 5px;
}

/* End Site CSS */