/* -----------------------------------------
Blackgoat Visual Communications
Copyright 2009 BVC
Modified - 23.11.2010


Colour
--------------------------------------------
Main Text - #A78488





------------------------------------------ */



/* RESET ----------------------------------*/
body, div, dl, dt, dd, li, pre,form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }ol, ul { list-style: none; margin: 0; padding: 0; }table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; font-weight: normal; font-style: normal; }acronym, abbr, fieldset, img { border: 0;}:focus { outline: 0; }


body	{ 
	font-family: Arial, Helvetica, sans-serif;
	background: #050104 url(../images/background.jpg) no-repeat fixed; background-color: #050104;
	}

body.home { background: #050104 url(../images/backgroundintro.jpg) no-repeat fixed; background-color: #050104; }

a { text-decoration: none; }

ul {font-size: 11px;}

p {color: #75696a; font-size: 11px; line-height: 15px;}


/* LAYOUT ---------------------------------*/

#container { 
	margin: 0; 
	width: 960px;
	}

#header {
	width: 925px;
	height: 185px;
	padding: 35px 0 0 35px;
	}

#content {
	position: relative;
	width: 960px;
	padding-top: 25px;
	min-height: 400px;
	overflow: hidden;
	}

#content_home {
	position: relative;
	width: 960px;
	padding-top: 25px;
	padding-left: 35px;
	min-height: 400px;
	overflow: hidden;
	}
	
#main_section {
	width: 325px;
	float: left;
	padding-left: 35px; 
	}	

#sub_section {
	width: 225px;
	float: left;
	padding-left: 25px;
	}	

#news {
	width: 575px;
	float: left;
	padding-left: 35px;
	}	

.news_section {
	padding: 0 0 30px 0;
	margin: 0 0 30px 0;
	width: 484px;
	overflow: hidden;
	border-bottom: #333 1px dotted;
	}

.news_section img {
	float: left;
	padding-right: 25px; }	
	
.no_border	{ border: none;}
	
.staff {
	margin: 5px 0 5px 0;
	padding: 5px 0 5px 0;
	border-bottom: #333 1px dotted;
	}

hr {
	width: 520px;
	background-color: #333;
	height: 1px;
	border: none;
	float: left;
	margin-left: 30px;
	clear: both;
	}

#sub_section {
	width: 225px;
	float: left;
	padding-left: 25px;
	}

#logos	{
	position: absolute;
	left: 35px;
	top: 600px;}

#footer {
	width: 905px;
	margin: 50px 0 0 35px;
	padding: 20px 0 80px 0;
	border-top: #333 1px dotted;
	}



/* MAIN NAVIGATION ------------------------------*/

#main_navigation {
	width: 158px;
	float: left;
	padding-right: 20px;
	font-size: 11px; 
	}	

#sub_navigation {
	width: 158px;
	float: left;
	font-size: 11px;
	}

#main_navigation a, #sub_navigation a {
	display: block; 
	}

.navigation a {
	color: #944746;
	line-height: 		18px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	}
	
#no_rule { border: none; }

.no_rule { border: none; }

.navigation a:hover,
.navigation a:active {
	color: #642a21;
	background: url(../images/arrow_active.png) no-repeat right;
	}

.navigation .active {
	color: #7f352a;
	background: url(../images/arrow_active.png) no-repeat right;
	}

a.blackgoat:link, a.blackgoat:visited {
	color: #944746;
	}
	
a.blackgoat:hover, a.blackgoat:active {
	color: #81362b;
	}

a.grey:link, a.grey:visited {
	color: #75696a;
	}
	
a.grey:hover, a.grey:active {
	color: #5b5151;
	}
	
	


/* BEAUTY NAVIGATION --------------------*/

.therapies li {
	line-height: 18px;
	list-style: none;
	border-bottom: 1px dotted #333;
	}

.active {
	color: #927c83;
	}
	
.active-gallery {
	color: #994a4b;
	}

ul.therapies li:last-child {
	border-bottom: none;
	}

li.rhys a:link, li.rhys a:visited {
	line-height: 18px;
	color: #978f92;
	}

li.rhys a:hover, li.rhys a:active {
	color: #777578;
	}



/* TYPOGRAPHY + LINKS  ---------------------------------*/

#main_section p {
	margin: 0;
	padding: 0;
	}

#main_section h2 {
	margin-bottom: 8px;
	font: normal normal 12px Arial, Helvetica, sans-serif;
	color: #D3C6C6;
	}

#team p {
	margin: -6px 0 -4px 0;
	padding: 0;
	}


#main_section .team h2 {
	font: normal normal 12px Arial, Helvetica, sans-serif;
	color: #D3C6C6;
	}
	
.news_section p {
	margin: 0 0 4px 0;
	width: 200px; 
	float: left;
	}

.news_section h4 {
	font: normal normal 12px Arial, Helvetica, sans-serif;
	color: #D3C6C6;
	}
		
.title { color: #555;}

.title_highlight { color: #944746; }		

#footer p	{
	float: right;
	font: normal normal 10px/25px Arial, Helvetica, sans-serif;
	color: #8a7c7d;}

.highlight { color: #944746;}

ul.awards {
	width: 250px;
	color: #7F352A;
	font-weight: normal;
	font: normal normal 11px/15px Arial, Helvetica, sans-serif;
	margin-bottom: 30px;
	}

ul.awards li {
	border-bottom: #333 1px dotted;
	padding: 6px 0 6px 0;
	}
	
.awards li:last-child {
	border-bottom: none;
	padding: 6px 0 6px 0;
	}

ul.treatments_list {
	color: #944746;
	line-height: 18px;
	margin-bottom: 10px;
	list-style-type: none;
	list-style-position: outside;
	float: left;
	}

.treatments, .jobs {
	margin-bottom: 18px;
	padding-bottom: 10px;
	border-bottom: 1px #333 dotted;
	}

.jobs p {
	margin-bottom: 20px;
	}
	
	
h3 {
	font: normal normal 12px arial;
	color: #944746;
	margin-bottom: 5px;
	}

h4 {
	font: normal normal 16px arial;
	color: #bcb6b9;
	margin: 0 0 5px 0;
	}
	
.news_date {
	padding: 0 0 5px 0;
	color: #944746; }


.treatments .price, .jobs .price {
	float: right;
	color: #bbb;
	}

h3.treatment-header {
	color: #ccc;
	}

.treatments .time, .jobs .time {
	padding-left: 5px;
	color: #555;
	}

.end {
	margin-bottom: 40px;
	border: none;
	}
	
ul.guinot {
	color: #944746;
	line-height: 16px;
	margin-top: -5px;
	margin-bottom: 20px;
	list-style-type: none;
	list-style-position: outside;
	}

.colour-purple { color: #944746; }

.colour-purpletint { color: #777; }

a.purple:link {
	font-size: 11px;
	color: #745F66;
	text-decoration: none;
	}

a.purple:visited {
	font-size: 11px;
	color: #745F66;
	text-decoration: none;
	}

a.purple:hover {
	font-size: 11px;
	color: #4F4146;
	text-decoration: none;
	}

.opening {
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	color: #5a5a5a;
	line-height: 18px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	}

.open_times h4 {
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	margin: 15px 0 10px 0;
	}

.times {
	padding: 0 0 0 2px;
	color: #777;
	}

#main_section p.salon {
 	color: #944746;
 	padding: 0 0 5px 0;
 	}

.no_line {
	border: none;
	}

#footer {
	color: #666;
	}

#footer ul li {
	height: 25px;
	float: left;
	line-height: 25px;
	padding-right: 8px
	}

#footer ul li:nth-child(1) {
	padding-right: 16px
	}


	
/* GALLERY ------------------------------*/

img.space	{
	margin: 0 0 20px 0;
}

.photos {
	padding-bottom: 95px;
	}

img { border: none;}
.photos img.logo {margin: 0 auto; display:block;}
.photos div img {
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	}

.photos ul.thumbs {
	margin: 0;
	list-style: none;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	}

.photos ul.thumbs li{
	width: 75px;
	height: 70px;
	padding: 0;
	float: left;
	position: relative;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 0;
	margin-left: 0;
	-moz-opacity:.50;
	filter:alpha(opacity=50);
	opacity:.50;
	}
	
.photos ul.thumbs li:hover {
	-moz-opacity:1;
	filter:alpha(opacity=100);
	opacity:1;
	}
	
.photos ul.thumbs li img {
	position: absolute;

	}
	
.photos img {
	margin-right: 2px;
	margin-bottom: 2px;
	}


/* Slider ------------------------------*/

h2.news-scroll {
	margin-top: 28px;
	margin-bottom: 12px;
	font: normal normal 18px Arial, Helvetica, sans-serif;
	color: #D3C6C6;
	}

.home_news {
	border-top: 1px #3a3a3a dotted;
	margin-top: 5px;
	}

.home_news a { 
	font-size: 12px;
	color: #888; 
	}

.home_news a:hover,
.home_news a:active {
	color: #9b3d00;
	}


/*Social Icon Menu ---------------------------------*/

#footer a * {
  display: none;
}

#footer ul {
	margin: 16px 0 0 0;
	color: #666;
	font-size: 11px;
	}

#footer #social_icons li { 
	line-height: 24px;	
	}

#footer #social_icons a {
	height: 16px;
	width: 16px;
	display: block;
	position: relative;
	float: left;
	background-image: url(../images/social_icons_16.png);
	background-position: 0 0;
	background-repeat: no-repeat;	
	}

#footer #social_icons a.facebook { background-position: 0 0; margin-top: 5px; }
#footer #social_icons a.rss { background-position: -16px 0; margin-top: 5px; }
#footer #social_icons a.twitter { background-position: -32px 0; margin-top: 5px; }
#footer #social_icons a.flickr { background-position: -48px 0; margin-top: 5px; }
#footer #social_icons a.youtube { background-position: -64px 0; margin-top: 5px; }

#footer #social_icons a.facebook:hover { background-position: 0 -16px; }
#footer #social_icons a.rss:hover { background-position: -16px -16px; }
#footer #social_icons a.twitter:hover { background-position: -32px -16px; }
#footer #social_icons a.flickr:hover { background-position: -48px -16px; }
#footer #social_icons a.youtube:hover { background-position: -64px -16px; }