@charset "utf-8";
/*--------------------------------------------------------------------------------------------------
WL Sleigh Ltd - SCREEN Style Sheet

version:   	2.1
date:      	10/09/07
author:    	Jonathan Stevenson
email:     	jonathan@redfernonline.com
website:   	http://www.redfernonline.com

copyright: 	If anybody finds any of this code useful please feel free to use SNIPPETS of it.
			I will be quite surprised, as there are very many much better designed &
			constructed web sites out there.
			IMPORTANT NOTE
			Please DO NOT STEAL THE WHOLE THING & try to cover it up by changing the colours,
			logo etc. The web is a surprisingly small place. Somebody will tell me & I will
			gleefully embarrass the culprit in front of the web design community. So there.
			
--------------------------------------------------------------------------------------------------*/


/* Remove padding and margin */

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, sup, tt, var, 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;
}

/* Remove border around linked images */
img 
{
	border: 0;
}

/* Main Element Layout
-----------------------------------------------------------------------------*/

body /* Centres page content */
{
	text-align: center;
}

#container /* Site Container */
{
	width: 760px;
	margin: auto;
	text-align: left;
}

#masthead
{
	width:745px;
	padding: 10px 5px 30px 10px;
	background-color: #003300;
	position: relative;
}

	#address
	{
		position: absolute;
		top: 10px;
		right: 10px;
		text-align: right;
	}

#head-img
{
	width: 760px;
	height: 221px;
	background: url(../images/header_img2.jpg) no-repeat center;
	margin: 1px 0 1px 0;
}

#nav
{
	width: 760px;
}

#content-wrap /* Container for page & sidebar content */
{
	width: 760px;
	margin-bottom: 10px;
}

#content /* Main page content */
{
	width: 515px;
	margin-right: 10px;
	padding-left: 5px;
	float: left;
}

.sidebar
{
	background-color: #668866;
	width: 210px;
	padding: 10px;
	margin-bottom: 5px;
	float: left;
}

.clear
{
	clear: both;
}

#footer
{
	background-color: #003300;
	padding: 10px;
	margin-bottom: 10px;
}

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

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #000;
}

h1
{
	font-size: 3em;
}

h2
{
	font-size: 1.3em;
	padding: 5 0 0 5px;
}

h2.strap
{
	font-size: 1.6em;
	/*font-weight: bold;*/
	padding: 0;
}

h1, h2, h3, h4, h5, h6
{
	font-weight: normal;
}

h3, h4, h5
{
	color: #003300;
}

h3 /* Page Contnet Main Heading */
{
	font-size: 2.5em;
	margin-bottom: 10px;
}

h4  /* Page Contnet Sub Heading */
{
	font-size: 1.8em;
}

h4.reasons
{
	color: #990000;
}

h5  /* Page Contnet List Heading */
{
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 5px;
}

h6   /* Side Bar Heading */
{
	font-size: 1.7em;
	font-weight: bold;
}
	h6.book
	{
		font-size: 2em;
		font-weight: normal;
	}

/*Link Styling
---------------------------------------------------------------------------------------------------------*/

#address a, #footer p a /* Email link in masthead & footer */
{
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px dashed #FFF;
}

	#address a:hover, #address a:active, #footer p a:hover, #footer p a:active
	{
		border-bottom: 1px solid #FFF;
		background-color: #668866;
	}
	
h1 a /* Site title link to home page */
{
	text-decoration: none;
	color: #FFF;
}

	h1 a:hover, h1 a:active
	{
		color: #668866;
	}
	
#book a
{
	text-decoration: none;
	color: #003300;
}

	#book a:hover, #book a:active
	{
		color: #CC0000;
	}
	
#content a /* Links in main page content */
{
	color: #003300;
	text-decoration: none;
	border-bottom: 1px dashed #003300;
}

	#content a:hover, #content a:active
	{
		color: #FFF;
		border-bottom: 1px solid #003300;
		background-color: #668866;
	}

.sidebar a /* Sidebar links */
{
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px dashed #FFF;
}

.sidebar p.client-comment a
{
	border: none;
}

	.sidebar a:hover, .sidebar a:active
	{
		color: #FFF;
		border-bottom: 1px solid #FFF;
		background-color: #003300;
	}
	
	.sidebar p.client-comment a, .sidebar p.client-comment a:hover, .sidebar p.client-comment a:active
{
	border: none;
}


/*Masthead Styling
---------------------------------------------------------------------------------------------------------*/

#masthead
{
	color: #FFF;
}

	#masthead p, #footer p
	{
		font-size: 1.2em;
		line-height: 1.4em;
	}

/*Header Image Styling
---------------------------------------------------------------------------------------------------------*/

#head-img p /* Header image caption */
{
	color: #86A486;
	text-align: right;
	padding: 200px 10px 0 0;
	font-size: 1.2em;
}

	
		
	/*Masthead Image Assignment*/
	
	.home #head-img
	{
		background: url(../images/header-imgs/destination2.jpg) no-repeat center;
	}
	
	.tours #head-img
	{
		background: url(../images/header-imgs/loch-maree-rowing-boat.jpg) no-repeat center;
	}
			
		.edin #head-img
		{
			background: url(../images/header-imgs/edinburgh.jpg) no-repeat center;
		}
		
		.loth #head-img
		{
			background: url(../images/header-imgs/e-lothian.jpg) no-repeat center;
		}
		
		.bord #head-img
		{
			background: url(../images/header-imgs/borders.jpg) no-repeat center;
		}
		
		.forth #head-img
		{
			background: url(../images/header-imgs/stirling-castle.jpg) no-repeat center;
		}
		
		.fife #head-img
		{
			background: url(../images/header-imgs/fife.jpg) no-repeat center;
		}
		
		.burns #head-img
		{
			background: url(../images/header-imgs/whisky.jpg) no-repeat center;
		}
		
		.glamis #head-img
		{
			background: url(../images/header-imgs/highlands.jpg) no-repeat center;
		}
		
		.lomond #head-img
		{
			background: url(../images/header-imgs/lomond.jpg) no-repeat center;
		}
		
		.glasgow #head-img
		{
			background: url(../images/header-imgs/glasgow.jpg) no-repeat center;
		}
		
		.extend #head-img
		{
			background: url(../images/header-imgs/home.jpg) no-repeat center;
		}
	
	.business #head-img
	{
		background: url(../images/header-imgs/corporate2.jpg) no-repeat center;
	}
	
	.dest #head-img
	{
		background: url(../images/header-imgs/castle-stalker.jpg) no-repeat center;
	}
	
	.chauff #head-img
	{
		background: url(../images/header-imgs/destination.jpg) no-repeat center;
	}
	
	.about #head-img
	{
		background: url(../images/header-imgs/hist1.jpg) no-repeat center;
	}
	
	.contact #head-img
	{
		background: url(../images/header-imgs/contact.jpg) no-repeat center;
	}
	
	.testimonial #head-img
	{
		background: url(../includes/images/header-img-6.jpg) no-repeat center;
	}
	
	.news #head-img
	{
		background: url(../includes/images/edinburgh-rsa.jpg) no-repeat center;
	}
	

/*Navigation Styling
---------------------------------------------------------------------------------------------------------*/

#nav ul
{
	list-style-type: none;
	width: 760px;
	background-color: #003300;
	float: left;
	margin-bottom: 15px;
	

}

	#nav li
	{
		display: inline;		
	}
	
		#nav a
		{
			display: block;
			float: left;
			height: 2.5em;
			line-height: 2.5em;
			font-size: 1.3em;
			color: #FFF;
			text-decoration: none;
			padding: 0 14px 0 14px;
			border-right: 1px solid #FFF;
		}
		
		#nav a:hover, #nav a:active
		{
			background-color: #668866;
		}
		
		.home a.home, .tours a.tours, .business a.business, .dest a.dest, .chauff a.chauff, .weddings a.weddings, .about a.about, .contact a.contact, .testimonial a.testimonial /* Keeps menu 'button' in ON state when a particular page is loaded */
		{
			background-color: #668866;
		}
		
/*About Section Navigation Styling
---------------------------------------------------------------------------------------------------------*/

#about-nav
{
	list-style-type: none;
	width: 500px;
	/*background-color: #003300;*/
	float: left;
	margin-bottom: 15px;
	

}

	#about-nav li
	{
		display: inline;		
	}
	
		#about-nav a
		{
			display: block;
			float: left;
			height: 2.5em;
			line-height: 2.5em;
			font-size: 1.1em;
			color: #FFF;
			text-decoration: none;
			padding: 0 14px 0 14px;
			border-right: 1px solid #FFF;
			border-bottom: none;
			background-color: #003300;
		}
		
		#about-nav a:hover, #about-nav a:active
		{
			background-color: #668866;
			border-bottom: none;
		}
		
		#about-history a.about-history, #about-responsibility a.about-responsibility, #about-quality a.about-quality /* Keeps menu 'button' in ON state when a particular page is loaded */
		{
			background-color: #668866;
			border-bottom: none;
		}

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


ul.cont-list /* UL styling in main page content */
{
	font-size: 1.4em;
	line-height: 1.4em;
	margin: 0 0 10px 18px;
}

#content p
{
	font-size: 1.4em;
	line-height: 1.6em;
	margin-bottom: 15px;
	padding-right: 10px;
}
	#content p.test-name
	{
		font-weight: bold;
		color: #003300;
		line-height: 0;
		padding-left: 10px;
		padding-bottom: 10px;
		border-bottom: 1px dotted #003300;
	}

#content img /* Images in main page content to be 200 x 150 */
{
	float: left;
	padding: 4px;
	border: 1px solid #003300;
	margin: 6px 8px 0 0;
}

#content img.row-of-3
{
	margin-bottom: 8px;
}

#content img.bottom
{
	margin-bottom: 20px;
}


/*Table Styling
---------------------------------------------------------------------------------------------------------*/

table
{
	border-collapse: collapse;
	margin: 0 0 15px 10px;
} 

th, td
{ 
	border: 1px solid #FFF; 
	font-size: 1.3em;
	padding: 4px 7px;
	line-height: 1.3em;
} 

tbody td.vehicle
{
	background-color: #668866;
	color: #FFF;
}

tbody td.rate
{
	background-color: #8CBA8B;
	color: #003300;
	text-align: center;
}

caption
{
	font-weight: bold;
	font-size: 1.4em;
	padding: 0 0 5px 0;
	color: #003300;
	/*text-align: left;*/
}

th
{
	background: #003300;
	color: #FFF; 
	text-align: left;
}

tfoot
{
	background-color: #003300;
	color: #8CBA8B;
}

tfoot td
{
	font-size: 1.0em;
	text-align: center;
}


/*Sidebar Styling
---------------------------------------------------------------------------------------------------------*/

.sidebar
{
	color: #FFF;
}

.sidebar p
{
	font-size: 1.2em;
	line-height: 1.4em;
	margin-top: 5px;
}

	.sidebar p.job-title
	{
		margin-top: 0;
		font-size: 1.1em;
		font-weight: bold;
	}

.sidebar img /* Images in sidebar to be 80 x 80 */
{
	float: left;
	padding: 4px;
	background-color: #C2D1C2;
	border: 1px solid #003300;
	margin: 8px 5px 0 0;
}

	.sidebar img.frosch-logo
	{
		background-color: #FFF;
	}

p.time /* Time & date box out */
{
	margin: 0;
	text-align: center;
	padding: 4px;
	font-size: 1.8em;
	border: 1px solid #FFF;
}

#tours-links ul
{
	list-style-type: none;
	font-size: 1.3em;
	line-height: 1.3em;
}

#tours-links ul li
{
	margin: 3px 0 0 0;
}

.book
{
	text-align: center;
	background-color: #C2D1C2;
	padding: 9px;
	border: 1px solid #003300;
}

.book h6
{
	font-size: 2.5em;
}

.book a
{
	border-bottom: none;
	color: #003300;
}

.book a:hover, #book a:active
{
	background-color: #C2D1C2;
	border-bottom: none;
	color: #CC0000;	
}

.book p
{
	margin-bottom: 5px;
}

/*.book
	{
		/*width: 205px;
		float: right;
		margin: 8px 8px 0 0;
		padding: 7px;
		background: url(../images/trans-bg.png) repeat;
		border: 1px solid #003300;
		background: #8CBA8B;
	}
		
		/*.book p
		{
			padding: 5px 0 5px 0;
			text-align: center;
			color: #003300;
		}
		
		.book h6
		{
			padding: 0;
			text-align: center;
			color: #003300;
			border: 1px solid #003300;
		}
		
		.book a
		{
			text-decoration: none;
		}*/

.ul
{
	border-bottom: 1px dashed #003300;
}


/*Footer Styling
---------------------------------------------------------------------------------------------------------*/

#footer
{
	text-align: right;
	color: #FFF;
}

#footer img
{
	float: left;
	padding: 3px 10px 0 0;
}

#social
{
	float: left;
	margin-left: 20px;
	margin-top: 135px;
}

#social li
{
	display: inline;
	padding: 10px 6px 6px 0;
}

#social li a
{
	margin: 0 18px 0 0;
	padding-left: 20px;
	color: #FFF;
	text-decoration: none;
	font-size: 1.2em;
}

#social li a:hover
{
	text-decoration: underline;
}

#social li.delicious
{
	background: url(../images/social-media-icons/delicious.png) no-repeat 0 8px;
}

#social li.digg
{
	background: url(../images/social-media-icons/digg.png) no-repeat 0 8px;
}

#social li.flickr
{
	background: url(../images/social-media-icons/flickr.png) no-repeat 0 8px;
}

#social li.linkedin
{
	background: url(../images/social-media-icons/linkedin.png) no-repeat 0 8px;
}

#social li.youtube
{
	background: url(../images/social-media-icons/youtube.png) no-repeat 0 8px;
}

h6.tripadvisor
{
	text-indent: -5000px;
	background-image: url(../images/social-media-icons/tripadvisor.gif);
	background-position: left;
	background-repeat: no-repeat;
	width: 167px;
	height: 55px;
}

/*Form Styling
---------------------------------------------------------------------------------------------------------*/


form
{
	margin-bottom: 10px;
}


/*Form Results Styling
---------------------------------------------------------------------------------------------------------*/

form {
	width: 360px;
	text-align: left;
}

fieldset {
	margin: 0;
	border: 0;
	padding: 0;
}

legend {
	display: none;
}

form h3 {
	clear: both;
	padding: 5px 0px 10px 0px;
	/*font-size: 14px;*/
}

form h4 {
	clear: both;
	padding: 5px 0px 10px 0px;
	/*font-size: 14px;*/
}


form label {
	display: block;
	width: 310px;
	font-size: 12px;
	line-height: 14px;
	padding: 0px 0px 12px 0px;
}

form input {
	display: block;
	margin-top: 3px;
}

form select {
	float: left;
	display: block;
}

form label.field-first,
form label.field-address,
form label.field-city,
form label.field-email {
	clear: left;
}


form label.field-first,
form label.field-last,
form label.field-city,
form label.field-fax,
form label.field-phone {
	float: left;
	margin: 0px 10px 0px 0px;
	width: 150px;
}

form label.field-first input,
form label.field-last input,
form label.field-fax input,
form label.field-city input,
form label.field-phone input {
	float: left;
	width: 150px;
	padding: 0px;
	background-color: #C2D1C2;
}

form label.field-state {
	float: left;
	margin-right: 10px;
	width: 60px;
}

form label.field-state select {
	width: 60px;
	float: left;
	margin-top: 3px;
	background-color: #C2D1C2;
}

form label.field-zip {
	float: left;
	width: 80px;
}

form label.field-zip input {
	float: left;
	width: 80px;
	background-color: #C2D1C2;
}

form label.field-address,
form label.field-company,
form label.field-email {
	float: left;
	width: 310px;
	margin: 0px 0px 0px 0px;
}

form label.field-address input,
form label.field-company input,
form label.field-email input {
	float: left;
	width: 310px;
	padding: 0px;
	background-color: #C2D1C2;
}

form input#radiobutton_1,
form input#radiobutton_2,
form input#radiobutton_3,
form input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

form label.radioitem {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 15px 0px;
}

textarea {
	display: block;
	background-color: #C2D1C2;
}

form input#checkbox_1,
form input#checkbox_2,
form input#checkbox_3 {
	clear: both;
	float: left;
	padding: 0px;
	margin: 0px;
}

form label.field-checkbox {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 15px 0px;
}

form textarea {
	margin-top: 3px;
}

/*Misc Styling
---------------------------------------------------------------------------------------------------------*/

.spry-region
{
	margin-bottom: 200px;
}