@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	min-width: 1000px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	background: url(../images/bodyBG.png) top left repeat fixed #4f2d35;
}

/* MISC */
.clear { clear: both; }
.requiredSymbol { color: #900; }
.success, .telno { color: #b4d5ab; }
.asterisk { color: #fe1824; }

.asterisk.large { font-size: 21px; }
.telno { font-weight: bolder; }

p {
	line-height: 23px;
	text-align: justify;
}

/* LAYOUT */
#header, ul#headerMenu, #main, #footer {
	clear: both;
	margin: 0 auto;
}

#header, #main, #footer {
	width: 900px;
}

/* HEADER */
#header {
	margin-top: 20px;
	padding: 10px 0 0 0;
	background: url(../images/t_headerBG.png) top left no-repeat transparent;
	text-align: center;
}

#header h1, #header img {
	display: block;
	width: 870px;

	margin: 0 auto;
}

#header h1 {
	float: left;
	width: 366px;
	height: 58px;

	margin: 15px 0 10px 20px;

	text-align: left;
	text-indent: -10000px;
	overflow: hidden;

	background: url(../images/t_logo.png) center left no-repeat;
}

#header img {
	clear: both;
	padding: 3px;
	margin-top: 15px;
	background-color: #fff;
}

/* HEADER MENU */
ul#headerMenu {
	width: 1000px;
	height: 53px;
	list-style-type: none;
	background: url(../images/t_menuBG.png) top center no-repeat transparent;
}

ul#headerMenu li {
	float: left;
	margin-top: 18px;
}
ul#headerMenu li.first { margin-left: 140px; }

ul#headerMenu li a {
	display: block;
	float: left;

	width: 143px;
	height: 30px;

	margin: 0 0px;

	color: #aacc7c;

	font-size: 17px;
	text-decoration: none;

	background-image: url(../images/t_menuItems.png);
}

/* DROP DOWN STUFF */
ul#headerMenu li ul {
	position: absolute;
	list-style-type: none;
	line-height: 1;
	margin-top: 30px;
	left: -999em;
}

ul#headerMenu li:hover ul, ul#headerMenu li.sfhover ul { left: auto; }

ul#headerMenu li ul li {
	float: left;
	clear: left;
	width: 143px;
	height: 30px;
	margin: 0;
}

ul#headerMenu li ul li a { display: block; margin-left: 5px; width: 138px; }

/* MENU ITEMS AND HOVER EFFECTS */
ul#headerMenu li a#home { background-position: 0 0; }
ul#headerMenu li a#home:hover { background-position: 0 30px; }

ul#headerMenu li a#hotel {
	margin-left: 5px;
	background-position: -143px 0;
}
ul#headerMenu li a#hotel:hover { background-position: -143px 30px; }

ul#headerMenu li a#aboutus { background-position: -286px 0; }
ul#headerMenu li a#aboutus:hover { background-position: -286px 30px; }

ul#headerMenu li a#roomrates {
	margin-left: 15px;
	background-position: -429px 0;
}
ul#headerMenu li a#roomrates:hover { background-position: -429px 30px; }

ul#headerMenu li a#contactus {
	margin-left: 40px;
	background-position: -572px 0;
}
ul#headerMenu li a#contactus:hover { background-position: -572px 30px; }

ul#headerMenu li a#bedrooms { background-position: -715px 0; }
ul#headerMenu li a#bedrooms:hover { background-position: -715px 30px; }

ul#headerMenu li a#lounges { background-position: -858px 0; }
ul#headerMenu li a#lounges:hover { background-position: -858px 30px; }

ul#headerMenu li a#diningrooms { background-position: -1001px 0; }
ul#headerMenu li a#diningrooms:hover { background-position: -1001px 30px; }

ul#headerMenu li a#conservatories { background-position: -1144px 0; }
ul#headerMenu li a#conservatories:hover { background-position: -1144px 30px; }

ul#headerMenu li a#gardens { background-position: -1287px 0; }
ul#headerMenu li a#gardens:hover { background-position: -1287px 30px; }

/* MAIN */
#main {
	clear: both;
	padding: 10px 0 10px 0;
	background: url(../images/t_mainBG.png) top left repeat-y;
}

/* CONTENT */
#content {
	float: right;
	width: 460px;
	margin-right: 15px;
}

#content.swap {
	float: left;
	margin-right: 0;
	margin-left: 10px;
}

#content.wide { width: 97%; }
#content.wide p { width: auto; }

#content p, #footer ul li, #footer ul li a, #footer address {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#content p {
	width: 440px;
	margin: 0 0 15px 10px;

	color: #111;
}

#content p.testimonial {
	width: 85%;
	margin-top: 20px;
	padding: 2px 0 0 32px;
	background: url(../images/speechmarks.png) top left no-repeat;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	color: #fff;
}

#content p.testimonial em {
	display: block;
	font-style: normal;
	font-weight: block;
}

#content h2 {
	height: 40px;
	padding: 8px 0 0 10px;
	margin-bottom: 10px;

	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;

	background: url(../images/t_strip.png) top left repeat-x;
}

#content h3 {
	padding: 0 0 0 10px;
	margin-bottom: 10px;

	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 17px;
	color: #000;
}

/* sidebar */
#sidebar {
	float: left;
	width: 415px;
	padding-left: 15px;
}

#sidebar.swap {
	float: right;
	padding-left: 0;
	padding-right: 10px;
}

#sidebar img {
	display: block;
	float: left;

	width: 192px;
	height: 140px;

	padding: 3px;
	margin: 0 5px 5px 0;

	background-color: #fff;
}

#sidebar.swap img { float: right; }

#sidebar img.large {
	width: 395px;
	height: 200px;
}

/* FORM STUFF */
form {
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 0 0;
}

form div {
	clear: both;
	padding: 10px 0;
}

form div label, form div input, form div textarea { float: left; }

form div input.text, form div textarea {
	width: 275px;
	padding: 4px 8px;
	margin-right: 5px;
	border: 1px solid #555;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

form div input.text:hover, form div textarea:hover { border: 1px solid #000; }
form div input.button { margin-left: 135px; }

form p {
	width: 75%;
	margin-left: 25px;
}

form div label {
	width: 125px;
	margin-right: 10px;
	text-align: right;
	color: #b4d5ab;
}

/* FOOTER */
#footer {
	margin-bottom: 20px;
	background: url(../images/t_footerBG.png) bottom left no-repeat transparent;
}

#footer address {
	display: block;
	float: left;
	margin: 10px 0 0 50px;

	color: #113b4a;
	font-style: normal;
}

#footer ul {
	float: right;
	list-style-type: none;

	margin: 10px 0;
}

#footer ul li, #footer ul li a {
	color: #113b4a;
}

#footer ul li {
	margin: 0 10px;
	display: inline;
}

#footer ul li a { text-decoration: none; }
#footer ul li a:hover { text-decoration: underline; }

#footer ul#copyright {
	clear: right;
	width: 45%;
}

#footer ul#copyright li {
	display: block;
	text-align: right;
}

/* WEBCASTLE BRANDING */
a#webcastle {
	text-transform: uppercase;
	font-weight: bold;
	font-style: oblique;
}

a#webcastle .red { color: #f00; }
a#webcastle .white { color: #fff; }