/* WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW */

body
{
	background:						#fff url("_img/body-background.gif") repeat-x 0 0;
	color:							#343434;
	font-family:						Georgia, Times, Palatino, "Times New Roman", serif;
	font-size:						medium;
	line-height:						1.35em;
}

/* WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW */

a:link
{
	color:							#005281;
}

a:visited
{
	color:							#343434;
}

a:focus,
a:hover,
a:active
{
	color:							#14a9ff;
}


/* WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW */

#header
{
	margin-top:						35px;
	margin-bottom:						25px;
	width:							980px;
}

#header blockquote
{
	color:							#595a5b;
	font-style:						italic;
	text-align:						right;
	width:							600px;
	float:							left;
	font-size:						1.15em;
	line-height:						1.25em;
}

#header blockquote a:link,
#header blockquote a:visited
{
	color:							#006198;
	text-decoration:					underline;
}

#header #logo
{
	float:							left;
	width:							380px;
	height:							113px;
}

/* WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW */

#stripe
{
	background:						#005281 url("_img/stripe.png") repeat-x 0 0;
	clear:							both;
}

/* WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW */

#content
{
	padding-top: 						20px;
	margin:							0 auto 20px auto;
	width:							980px;
}

#content #verso
{
	position:						relative;
	float:							left;
}

#content.config1 #verso
{
	padding-top:						0.25em;
	height:							320px;
	width:							582px;
}

#content.config2 #verso
{
	width:							740px;
}

#content #recto
{
	float:							right;
}

#content.config1 #recto
{
	background:						transparent url("_img/little-sea-eagle.png") no-repeat top right;
	width:							378px;
}

#content.config2 #recto
{
	font-size:						smaller;
	width:							200px;
}

/* WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW */

h1
{
	text-transform:						uppercase;
	font-size:						1.5em;
	font-weight:						100;	
	color:							#006497;
	margin-bottom:						20px;
	margin-top:						0.5em;
	letter-spacing:						0.2em;
	border-bottom:						1px dotted #006497;
	padding-bottom:						0.25em;
}

h2
{
	text-transform:						uppercase;
	border-top:						1px dotted #006497;
	padding-top:						1em;
	margin-top:						20px;
	margin-bottom:						10px;
}

h2.first-child
{
	border-top:						none;
	margin-top:						0;
	padding-top:						0;
}

/* WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW */

#content p
{
	margin-bottom:						0.75em;
}

/* WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW */

address
{
	font-style:						normal;
}

/* WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW */

ul.alternative-links
{
}

ul.alternative-links li
{
	background:						transparent url("_img/bullet.png") no-repeat 0 50%;
	padding-left:						16px;
}

/* WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW */

#triptych
{
	padding-bottom:						20px;
	float:							left;
	width:							740px;
	height:							233px;
}

#triptych img
{
	width:							233px;
	height:							233px;
	background-color:					#efefef;
	display:						block;
}

#triptych li
{
	padding-right:						20px;
	float:							left;
	width:							233px;
	height:							233px;
}

#triptych li.last-child
{
	padding-right:						1px;
}

/* WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW */

#teasers
{
	display:						inline-block;
	width:							100%;
	float:							left;
	clear:							both;
	margin-bottom:						40px;
	margin-top:						40px;
}

#teasers ul
{
	float:							left;
}

#teasers ul li
{
	float:							left;
	margin-right:						10px;
	background-color:					#006198;
	text-transform:						lowercase;
}

#teasers ul li.last-child
{
 	margin-right:						0;
}

#teasers ul li a
{
	float:							left;
	display:						block;
	text-decoration:					none;
	color:							#fff;
	width:							155px;
	height:							155px;
	overflow:						hidden;
	background-repeat:					no-repeat;
	background-color:					transparent;
	background-position:					0 0;
}

#teasers ul li.fenton-barns-cafe a
{
	background-image:					url("_img/_teasers/fenton-barns-cafe.png");
}

#teasers ul li.coffee a
{
	background-image:					url("_img/_teasers/coffee.png");
}

#teasers ul li.the-fruitmarket-gallery-cafe a
{
	background-image:					url("_img/_teasers/the-fruitmarket-gallery-cafe.png");
}

#teasers ul li.st-giles-cathedral-cafe a
{
	background-image:					url("_img/_teasers/st-giles-cathedral-cafe.png");
}

#teasers ul li.fenton-barns-farm-shop a
{
	background-image:					url("_img/_teasers/fenton-barns-farm-shop.png");
}

#teasers ul li.the-storytelling-cafe a
{
	background-image:					url("_img/_teasers/the-storytelling-cafe.png");
}

#teasers ul li a:focus,
#teasers ul li a:hover,
#teasers ul li a:active
{
	background-position:					0 -155px;
}

/* WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW */

#contactform dd
{
	margin-bottom:						0.5em;
}

#contactform #gfssubmit
{
	font:							1em Georgia, Times, Palatino, "Times New Roman", serif;
	background-color:					#005281;
	color:							#fff;
	border:							none;
}

#contactform #gfsname,
#contactform #gfsemail,
#contactform #gfsmessage
{
	border: 						#595a5b 1px dotted;
	font:							1em Georgia, Times, Palatino, "Times New Roman", serif;
	background-color:					#fff;
	color:							#343434;
}

#contactform #gfsname,
#contactform #gfsemail,
#contactform #gfsmessage
{
	width: 							400px;	
}
	
#contactform #gfsmessage
{
	height:							180px;
}

#contactform #gfsname:focus,
#contactform #gfsemail:focus,
#contactform #gfsmessage:focus
{
	border-color:						#005281;
}

/* WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW */

#footer
{
	padding-top:						1em;
	font-size:						70%;
	border-top:						1px dotted #006497;
	padding-bottom:						1em;
	text-align:						right;
	line-height:						1.5em;
	clear:							both;
}

#footer ul.nav
{
	padding-bottom:						1em;
}

#footer ul.nav li
{
	display:						inline;
	text-transform:						lowercase;
	padding-left:						1em;
}

/* WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW */

.pinch
{
	margin:							0 auto;
	width:							980px;
}

/* WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW */

div.clearer
{
	clear:							both;
	line-height:						0;
	height: 						0;
}

/* WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW */

#slideshow
{	
}

#slideshow a
{
	display:						none;
}

#slideshow a.first-child
{
	display:						block;
}

/* WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW */

#topnav
{
	display:						inline-block;
	width:							100%;
	border-left:						1px solid #fff;
	border-right:						1px solid #fff;
	float:							left;
}

#topnav ul
{
	float:							left;
	font-size:						1.1em;
	text-transform:						lowercase;
}

#topnav ul li
{
	border-right:						1px solid #337da6;
	float:							left;
}

#topnav ul li a
{
	float:							left;
	display:						block;
	padding:						0.25em 1em;
	color:							#fff;
	text-decoration:					none;
}

#topnav ul li a:hover,
body.home #topnav ul li.home a:link, body.home #topnav ul li.home a:visited,
body.contact #topnav ul li.contact a:link, body.contact #topnav ul li.contact a:visited,
body.careers #topnav ul li.careers a:link, body.careers #topnav ul li.careers a:visited,
body.about #topnav ul li.about a:link, body.about #topnav ul li.about a:visited,
body.glenfinlas-retail #topnav ul li.glenfinlas-retail a:link, body.glenfinlas-retail #topnav ul li.glenfinlas-retail a:visited,
body.coffee #topnav ul li.coffee a:link, body.coffee #topnav ul li.coffee a:visited,
body.cafes #topnav ul li.cafes a:link, body.cafes #topnav ul li.cafes a:visited
{
	background-color:					#14a9ff;
	text-decoration:					none;
}

span.dropcap
{
	float:							left;
	color:							#006497;
	font-size:						80px;
	line-height:						60px;
	padding-top:						2px;
	padding-right:						0.1em;
}

p.capimg
{
	margin-bottom:						1em;
	font-size:						70%;
	line-height:						1.1em;
	text-align:						right;
	color:							#898989;
}

p.capimg img
{
	border:							1px solid #ccc;
	padding:						1px;
}

/* WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW */

#teasers span,
#teasers h2,
#recto h1
{
	position:						absolute;
	left:							-2000px;
	top:							-2000px;
}

/* WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW WMW */

sup
{
	text-transform:						uppercase;
	background-color:					#14a9ff;
	color:							#fff;
	font-size:						smaller;
	padding:						1px 2px;
}