/*
Hotel DeBrett, v1.0

Media: Screen
Author: Born Digital
*/
.skipnav, .hidden {	display: none;}

h1 a {
	display: block;
	width: 187px;
	height: 33px;
	text-indent: -999em;
	overflow: hidden;
	background:url(/images/logo.png);
	float:left;
	}

h2 {margin: 0 0 .5em 0;	}

body {background:url(/images/hotel.jpg) center top no-repeat #000;



}


img.trip {
margin: 70px 0px 0px 0px;
}


hr.menu {
border: 0;
color: #00364f;
background-color: #00364f;
margin-left: 0px;
margin-bottom: 7px;
height: 6px;
width: 187px;
text-align: left;
}

hr {
border: 0;
color: #00364f;
background-color: #00364f;
margin-top: 15px;
margin-bottom: 15px;
height: 1px;
width: 718px;
text-align: left;
}

hr.left {
border: 0;
color: #00364f;
background-color: #00364f;
margin-top: 0px;
margin-bottom: 0px;
height: 6px;
width: 718px;
text-align: left;
clear: left;
}


hr.left2 {
border: 0;
color: #00364f;
background-color: #00364f;
margin-top: 10px;
margin-bottom: 0px;
height: 6px;
width: 718px;
text-align: left;
clear: left;
}


hr.bottom {
border: 0;
color: #00364f;
background-color: #00364f;
margin-top: 10px;
margin-bottom: 0px;
height: 6px;
width: 718px;
text-align: left;
}


hr.new {
border: 0;
color: #00364f;
background-color: #00364f;
margin-top: 10px;
margin-bottom: 0px;
height: 6px;
width: 718px;

clear: left;
}


body.light_blue {background-color: #a8c4c4;}
	
body.dark_blue {background-color: #00364f;}



/* Link Table */

a.sub_menu_orange:link {color: #fff; text-decoration: none}
a.sub_menu_orange:visited {color: #fff; text-decoration: none}
a.sub_menu_orange:hover {color: #fff; text-decoration: underline}
a.sub_menu_orange:active {color: #fff; text-decoration: none}

a.off:link {color: #ffffff; text-decoration: underline}
a.off:visited {color: #ffffff; text-decoration: underline}
a.off:hover {color: #ffffff; text-decoration: underline}
a.off:active {color: #ffffff; text-decoration: underline}






.sub_menu {
	font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial;
	font-size:.7em;
	color: #FFF;	
	line-height: 0%;
}


.sub_menu_selected {
	font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial;
	font-size:.7em;
	color: #cccccc;	
	line-height: 0%;
	text-decoration: underline;
}

.footer_td {line-height:100%;}


td {font-size:14px; line-height:140%}

.content p, .content  dd, .content  li, .content  td, .content address  {
	font-size:.7em;
	}
	
	.content4 p, .content4  dd, .content4  li, .content4  td, .content4 address  {
	font-size:.7em;
	}
	
	



address { line-height:1.3; }


li {
	line-height:140%;
	margin-left:0px;
	list-style-position: inside;
	list-style-type: square;
}



ul {margin-bottom:10px;}

ul.split_list_1 { float:left; margin:0 20px 0px 0; }

ul.split_list_2 { float:left; margin:0 0px 0px 0; clear:right;}

#container {
	width:950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	}


#container1 {
	width:1010px;
	
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right:0px;
	padding-bottom: 0px;
	padding-left: 71px;
	background:url(/images/background4.png) center top repeat-y ;
	}
	
	
	#container2 {
	width:1052px;
	
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right:0px;
	padding-bottom: 0px;
	padding-left: 114px;
	background:url(/images/hdb-middle.png) center top repeat-y ;
	}
	
	
	
	
	#container30 {
	width:1052px;
	
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right:0px;
	padding-bottom: 0px;
	padding-left: 114px;
	background:url(/images/hdb-middle.png) center top repeat-y ;
	}

	
	
	
	#container10 {
	width:1052px;
	
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right:0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background:url(/images/thick_mid_1.png) center top repeat-y ;
	}
	
	
	#goat {
	width:720x;
	
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right:0px;
	padding-bottom: 0px;
	padding-left: 20px;
	
	}
	
	
	
	
	#top_curves {
	width:1010px;
	height:34px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right:0px;
	padding-bottom: 0px;
	padding-left: 73px;
	background:url(/images/top4.png) center top no-repeat ;
	}
	
	#top_curves2 {
	width:1052px;
	height:55px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right:0px;
	padding-bottom: 0px;
	padding-left: 114px;
	background:url(/images/hdb-top.png) center top no-repeat ;
	}
	
	
	
	#top_curves30 {
	width:1052px;
	height:55px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right:0px;
	padding-bottom: 0px;
	padding-left: 114px;
	background:url(/images/hdb-top.png) center top no-repeat ;
	}
	
	
	#top_curves10 {
	width:1052px;
	height:55px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right:0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background:url(/images/thick_top_1.png) center top no-repeat ;
	}
	
	
	
	#bottom_curves {
	width:1010px;
	height:34px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	padding-top: 0px;
	padding-right:0px;
	padding-bottom: 0px;
	padding-left: 73px;
background:url(/images/base.png) center top no-repeat ;
	}
	
		#bottom_curves2 {
	width:1052px;
	height:55px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	padding-top: 0px;
	padding-right:0px;
	padding-bottom: 0px;
	padding-left: 114px;
background:url(/images/hdb-base.png) center top no-repeat ;
	}
	
	
	
	
	
			#bottom_curves30 {
	width:1052px;
	height:55px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	padding-top: 0px;
	padding-right:0px;
	padding-bottom: 0px;
	padding-left: 114px;
background:url(/images/hdb-base.png) center top no-repeat ;
	}
	
	
	

	
	
	#bottom_curves10 {
	width:1052px;
	height:55px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	padding-top: 0px;
	padding-right:0px;
	padding-bottom: 0px;
	padding-left: 0px;
background:url(/images/thick_bottom_1.png) center top no-repeat ;
	}
	
	
	
		#bottom_curves3 {
	width:1052px;
	height:55px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 0px;
	padding-right:0px;
	padding-bottom: 0px;
	padding-left: 114px;
background:url(/images/thick_bottom_1.png) center top no-repeat ;
	}
	
	
	#hdb_footer {
	width:1052px;
	height:50px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	padding-top: 0px;
	padding-right:0px;
	padding-bottom: 0px;
	padding-left: 0x;

	}
	
	#facebook {
	min-width:0px;
	height:25px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 700px;
	padding-top: 0px;
	padding-right:0px;
	padding-bottom: 0px;
	padding-left: 0x;
background:url(/images/facebook_icon.png) top left no-repeat ;
	float: left;
	}
	
	
	#twitter {
	min-width:0px;
	height:25px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 12px;
	padding-top: 0px;
	padding-right:0px;
	padding-bottom: 0px;
	padding-left: 0x;
background:url(/images/twitter_icon.png) top left no-repeat ;
	float: left;
	}
	
	p.footer {font-size:.6em; 
margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 23px;
padding-top: 3px;
}

	p.footer2 {font-size:.6em; 
margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 21px;
padding-top: 3px;
}
	
	
	
	
	

#header { float:left; width:187px; height:380px; }
	#header ol {float:left; margin-top:20px;}
	#header li  {display:inline; width:180px; float:left; }
	#header li a {text-decoration:none; width:100%; float:left; font-weight:normal; line-height:1.5; font-size:1em}
	#header li a.active{border-bottom:#FFF 1px solid; color:#FFF;}
	#header li li a.active{border:none;}
	#header li li a{padding-left:20px;}
	
	
	#header8 { float:left; width:217px; height:380px; }
	#header8 ol {float:left; margin-top:20px;}
	#header8 li  {display:inline; width:180px; float:left; }
	#header8 li a {text-decoration:none; width:100%; float:left; font-weight:normal; line-height:1.4; font-size:1em}
	#header8 li a.active{border-bottom:#FFF 1px solid; color:#FFF;}
	#header8 li li a.active{border:none;}
	#header8 li li a{padding-left:20px;}
	#header8 li a:hover {color: #fff; text-decoration: none}
	
	#header8a { float:left; width:217px; height:360px; padding-left:57px;}
	#header8a ol {float:left; margin-top:20px;}
	#header8a li  {display:inline; width:180px; float:left; }
	#header8a li a {text-decoration:none; width:100%; float:left; font-weight:normal; line-height:1.4; font-size:1em}
	#header8a li a.active{border-bottom:#FFF 1px solid; color:#FFF;}
	#header8a li li a.active{border:none;}
	#header8a li li a{padding-left:20px;}
	#header8a li a:hover {color: #fff; text-decoration: none}
	
	
	
	#header3 { float:left; width:187px; min-height:180px; margin-bottom: 25px;}
	#header3 ol {float:left; margin-top:20px;}
	#header3 li  {display:inline; width:180px; float:left; }
	#header3 li a {text-decoration:none; width:100%; float:left; font-weight:normal; line-height:1.5; font-size:1em}
	#header3 li a.active{border-bottom:#FFF 1px solid; color:#FFF;}
	#header3 li li a.active{border:none;}
	#header3 li li a{padding-left:20px;}
	
	
	
		#header20 { float:left; width:187px; min-height:0px; margin-bottom:0px; font-size:.8em;}

	#main20 {float:left; width:100%; display:block; margin:15px 0 0 0; position:relative; min-height:0px}
	
	#main21 {float:left; width:400px; display:block; margin:15px 0 0 0; position:relative; min-height:0px}

	
	
	
	#header4 { float:left; width:187px; height:380px; }
	#header4 ol {float:left; margin-top:20px;}
	#header4 li  {display:inline; width:185px; float:left; }
	#header4 li a {text-decoration:none; width:100%; float:left; font-weight:normal; line-height:1.4; font-size:1em}
	
	#header4 li a:hover {color: #fff; text-decoration: none}
	
	#header4 li a.active{border-bottom:#FFF 1px solid; color:#FFF;}
	
	#header4 li li a.active{border:none;}
	#header4 li li a{padding-left:20px;}
	
	
	
	
	#header44 { float:left; width:187px; height:380px; }
	#header44 ol {float:left; margin-top:20px;}
	#header44 li  {display:inline; width:185px; float:left; }
	#header44 li a {text-decoration:none; width:100%; float:left; font-weight:normal; line-height:1.3; font-size:1em}
	
	#header44 li a:hover {color: #fff; text-decoration: none}
	
	#header44 li a.active{border-bottom:#FFF 1px solid; color:#FFF;}
	
	#header44 li li a.active{border:none;}
	#header44 li li a{padding-left:20px;}
	
	
	
	
	#header4a { float:left; width:187px; height:360px; padding-left:57px;}
	#header4a ol {float:left; margin-top:20px;}
	#header4a li  {display:inline; width:185px; float:left; }
	#header4a li a {text-decoration:none; width:100%; float:left; font-weight:normal; line-height:1.4; font-size:1em}
	
	#header4a li a:hover {color: #fff; text-decoration: none}
	
	#header4a li a.active{border-bottom:#FFF 1px solid; color:#FFF;}
	
	#header4a li li a.active{border:none;}
	#header4a li li a{padding-left:20px;}
	
	
	
	#header5 { float:left; width:185px; height:380px; margin-bottom: 25px;}
	#header5 ol {float:left; margin-top:20px;}
	#header5 li  {display:inline; width:180px; float:left; }
	#header5 li a {text-decoration:none; width:100%; float:left; font-weight:normal; line-height:1.5; font-size:1em}
	#header5 li a.active{border-bottom:#FFF 1px solid; color:#FFF;}
	#header5 li li a.active{border:none;}
	#header5 li li a{padding-left:20px;}
	
	
	#header9 { float:left; width:187px; height:380px; margin-bottom: 25px; padding-top:20px;}
	#header9 ol {float:left; margin-top:20px;}
	#header9 li  {display:inline; width:180px; float:left; }
	#header9 li a {text-decoration:none; width:100%; float:left; font-weight:normal; line-height:1.5; font-size:1em}
	#header9 li a.active{border-bottom:#FFF 1px solid; color:#FFF;}
	#header9 li li a.active{border:none;}
	#header9 li li a{padding-left:20px;}
	
	
	
	#header10 { float:left; width:217px; height:360px; }
	#header10 ol {float:left; margin-top:20px;}
	#header10 li  {display:inline; width:180px; float:left; }
	#header10 li a {text-decoration:none; width:100%; float:left; font-weight:normal; line-height:1.4; font-size:1em}
	#header10 li a.active{border-bottom:#FFF 1px solid; color:#FFF;}
	#header10 li li a.active{border:none;}
	#header10 li li a{padding-left:20px;}
	#header10 li a:hover {color: #fff; text-decoration: none}
	
		#trip { float:left; width:217px;}
		
		
		
		
			
	#header11 { float:left; width:217px; height:360px;}
	#header11 ol {float:left; margin-top:20px; margin-bottom:0px;}
	#header11 li  {display:inline; width:180px; float:left; }
	#header11 li a {text-decoration:none; width:100%; float:left; font-weight:normal; line-height:1.4; font-size:1em}
	#header11 li a.active{border-bottom:#FFF 1px solid; color:#FFF;}
	#header11 li li a.active{border:none;}
	#header11 li li a{padding-left:20px;}
	#header11 li a:hover {color: #fff; text-decoration: none}
	
		#trip1 { float:left; width:217px;}
		
		
		#header11a { float:left; width:217px; height:360px; padding-left:57px;}
	#header11a ol {float:left; margin-top:20px; margin-bottom:0px;}
	#header11a li  {display:inline; width:180px; float:left; }
	#header11a li a {text-decoration:none; width:100%; float:left; font-weight:normal; line-height:1.4; font-size:1em}
	#header11a li a.active{border-bottom:#FFF 1px solid; color:#FFF;}
	#header11a li li a.active{border:none;}
	#header11a li li a{padding-left:20px;}
	#header11a li a:hover {color: #fff; text-decoration: none}
	
	
		li.ta {margin-top:20px; margin-bottom:0px;}
	
	
	
	
	a.header4:link {color: #c97a00; text-decoration: none}
a.header4:visited {color: #c97a00; text-decoration: none}
a.header4:hover {color: #c97a00; text-decoration: underline}
a.header4:active {color: #c97a00; text-decoration: none}


#header100 { float:left; width:187px; margin-bottom:0px; font-size:.8em;}



	
	
#header2 { float:left; width:187px; margin-bottom:0px; font-size:.8em;}
#header2a { float:left; width:219px; margin-bottom:0px; font-size:.8em; padding-left:57px;}
#header2c { float:left; width:187px; margin-bottom:0px; font-size:.8em;}


#header3 { float:left; width:200px; margin-bottom:0px; font-size:.8em;}
#header3a { float:left; width:217px; margin-bottom:0px; font-size:.8em; padding-left:57px;}


	
	
#level2nav li li a{padding-left:40px;}


#map {padding-left:20px; margin-left:20px; min-height:420px}

#photogallery {padding-left:20px; margin-left:20px; min-height:420px}

#photogallery2 {padding-left:0px; margin-left:32px; min-height:420px}

#photogallery3 {padding-left:0px; padding-top:1px; margin-left:0px; min-height:420px}

#clippings {padding-left:0px; padding-top:1px;  padding-bottom:0px; margin-left:0px; min-height:790px}



#media_table {padding-left:20px; margin-left: 50px;}

#main {float:left; width:100%; display:block; margin:10px 0; position:relative; min-height:280px}

#main2 {float:left; width:100%; display:block; margin:15px 0 0 0; position:relative; min-height:0px}
	

#main3 {float:left; width:400px; display:block; margin:15px 0 0 0; position:relative; min-height:0px}











#largeImage {min-height:353px; margin-bottom:10px; float:right; display:block; width:720px; position:relative;}

#largeImage2 {min-height:353px; margin-bottom:10px; float:left; display:block; width:720px; position:relative;}

.content .emphasis {color: #E8941A; font-size:.9em; font-weight:bold; }

.content4 .emphasis {color: #E8941A; font-size:.9em; font-weight:bold; }

.content4a .emphasis {color: #E8941A; font-size:.9em; font-weight:bold; }

.content5 .emphasis {color: #E8941A; font-size:.9em; font-weight:bold; }

.content12 .emphasis {color: #E8941A; font-size:.9em; font-weight:bold; }

h2.home {color: #00364f; font-size:.9em; font-weight:bold; margin: 0 0 1em 0;}

.content { 
	width:680px; 
	margin:0 0 0 226px; 
	}
	
	
	.content2 { 
	width:680px; 
	margin:0 0 0 226px; 
clear: right;
	}
	
	.content1 { 
	width:600; 
	margin:0 0 0 0px; 

	}
	
	
	.content4 { 
	width:680px; 
	margin:0 0 0 219px; 
	
	}
	
	
	.content4a { 
	width:680px; 
	margin:0 0 0 217px; 
	
	}
	
	.content5 { 
	width:680px; 
	margin:0 0 0 240px; 
	
	}
	
	.content12 { 
	width:680px; 
	margin:0 0 0 217px; 
	
	}
	
	.content12b { 
	width:680px; 
	margin:0 0 0 230px; 
	
	}
	
	
	
	.content-home { 
	width:720px; 
	margin:0 0 0 217px; 
	border-bottom: #00364f 6px solid;
	
	}
	
	.content-home-copy { 
	width:500px; 
	margin:0 0 0 0; 
	float:left;

	
	}
	
	.content-home-offer { 
	width:200px; 
	margin:0 0 0 20px; 
	float:left;
	clear:right;

	
	}
	
	
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		.content13 { 
	width:720px; 
	position:relative;
	margin:0 0 0 217px; 
	border-bottom: #00364f 6px solid;
	clear:right;
	
	}
	
	
	
	.home-copy { 
	width:490px; 
	margin:0 0 0 16px; 
	float:left; 
	}
	
	.home-offer { 
	width:60px; 
	margin:0 0 0 0px; 
	float:left; 
	

	}
	
	.home-border { 
	width:720px; 
	height:30px;
	margin:0 0 0 15px; 
	border-bottom: #00364f 6px solid;
	float:left; 
	clear:right;
	
	}
	
	
	
	
	.content6 { 
	width:680px; 
	height:3px;
	margin:0 0 0 219px; 
	}
	
	


.content#voucherContent { 
	width:480px; 
	position:relative;
	}
	
	
.content4#voucherContent { 
	width:500px; 
	position:relative;
	}

#vouchers {
	width:190px;
	position:absolute;
	left:511px;
	top:10px;
	}
	
	#vouchers2 {
	width:190px;
	position:absolute;
	left:530px;
	top:10px;
	}

#floorplanIllustration {
	width:600px;
	margin:auto;
	margin-top:25px;
	}

#book {
	float:left;
	display:block;
	}

#meals a {
	color:#c97a00;
	}

.indenter { text-indent:12px; display:block; }


.price {display:block; position:absolute; top:0; right:0; margin:0;}
	
#footer {clear: both;  padding: 10px 0;  margin:20px 0; margin-bottom:0; border-top: solid 1px #CCCCCC}
#footer p {margin:0 auto; display:block; font-weight:lighter; text-align:center; color: #FFF}

#footer_container {
	width:230px;
	position: relative;
	float: right;
	background-color: #996600
	
	}
	

/* Colour Scehemes */

.orange h1 a {
	background:url(/images/logo_orange.png);
	background-repeat:no-repeat;
	}
	
.orange a:link, .orange a:visited, .orange a:active, .orange h1,h2,h3,dt, .orange .emphasis{color: #e77612;}


.limegreen h1 a {
	background:url(/images/logo_lime.png);
	background-repeat:no-repeat;
	}
	
.limegreen a:link, .limegreen a:visited, .limegreen a:active, .limegreen h1,h2,h3,dt, .limegreen .emphasis{color: #b2bb45;}


.teal h1 a {
	background:url(/images/logo_teal.png);
	background-repeat:no-repeat;
	}
	
.teal a:link, .teal a:visited, .teal a:active, .teal h1,h2,h3,dt, .teal .emphasis{color: #9DC5CD;}




.blue h1 a {
	background:url(/images/dark_blue_logo.png);
	background-repeat:no-repeat;
	}
	
.blue a:link, .blue a:visited, .blue a:active, .blue h1,h2,h3,dt, .blue .emphasis{color: #00364f;}

.content4 a:link{color: #c97a00;text-decoration: none}
.content4 a:visited{color: #c97a00;text-decoration: none}
.content4 a:hover{color: #ffffff;text-decoration: none}
.content4 a:active{color: #c97a00;text-decoration: none}
.content4 li {color: #00364f;}

.content4a a:link{color: #c97a00;text-decoration: none}
.content4a a:visited{color: #c97a00;text-decoration: none}
.content4a a:hover{color: #ffffff;text-decoration: none}
.content4a a:active{color: #c97a00;text-decoration: none}
.content4a li {color: #00364f;}


.content12 a:link{color: #c97a00;text-decoration: none}
.content12 a:visited{color: #c97a00;text-decoration: none}
.content12 a:hover{color: #ffffff;text-decoration: none}
.content12 a:active{color: #c97a00;text-decoration: none}
.content12 li {color: #00364f;}






/* TOOLS ------------------------------------------------- */

.clear { clear: both; }
.clearfix { zoom: 1; /* for IE7 */ }
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}
.accessibility {
	position: absolute;
	left: -999px;
	width: 900px;
	background: none;
	}