/* Meyer Reset v1.0 | 20080212 - http://meyerweb.com/eric/tools/css/reset/ */

  Updated CSS 8th October 2009 TidyDesignPortsmouth.com for SEO 

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* All heights multiples of 21px, all widths 940, 860, 780, 700, 620, 540, 460, 380, 300, 220, 140, 60 with 10px margins either side */

body {background:#1f1a17;color:#fff;font-family:Arial,sans-serif;font-size:14px}
html>body {font-size:14px}

h2 {font-size:24px;line-height:36px;margin:0 10px 8px}
h3 {font-size:21px;line-height:32px;margin:0 10px 10px}
h4 {font-size:17px;line-height:25px;margin:0 10px 17px}
h5 {font-size:14px;line-height:21px;margin:0 10px 0}
h6 {font-size:11px;line-height:16px;margin:0 10px 5px}

p {line-height:21px;margin:0 10px 21px}

ul, 
ol {line-height:21px;margin:0 10px 21px;padding:0 0 0 20px;vertical-align:top}

dl {margin:0 10px 21px;overflow:auto}		/* Overflow auto forces height to contain floated image */
dt {font-size:17px;font-weight:bold;line-height:25px;margin-bottom:17px}
dd {line-height:21px}
dd ul,
dd ol {margin-left:0;margin-right:0}
.person dd {margin-right:140px}	/* Width of the image */
.story dd {margin-left:160px}	/* Width of the image + 20px padding */
.person dt img {float:right;margin-left:10px}
.story dt img {float:left;margin-right:20px}

blockquote {line-height:21px}
blockquote.testimonial {border:1px solid #000;margin:0 10px 20px;padding:10px;width:200px}	/* 21px height comes from border, margin, and padding */
.testimonial span.quotee {display:block;font-weight:bold;text-align:right}

div.boxout {border:1px solid #000;margin:0 10px 20px;overflow:auto;padding:10px;width:300px}	/* Overflow auto forces height to contain floated image */
.boxout :last-child {margin-bottom:0}
.boxout h4,
.boxout p {margin-left:0;margin-right:0}
.boxout img {display:inline;float:right;margin:0 0 7px 10px}

span.image_holder {display:block;width:140px}	/* Width of the image */
p.caption {font-size:12px;margin:-3px 0 0 0} 	/* Hack cos Firefox is adding a stray 3px between img and p?? */

.img_right {float:right;margin:0 0 21px 20px}
.img_left {float:left;margin:0 20px 21px 0}

div.faq_list h3 {border-bottom:1px solid #000;margin-bottom:9px} /* 9px to take account of the extra 1px introduced by the border */
.faq_list dd {margin-bottom:21px}

a img {border:none}

/* Page Template */
div#header {background:url(../img-Bed-and-Breakfast-in-Portsmouth/header_bg.gif) center top no-repeat #1f1a17;height:140px}
h1 {margin:0 auto;height:140px;position:relative;text-align:center;width:1000px}
h1 span {background:transparent url(../img-Bed-and-Breakfast-in-Portsmouth/westfieldhalllogo.gif) center top no-repeat;height:100%;left:0px;position:absolute;width:100%}

div#contact_details {position:absolute;right:10px;top:20px}

div#HotelsPortsmouth {background:url(../img-Bed-and-Breakfast-in-Portsmouth/page_bg.gif) center top repeat-y #969593}
div#content {background:url(../img-Bed-and-Breakfast-in-Portsmouth/watermark.gif) 20px 320px no-repeat #1f1a17;margin:0 auto;width:1000px}

ul#GuestHousePortsmouth {height:30px;margin:0 40px;padding:0}
ul#GuestHousePortsmouth li {display:inline}
ul#GuestHousePortsmouth li.separator {display:block;float:left;margin:4px 0 0;padding:0;width:1px}
ul#GuestHousePortsmouth li a {
	color:#fff;
	display:inline;
	float:left;
	font-size:11px;
	line-height:22px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	width:142px;
	margin: 4px;
}
* html ul#GuestHousePortsmouth li a {width:140px}
ul#GuestHousePortsmouth li a.selected,
ul#GuestHousePortsmouth li a:hover {background:#aaa;color:#1f1a17}

div#header_img {height:187px;position:relative}
div#header_img img {position:absolute}

div.wording {display:inline;float:left;margin:35px 0 0;width:490px}
div.wording p {margin:0;padding:0 10px 20px 55px}
div.wording h2 {font-size:16px;margin:0;padding:0 0 20px 55px}
div.wording ul {list-style:disc outside;padding:0 10px 0 55px}
div.wording ul li {padding:0 0 0 20px}

div.illustration {display:inline;float:right;margin:35px 0 0;width:490px}
div.illustration img {margin-bottom:20px}

div#wide {width:690px}
div#rotund {width:650px}
div#testimonials {
width:950px;
margin-left:25px;
margin-right:25px;
margin-bottom:10px;

}
div#slim {width:250px}
div#slight {width:300px}

div.wording p.letter {padding-top:25px}
div.wording p#w {background:url(../img-Bed-and-Breakfast-in-Portsmouth/w.gif) 20px top no-repeat}
div.wording p#b {background:url(../img-Bed-and-Breakfast-in-Portsmouth/b.gif) 33px 5px no-repeat}
div.wording p#r {background:url(../img-Bed-and-Breakfast-in-Portsmouth/r.gif) 22px 5px no-repeat}
div.wording p#l {background:url(../img-Bed-and-Breakfast-in-Portsmouth/l.gif) 30px 10px no-repeat}
div.wording p#o {background:url(../img-Bed-and-Breakfast-in-Portsmouth/o.gif) 36px 10px no-repeat}

em {font-size:12px}

a {color:#fff}
a.booking {background:#fff;color:#1f1a17;padding:5px;text-decoration:none;text-transform:uppercase}

div#badges-Bed-and-Breakast-Portsmouth {display:inline;float:right;margin-right:30px;
width:900px;
text-align:right;}
div#badges-Bed-and-Breakast-Portsmouth img {margin-left:20px}

p#GuestHouseFooter {clear:both;font-size:9px;margin:0;padding:30px 0 10px;text-align:center;text-transform:uppercase}
p#GuestHouseFooter a {text-decoration:none;cursor:default}