/* CSS Document */

/* reset css */

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;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.clearer { clear:both; }
header, article, section, aside, footer, nav { display:block; }

body {
	background:url(../img/bg.jpg) top center repeat-x #000;
	font-family:'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', 'Arial', sans-serif;
	font-size:12px;
}
h2 {
	font-size:28px;
	margin-bottom:10px;
}
h3 {
	font-size:24px;
	margin-bottom:5px;
}
p {
	font-size:12px;
	line-height:18px;
	margin-bottom:10px;
}
body > div#wrapper {
	width:900px;
	height:590px;
	position:absolute;
	top:50%; left:50%;
	margin-left:-450px;
	margin-top:-295px;
	-moz-box-shadow:0 0 80px #000;
	-webkit-box-shadow:0 0 80px #000;
	box-shadow:0 0 80px #000;
	background-color:#fff;
}
	body.home > div#wrapper { background-image:url(../img/home-page.jpg); }
	body.accommodation > div#wrapper { background-image:url(../img/accommodation.jpg); }
	body.foodanddrink > div#wrapper { background-image:url(../img/food.jpg); }
	body.localarea > div#wrapper { background-image:url(../img/localarea.jpg); }
	body.contact > div#wrapper { background-image:url(../img/contact.jpg); }
	
	body > div > header {
		float:left;
		width:900px;
	}
		body > div > header > h1 a {
			float:left;
			width:155px; height:171px;
			display:block;
			text-indent:-999em;
			background:url(../img/clarkes.png) top left no-repeat;
			margin:30px 0 0 19px;
		}
		body > div > header > nav {
			float:right;
		}
			body > div > header > nav ul li {
				line-height:50px;
				padding:0px 30px;
				float:left;
			}
				body > div > header > nav ul li a {
					color:#fff;
					text-decoration:none;
					text-shadow:1px 1px 1px #000;
				}
			
		
	body > div > article {
		background:rgb(0,0,0); /* fallback */
		background:rgba(0,0,0,0.8);
		padding:10px 20px;
		color:#fff;
	}
		body.home > div > article {
			width:250px;
			position:absolute;
			top:80px; right:30px;
			bottom:30px;
		}
		body.accommodation > div > article {
			width:320px;
			position:absolute;
			bottom:30px; left:30px;
		}
		body.foodanddrink > div > article {
			width:320px;
			position:absolute;
			bottom:160px; right:30px;
		}
		body.localarea > div > article {
			width:420px;
			position:absolute;
			top:80px; right:30px;
		}
		body.contact > div > article {
			width:320px;
			position:absolute;
			bottom:30px; right:30px;
		}
			body > div > article a {
				color:#fff;
			}
			body > div > article blockquote {
				display:block;
				margin-bottom:20px;
			}
				body > div > article blockquote small {
					display:block;
					text-align:right;
					color:#666;
					font-size:10px;
				}
			.social {
				padding-top:0px;
				padding-bottom: 10px;
				overflow: hidden;
			}
			.social a {
				display:block;
				width:80px;
				float:left;
				padding-left:40px;
				height:32px;
				background-position:center left;
				background-repeat:no-repeat;
				text-decoration:none;
				color:#888;
			}
			.social a:hover { color:#fff; }
			
				.facebook { background-image:url(../img/facebook.png); }
				.twitter { background-image:url(../img/twitter.png); }
		
		
	body > div > aside {
		position:absolute;
		bottom:30px; right:30px;
	}
	body.home > div > aside {
		left:30px; right:auto;
	}
		body.home > div > aside li {
			margin:0 20px 0 0;
		}
	body.contact > div > aside {
		left:30px; right:auto;
	}
		body.contact > div > aside li {
			margin:0 20px 0 0;
		}

	
		body > div > aside ul li {
			float:right;
			margin-left:20px;
		}
			body > div > aside ul li a img{
				border:5px solid #fff;
				-moz-box-shadow:0 0 10px rgba(0,0,0,0.3);
				-webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
				box-shadow:0 0 10px rgba(0,0,0,0.3);
			}
		
	
body > div > footer {
	position:absolute;
	right:0;
	top:600px;
	text-align:right;
}
	body > div > footer p {
		color:#8e8689;
		margin-bottom:0;
	}
		body > div > footer p a {
			color:#cbbfc4;
			text-decoration:none;
		}
			body > div > footer p a:hover {
				text-decoration:underline;
			}
			
		
.bookings-link {
		display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.bookings-link:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.bookings-link:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}