/*
Theme URL: http://www.willow-spa.co.uk/
Description: Willow Spa - Beauty, Nails, Spa and Holistic
Author: Joshua Gutteridge (Skyte Media)
Author URL: http://www.skytemedia.com/

Copyright (c) Willow Spa.

*/

/* Generic
---------------------------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	font: 11px/1.5em Arial, Helvetica, sans-serif;
	color: #333;
}

img {
	border: none;
}

/* Font & Typography
---------------------------------------------------------------------------------*/
h1 {
	margin: 0;
	padding: 10px;
}

h2, h3 {
	padding: 10px;
	margin: 0;
}

#col_1 h2, #breadcrumb, #col_3 h2 {
	border-bottom: 1px solid #CCC;
	padding: 10px;
	font-size: 11px;
	margin: 0;
	background-color: #EEE;
	text-align: center;
}


h3 {
}

p {
	padding: 0 10px 10px 10px;
	margin: 0;
}

/* Links
---------------------------------------------------------------------------------*/
a:link, a:visited {
	color: #333;
}

#links a:link, #links a:visited {
	color: #FFF;
}

a:hover {
}

a:active {
}

/* Layout
---------------------------------------------------------------------------------*/
#container {
	width: 1000px;
	margin: 20px auto;
}

#logo {
	float: left;
	padding: 10px 0;
	background-color: #522E6B;
}

#links {
	float: right;
	padding: 10px 20px 10px 0px;
	width: 600px;
	text-align: right;
	background-color: #522E6B;
}

#links ul {
	margin: 0;
	padding: 0;
}

#links li {
	list-style-type: none;
	float: right;
	padding: 0 5px;
	border-right: 1px solid #FFF;
}

#number {
	clear: both;
	font-size: 16px;
	padding-top: 5px;
	color: #FFF;
}

#subheading {
	clear: both;
	border-top: 1px solid #CFC1DA;
	border-bottom: 1px solid #CFC1DA;
	margin: 10px 0;
}

#blurb {
	float: left;
	font-size: 18px;
	padding: 10px 0;
	line-height: 30px;
	color: #522E6B;
}

#social {
	float: right;
	padding: 10px 0;
}

#image_1 {
	clear: both;
	float: left;
	margin: 0 0 10px 0;

}

#image_2 {
	float: right;
	margin: 0 0 10px 0;
	border: 1px solid #CCC;
}

#col_1 {
	clear: both;
	float: left;
	width: 230px;
	
}

#col_2 {
	float: left;
	width: 526px;
}

#col_3 {
	float: left;
	width: 244px;
}

.col_1_content {
	border: 1px solid #CCC;
	margin: 0 10px 10px 0;
}

.col_2_content {
	border: 1px solid #CCC;
	margin: 0 0 10px 0;
}

.col_3_content {
	text-align: center;
	border: 1px solid #CCC;
	margin: 0 0 10px 10px;
}

#col_1 ul {
	margin: 0;
	padding: 10px 0 0 0;
}

#col_1 li {
	list-style-type: circle;
	padding: 0 10px 10px 10px;
	margin: 0 0 0 40px;
}

.table {
	padding: 10px;
}

#col_2 tr {
	height: 20px;
	font-size: 15px;
}

#col_2 td {
	border-bottom: 1px dotted #CCC;
}

#breadcrumb {
	float: left;
	padding: 10px;
	width: 504px;
}

#breadcrumb ul {
	margin: 0;
	padding: 0;
}

#breadcrumb li {
	list-style-type: none;
	float: left;
	padding-right: 5px;
}

#content {
	clear: both;
}

#footer {
	clear: both;
	border-top: 1px solid #CCC;
	padding: 10px 0;
	margin: 10px 0 0 0;
}

#footer_left {
	float: left;
}

#footer_right {
	float: right;
}

/* Homepage
---------------------------------------------------------------------------------*/
.home_col2a {
	clear: both;
	width: 534px;
	border: 1px solid #CFC1DA;
	float: left;
	padding: 5px 20px 10px 110px;
	background-image: url(../images/willow.jpg);
	height: 105px;
}

.home_col2b {
	width: 301px;
	border: 1px solid #CFC1DA;
	float: right;
	padding: 10px;
	background-image: url(../images/lash.jpg);
	height: 100px;
}

.home_col3a, .home_col3b, .home_col3c {
	border: 1px solid #CFC1DA;
	float: left;
	padding: 5px;
	margin: 0 10px 10px 0;
	height: 100px;
	position: relative;
}

.home_col3a:hover, .home_col3b:hover, .home_col3c:hover {
	border: 1px solid #777;
}

.home_col3a, .home_col3b {
	margin: 0 8px 8px 0;
	width: 316px;
}

.home_col3a {
	clear: both;
}

.home_col3c  {
	margin: 0 0 8px 0;
	width: 316px;
}

.caption {
	position: absolute;
	color: #FFF;
	top: 85px;
	left: 10px;
	font-weight: bold;
}

/* Slideshow
---------------------------------------------------------------------------------*/
#slideshow {
    position:relative;
    height: 230px;
	padding: 0 0 10px 0;

}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;

    opacity:0.0;
	width: 1000px;
	height: 230px;
}

#slideshow IMG.active {
  
    opacity:1.0;
}

#slideshow IMG.last-active {
    
}

/* Contact
---------------------------------------------------------------------------------*/
.contact_left {
	width: 257px;
	float: left;
}

.contact_right {
	width: 253px;
	float: left;
}

.field, .text_box, .text_box_quote{
	border-top: 1px solid #AAA;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #AAA;
	padding: 5px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;
}

.field {
	width: 236px;
}

.button {
	border: 1px solid #888;
	background-color: #EEE;
	padding: 5px;
	cursor: pointer;
}

/* Clearfix
---------------------------------------------------------------------------------*/
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */