/*

	@Version 0.1
	@Created by Martin Dingley (createanet)
	@03 April 2007
	
	//
	
	For a 2 colum layout cycle down this file and uncomment  
	the styles in #main_content and #sub_content. It is also possible to shuffle the columns
	up, but for now im not explaining how ...

	//


*/

a
{
  outline: none;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, 
h4, h5, h6, pre, form, fieldset, input, p, 
blockquote, th, td 
{ margin : 0; padding : 0; }

h1,h2,h3,h4,h5,h6, input, textarea, select { font-size : 100%; }

h3 { font-size: 120%; }

ol,ul { list-style : none; }

table { border-collapse : collapse; border-spacing : 0; }
p { margin-bottom:1.6em; }
a { color:#000; }
a:hover { text-decoration: none; }
hr {margin:10px 0; background:#ccc; }
*{
	font-size:100%;
}
th, td { padding: 5px; }
th {
		background:#999999;
		
		margin: 0 0 .2em 0;
		color:#fff;
		text-align:left;
		}



/* Print Scheme Size   ////////////////////////////////////  */



body{
	font:75%/140% Helvetica, Arial, Helvetica, sans-serif;
	text-align:center;
	background:url(../images/page_background.jpg) repeat-x top left;
	padding:0;
	margin:0 0 15px 0;
	color:#666;
	}
	
	
	
/*/////////////////////////////////////////////////////////*/

 input, textarea, select { font-family:Helvetica, Arial, Helvetica, sans-serif; }

#wrap h1{
	color:#000;
	font-size: 240%;
	margin-bottom:5px;
}


.hidden_navigation{
	width:1px;
	position:absolute;
	left:-9999px;
}




/*\Template Variables /*\/*/

#wrap{
	background:#FFF;
	width:780px;
	margin:0 auto;
	background:url(../images/wrapper_bg.gif) repeat-y top left;
}

#wrap a { color:#800404; text-decoration:none;}
#wrap a:hover { color:#800404; text-decoration:underline;}

#header {
	height:177px;
	background:url(../images/header_bg.jpg) no-repeat top left #840000;
	width:780px;
	margin:0px;
	text-align:center;
	padding-top:8px;
	position:relative;
}


#onecolumn {margin:35px 12px 10px 12px; text-align:left;}



	

	h1#redcliffelogo a {display:block; background:url(../images/redcliffehotel_logo.gif) no-repeat top center; height:160px; width:300px; text-indent: -900em; margin:0 auto;}


#main_content{
	width:365px;
	/*
	width:585px;
	*/
	text-align: justify;
	float:left;
	margin:35px 0 10px 9px;
	min-height: 400px;
	padding:0 0 0 4px;
	display: inline;
}
	h2#welcome {display:block; background:url(../images/titles/welcome_title.gif) no-repeat top center; height:43px; width:299px; text-indent: -900em; margin:0 0 30px 0;}
	h2#traditional {display:block; background:url(../images/titles/traditional_service.gif) no-repeat top center; height:17px; width:227px; text-indent: -900em; margin:32px 0 30px 0;}
	h2#accommodation {display:block; background:url(../images/titles/accommodation.gif) no-repeat top center; height:17px; width:192px; text-indent: -900em; margin:0 0 30px 0;}
	h2#facilities {display:block; background:url(../images/titles/facilities.gif) no-repeat top center; height:41px; width:261px; text-indent: -900em; margin:0 0 30px 0;}
	h2#cuisine {display:block; background:url(../images/titles/cuisine.gif) no-repeat top center; height:41px; width:248px; text-indent: -900em; margin:0 0 30px 0;}
	h2#weddings {display:block; background:url(../images/titles/weddings_title_2.gif) no-repeat top center; height:42px; width:293px; text-indent: -900em; margin:0 0 30px 0;}
	h2#groupbookings {display:block; background:url(../images/titles/group_bookings.gif) no-repeat top center; height:41px; width:228px; text-indent: -900em; margin:0 0 30px 0;}
	h2#localarea {display:block; background:url(../images/titles/localarea.gif) no-repeat top center; height:17px; width:274px; text-indent: -900em; margin:0 0 30px 0;}
	h2#events {display:block; background:url(../images/titles/events.gif) no-repeat top center; height:17px; width:211px; text-indent: -900em; margin:20px 0 20px 0;}
	h2#morenews {display:block; background:url(../images/titles/more_news.gif) no-repeat top center; height:17px; width:128px; text-indent: -900em; margin:0 0 20px 0;}
	h2#enquiry {display:block; background:url(../images/titles/enquiry_form.gif) no-repeat top center; height:20px; width:155px; text-indent: -900em; margin:0 0 5px 0;}
	h2#contactus {display:block; background:url(../images/titles/contactus.gif) no-repeat top center; height:17px; width:133px; text-indent: -900em; margin:0 0 10px 0;}
	h2#specialoffers {display:block; background:url(../images/titles/offers.gif) no-repeat top center; height:18px; width:332px; text-indent: -900em; margin:0 0 20px 0;}
	h2#hotelgallery {display:block; background:url(../images/titles/gallery.gif) no-repeat top center; height:17px; width:146px; text-indent: -900em; margin:0 0 20px 0;}
	h2#hoteltariff {display:block; background:url(../images/titles/tariff_title.gif) no-repeat top left; height:17px; width:308px; text-indent: -900em; margin:0 0 20px 0;}
	h2#beautycentre {display:block; background:url(../images/titles/beauty_centre.gif) no-repeat top left; height:17px; width:248px; text-indent: -900em; margin:0 0 10px 0;}
	h2#hairdressing {display:block; background:url(../images/titles/hairdressing.gif) no-repeat bottom left; height:34px; width:261px; text-indent: -900em; margin:15px 0 10px 0;}
	h2#samplemenu {display:block; background:url(../images/titles/sample_menu.gif) no-repeat top left; height:17px; width:261px; text-indent: -900em; margin:0 0 10px 0;}
	h2#sendtofriend {display:block; background:url(../images/titles/sendtoafriend.gif) no-repeat top left; height:17px; width:261px; text-indent: -900em; margin:0 0 10px 0;}


	
	#main_content p {color:#666; line-height:18px;}
	
	#main_content img { border:solid 1px #999; padding:3px;}

#sub_content{
	width:372px;
	float:left;
	text-align: justify;
	margin:35px 0 10px 17px;
	/*
	display:none; 
	*/
}

#sub_content p {color:#666; line-height:18px;}

#sub_content img { border:solid 1px #999; padding:3px;}

#sub_content a { text-decoration:none; color:#800404}
#sub_content a:hover { text-decoration:underline; color:#800404}

/* ------------ Navigation ------------- */

#menu ul {margin:0 0 9px 0; padding:0; list-style-type:none;}
#menu li {float:left;}

#menu li.list1 {background:transparent url(../images/nav/home_off.gif) no-repeat top left;}
#menu li.list2 {background:transparent url(../images/nav/accommodation_off.gif) no-repeat top left;}
#menu li.list3 {background:transparent url(../images/nav/facilities_off.gif) no-repeat top left;}
#menu li.list4 {background:transparent url(../images/nav/restaurant_off.gif) no-repeat top left;}
#menu li.list5 {background:transparent url(../images/nav/localarea_off.gif) no-repeat top left;}
#menu li.list6 {background:transparent url(../images/nav/gallery_off.gif) no-repeat top left;}
#menu li.list7 {background:transparent url(../images/nav/offers_off.gif) no-repeat top left;}
#menu li.list8 {background:transparent url(../images/nav/tariff_off.gif) no-repeat top left;}
#menu li.list9 {background:transparent url(../images/nav/contact_off.gif) no-repeat top left;}

#menu li.list1 a {width:56px; display:block; height:0; padding-top:13px; color:#000; overflow:hidden;}
#menu li.list2 a {width:146px; display:block; height:0; padding-top:13px; color:#000; overflow:hidden;}
#menu li.list3 a {width:87px; display:block; height:0; padding-top:13px; color:#000; overflow:hidden;}
#menu li.list4 a {width:102px; display:block; height:0; padding-top:13px; color:#000; overflow:hidden;}
#menu li.list5 a {width:96px; display:block; height:0; padding-top:13px; color:#000; overflow:hidden;}
#menu li.list6 a {width:74px; display:block; height:0; padding-top:13px; color:#000; overflow:hidden;}
#menu li.list7 a {width:63px; display:block; height:0; padding-top:13px; color:#000; overflow:hidden;}
#menu li.list8 a {width:66px; display:block; height:0; padding-top:13px; color:#000; overflow:hidden;}
#menu li.list9 a {width:67px; display:block; height:0; padding-top:13px; color:#000; overflow:hidden;}

#menu a#item1:hover {background:transparent url(../images/nav/home_on.gif) -11px -45px no-repeat;}
#menu a#item2:hover {background:transparent url(../images/nav/accommodation_on.gif) -11px -79px no-repeat;}
#menu a#item3:hover {background:transparent url(../images/nav/facilities_on.gif) -11px -46px no-repeat;}
#menu a#item4:hover {background:transparent url(../images/nav/restaurant_on.gif) -11px -52px no-repeat;}
#menu a#item5:hover {background:transparent url(../images/nav/localarea_on.gif) -11px -77px no-repeat;}
#menu a#item6:hover {background:transparent url(../images/nav/gallery_on.gif) -11px -80px no-repeat;}
#menu a#item7:hover {background:transparent url(../images/nav/offers_on.gif) -11px -80px no-repeat;}
#menu a#item8:hover {background:transparent url(../images/nav/tariff_on.gif) -11px -80px no-repeat;}
#menu a#item9:hover {background:transparent url(../images/nav/contact_on.gif) -11px -80px no-repeat;}

#menu a#item1:hover {background-position:0 0; z-index:50;}
#menu a#item2:hover {background-position:0 0; z-index:50;}
#menu a#item3:hover {background-position:0 0; z-index:50;}
#menu a#item4:hover {background-position:0 0; z-index:50;}
#menu a#item5:hover {background-position:0 0; z-index:50;}
#menu a#item6:hover {background-position:0 0; z-index:50;}
#menu a#item7:hover {background-position:0 0; z-index:50;}
#menu a#item8:hover {background-position:0 0; z-index:50;}
#menu a#item9:hover {background-position:0 0; z-index:50;}

* html #menu a:hover {height:13px; he\ight:0;}

#menu {display:block; height:13px; width:772px; margin:0; clear:both; padding:0 0 0 13px;}

/* ------------ Tariff Details ------------- */

.tarifftable {text-align:left;width:750px; margin:0 0 15px 0; }
.tarifftable th {background-color:#800404; color:#FFF; font-family:'Times New Roman', Times, serif; font-size:110%; padding:3px 0 3px 6px; margin:0;}
.tarifftable td {text-align:left; padding:3px 0 2px 6px;}
.tarifftable  .col1 {width:350px;}
.tarifftable  .col2 {width:100px;}

.tariffterms { margin:0; padding:0;}
.tariffterms p {font-size:95%; margin:0 0 10px 0; padding:0;}
h3.subtitles {color:#800404; font-family:"Times New Roman", Times, serif; font-weight:100; font-size:120%;}


#navigations{
	width:175px;
	float:left;
	margin-left:-770px;
	margin-bottom:10px;	
}

	#navigations h2 { 
		background:#999999;
		padding: .2em .8em; 
		margin: 0 0 .2em 0;
		color:#fff;
	}
	#navigations li { margin: 0 0 .2em 0; }

	#navigations a {
		display: block;
		color: #000;
		background-color: #EFEFEF;
		padding: .2em .8em;
		text-decoration: none;
	}
	
	#navigations a:hover, #navigations ul#rss li a:hover {
		background-color: #fff;
		color: #000;
	}
		#navigations ul#rss li a {
	background:#EFEFEF url(../images/rss.gif) 10px 4px no-repeat; padding-left:30px;
	}

/* ------------ Latest News ------------- */

#sub_news {
	width:200px;
	/*
	width:585px;
	*/
	text-align: justify;
	float:left;
	margin:35px 0 10px 9px;
	min-height: 400px;
	padding:0 0 0 4px;
}

#sub_news img { border:solid 1px #999; padding:3px;}

#sub_news li { border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px; }
#sub_news p { margin-bottom:0; font-size:95%; color:#666;}
#sub_news h3 {color:#800404; font-size:95%;}

#sub_news h3 a { color:#800404; text-decoration:none;}
#sub_news h3 a:hover { color:#800404; text-decoration:underline;}

#news_article {
	width:537px;
	float:left;
	text-align: justify;
	margin:35px 0 10px 12px;
	/*
	display:none; 
	*/
}

#news_article p {color:#666; line-height:18px;}

#news_article a { color:#800404; text-decoration:none;}
#news_article a:hover { color:#800404; text-decoration:underline;}

#news_article img { border:solid 1px #999; padding:3px;}

#news_article h2 { color:#800404;}

#facilitieslist ul {color:#666; margin:0 0 20px 0; padding:0;}
#facilitieslist li {margin:0 0 7px 0; padding:0 0 0 15px; background:url(../images/bullet_point.gif) no-repeat top left;}


#beautylist ul {color:#666; margin:0 0 20px 0; padding:0;}
#beautylist li {margin:0 0 7px 0; padding:0 0 0 15px; background:url(../images/bullet_point.gif) no-repeat top left; width:250px; float:left;}

/* ------------ Side Bar ------------- */

#side_bar {
	width:200px;
	/*
	width:585px;
	*/
	text-align: justify;
	float:left;
	display:inline;
	margin:35px 0 10px 9px;
	min-height: 400px;
	padding:0 0 0 4px;
}

#side_bar img { border:solid 1px #999; padding:3px;}
#side_bar p {margin:0 0 7px 0; color:#666;}

#side_bar ul { list-style:none; margin:0; padding:0;}
#side_bar ul li {list-style:none; margin:0 0 15px 0; padding:0;}

#side_bar a { color:#840000; text-decoration:none;}
#side_bar a:hover { color:#840000; text-decoration:underline;}


#footer{
background:url(../images/footer_bg.gif) no-repeat bottom left #800404;
clear:left;
color:#FFF;
padding:8px 10px 8px 10px;
margin:0 4px 0 4px;
font-family:"Times New Roman", Times, serif;
}

#footer p {margin-bottom:0; text-align:left; font-size:90%; }


#page_slugs { margin-bottom:10px; color:#666; }
#page_slugs li { display:inline; font-size:85%;}

#page_slugs a { color:#666; text-decoration:none;}
#page_slugs a:hover { color:#666; text-decoration:underline;}
	
	
	
#offers .category #offer_thmb { float:left; margin:0 10px 10px 0; }
#offers .category { margin-bottom: 10px; border-bottom:1px solid #000; padding-bottom: 10px; }

#categorylisting li { border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px; }
#categorylisting p { margin-bottom:0; font-size:90%;}
#categorylisting h3 {color:#800404; font-size:95%;}

#categorylisting h3 a:link { color:#800404; text-decoration:none;}
#categorylisting h3 a:visited { color:#800404; text-decoration:none;}
#categorylisting h3 a:active { color:#800404; text-decoration:none;}
#categorylisting h3 a:hover { color:#800404; text-decoration:underline;}

.category_thumb { float:left; margin:0 10px 10px 0; }


#recentnews li { margin-bottom: 10px; }


.clearleft { clear:left; }
.paging { margin-bottom:10px;}


/*=Download
	-------------------------------------------------------*/
.download {
	background:#fffeef;
	padding:5px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
	}
	.download a { 
		background:url(../images/pdf.gif) 0 2px no-repeat;
		padding: .2em .8em;
		padding-left:20px;
	} 
	div.download span {
		font-size:90%;
	}

/*=Gallery
	-------------------------------------------------------*/
	
	.filter  { border-bottom:1px solid #ccc; margin-bottom:10px; padding-bottom:10px;}

#gallerylisting li{
	width:166px;
	background:#FFF;
	padding:3px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:6px 10px 6px 10px;
}

#gallerylisting li a span{
/*\*/
	position:absolute;
	left:-9999px;

}

#gallerylisting li a:hover span{	
	top:7px;
	left:7px;
	width:158px;
	background:#840000;
	color:#FFF;
	padding:5px 0 5px 0;
	text-transform:uppercase;
	font-size:80%;
	filter: alpha(opacity=100);
/**/
} 


#gallerylisting li img { border:solid 1px #999; padding:3px;}

/*=Error Mesages
	-------------------------------------------------------*/
	ul.error,ul.success { list-style:disc; margin-bottom: 10px; }
	.error { color:#990000; font-weight:bold; }
	em.error  { display:block; }
	ul.success {
		display: block;
		list-style: none;
		background: #006633;
		color: #fff;
		padding: 2px;
	}
	
	ul.emailsuccess { color:#800404; list-style: none; }
/*=Links
	-------------------------------------------------------*/
.links li { padding:5px; }