@charset "utf-8";
/* maxhoward.co.uk CSS  */
/*-- [ 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: BookAntiqua; vertical-align: baseline;
	}
	
img#banner-image { margin-bottom: -5px; padding-bottom: 0px; height: 299px; width: 955px; }

p, span {
	font-family: Helvetica, Arial;
	color:#444;
	font-size: 13px;
	line-height: 16px;
}

.local { margin: 16px 0 0 0; padding: 0; border: #444444 1px solid; }


p#title {
	font-family: BookAntiqua;
	font-size: 24px;
	margin-bottom: 20px;
	font-weight:light;
}

p.sub-title {
	font-family: BookAntiqua;
	margin-top: 16px;
	font-size: 16px;
}

a.sub {
  	font-size: 16px;
}

a.sub:hover{
	text-decoration:underline;	
}

p.final { font-family: Helvetica, Arial;
		color:#444;
		margin-top: 16px;
		 }

p.title-right {
	font-family: BookAntiqua;
	font-size: 18px;
	margin-bottom: 20px;
}

p.main {margin-top: 16px;}

p.main a {
	font-family: Helvetica, Arial;
	font-size: 13px; 
	text-decoration:none;
	color:#444;
}

a {
	text-decoration:none;
	color:#444;
}


.right{float:right}
img.right { border:#444 1px solid; margin-top: 3px; margin-left: 16px; }

.strong {
	font-weight:bold;
}

.clear { clear: both; }

body {
	background-image: url(../images/bg.jpg);
	background-repeat:repeat;
	margin: 0 Auto 25px Auto;
	text-align:center;
}

#header {
	margin-left:1px;
	margin-top:0px;
	width: 905px;
	height:auto;
	text-align:left;
	padding: 0;
}

#super-container { 
	margin: 0 auto;
	padding: 5px;
	width: 966px;
 }

.container {
	background:url(../images/background.png);
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	margin-bottom: -5px;
	width: 966px;
	text-align:left;
}

#content {
	background:#FFF;
	margin-left:1px;
	margin-top:0px;
	padding:15px 25px 25px 25px;
	width: 905px;
	text-align:left;
}

ul.list {
	font-family: Helvetica, Arial;
	color:#444;
	font-size: 13px;
	line-height: 16px;
	list-style:outside;
	padding-left: 14px;
}

li.item {
	font-family: Helvetica, Arial;
	font-size: 13px;
}

#content-left { width: 645px; padding:0; }
#content-right { 
	float: right;
	width: 230px;
	margin-left: 25px;
}

#logo {
	padding: 18px 14px 10px 14px;
}

#mainmenu {
	margin-top:43px;
	margin-right: 0px;
	margin-bottom:0;
	text-align:right;
	float:right;
}

#mainmenu ul {
	list-style:none;
	outline:none;
	margin:0px;
	padding:0px;
	text-align:center;
	font-size:18px;
}
	
#mainmenu ul li {
	float:left;
	border:0px;
	outline:none;
	margin:0px;
	margin-right:10px;
	text-align:center;
}

#mainmenu ul li.last {
	margin-right:0;
}

a.underline:hover { text-decoration: underline; }


.border-top{ border-top: #444 1px solid; margin: 0; padding: 0; }

/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#sites { visibility: hidden; }

/* GALLERY CONTAINER */
.gallery { background: #ddd; border: 1px solid #aaa; padding: 5px;}

/* LOADING BOX */
.loader { background: url(http://dursleybnb.co.uk/styles/loader.gif) center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel {}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 60px; padding: 0 1em; }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #222; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 0.7em; }
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #aaa; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #000; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #000;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */