/* CSS Document */
/*
File	 			css/common.css
Version				1.00
Description			Common CSS Elements
URL					www.warcupskene.com
Copyright Notice	© Copyright Lazy Grace Ltd.
*/

/* Common */
body {
	padding: 0;
	margin: 0;
	background-color: #161616;
}
div#header {
	padding: 0;
	margin: 0px auto 0px auto;
	width: 850px;
	height: 101px;
	background-image: url(../images/common/header.gif);
	background-repeat: no-repeat;
}
.book_online {
	padding: 0;
	margin: 0;
	width: 211px;
	height: 22px;
	background: url('../images/common/bookonline.gif') 0 -22px no-repeat;
	float: left;
	list-style: none;
}
.book_online a {
	margin: 0;
	padding: 0;
	display: block;
	width: 211px;
	height: 22px;
	background: url('../images/common/bookonline.gif') top left no-repeat;
}
.book_online span {
	display: block;
	margin: 0;
	padding: 0;
}
.book_online a:hover {
	background-image: none;
}
.book_online a:active {
	color: black;
}


div#feature {
	padding: 0;
	margin: 0px 25px 0px 25px;
	width: 850px;
	height: 250px;
	background: transparent;
}
div#footer {
	padding: 0;
	margin: 0;
	width: 900px;
	height: auto;
	background: transparent;
	background-color: #161616;
}
div#footer_links {
	padding: 7px 0px 10px 0px;
	margin: 0;
	width: 758px;
	height: auto;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color:#afafaf;
	text-align: left;
	line-height: 1.4em;
}
div#footer_links a:link, div#footer_links a:active, div#footer_links a:visited  {
	color:#afafaf;
	text-decoration: underline;
}
div#footer_links a:hover  {
	color:#afafaf;
	text-decoration: none;
}
div#lazygrace {
	padding: 0;
	margin: 0;
	width: 142px;
	height: 32px;
	background: url('../images/common/lazygrace.gif') 0 -32px no-repeat;
	float: left;
	list-style: none;
}
div#lazygrace a {
	margin: 0;
	padding: 0;
	display: block;
	width: 142px;
	height: 32px;
	background: url('../images/common/lazygrace.gif') top left no-repeat;
}
div#lazygrace span {
	display: block;
	margin: 0;
	padding: 0;
}
div#lazygrace a:hover {
	background-image: none;
}
div#lazygrace a:active {
	color: black;
}
.clear {
	clear: both;
}
div#content {
	padding: 0;
	margin: 0px 25px 0px 25px;
	width: 850px;
	height: auto;
	background-image: url(../images/common/content_background.gif);
	background-repeat: repeat-x;
	background-color: #383838;
}
div#title {
	padding: 0;
	margin: 0;
	width: 161px;
	height: 115px;
	background: transparent;
	float: left;
}
div#homepage_text {
	padding: 35px 20px 20px 22px;
	margin: 0;
	/* Actual width: 601px; */
	width: 459px;
	height: auto;
	background: transparent;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color:#afafaf;
	text-align: left;
	line-height: 1.4em;
}
div#homepage_text a:link, div#homepage_text a:active, div#homepage_text a:visited {
	color:#afafaf;
	text-decoration: underline;
}
div#homepage_text a:hover {
	color:#afafaf;
	text-decoration: none;
}
div#text {
	padding: 35px 50px 20px 22px;
	margin: 0;
	/* Actual width: 601px; */
	width: 529px;
	height: auto;
	background: transparent;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color:#afafaf;
	text-align: left;
	line-height: 1.4em;
}
div#text a:link, div#text a:active, div#text a:visited {
	color:#afafaf;
	text-decoration: underline;
}
div#text a:hover {
	color:#afafaf;
	text-decoration: none;
}











/* Nav */
div#nav_container {
	padding: 0;
	margin: 0px 25px 0px 25px;
	width: 850px;
	height: 27px;
	background: transparent;
}
.butt_home {
	padding: 0;
	margin: 0;
	width: 83px;
	height: 27px;
	background: url('../images/nav/butt_home.gif') 0 -27px no-repeat;
	float: left;
	list-style: none;
}
.butt_home a {
	margin: 0;
	padding: 0;
	display: block;
	width: 83px;
	height: 27px;
	background: url('../images/nav/butt_home.gif') top left no-repeat;
}
.butt_home span {
	display: block;
	margin: 0;
	padding: 0;
}
.butt_home a:hover {
	background-image: none;
}
.butt_home a:active {
	color: black;
}
.butt_home_off {
	padding: 0;
	margin: 0;
	width: 83px;
	height: 27px;
	background: url('../images/nav/butt_home.gif') 0 -54px no-repeat;
	float: left;
	list-style: none;
}

.butt_accomodation {
	padding: 0;
	margin: 0;
	width: 128px;
	height: 27px;
	background: url('../images/nav/butt_accom.gif') 0 -27px no-repeat;
	float: left;
	list-style: none;
}
.butt_accomodation a {
	margin: 0;
	padding: 0;
	display: block;
	width: 128px;
	height: 27px;
	background: url('../images/nav/butt_accom.gif') top left no-repeat;
}
.butt_accomodation span {
	display: block;
	margin: 0;
	padding: 0;
}
.butt_accomodation a:hover {
	background-image: none;
}
.butt_accomodation a:active {
	color: black;
}
.butt_accomodation_off {
	padding: 0;
	margin: 0;
	width: 128px;
	height: 27px;
	background: url('../images/nav/butt_accom.gif') 0 -54px no-repeat;
	float: left;
	list-style: none;
}

.butt_the_area {
	padding: 0;
	margin: 0;
	width: 91px;
	height: 27px;
	background: url('../images/nav/butt_area.gif') 0 -27px no-repeat;
	float: left;
	list-style: none;
}
.butt_the_area a {
	margin: 0;
	padding: 0;
	display: block;
	width: 91px;
	height: 27px;
	background: url('../images/nav/butt_area.gif') top left no-repeat;
}
.butt_the_area span {
	display: block;
	margin: 0;
	padding: 0;
}
.butt_the_area a:hover {
	background-image: none;
}
.butt_the_area a:active {
	color: black;
}
.butt_the_area_off {
	padding: 0;
	margin: 0;
	width: 91px;
	height: 27px;
	background: url('../images/nav/butt_area.gif') 0 -54px no-repeat;
	float: left;
	list-style: none;
}

.butt_escape_and_unwind {
	padding: 0;
	margin: 0;
	width: 146px;
	height: 27px;
	background: url('../images/nav/butt_escape.gif') 0 -27px no-repeat;
	float: left;
	list-style: none;
}
.butt_escape_and_unwind a {
	margin: 0;
	padding: 0;
	display: block;
	width: 146px;
	height: 27px;
	background: url('../images/nav/butt_escape.gif') top left no-repeat;
}
.butt_escape_and_unwind span {
	display: block;
	margin: 0;
	padding: 0;
}
.butt_escape_and_unwind a:hover {
	background-image: none;
}
.butt_escape_and_unwind a:active {
	color: black;
}
.butt_escape_and_unwind_off {
	padding: 0;
	margin: 0;
	width: 146px;
	height: 27px;
	background: url('../images/nav/butt_escape.gif') 0 -54px no-repeat;
	float: left;
	list-style: none;
}

.butt_getting_here {
	padding: 0;
	margin: 0;
	width: 117px;
	height: 27px;
	background: url('../images/nav/butt_gettinghere.gif') 0 -27px no-repeat;
	float: left;
	list-style: none;
}
.butt_getting_here a {
	margin: 0;
	padding: 0;
	display: block;
	width: 117px;
	height: 27px;
	background: url('../images/nav/butt_gettinghere.gif') top left no-repeat;
}
.butt_getting_here span {
	display: block;
	margin: 0;
	padding: 0;
}
.butt_getting_here a:hover {
	background-image: none;
}
.butt_getting_here a:active {
	color: black;
}
.butt_getting_here_off {
	padding: 0;
	margin: 0;
	width: 117px;
	height: 27px;
	background: url('../images/nav/butt_gettinghere.gif') 0 -54px no-repeat;
	float: left;
	list-style: none;
}

.butt_contact {
	padding: 0;
	margin: 0;
	width: 84px;
	height: 27px;
	background: url('../images/nav/butt_contact.gif') 0 -27px no-repeat;
	float: left;
	list-style: none;
}
.butt_contact a {
	margin: 0;
	padding: 0;
	display: block;
	width: 84px;
	height: 27px;
	background: url('../images/nav/butt_contact.gif') top left no-repeat;
}
.butt_contact span {
	display: block;
	margin: 0;
	padding: 0;
}
.butt_contact a:hover {
	background-image: none;
}
.butt_contact a:active {
	color: black;
}
.butt_contact_off {
	padding: 0;
	margin: 0;
	width: 84px;
	height: 27px;
	background: url('../images/nav/butt_contact.gif') 0 -54px no-repeat;
	float: left;
	list-style: none;
}
div#nav_right {
	padding: 0;
	margin: 0;
	width: 201px;
	height: 27px;
	background-image: url(../images/nav/right.gif);
	background-repeat: no-repeat;
	float: left;
}
/* End Nav */




/* Homepage */
div#container_homepage {
	padding: 0;
	margin: 26px auto 0px auto;
	width: 900px;
	height: auto;
	background-image: url(../images/homepage/background.gif);
	background-repeat: repeat-y;
}
div#top_homepage {
	padding: 20px 0px 0px 25px;
	margin: 0;
	width: 900px;
	height: 22px;
	background-image: url(../images/homepage/top.gif);
	background-repeat: no-repeat;
}
div#bottom_homepage {
	padding: 0;
	margin: 0;
	width: 900px;
	height: 42px;
	background-image: url(../images/homepage/bottom.gif);
	background-repeat: no-repeat;
}
div#homepage_flash {
	padding: 0;
	margin: 0px 25px 0px 25px;
	width: 850px;
	height: 400px;
	background-image: url(../images/homepage/flash_background.jpg);
	background-repeat: no-repeat;
}
div#homepage_content {
	padding: 0;
	margin: 0px 25px 0px 25px;
	width: 850px;
	height: 115px;
	background-image: url(../images/common/content_background.gif);
	background-repeat: repeat-x;
}
/* End Homepage */

/* Accomodation Page */
div#container_accomodation {
	padding: 0;
	margin: 26px auto 0px auto;
	width: 900px;
	height: auto;
	background-image: url(../images/accomodation/background.gif);
	background-repeat: repeat-y;
}
div#top_accomodation {
	padding: 20px 0px 0px 25px;
	margin: 0;
	width: 900px;
	height: 22px;
	background-image: url(../images/accomodation/top.gif);
	background-repeat: no-repeat;
}
div#bottom_accomodation {
	padding: 0;
	margin: 0;
	width: 900px;
	height: 25px;
	background-image: url(../images/accomodation/bottom.gif);
	background-repeat: no-repeat;
}
div#accomodation_content {
	padding: 0;
	margin: 0px 25px 0px 25px;
	width: 850px;
	height: 532px;
	background: transparent;
}
div#accomodation_left {
	padding: 0;
	margin: 0;
	width: 550px;
	height: 532px;
	background: transparent;
	float: left;
}
div#accomodation_right {
	padding: 0px 21px 0px 23px;
	margin: 0;
	width: 256px;
	height: 532px;
	float: left;
	background-color: #383838;
	background-image: url(../images/accomodation/content_background.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color:#afafaf;
	line-height: 1.4em;
	text-align: left;
}
/* End Accomodation Page */

/* The Area Page */
div#container_area {
	padding: 0;
	margin: 26px auto 0px auto;
	width: 900px;
	height: auto;
	background-image: url(../images/the_area/background.gif);
	background-repeat: repeat-y;
}
div#top_area {
	padding: 20px 0px 0px 25px;
	margin: 0;
	width: 900px;
	height: 22px;
	background-image: url(../images/the_area/top.gif);
	background-repeat: no-repeat;
}
div#bottom_area {
	padding: 0;
	margin: 0;
	width: 900px;
	height: 42px;
	background-image: url(../images/the_area/bottom.gif);
	background-repeat: no-repeat;
}
div#area_title {
	padding: 0;
	margin: 0;
	width: 249px;
	height: 115px;
	background: transparent;
	float: left;
	background-image: url(../images/titles/area.gif);
	background-repeat: no-repeat;
}
div#area_text {
	padding: 35px 50px 20px 22px;
	margin: 0;
	/* Actual width: 601px; */
	width: 529px;
	/* Actual height: 115px; */
	height: auto;
	background: transparent;
	float: left;
}
.area_h2 {
	padding: o;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color:#afafaf;
	text-align: left;
}
.area_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color:#afafaf;
	text-align: left;
	line-height: 1.4em;
}

div#area_gallery {
	padding: 0px 0px 30px 0px;
	margin: 70px 0px 0px 0px;
	width: 249px;
	height: auto;
	background-image: url(../images/the_area/content_background.gif);
	background-repeat: repeat-y;
}
.area_gallery_block {
	margin: 10px 26px 0px 65px;
	padding: 0px;
	width: 158px;
	height: 74px;
	background: transparent;
}
.area_gallery_left {
	margin: 0px 10px 0px 0px;
	padding: 0;
	width: 72px;
	height: 72px;
	border-style: solid;
	border-color: #747474;
	border-width: 1px;
	float: left;
	clear: left;
}
.area_gallery_right {
	margin: 0;
	padding: 0;
	width: 72px;
	height: 72px;
	border-style: solid;
	border-color: #747474;
	border-width: 1px;
	float: left;
}



.area_gallery_left_thumbnail {
	margin: 10px 10px 0px 65px;
	padding: 0;
	width: 72px;
	height: 72px;
	border-style: solid;
	border-color: #747474;
	border-width: 1px;
	clear: left;
	float: left;
}
.area_gallery_right_thumbnail {
	margin: 10px 26px 0px 0px;
	padding: 0;
	width: 72px;
	height: 72px;
	border-style: solid;
	border-color: #747474;
	border-width: 1px;
	float: left;
}







/* End Area Page */

/* Escape and Unwind Page */
div#container_escape {
	padding: 0;
	margin: 26px auto 0px auto;
	width: 900px;
	height: auto;
	background-image: url(../images/escape_and_unwind/background.gif);
	background-repeat: repeat-y;
}
div#top_escape {
	padding: 20px 0px 0px 25px;
	margin: 0;
	width: 900px;
	height: 22px;
	background-image: url(../images/escape_and_unwind/top.gif);
	background-repeat: no-repeat;
}
div#bottom_escape {
	padding: 0;
	margin: 0;
	width: 900px;
	height: 42px;
	background-image: url(../images/escape_and_unwind/bottom.gif);
	background-repeat: no-repeat;
}
/* End Escape and Unwind Page */

/* Getting Here Page */
div#container_getting_here {
	padding: 0;
	margin: 26px auto 0px auto;
	width: 900px;
	height: auto;
	background-image: url(../images/getting_here/background.gif);
	background-repeat: repeat-y;
}
div#top_getting_here {
	padding: 20px 0px 0px 25px;
	margin: 0;
	width: 900px;
	height: 22px;
	background-image: url(../images/getting_here/top.gif);
	background-repeat: no-repeat;
}
div#bottom_getting_here {
	padding: 0;
	margin: 0;
	width: 900px;
	height: 42px;
	background-image: url(../images/getting_here/bottom.gif);
	background-repeat: no-repeat;
}
div#getting_here_text {
	padding: 35px 50px 20px 22px;
	margin: 0;
	/* Actual width: 601px; */
	width: 529px;
	/* Actual height: 115px; */
	height: auto;
	background: transparent;
	float: left;
}

/* End Getting Here Page */

/* Contact Page */
div#container_contact {
	padding: 0;
	margin: 26px auto 0px auto;
	width: 900px;
	height: auto;
	background-image: url(../images/contact/background.gif);
	background-repeat: repeat-y;
}
div#top_contact {
	padding: 20px 0px 0px 25px;
	margin: 0;
	width: 900px;
	height: 22px;
	background-image: url(../images/contact/top.gif);
	background-repeat: no-repeat;
}
div#bottom_contact {
	padding: 0;
	margin: 0;
	width: 900px;
	height: 42px;
	background-image: url(../images/contact/bottom.gif);
	background-repeat: no-repeat;
}
div#contact_flash {
	padding: 0;
	margin: 0px 25px 0px 25px;
	width: 850px;
	height: 250px;
	background-image: url(../images/the_area/flash_background.jpg);
	background-repeat: no-repeat;
}

/* End Contact Page */