/*
	Yorke Lodge CSS (blue)

	Designed and Hosted by Dotcafe Design - http://www.dotcafedesigns.com/
*/

/*
	Reset all margins.
*/

body, h1, h2, h3, h4, h5, h6, p, ul, li, ol, br, tr, td, th, a, img, form {
	border:						0;
	margin:						0;
	padding:					0;
}

/*
	Hide Things
*/

h1 span, h2 span, h3 {
	display:					none;
}

/*
	Main Layouts / Looks
*/

body {
	background-color:			#f5f5f5;
	text-align:					center;
}

#container {
	background-image:			url(background.png);
	background-repeat:			no-repeat;

	text-align:					left;

	width:						780px;
	margin:						20px auto 0 auto;
}

#header {
	padding-left:				94px;
	margin-top:					44px;
	width:						320px;
	float:						left;
}

#content {
	margin-top:					40px;
	padding-right:				32px;
	width:						312px;
	float:						right;
}

#extracontent {
	margin-top:					20px;
	padding-left:				94px;
	width:						320px;
	float:						left;
}

#copyright {
	background-image:			url(background-close.png);
	background-repeat:			no-repeat;

	padding-top:				24px;
	padding-right:				45px;
	margin:						0 auto 20px auto;
	width:						735px;
}

h1 {
	display:					inline;
	background-image:			url(title.gif);
	background-repeat:			no-repeat;

	width:						382px;
	height:						58px;
	float:						right;
	margin:						38px 32px 0 0;
}

#menu {
	margin-top:					20px;
	list-style-type:			none;
}

#menu li {
	float:						left;
	width:						316px;
	height:						50px;
	margin-bottom:				10px;
}

#menu li a {
	clear:						both;
	float:						left;
	width:						316px;
	height:						50px;
}

#menu li a {
	border:						1px #475887 dashed;
}

#menu li a:hover {
	border:						1px #7080ab dashed;
}

#menu li .lit {
	background-color:			#2e4070;
	border:						1px #8694b9 solid;
}

#menu li .title {
	line-height:				20pt;
	padding-left:				10px;
}

#menu li .description {
	margin-left:				25px;
}

/*
	Fonts
*/

#menu li a {
	color:						#fff;
	text-decoration:			none;
}

#menu li {
	font-family:				'Georgia', serif;
	font-size:					10pt;
}

#menu li .description {
	font-style:					italic;
}

#menu li .title {
	font-style:					normal;
	font-weight:				bold;
	font-variant:				small-caps;
}

#copyright {
	text-align:					right;
	text-transform:				lowercase;
	font-size:					7pt;
	color:						#2e4070;
}

#content, #extracontent {
	font-size:					10pt;
	line-height:				16pt;
	color:						#fff;
	font-family:				'Georgia', serif;
	text-align:					justify;
}

#extracontent #prices {
	width:						100%;
}

#extracontent #prices td {
	border:						1px #b1b9cf solid;
	padding:					5px;
}

#extracontent #prices td:first-line {
	font-weight:				bold;
	font-size:					7pt;
}

#content ul {
	margin-left:				20px;
}

#content .big_image, #extracontent .big_image {
	border:						1px #fff solid;
}

#content h4, #extracontent h4 {
	font-variant:				small-caps;
	text-align:					right;

}

#copyright a {
	color:						#2e4070;
	text-decoration:			none;
}

#copyright a:hover {
	border-bottom:				1px #2e4070 dotted;
}

.smalltext {
	font-size:					7pt;
	font-style:					italic;
}

.linkbutton {
	background-image:			url(mini-pointer.gif);
	background-repeat:			no-repeat;
	padding-left:				14px;
}

.awards {
	float:						right;
}

a {
	color:						#fff;
}

a:hover {
	text-decoration:			none;
}

#content p, 
#extracontent p, 
#content img, 
#extracontent img, 
#content h4, 
#extracontent h4, 
#extracontent table,
#content ul {
	margin-bottom:				20px;
}

/*
	Form
*/

h5 {
	padding:					25px;
	background-color:			#2e4070;
	border:						1px #8694b9 solid;
	text-align:					center;
	width:						260px;
}


.form .title {
	width:						100px;
	text-align:					right;
	padding:					2px 10px 2px 0;
	vertical-align:				top;
}

.form .textbox, .form .textarea {
	width:						195px;
	border:						1px #2e4070 solid;
	color:						#2e4070;
	padding:					2px;
	margin:						2px 0px 4px 0;
}

.form .textarea {
	height:						70px;
}

.form .button {
	margin:						5px 0 5px 5px;
	float:						right;
}

/*
	Clearfix
*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */