/*  
Template name: Callwood B&B
Template URI: http://www.callwood.co.uk/css/main.css
Release date: 10/02/10
Last updated: 10/02/10
Description: Slate black three column and wide layout
Author: Paul Heath
Author URI: http://www.heathjam.co.uk

*/

/* 
	Colours
------------------------------------------------------------------- 
	Slate:		#27211D
	
*/

/* 
	Preamble
------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 
img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, 
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; 
font-size: 100%; vertical-align: baseline; background: transparent; } body { 
line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } 
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: 
none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* 
	General
------------------------------------------------------------------- */

html {
	font-size: 62.5%; /* reset 1em to 10px */
	min-height: 100%;
}

body {
	background:			#27211d;
	font:				normal 1.4em Arial, Helvetica, sans-serif;
	margin:				0;
	padding:			0;
}

a {
	text-decoration:	none;
}


/* 
	Global classes
------------------------------------------------------------------- */

.clearing {
	clear:				both;
}

.left {
	float:				left;
}

.right {
	float:				right;
}

.lhs {
	float:				left;
	width:				70%;
}

.rhs{
	float:				right;
	padding-top:		5px;
	width:				25%;
}

/* 
   Typography 
------------------------------------------------------------------- */

a {
	color:				#27211D;
	font-weight:		bold;
	text-decoration:	none;
}

a:hover{
	text-decoration:	underline;
}

p {
	line-height: 		1.4em;
	padding: 			0.5em 0 0.5em;
}

h1 {font: normal 4em sans-serif;}
h2 {font: normal 1.4em sans-serif;}
h3 {font: normal 1.4em sans-serif;}
h4 {font: normal 1em sans-serif;}

h1,h2,h3,h4,h5,h6 {margin-bottom: 0.2em;}

h1,h2,h3,h4,h5,h6 {color: #4A404F;}

blockquote {
	background: 		#FFFFFF url('../img/typography/quote.gif') no-repeat;
	color: 				#555;
	display: 			block;
	font: 				oblique 1.1em sans-serif;
	margin: 			1em 0;
	padding: 			0.6em 0 0 30px;
}

.feedback_title {
	color:				#27211D;
	font-weight:		bold;
	font-style:			normal;
	line-height:		30px;
}

/* 
   Forms 
------------------------------------------------------------------- */
textarea {
	height:				200px;
	font:				normal 0.95em Arial, Helvetica, sans-serif;
	margin:				5px 0 10px 0;
	width:				95%;
}

input[type=text]{
	font:				normal 0.95em Arial, Helvetica, sans-serif;
	width:				200px;
}

input[type=submit] {
	background:			#AAAAAA;
	border:				1px solid #A5ACB2;
	color:				#FFFFFF;
	float:				right;
	margin-right:		25px;
	width:				100px;
}

input[type=submit]:hover {
	background:			#27211D;
	cursor:				pointer;
}


/* 
   Images 
------------------------------------------------------------------- */
.img_left{
	border:				1px solid #AAAAAA;
	float:				left;
	height:				300px;
	margin:				0 10px 10px 0;
	padding:			10px;
	width:				390px;
}

.img_with_border{
	border:				1px solid #AAAAAA;
	height:				125px;
	margin:				10px 10px 10px 0;
	padding:			10px;
	width:				180px;
}

.last {
	margin:				10px 0 10px 0;
}

.img_right{
	border:				1px solid #AAAAAA;
	float:				right;
	height:				300px;
	margin:				0 0 10px 10px;
	padding:			10px;
	width:				390px;
}

/* 
	Layout
------------------------------------------------------------------- */

#wrapper {
	margin:				auto;
	width:				900px;
}

#header {
	padding:			0 25px;
}

#header h1{
	float:				left;
	padding-top:		50px;
}

#header h2{
	color:				#DDDDDD;
	float:				left;
	font: 				normal 1em oblique;
	padding:			100px 0 0 20px;
}

#nav {
	border-bottom:		4px solid #DDDDDD;
	height:				50px;
	padding-top:		20px;
}

#nav #lhs {
	background:			transparent url('../img/nav/nav_left.jpg') no-repeat;
	float:				left;
	height:				50px;
	width:				25px;
}

#nav .nav_item {
	border-top:			4px solid #DDDDDD;
	float:				left;
	font:				normal 1.2em sans-serif; 
	padding-top:		10px;
	text-align:			center;
	width:				170px;
}

#nav .nav_item a{
	color:				#AAAAAA;
	padding-bottom:		40px;
	text-decoration:	none;
}

#nav .nav_item a.active{
	background:			url('../img/nav/active.jpg') no-repeat center 29px;
	color:				#FFFFFF;
}

#nav .nav_item a:hover{
	background:			url('../img/nav/active.jpg') no-repeat center 29px;
	color:				#FFFFFF;
}

#nav #rhs {
	background:			transparent url('../img/nav/nav_right.jpg') no-repeat;
	float:				left;
	height:				50px;
	width:				25px;
}

#content {
	background:			#FFFFFF;
	min-height:			200px;
	padding:			25px 25px;
}

#footer {
	background:			#27211D url('../img/footer/tartan.jpg') repeat-x top;
	border-left:		5px solid #FFFFFF;
	border-right:		5px solid #FFFFFF;
	margin:				auto;
	padding:			40px 25px 20px;
}	


/* 
	Content
------------------------------------------------------------------- */

#content #slideshow {
	border:				1px solid #DDDDDD;
	height:				250px;
	margin-bottom:		25px;
	width:				850px;	
}

#content #slideshow img{
	height:				242px;
	width:				842px;
}

#content .content_box {
	float: 				left;
	padding:			0 25px;
	margin-left:		49px;
	width:  			200px;
}

#content .first {
	margin-left: 		0;
}

#content .content_box_header {
	height: 			150px;
	width: 				200px;
}

/* 
	Cottage
------------------------------------------------------------------- */
#gallery {
	border:				1px solid #AAAAAA;
	float:				right;
	height:				445px;
	margin:  			0 0 10px 10px;
	padding:			10px;
	width:				390px;
}

#gallery img {
	height:				300px;
	width:				390px;
}

#gallery #thumbnails {
	height:				150px;
	margin-top:			10px;
	width:				390px;
}

#gallery #thumbnails img{
	-moz-opacity:.50; 
	filter:alpha(opacity=50); 
	opacity:.50;
	height:				38px;
	padding:			0 2px 5px 0;
	width:				50px;
}

#gallery #thumbnails img:hover{
	cursor:				pointer;
	-moz-opacity:1; 
	filter:alpha(opacity=100); 
	opacity:1;
}

#gallery #thumbnails img.active{
	-moz-opacity:1; 
	filter:alpha(opacity=100); 
	opacity:1;
}

/* 
	Contact
------------------------------------------------------------------- */
#address {
	background: 		transparent url('../img/content/contact/house.png') no-repeat;
	padding:			0 0 0 25px;
}

#telephone {
	background: 		transparent url('../img/content/contact/telephone.png') no-repeat;
	padding:			0 0 0 25px;
}

/* 
	Footer
------------------------------------------------------------------- */
#footer #links h4{
	color:					#FFFFFF;
	padding-bottom:			10px;
	text-align: 			center;
}

#footer #links a {
	color: 					#FFFFFF;
	text-decoration:		none;
}

#footer #contact_details h4{
	color:					#FFFFFF;
	text-align:				center;
	padding-bottom:			10px;
}

#footer #template_details h4{
	color:					#FFFFFF;
	text-align:				center;
}

#footer #template_details a{
	color:					#FFFFFF;
	font-style:				oblique;
}