/* WWW.ELANHOTEL.CO.UK - CSS */


/* GLOBAL STYLES */

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font: normal 13px "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #666;
	background: #b0ae7e url(../images/bg_pattern.gif);
}

em {
	font-style: normal;
	font-weight: bold;
}

.field {
	width: 300px;
	border: 1px solid #999;
	margin: 0;
	padding: 5px 0;	
}

.field_short {
	width: 40px;
	border: 1px solid #999;
	margin: 0;
	padding: 0;	
}

a.button-book:link, a.button-book:visited {
	width: 109px;
	height: 21px;
	display: block;
	background: #e2e441 url(../images/bg-button.jpg) 0 0 no-repeat; 
	margin: 5px 0 0 10px;
	text-decoration: none;
}

a.button-book:hover {
	background: #e2e441 url(../images/bg-button.jpg) 0 -21px no-repeat; 
}

a.button-menu:link, a.button-menu:visited {
	width: 109px;
	height: 21px;
	display: block;
	background: #e2e441 url(../images/bg-button.jpg) 0 -42px no-repeat; 
	margin: 5px 0 0 10px;
	text-decoration: none;
}

a.button-menu:hover {
	background: #e2e441 url(../images/bg-button.jpg) 0 -63px no-repeat; 
}

a.button-more:link, a.button-more:visited {
	width: 89px;
	height: 21px;
	display: block;
	background: #f2f1dd url(../images/bg-button-more.jpg) 0 0 no-repeat; 
	margin: 5px 0 0 0;
	text-decoration: none;
}

a.button-more:hover {
	background: #f2f1dd url(../images/bg-button-more.jpg) 0 -21px no-repeat; 
}




/* GLOBAL POSITIONS */

#head {
	width: 760px; 
	height: 108px;
	text-align: left; 
	margin: 0 auto; 
	padding: 0 0 10px 0;
}

#container {
	margin: 0 auto;
	padding: 0px;
	width: 780px;
	background: #f2f1dd url(../images/bg_container.gif) top left repeat-x;
}

#section_top {
	margin: 0; 
	padding: 10px;
}

#reservation {
	width: 250px;
	height: 131px;
	float: left;
	margin: 0; 
	padding: 2px;
	border: 1px solid #999;
	background: #78a22e url(../images/bg_reservation.jpg) top left no-repeat;
}

#main_image {
	width: 452px;
	height: 131px;
	float: right;
	margin: 0; 
	padding: 2px;
	border: 1px solid #999;
}

.clearer {
	display: block;
	margin: 0;
	padding: 0;
	clear: both;
	font-size: 1px;
}

#section_middle {
	margin: 0; 
	padding: 10px;
}

#column_left {
	width: 220px;
	float: left;
	margin: 0; 
	padding: 10px;
}

#attraction {
	margin: 0; 
	padding: 10px 0;
	background: url("../images/bg_line_horiz.gif") bottom left repeat-x; 
}

#column_right {
	width: 446px;
	float: right;
	margin: 0; 
	padding: 10px 10px 10px 0;
}

#column_right_gallery {
	width: 456px;
	float: right;
	margin: 0; 
	padding: 10px 0 ;
}

#footer {
	border-top: 2px solid #fff;
	clear: both;
	margin: 0;
	padding: 10px 20px 20px 20px;
	background: #b6b59f url(../images/bg_footer.gif);
}




/* NAV MAIN STYLES */

#nav {
	float: right;
	width: 500px;
	height: 40px;
	margin: 0;
	padding: 75px 0 0 0;
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 27px;
}

#nav li {
	float: left;
	background: #fff url("../images/nav_tab_l_off.gif") no-repeat left top;
	margin: 0;
	width: auto;
	height: 27px;
	padding: 0 0 0 5px;
}

#nav a {
	font-weight: bold;
	float: left;
	display: block;
	background: #f2f1dd url("../images/nav_tab_r_off.gif") no-repeat right top;
	padding: 4px 20px 0 12px;
	text-decoration: none;
	margin: 0;
	height: 23px;
	color: #666;
}

#nav a:hover {
	color: #333;
	background-color: #f2f1dd;
}

#home #nav_home, #tariff #nav_tariff, #booking #nav_booking, #area #nav_area, #find #nav_find, #gallery #nav_gallery {
	background: url("../images/nav_tab_l_on.gif") no-repeat left top;
	border-width: 0;
}

#home #nav_home a, #tariff #nav_tariff a, #booking #nav_booking a, #area #nav_area a, #find #nav_find a, #gallery #nav_gallery a {
	background: url("../images/nav_tab_r_on.gif") no-repeat right top;
	padding-bottom: 0px;
	color: #666;
	background-color: #f2f1dd;
}



/* HEAD STYLES */

#head img {
	float: left;
	margin: 0;
	padding: 10px 0 0 10px;
}




/* RESERVATION STYLES */

#reservation p {
	color: #fff;
	margin: 0;
	padding: 0 10px;
}

#reservation img {
	margin: 0;
	padding: 0 0 10px 0;
}

#reservation img.book {
	margin: 0;
	padding: 12px 0 0 0;
}




/* Global button styles */

p .itemLink {
	display: block;
	cursor: hand;
	cursor: pointer;
	text-decoration: none;
}

p .itemLink .buttonleft {
	float: left;
	display: block;
	width: 5px;
	height: 18px;
	background: transparent url(../images/button_left_off.gif) no-repeat;
}

p .itemLink .buttontext {
	font-weight: bold;
	float: left;
	display: block;
	color: #fff;
	text-decoration: none;
	background: transparent url(../images/button_text_off.gif) no-repeat;
	height: 12px;
	padding: 1px 8px 5px 8px;
}

p .itemLink .buttonright {
	float: left;
	display: block;
	width: 5px;
	height: 18px;
	background: transparent url(../images/button_right_off.gif) no-repeat;
}

p .itemLink:hover .buttonleft {
	background: transparent url(../images/button_left_on.gif) no-repeat;
}

p .itemLink:hover .buttontext {
	color: #333;
	text-decoration: underline;
	background: transparent url(../images/button_text_on.gif) no-repeat;
}

p .itemLink:hover .buttonright {
	background: transparent url(../images/button_right_on.gif) no-repeat;
}

p .itemLink.inactive .buttonleft {
	background: transparent url(../images/button_left_off.gif) no-repeat;
}

p .itemLink.inactive .buttontext {
	color: #b17900;
	background: transparent url(../images/button_text_off.gif) no-repeat;
}

p .itemLink.inactive .buttonright {
	background: transparent url(../images/button_right_off.gif) no-repeat;
}




/* SECTION TOP STYLES */

#section_top img {
	border: 0;
	padding: 0;
}




/* SECTION MIDDLE STYLES */

#section_middle p {
	margin: 0;
	padding: 0 0 1.2em 0;
}

#section_middle p.note {
	color: #9c241f;
	font-size: 92%;
}

#section_middle img.pic {
	float: right;
	margin: 0 0 10px 10px;
	padding: 2px;
	border: 1px solid #999;
}

#section_middle h1 {
	font-family: georgia, serif;
	font-weight: normal;
	font-size: 170%;
	color: #333;
	margin: 0;
	padding: 0 0 10px 0;
}

#section_middle h2 {
	font-weight: normal;
	font-size: 120%;
	text-transform: uppercase;
	color: #333;
	margin: 0;
	padding: 10px 0;
	background: url("../images/bg_line_horiz.gif") top left repeat-x; 
}

#section_middle a {
	color: #699;
}
	
#section_middle a:hover {
	color: #333;
	text-decoration: none;
}

#section_middle ul {
	list-style-image: url(../images/li_arrow.gif);
	margin: 0;
	padding: 0 0 20px 0;
}

#section_middle li {
	font-weight: bold;
	color: #333;
	margin: 0;
	padding: 8px 0;
	background: url("../images/bg_line_horiz.gif") bottom left repeat-x; 
}




/* COLUMN LEFT STYLES */

#column_left p {
	color: #9c241f;
	font-size: 92%;
}

#column_left p.address {
	color: #666;
	font-size: 100%;
}

#column_left h1 {
	font-family: georgia, serif;
	font-weight: normal;
	font-size: 140%;
	color: #500d0b;
	margin: 0;
	padding: 0 0 5px 0;
}

#column_left img.local {
	margin: 0;
	padding: 0 0 20px 0;
}

#column_left .menu {
	width: 220px;
	margin: 0 0 20px 0; 
	background: #9c241f url(../images/bg-menu.jpg) top left repeat-x; 
	padding: 0 0 10px 0;
}

#column_left .menu p {
	color: #fff;
	padding: 0 10px; 
}



/* COLUMN RIGHT STYLES */

#column_right img.map {
	margin: 0;
	padding: 2px;
	border: 1px solid #999;
}

#column_right_gallery img {
	margin: 0 5px 5px 0;
	border: 1px solid #999;
}





/* ATTRACTION STYLES */

#attraction img.rosette {
	float: right;
	margin: 0;
	padding: 0 0 5px 5px;
}

#attraction img.more {
	margin: 0;
	padding: 12px 0 10px 0;
}

#attraction a {
	color: #c7504b;
}
	
#attraction a:hover {
	color: #6b2724;
	text-decoration: none;
}



/* FOOTER STYLES */

#footer p {
	color: #e6e5dd;
	text-align: left;
	margin: 0 auto;
	padding: 0;
}

#footer a {
	color: #fff;
	text-decoration: underline;
	padding: 2px;
}

#footer a:hover {
	color: #333;
	text-decoration: none;
	background-color: #e3e2ce;
}