/* Cowshed Styles */

/* Reset */
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-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
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: "" "";
}
/* End Reset */

/* Links */
a:link, a:visited {
	background: #fff;
	color: #000;
	text-decoration: underline; 
}

a:hover {text-decoration: none;}

a:focus, a:active {outline: 1px dotted #938f80;} 
/* End Links */

/* Typography */
body {
	font-size: 100%;
	line-height: 1.125em; /* 16×1.125=18px */
	font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
}

a:link, a:visited,
a:focus, a:active {
	font-weight: bold;
}

#nav {
	font-family: Georgia, serif;
}

#content-wrap {
	font-size: .8125em; /* 16×.8125=13px */
}

/* About */
#times-list li {
	font-family: Georgia, serif;
	letter-spacing: .06em;
}

	#times-list li h4 {
		font-size: 1.0625em; /* 16×1.0625=17px */
		font-weight: bold;
	}

#about-links h3 {
	font-family: Georgia, serif;
	font-size: 1.125em; /* 16×1.125=18px */
	letter-spacing: .06em;
}

#about-links p {
	font-family: Georgia, serif;
	font-size: .9375em; /* 16×.9375=15px */
	font-style: italic;
}

body#suppliers #intro-wrap p {
	font-size: .875em; /* 16×.875=14px */
	font-style: italic;
}

#suppliers-list li h4 {
	font-size: 1.0625em; /* 16×1.0625=17px */
	font-weight: bold;
	letter-spacing: .06em;
}

a.back-link {
	font-size: .875em; /* 16×.875=14px */
}
/* End About */

/* Food */
ul#menu-list li {
	font-family: Georgia, serif;
	text-transform: uppercase;
}

#menus ul li a .view {
	font-family: Georgia, serif;
	font-weight: normal;
	font-style: italic;
}

#menus ul li a h4 {
	font-family: Georgia, serif;
	font-size: 1.0625em; /* 16×1.0625=17px */
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .07em;
}
/* End Food */

/* Drinks */
#drink-menus ul li a .view {
	font-family: Georgia, serif;
	font-weight: normal;
	font-style: italic;
}

#drink-menus ul li a h4 {
	font-family: Georgia, serif;
	font-size: 1.0625em; /* 16×1.0625=17px */
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .07em;
}
/* End Drinks */

/* Reservations */
body#reservations #contact-info .tel {
	font-size: 1.5em; /* 16×1.5=24px */
	font-weight: bold;
	letter-spacing: .13em;
}
/* End Reservations */

#footer {
	font-family: Georgia, serif;
	font-size: .8125em; /* 13×.8125=11px */
	text-shadow: 0 -2px 2px #000;
}

#footer.vcard {
	text-transform: uppercase;
	letter-spacing: .12em;
}

#footer span.caps {
	font-size: 1.3em;
}

#footer .tel {
	font-size: 2em;
	letter-spacing: .5em;
}

#footer a {
	font-weight: normal;
}
/* End Typography */

/* Global */
body {
	color: #cecece;
	background: #252b21 url(/img/bg-repeat.jpg) left top repeat;
}

#screen {
	width: 960px;
	margin: 0 auto;
	padding-top: 30px;
}

h1#logo a {
	display: block;
	width: 550px;
	height: 61px;
	margin: 0 auto;
	text-indent: -2000em;
	overflow: hidden;
	background: transparent url(/img/logo.png) left top no-repeat;
}

#content-wrap {
	color: #232a1f;
	background-color: #fff;
}
/* Nav */
#nav {
	position: relative;
	width: 719px;
	height: 12px;
	margin: 30px auto;
}

#nav a {
	display: block;
	position: absolute;
	height: 12px;
	text-indent: -2000em;
	overflow: hidden;
	color: #938f80;
	text-decoration: none;
	background: transparent url(/img/nav.png) left top no-repeat;
}

#nav li#about-nav a {width: 66px;}
#nav li#food-nav a {width: 53px; left: 112px; background-position: -112px top;}
#nav li#drinks-nav a {width: 72px; left: 214px; background-position: -214px top;}
#nav li#gallery-nav a {width: 84px; left: 332px; background-position: -332px top;}
#nav li#reservations-nav a {width: 139px; left: 464px; background-position: -464px top;}
#nav li#news-nav a {width: 54px; left: 650px; background-position: -650px top;}

#nav li#about-nav a:hover, body#about #nav li#about-nav a, body#about-adam #nav li#about-nav a, body#suppliers #nav li#about-nav a {background-position: left -12px;}
#nav li#food-nav a:hover, body#food #nav li#food-nav a {background-position: -112px -12px}
#nav li#drinks-nav a:hover, body#drinks #nav li#drinks-nav a {background-position: -214px -12px;}
#nav li#gallery-nav a:hover, body#gallery #nav li#gallery-nav a {background-position: -332px -12px;}
#nav li#reservations-nav a:hover, body#reservations #nav li#reservations-nav a {background-position: -464px -12px;}
#nav li#news-nav a:hover, body#news #nav li#news-nav a {background-position: -650px -12px;}

#nav a:focus {outline: 1px dotted #938f80;}
#nav a:active {outline: none;}
/* End Nav */

#banner {
	position: relative;
	height: 345px;
	padding: 7px 8px;
	background: #fff url(/img/img-bg-repeat.jpg) left top repeat;
}

#banner h2 span {
	display: block;
	height: 0;
	text-indent: -2000em;
}

#banner a#book-now {
	display: block;
	position: absolute;
	width: 78px;
	height: 74px;
	bottom: 24px;
	right: 30px;
	text-indent: -2000em;
	overflow: hidden;
	background: transparent url(/img/book-now.png) left top no-repeat;
}

#banner a#book-now:hover {
	background-position: left -74px;
}

#content-wrap {
	padding: 20px 30px;
}

#content-wrap p, #content-wrap li {
	margin: 10px 0;
}

div.right {
	float: right;
}
/* End Global */

/* Home */
body#home #main-content {
	float: left;
	width: 445px;
}

#home-menus {
	float: right;
	width: 410px;
}

h3#menu-title {
	width: 218px;
	height: 34px;
	margin-top: 10px;
	text-indent: -2000em;
	overflow: hidden;
	background: #fff url(/img/titles/view-menus.jpg) left top no-repeat;
}

ul#menu-list li {
	float: left;
}

ul#menu-list li a {
	display: block;
	float: left;
	width: 125px;
	margin-right: 11px;
	padding-bottom: 2px;
	text-align: center;
	text-decoration: none;
	color: #232a1e;
}

ul#menu-list li a:hover {
	padding-bottom: 0;
	border-bottom: 2px solid #232a1e;
}
/* End Home */

/* About */
body#about #main-content {
	float: left;
	width: 350px;
	margin-right: 35px;
}

#opening-times {
	float: left;
	width: 228px;
	margin: 0 43px 0 10px;
}

#about-links {
	float: left;
	width: 234px;
	margin-top: 10px;
}

h3#opening-title {
	width: 198px;
	height: 18px;
	margin: 10px 0 20px 0;
	text-indent: -2000em;
	overflow: hidden;
	background: #fff url(/img/titles/opening-times.jpg) left top no-repeat;
}

#about-links h3 {
	display: inline;
	padding-right: 16px;
	background: #fff url(/img/carets-right.jpg) right center no-repeat;
}

#about-links p {
	margin: 5px 0 20px 0;
}
/* End About */

/* About Adam */
body#about-adam #main-content {
	float: right;
	width: 485px;
}

h3#adam-title {
	width: 186px;
	height: 16px;
	margin: 10px 0 20px 0;
	text-indent: -2000em;
	overflow: hidden;
	background: #fff url(/img/titles/adam-denton.jpg) left top no-repeat;
}

a#see-suppliers-link {
	display: block;
	float: right;
	width: 193px;
	height: 12px;
	margin: 35px 0 8px 0;
	padding-bottom: 2px;
	text-indent: -2000em;
	overflow: hidden;
	background: #fff url(/img/titles/see-suppliers.jpg) left top no-repeat;
}

	a#see-suppliers-link:hover {
		padding-bottom: 1px;
		border-bottom: 1px solid #000;
	}

#adam-photos {
	float: left;
	width: 365px;
	margin-top: 32px;
	text-align: right;
}

a.back-link {
	text-decoration: none;
	padding-left: 14px;
	background: #fff url(/img/carets-left.jpg) left center no-repeat;
}

	a.back-link:hover {
		text-decoration: underline;
	}
/* End About Adam */

/* About Suppliers */
body#suppliers #main-content {
	width: 775px;
	margin: 0 auto;
}

#intro-wrap {
	width: 637px;
	margin-left: 138px;
}

h3#our-suppliers-title {
	width: 190px;
	height: 15px;
	margin: 10px 0 10px 0;
	text-indent: -2000em;
	overflow: hidden;
	background: #fff url(/img/titles/about-our-suppliers.jpg) left top no-repeat;
}

#suppliers-list {
	margin-top: 45px;
}

#suppliers-list li {
	margin-bottom: 35px;
}

#suppliers-list li img {
	float: left;
	width: 97px;
	margin-right: 40px;
}

#suppliers-list li h4 {
	padding-top: 0;
}

#suppliers-list li .supplier-content {
	float: right;
	width: 638px;
}

#suppliers-list li .supplier-content p {
	margin: 5px 0 0 0;
}

#suppliers-list li .supplier-content a {
	font-weight: normal;
}

a#about-adam-link {
	display: block;
	float: right;
	width: 138px;
	height: 12px;
	margin: 35px 0 15px 0;
	padding-bottom: 2px;
	text-indent: -2000em;
	overflow: hidden;
	background: #fff url(/img/titles/about-adam.jpg) left top no-repeat;
}

	a#about-adam-link:hover {
		padding-bottom: 1px;
		border-bottom: 1px solid #000;
	}
/* End About Suppliers */

/* Food */
body#food h3#menu-title {
	margin-bottom: 15px;
}

h3#suppliers-title {
	width: 198px;
	height: 18px;
	margin: 45px 0 20px 0;
	text-indent: -2000em;
	overflow: hidden;
	background: #fff url(/img/titles/our-suppliers.jpg) left top no-repeat;
}

h3#chefs-title {
	width: 174px;
	height: 17px;
	margin-bottom: 15px;
	text-indent: -2000em;
	overflow: hidden;
	background: #fff url(/img/titles/chefs-table.jpg) left top no-repeat;	
}

h3#sunday-title {
	width: 256px;
	height: 17px;
	margin: 30px 0 15px 0;
	text-indent: -2000em;
	overflow: hidden;	
	background: #fff url(/img/titles/sunday-roast.jpg) left top no-repeat;
}

body#food .wrap.left {
	width: 420px;
	float: left;
}

body#food .wrap.right {
	width: 420px;
	float: right;
}

#menus ul li a {
	display: block;
	width: 238px;
	padding: 6px;
	min-height: 48px;
	text-decoration: none;
	background-color: #d0cbbf;
}

#menus ul li a img {
	float: left;
	margin-right: 12px;
}

#menus ul li a h4 {
	position: relative;
	float: left;
	left: 7px;
	width: 155px;
	color: #242b20;
}

	#menus ul li a:hover h4 {
		text-decoration: underline;
	}

#chefs-table img, #sunday-roast img {
	padding: 4px;
	background: #fff url(/img/img-bg-repeat.jpg) left top repeat;
}
/* End Food */

/* Drinks */
#drink-menus {
	float: left;
	width: 410px;
}

h3#drinks-title {
	width: 256px;
	height: 37px;
	margin: 10px 0 10px 0;
	text-indent: -2000em;
	overflow: hidden;
	background: #fff url(/img/titles/drinks-menus.jpg) left top no-repeat;
}

#drink-menus ul li a {
	display: block;
	width: 238px;
	padding: 6px;
	min-height: 48px;
	text-decoration: none;
	background-color: #d0cbbf;
}

#drink-menus ul li a img {
	float: left;
	margin-right: 12px;
}

#drink-menus ul li a h4 {
	position: relative;
	float: left;
	left: 7px;
	width: 155px;
	color: #242b20;
}

	#drink-menus ul li a:hover h4 {
		text-decoration: underline;
	}
	
#about-wine {
	float: right;
	width: 410px;
}
	
h3#about-wines-title {
	width: 355px;
	height: 17px;
	margin: 10px 0 10px 0;
	text-indent: -2000em;
	overflow: hidden;
	background: #fff url(/img/titles/about-wines.jpg) left top no-repeat;
}

#house-cocktail {
	float: left;
	width: 435px;
}

h3#cocktail-title {
	width: 221px;
	height: 17px;
	margin: 45px 0 15px 0;
	text-indent: -2000em;
	overflow: hidden;
	background: #fff url(/img/titles/house-cocktail.jpg) left top no-repeat;	
}

#house-cocktail .img-wrap {
	float: left;
	width: 189px;
	height: 199px;
	padding: 19px 0 0 17px;
	background: #fff url(/img/cocktail-img-wrap.jpg) left top no-repeat;	
}

#house-cocktail p {
	margin: 0 0 20px 0;
}

body#drinks div.right {
	width: 205px;
}
/* End Drinks */

/* Gallery */
body#gallery #content-wrap {
	padding: 8px 0;
	background: #fff url(/img/content-bg-repeat.jpg) left top repeat;
}

#gallery-wrap {
	position: relative;
	width: 944px;
	margin: 0 auto;
}

.control {
	position: absolute;
  	display: block;
  	width: 29px;
  	height: 96px;
  	cursor: pointer;
	text-indent: -2000em;
	overflow: hidden;
	background-color: rgba(210, 208, 195, 0.7);
	background-position: center center;
	background-repeat:no-repeat;
}

#prev-control {
	left: 0;
  	top: 124px;
	background-image: url(/img/prev-photo.png);
}

#next-control {
	right: 0;
	top: 124px;
	background-image: url(/img/next-photo.png);
}

	.control:hover {
		background-color: rgba(210, 208, 195, 0.9);
	}

ul#gallery-list {
	height: 344px;
	overflow: auto;
}

ul#gallery-list li {
	margin: 0;
	width: 944px;
	height: 344px;
}
/* End Gallery */

/* Reservations */
#book-table {
	float: left;
	width: 355px;
}

h3#book-title {
	width: 234px;
	height: 17px;
	margin: 10px 0 15px 0;
	text-indent: -2000em;
	overflow: hidden;
	background: #fff url(/img/titles/book-table.jpg) left top no-repeat;	
}

#book-table p {
	padding-left: 37px;
}

body#reservations #contact-info {
	width: 251px;
	margin: 10px 0 0 20px;
	padding: 10px 17px;
	background-color: #d3d1ce;
}

body#reservations #contact-info p {
	margin: 0;
	padding: 0;
}

body#reservations #contact-info a {
	background-color: #d3d1ce;
	text-decoration: none;
}

	body#reservations #contact-info a:hover {
		text-decoration: underline;
	}
	
body#reservations #contact-info .tel {
	margin-top: 5px;
}

#private-hire {
	float: right;
	width: 375px;
	margin-right: 50px;
}

h3#private-title {
	width: 178px;
	height: 17px;
	margin: 10px 0 15px 0;
	text-indent: -2000em;
	overflow: hidden;
	background: #fff url(/img/titles/private-hire.jpg) left top no-repeat;	
}

#private-hire p {
	padding-left: 36px;
}
/* End Reservations */

/* Footer */
#footer {
	width: 450px;
	margin: 0 auto;
	padding: 30px 0;
	color: #b1ac9a;
	text-align: center;
}

#footer .org {
	height: 0;
	text-indent: -2000em;
	overflow: hidden;
}

#footer .adr {
	margin-bottom: 15px;
}

#footer .tel {
	margin-bottom: 22px;
	color: #dadada;
}

#footer a {
	color: #b1ac9a;
	text-decoration: none;
	background: transparent;
}

#footer a:hover, #footer a:focus, #footer a:active {
	text-decoration: underline;
}

#footer a:focus {outline: 1px dotted #b1ac9a;}
#footer a:active {outline: none;}
/* End Footer */

/* Clearfix */
#content-wrap:after,
#menus ul li a:after,
#drink-menus ul li a:after,
#suppliers-list li:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
/* End Clearfix */