/* =dev
--------------

#wrapper {border: 5px solid red;}


*/

/* zeroit
--------------------*/

pre, blockquote, form, label, ul, ol, dl, fieldset,
address {    margin: 10px 0 0 0 ; padding: 0;}


/* =LAYOUT
--------------------------------------*/

/* br.clear {clear: both;}  */

/*body html {	height: 100%;}*/

*html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

body {
	margin: 0; padding: 0;
/*	font: normal 83%/1.7em verdana, tahoma, helvetica, arial, sans-serif;	*/
	font: normal 83%/1.7em georgia, "times new roman", times, serif;
	background: #e2fdfb url(../images/bodybg.jpg) top center repeat-y; /*parchment_tile*/
	color: #016D8E  ;
	text-align: center;
	min-width:  766px; /*for netscape 6*/								}


#wrapper { 		/*border : 3px solid red;*/

	overflow: show; /*forces height*/
	display: block;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 760px;
	background: url(../images/header.jpg) top no-repeat;
}

#header {
	margin: 0;
	padding: 0;
	display: block;
	height: 154px;  /*pic was in here*/ /*only shows on print.css */
	width: 760px;
	color: #2e6d80;
	background: transparent;
}

				/*hide h1 behind header*/
h1 {
		font: 1.4em georgia, serif; margin: 0; padding: 0;
		text-indent: -9999em;

		}

#header p {display: none;} /* this info displays in print.css only */


/* ----------------------  =NAV BAR  ---------------------*/

	/*nav_over in bg : less code than if in [li] as sprite*/
	/* list-style : for if imgs off*/


ul#nav  {
	display: block;
	margin: 7px 30px 10px;
	padding: 0;
	width: 700px;
	height: 34px;
	text-align: center;
	list-style: circle;
	font: bold 0.76em verdana, helvetica, arial, sans-serif;
	/*background: url(../images/nav_over.gif) 0 0 no-repeat;*/
	}



		/* set dims for lis ; a's are display block*/
ul#nav li {
	background: transparent;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	text-align: center;
	line-height: 34px;
	height: 34px;
}

		/* set li's specific widths*/
ul#nav li#one {width: 135px;}  		/*aboutbryher*/
ul#nav li#two {width: 121px;} 	 	/*eastdevon*/
ul#nav li#three  {width: 152px;}	/*amenities*/
ul#nav li#four {width: 108px;} 		/*eatingout*/
ul#nav li#five {width: 89px;} 		/*leisure*/
ul#nav li#six {width: 95px;} 		/*booking*/


ul#nav li a {

	margin: 0; padding: 0;
	display: block;
	height: 100%;
	width: 100%; 		/* really important */
	text-indent: -9999em;
	overflow: hidden; /* HIDES FF's OUTLINES to -9999 ie localises them to LI size*/
	border: 0; /*turn off general anchor hiliting */
	text-align: center;
	font-size: 1.25em;
}


	/* =sprites  */

/* NB  [li] element holds hover state as bg. On top of this, [li a] gets the normal state and [li a:hover] gets 'background-image: none' to show thru to 'hover' state already in [li] behind */

ul#nav li#one a {background: url(../images/nav.gif) 0 0 no-repeat;}
ul#nav li#two a {background: url(../images/nav.gif) -135px 0 no-repeat;}
ul#nav li#three a {background: url(../images/nav.gif) -256px 0 no-repeat;}
ul#nav li#four a {background: url(../images/nav.gif) -408px 0 no-repeat;}
ul#nav li#five a {background: url(../images/nav.gif) -516px 0 no-repeat;}
ul#nav li#six a {background: url(../images/nav.gif) -605px 0 no-repeat;}

/*not re-declaring the image path still gives flicker in IE6!*/

ul#nav li#one a:hover {background-position: 0 -68px;}
ul#nav li#two a:hover {background-position: -135px -68px;}
ul#nav li#three a:hover {background-position: -256px -68px;}
ul#nav li#four a:hover {background-position: -408px -68px;}
ul#nav li#five a:hover {background-position: -516px -68px;}
ul#nav li#six a:hover {background-position: -605px -68px;}



		/* urhere - over-state & stop over state on urh (doesn't work in IE6) */
			/*nav sprite 'nav' has OFF state in top row, URH below. Move up to see URHs.*/

body#aboutbryher ul#nav li#one a {
	background: url(../images/nav.gif) 0 -34px no-repeat;}

body#eastdevon ul#nav li#two a {
	background: url(../images/nav.gif) -135px -34px no-repeat;}

body#amenities ul#nav li#three a {
	background: url(../images/nav.gif) -256px -34px no-repeat;}

body#eatingout ul#nav li#four a {
	background: url(../images/nav.gif) -408px -34px no-repeat;}

body#leisure ul#nav li#five a {
	background: url(../images/nav.gif) -516px -34px no-repeat;}


body#booking ul#nav li#six a {
	background: url(../images/nav.gif) -605px -34px no-repeat;}



/* =content */

#wrapper_columns {
	background: transparent;
	float: left;
	margin: 0 ;
	padding: 10px 30px 0 30px;
	display: block;
	width: 700px;
}

#content_main {

	margin: 0;
	padding: 0 15px 15px 0;
	float: left;
	text-align: left;
	width: 420px;
	background: transparent;




	/*overflow: hidden; stops width encroaching on sidebar*/
}

#content_main_book {

	margin: 0;
	padding: 0 15px 15px 0;
	float: left;
	text-align: left;
	width: 700px;
	background: transparent;




	/*overflow: hidden; stops width encroaching on sidebar*/
}

body#amenities #content_main {width: 320px;padding-right: 30px;}



#content_sidebar {
	margin: 0;
	padding: 0 0 15px 15px;
	float: right;
	text-align: left;   /* HACK centering hack part2of2 */
	width: 250px;
	background: transparent;




}
body#amenities #content_sidebar {width: 335px; }


#footer {
	margin: 0em 0 0 0;

	height: auto;
	clear: both;
	width: 760px;
	color: #016A91;
	clear: both;
	display: block;
}
#footer p {
	margin: 0 15px; /*in case of border*/

	padding: 2.5em 30px 1.25em;
	font: bold .86em/1 georgia, times, serif;
	height: auto;
	text-align: center;
	background: transparent;
}


/* =custom layout  =index
---------------------------*/


#award {
	margin: 20px 0; padding: 0;
	background: transparent;
	float: left;
	width: 245px;
}
#award img {float: left; margin: 0 10px 10px 0 ; width: 45px;}
#award p {
	float: left;
	margin: 0; padding: 0;
	width: 190px;
}



/* =typography
--------------------*/





h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 20px 0 0 0 ;
}
p {  margin: 20px 0 20px 0 ; padding: 0; }

img#fourstar {float: right; margin: -15px 0 5px 5px;}



	/*=hx*/

span.h2sml {font-size: 80%; display: inline;}
h2 {font-size: 1.3em;	margin-bottom: 0.2em;}
h2.follow {font-size: 1.3em; margin: 0 0 0.2em 1.0em;}
h3 {font-size: 1.0em;	margin-bottom: 0.2em;}
h4 {font-size: 0.93em;	margin-bottom: 0.2em;}


	/* content_main */
#content_main p.intro,
#content_main p.h2noteindent{
		font-weight: bold;
	font-style: italic;
	font-size: 1.05em;
	padding-top: 0;
	margin: 0.3em 0 0 0; /*L: 2em*/
}

#content_main p.h2noteindent {
	margin-left: 1.5em;
}

		/* content_sidebar */

/*
#content_sidebar {tweak sidebar font down
font: normal 0.98em/1.7em georgia, times, serif;
} */

#content_sidebar h2,
#content_sidebar h3,
#content_sidebar h4 {margin-bottom: 0.2em;}

#content_sidebar p.h2note {
	text-indent: 1.0em;
	font-weight: bold;
	font-style: italic;
	font-size: 0.8em;
	line-height: 1.2em ;
	padding: 0;
	margin: 0.3em 0 1.8em 0.5em;
}


/* =LINKs  ---------------------*/

a {
	text-decoration: none;
	border-bottom: 1px dashed #016D8E;
	}

 a:link {
	color: #016D8E;
}

 a:visited {
	color: #7DA9B8;
}
a:hover,  a:active {
	color: #44AEBB;
	border-bottom: 1px solid #44AEBB;
}




/*  =IMG
-------------------------------------*/

img	{ border: 0; margin:0; display: block; }
a img	{ border: 0;}


img.photo { margin: 10px 0 ;}

		/* holds photo_left & _right */
div.photo {
	/*background: #ceecce;*/
	margin: 10px 0; padding: 0;
	display: block;	clear: both;	float: left;
	width: 420px;
	/*specify a width in pix or mozilla stretchifies the div*/
}
div.photo p {margin-top: .6em;}
	/*contain a photo with text wrapping to L or R*/

img.photo_right { margin: 0 0 0 10px; padding: 0; float: right; }
img.photo_left { margin: 0 10px 0 0; padding: 0; float: left;}


/* ----------------------  LIST formatting ---------------------*/

 ul{
	list-style: none;
	margin: 0; padding: 0;
}

#content_main li {
	margin: 1em 0 0 0;
	padding-left:  1.8em;
	background: url(../images/bullet.gif) 0 0.45em no-repeat ;  /*left, down*/
}

p.note {	margin: 1em 0 0 0;}

#content_main li.note {
	font-style: italic;
	background-image:none;
	margin: 0;
}

#content_main li.phone {
	background-image:none;
	margin: 0;
}

#content_main li.nobullet {
	margin: 0;
	background-image: none;
}

#content_main li, #content_sidebar li {
	line-height: 1.5em;

}
			/* ------------  sidebar  ----------*/


#content_sidebar ul {
	list-style: none outside;
/*	margin: 0 0 2.0em 0;*/
margin: 10px 0 20px ;
	padding: 0;
}

.tight {margin-top: 10px;}

.nomgn, ul.nomgn, ul.nomgn li {margin-top: 0;}


#content_sidebar li {
	margin-bottom: 1em;
	line-height: 1.5em;
	background: url(../images/bullet_grn.gif) 0 0.4em no-repeat;
	margin-left: 0;
	padding-left:  2.0em;
}


li#tel {
background-image: url(../images/tel.gif);
}
li#email {
background-image:url(../images/email.gif);
}


#content_sidebar #visitors-book {
	list-style: none;}

#content_sidebar #visitors-book li {
	background: url(../images/quotes.gif) 0 0.4em no-repeat;
}





ul#nav_eatingout li {
	margin: 0 ; padding: 0 0 0  2.0em;
	line-height: 1.6em;
	background: url(../images/bullet_sml_grn.gif) 0 75% no-repeat;
	cursor: help;
}

ul#nav_eatingout a { text-decoration: none;}
ul#nav_eatingout a:link { color: #2E6A7C;}
ul#nav_eatingout a:visited { color: #7DA9B8;}
ul#nav_eatingout a:hover, ul#nav_eatingout a:active {
 	color:#44AEBB;
 	border-bottom: 1px solid #44AEBB;
}

/* turn off btm border in h3 named anchors on 'eating out'*/

body#eatingout h3 a {border: none;}


/* =nav no img - remove? */
ul#nav li a {text-decoration: none;}
ul#nav li a:link { color:#33bbdd;}
ul#nav li a:visited { color:#4499bb;}
ul#nav li a:hover { color:#76BB44;}
ul#nav li a:active {color:#99DD33;}

/* =booking */

	#booking table {width: 420px; padding: 0; margin: 20px 0; border-collapse: collapse;/**/}
	#booking tbody {padding: 0; margin: 0;}
	#booking th {padding: 0 3px; margin-bottom: 1px; border-top: 1px solid #e9e9e9; background: #E0E6EB; font-weight: bold;font-style: italic; font-family: georgia, times, serif; vertical-align: top;}


	#booking td,
	#booking th {width: 33%; border-bottom: 1px solid #ddd;}

	#booking th span,
	#booking td span {font-weight: normal; font-size: .82em; letter-spacing: -.01em;}
  #booking th span {color: #900;}

#booking th.mo {padding: 0 3px; margin: 0; background: #ecefed; font-weight: normal; font-style: italic; letter-spacing: 4px; font-size: .92em;}
#booking th.mo span {margin-left:15px;}