/* CSS Document */
/*	

	Morley Hayes	
	By Andrew Broomfield	
	www.Metafocus.co.uk

*/

/*Reset default browser styles*/
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: #000000;
	background: none;
	font-family:Arial, Helvetica, Verdana, sans-serif;
}

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: "" "";
}

/*Reset default browser styles*/	
	
html {
	height:100%;
	margin-top:1px;
	background: #f1f1f1;
}

body {
		 width: 946px;
		 /*height: 100%;*/
		 margin: 0px auto;
		 background: #fff;
		 border-right: 4px solid #e4e4e4;
		 border-left: 4px solid #e4e4e4;
		 
}

div#book-now h1 {
	 font-family: Arial, Helvetica, sans-serif;
	 font-weight: bold;
	 color: #908a34;
	 font-size: 1em;
	 font-style:normal;
}

h1, h3 {
	 font: bold 1.2em "times";
	 font-style: italic;
	 color: #140044;
	 margin-bottom: 15px;
}
h4, h2 {
	 font: bold 0.9em "times";
	 color: #140044;
	 margin-bottom: 5px;
}

h4 a, h1 a {
	text-decoration: none;
	color: #140044;
}

h5 {
	 font: bold 1.3em "times";
	 color: #393d90;
	 margin-bottom: 5px;
	 clear: left;
}

h3 a {
	text-decoration: none;
	color: #393d90;
}

strong {
			 font-weight: bold;
}

#header {
				height: 92px;
				width: 946px;
				border-bottom: 4px solid #908a34;
				position: relative;
}

#book-now {
				position: absolute;
				top: 37px;
				left: 313px;
}

#book-now-banner {
				background: url(/images/book-now.gif) left top no-repeat;
				width: 295px;
				height: 66px;
				padding: 10px 15px 0px;
				margin: 0px 0px 20px 0px;
				display: block;
				text-decoration: none;
}

.book-tit {
				color: #fff;
				font: bold 1.5em 'Times';
				font-style: italic;
}

.book-text {
				color: #fff;
				font: bold 0.8em arial, helvetica, verdana;
}

#ver-nav {
				width: 210px;
				height: 64px;
				background: url(/images/aa.gif) right 8px no-repeat;
				position: absolute;
				right: 20px;
				top: 10px;
				text-align: right;
				line-height: 10px;
}

#ver-nav a {
				 color: #444330;
				 font: normal 0.7em Arial, Helvetica, Verdana;
				 text-decoration: none;
				 margin-right: 50px;
				 padding-left: 15px;
}

#ver-nav a:hover {
				 color: #393d90;
				 background: url(/images/hover-arrow.gif) left 50% no-repeat;
}

#flash-container {
			 width: 907px;
			 /*height: 280px;*/
			 margin: auto;
			 position: relative;
			 z-index: 0;
			 
}

#thumbs {
			width: 325px;
			height: 159px;
			position: absolute;
			top: 0px;
			left: 558px;
}

#thumbs a {
			width: 93px;
			height: 64px;
			margin: 0px 0px 10px 10px;
			display: block;
			float: left;
			
}

#clickthroughs {
			height: 176px;
			width: 907px;
			margin: 15px auto 10px;
}

.rooms {
			 height: 142px !important;
}

a.click {
			 width: 174px;
			 height: 176px;
			 display: block;
			 float: left;
			 margin: 0px 11px 0px 0px;
			 text-decoration: none;
			 color: #fff;
			 font-style: italic;
}

.room-one, .room-two, .room-three, .room-four, .room-five, .room-six, .golf-pavillion, .golf-driving-range, .golf-manor-course, .golf-tower-course, .golf-emga, a.golf-competitions {
				width: 142px !important;
				height: 142px !important;
}



a.click span.click-tit {
				position: relative;
				top: 17px;
				left: 60px;
				font-size: 1.1em;
}

a.click span.golf-tit {
				left: 12px;
}

a.click span.restaurant-tit {
				left: 16px;
}

a.click span.click-here {
				position: relative;
				top: 12px;
				left: 82px;
				font-size: 0.8em;
}

a.click span.click-room-tit {
				position: relative;
				top: 107px;
				left: 10px;
				font-size: 0.85em;
}

a.click span.bateman, a.click span.hollymount, a.click span.two-lines {
				top: 99px;
				font-size: 0.8em;
				
}

a.click span.roosters-tit {
				left: 26px;
				top: 15px;
				font-size: 0.9em;
				
}

a.click span.dovecote-tit {
				left: 52px;
				top: 15px;
				font-size: 0.9em;
				
				
}


a.click span.spikebar-tit {
				left: 61px;
				top: 23px;
				font-size: 0.9em;
				
}

a.click span.special-offers{
				top: 99px;
				font-size: 0.9em;
				color: #444330;
				
}

a.hotel {
			background: url(/images/clickthrough-hotels.jpg) left top no-repeat;	
}

a.golf {
			background: url(/images/clickthrough-golf.jpg) left top no-repeat;	
}

a.restaurant {
			background: url(/images/clickthrough-restaurant.jpg) left top no-repeat;	
}

a.room-one {
			background: url(/images/click-executive.jpg) left top no-repeat;	
}

a.room-two {
			background: url(/images/click-hollymount.jpg) left top no-repeat;	
}

a.room-three {
			background: url(/images/click-superior.jpg) left top no-repeat;	
}

a.room-four {
			background: url(/images/click-penthouse.jpg) left top no-repeat;	
}

a.room-five {
			background: url(/images/click-bateman.jpg) left top no-repeat;	
}

a.room-six {
			background: url(/images/click-special.jpg) left top no-repeat;	
			margin-right: 0px;
}


a.golf-pavillion{
			background: url(/images/click-pavillion.jpg) left top no-repeat;	
}

a.golf-driving-range{
			background: url(/images/click-driving-range.jpg) left top no-repeat;	
}

a.golf-tower-course{
			background: url(/images/click-tower-course.jpg) left top no-repeat;	
}

a.golf-manor-course{
			background: url(/images/click-manor-course.jpg) left top no-repeat;	
}

a.golf-emga{
			background: url(/images/click-emga.jpg) left top no-repeat;	
}

a.golf-competitions {
			background: url(/images/click-competitions.jpg) left top no-repeat;	
			margin-right:0px !important;
}

a.roosters {
			background: url(/images/click-roosters.jpg) left top no-repeat;	
}

a.dovecote {
			background: url(/images/click-dovecote.jpg) left top no-repeat;	
} 
 
a.spikebar {
			background: url(/images/click-spikebar.jpg) left top no-repeat;	
} 

.golf-two-lines {
	top: 105px !important;
}

.golf-one-line {
	top: 111px !important;
}

#newsletter {
			width: 350px;
			height: 177px;
			background: url(/images/newsletter-back.gif) left top no-repeat;
			float:left;
			
}

.newsletter-tit {
			font-weight: bold;
			position: relative;
			top: 10px;
			left: 15px;
			color: #444330;
}

#newsletter p {
			color: #444330;
			font: normal 0.7em Arial, Helvetica, Verdana;
			width: 320px;
			position: relative;
			top: 28px;
			left: 15px;
}

#newsletter-signup {
			width: 280px;
			position: relative;
			top: 50px;
			left: 35px;
}

#newsletter-signup label {
			color: #444330;
			font: normal 0.8em Arial, Helvetica, Verdana;
			padding-right:10px;
}

#newsletter-signup dl dt, #newsletter-signup dl dd {
			float: left;
}

#newsletter-signup .btn-join {
			text-align: right;
			width: 270px;
			position: relative;
			top:10px;
}

.textalert {
			width: 325px !important;
			height: 177px;
			background: url(/images/textalert-back.gif) left top no-repeat !important;
			float:none !important;
			margin-bottom: 15px;
			
}

.textalert #newsletter-signup {
			left: 23px !important;
}

.textalert p {
			width: 300px !important;

}

#main {
			position: relative;
			top: 20px;
			padding-bottom: 50px;
}

#left-column {
			width:543px;
			position: relative;
			left: 20px;
			min-height: 700px;
}

.roomPics {
	margin: 0px 6px;
}

#full-column {
			width: 907px;
			position: relative;
			left: 20px;
			top: 20px;
			
}

#left-column p, #full-column p {
			color: #3b3b3b;
			font: normal 0.7em Arial, Helvetica, Verdana;
			margin: 0px 0px 15px;
			text-align: justify;
			line-height: 1.4em;
}

#left-column ul {
			margin: 0px 0px 15px;
			color: #ff0000;
			list-style-type: circle;
			padding: 0px 0px 0px 25px;
}

#left-column li {
			color: #3b3b3b;
			font: normal 0.7em Arial, Helvetica, Verdana;
			margin: 0px 0px 5px;
}

a.menu {
			padding: 0px 0px 0px 15px;
			background: url(/images/hover-arrow.gif) left 50% no-repeat;
			text-decoration: none;
			font: bold 0.75em Arial, Helvetica, Verdana;
			color: #393D90;
}

a:hover.menu {
			color: #140044;
}



.line {
			border-top: 1px dotted #3b3b3b;
			font-size:0px;
			height: 1px;
			width: 100%;
			margin: 20px 0px 15px;
			clear: both;
}


.col-one, col-two {
			width: 246px;
			float: left;
}

.col-one {
			margin-right: 25px;
}


#right-column {
			width:325px;
			position: absolute;
			top: 0px;
			left: 588px;
			
}

#right-alt {
			position: absolute;
			top: -206px;
}

#right-column p {
			font: normal 0.7em Arial, Helvetica, Verdana;
			color: #444330;
}

#right-column p a, #left-column p a, #left-column li a  {
			text-decoration: none;
			color: #393d90;
			font-weight:bold;
}

#right-column p a:hover, #left-column p a:hover, #left-column li a:hover {
			color: #140044;
}

#right-column img {
			float: left;
			margin: 0px 10px 10px 0px;
			
}

.spacer {
			clear: both;
			height:1px;
			font-size:0px;
			width:100%;
			margin: 15px 0px;
}

.morley-table {
			width: 543px;
			font: normal 0.8em Arial, Helvetica, Verdana;
			color: #3B3B3B;
			border: 1px solid #140044;
}

.morley-table th, .morley-table td {
			padding: 2px;
}

.AltRow {
			background: #d2ddff;
}

.morley-table th {
			font-weight: bold;
			color: #140044;
			border-bottom: 1px solid #140044;
}

#footer {
				background: #a1a197;
				text-align: center;
				padding: 20px 0px;
}

#footer p {
				margin: 10px 20px 0px;
				font: normal 0.7em Arial, Helvetica, Verdana;
				color: #444330;
}

#footer p a {
				color: #444330;
}

div.post h3 {
				margin: 0px !important;
}

div.post h3 a {
				 text-decoration: none;
				 color: #140044;
}

div.post small {
				 font: normal 0.7em Arial, Helvetica, Verdana;
				 color: #393D90;
				 margin: 0px 0px 5px 0px;
}

div.navigation a {
				font: bold 0.7em Arial, Helvetica, Verdana;
				 color: #140044;
}

ul.blog-nav {
				margin: 0px 0px 20px 0px;
}

ul.blog-nav li {
				font: normal 0.75em Arial, Helvetica, Verdana;
				color: #666;
				padding-left: 15px;
				margin: 0px 0px 4px 0px;
	}

ul.blog-nav li a {
				
				text-decoration: none;
				color: #393D90;
}

ul.blog-nav li a:hover {
				 color: #140044;
}

#RSSFeeders {
				color: #666;
}

#RSSFeeders a {
				font: normal 0.75em Arial, Helvetica, Verdana;
				text-decoration: none;
				color: #393D90;
}

td label {
	 		color: #3b3b3b;
			font: normal 0.7em Arial, Helvetica, Verdana;
			margin: 0px 0px 15px;
			
			line-height: 1.4em;
}

div#inputs {
	width: 350px;
	height: 177px;
	display: block;
	overflow: hidden;
	background:url(/images/inputs-back.gif) left top no-repeat;
	}
	
div#inputs2 {
	width: 350px;
	height: 89px;
	display: block;
	overflow: hidden;
	background:url(/images/inputs2-back.gif) left top no-repeat;
	margin-bottom: 15px;
	}
	
div#nl span.newsletter-tit, div#ta span.newsletter-tit {
	font-size: 0.85em;
	top: 7px;
	
	}
	
div#nl p, div#ta p {
	font-size: 0.7em;
	margin:10px 15px 6px;
	}
	
div#nl form#newsletter-signup, div#ta form#form1 {
	top:0px !important;
	left: 0px !important;
	margin: 2px auto 0px;
	width: 315px;
	}
	
div#ta {
	position: relative;
	top: 23px;
	}
	
#inputs2 div#ta {
	top: 7px;
	}
	
div#nl label, div#ta label {
	font-size: 0.7em;
	font-weight: bold;
	color: #444330;
	}
	
div#nl label {
	padding-right: 6px;
	}