/***********************************************************
Cascading Style Sheet for castlefarmbandb.co.uk
***********************************************************/

* {margin:0; padding:0;}

body, h1, h2, h3, h4, p, ul, li, ol, dl, dt, dd,
form, fieldset, legend, label, select, option, input,
table, tr, th, td {
	margin:0;
	padding:0;
	}

/***********************************************************
GLOBAL STYLES
***********************************************************/
	
body {
	border-top:4px solid #8C5531;
	font-family:Arial,Helvetica,sans-serif;
	background:url(../graphics/bg_body_top.jpg) repeat-x top left #fff;
	}
	
#container {
	margin:0 auto 0 auto;
	padding:0;
	width:952px;
	height:auto;
	}

/* Top Nav */

#topnav {
	font-size:11px;
	color:#aaa;
	height:19px;
	}

#topnav ul {
	list-style-type:none;
	margin:4px 0 0 0;
	}
	
#topnav ul.left {
	float:left;
	}
	
#topnav ul.right {
	float:right;
	}	

#topnav li {
	padding:0 0 0 0;
	float:left;
	border-left:1px solid #aaa;
	padding:0 6px 0 6px;
	height:14px;
	}	
	
#topnav li.first {
	border:none;
	padding-left:0;
	}
	
#topnav li.last {
	padding-right:0;
	}
	
#topnav a {
	color:#aaa;
	text-decoration:none;
	}
	
#topnav a:hover {
	color:#aaa;
	text-decoration:underline;
	}
	
/* Logo */

#logo_wrap {
	width:100%;
	height:72px;
	}
	
#logo_wrap img {
	border:none;
	padding:0 0 0 317px;
}

/* Main Nav */

#listmenu {
	width:100%;
	height:29px;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	}
	
#listmenu ul {
	height:29px;
	list-style-type:none;
	position:relative;
	}
	
#listmenu li {
	padding:9px 0 5px 0;
	float:left;
	text-align:center;
	height:15px;
}


#listmenu li.home {
	background:url(../graphics/bg_nav_home.jpg) no-repeat top #99AF92;
	width:105px;
	}
#listmenu li.accommodation {
	background:url(../graphics/bg_nav_accommodation.jpg) no-repeat top #99AF92;
	width:142px;
	}
#listmenu li.thingstodo {
	background:url(../graphics/bg_nav_thingstodo.jpg) no-repeat top #99AF92;
	width:116px;
	}
#listmenu li.album {
	background:url(../graphics/bg_nav_album.jpg) no-repeat top #99AF92;
	width:122px;
	}
#listmenu li.testimonials {
	background:url(../graphics/bg_nav_testimonials.jpg) no-repeat top #99AF92;
	width:120px;
	}
#listmenu li.rates {
	background:url(../graphics/bg_nav_rates.jpg) no-repeat top #99AF92;
	width:102px;
	}
#listmenu li.findus {
	background:url(../graphics/bg_nav_findus.jpg) no-repeat top #99AF92;
	width:131px;
	}
#listmenu li.contact {
	background:url(../graphics/bg_nav_contact.jpg) no-repeat top #99AF92;
	width:114px;
	}
#listmenu li.home:hover {
	background:url(../graphics/bg_nav_active_home.jpg) no-repeat top transparent;
	width:105px;
	}
#listmenu li.accommodation:hover {
	background:url(../graphics/bg_nav_active_accommodation.jpg) no-repeat top transparent;
	width:142px;
	}
#listmenu li.thingstodo:hover {
	background:url(../graphics/bg_nav_active_thingstodo.jpg) no-repeat top transparent;
	width:116px;
	}
#listmenu li.album:hover {
	background:url(../graphics/bg_nav_active_album.jpg) no-repeat top transparent;
	width:122px;
	}
#listmenu li.testimonials:hover {
	background:url(../graphics/bg_nav_active_testimonials.jpg) no-repeat top transparent;
	width:120px;
	}
#listmenu li.rates:hover {
	background:url(../graphics/bg_nav_active_rates.jpg) no-repeat top transparent;
	width:102px;
	}
#listmenu li.findus:hover {
	background:url(../graphics/bg_nav_active_findus.jpg) no-repeat top transparent;
	width:131px;
	}
#listmenu li.contact:hover {
	background:url(../graphics/bg_nav_active_contact.jpg) no-repeat top transparent;
	width:114px;
	}
#listmenu li.home_active {
	background:url(../graphics/bg_nav_active_home.jpg) no-repeat top #99AF92;
	width:105px;
	}
#listmenu li.accommodation_active {
	background:url(../graphics/bg_nav_active_accommodation.jpg) no-repeat top #99AF92;
	width:142px;
	}
#listmenu li.thingstodo_active {
	background:url(../graphics/bg_nav_active_thingstodo.jpg) no-repeat top #99AF92;
	width:116px;
	}
#listmenu li.album_active {
	background:url(../graphics/bg_nav_active_album.jpg) no-repeat top #99AF92;
	width:122px;
	}
#listmenu li.testimonials_active {
	background:url(../graphics/bg_nav_active_testimonials.jpg) no-repeat top #99AF92;
	width:120px;
	}
#listmenu li.rates_active {
	background:url(../graphics/bg_nav_active_rates.jpg) no-repeat top #99AF92;
	width:102px;
	}
#listmenu li.findus_active {
	background:url(../graphics/bg_nav_active_findus.jpg) no-repeat top #99AF92;
	width:131px;
	}
#listmenu li.contact_active {
	background:url(../graphics/bg_nav_active_contact.jpg) no-repeat top #99AF92;
	width:114px;
	}
	
#listmenu a {
	color:#FFF;
	text-decoration:none;
	}
	
#listmenu li ul {
	postion:absolute;
	top:5px;
	left:6px;
	margin:0;
	padding:0;
	font-size:11px;
	}

#listmenu li ul li {
	background-color:#000;
	background-image:none;
	margin:0;
	padding:6px 12px;
	text-align:left;
	}

#listmenu li.accommodation ul, #listmenu li.accommodation_active ul { width:148px; }
#listmenu li.accommodation ul li, #listmenu li.accommodation_active ul li { width:124px; }
#listmenu li.thingstodo ul, #listmenu li.thingstodo_active ul { width:218px; }
#listmenu li.thingstodo ul li, #listmenu li.thingstodo_active ul li { width:194px; }

/* IE7 hack to get dropdown to align correctly */
html>body #listmenu li ul { *left:6px; }
	
#listmenu li ul li a:hover {
	color:#ccc;
	}	

#listmenu ul ul { /* hide drop down */
	display:none;
	} 
	
#listmenu ul li:hover ul { /* display drop down */
	display:block;
	} 

/* Header */

#header {
	width:100%;
	height:226px;
	margin-top:13px;
	}
	
#home #header, #rates #header, #header, #header {
	background:transparent url(../graphics/mainpic_home.jpg) no-repeat;
	}
#accommodation #header {
	background:transparent url(../graphics/mainpic_home.jpg) no-repeat;
	}
#thingstodo #header {
	background:transparent url(../graphics/mainpic_home.jpg) no-repeat;
	}
#album #header {
	background:transparent url(../graphics/mainpic_home.jpg) no-repeat;
	}
#contact #header {
	background:transparent url(../graphics/mainpic_home.jpg) no-repeat;
	}
#findus #header {
	background:transparent url(../graphics/mainpic_home.jpg) no-repeat;
	}
#testimonials #header {
	background:transparent url(../graphics/mainpic_home.jpg) no-repeat;
	}

#breakfast #header {
	background:transparent url(../graphics/mainpic_home.jpg) no-repeat;
	}
	
#header p.intro {
	color:#fff;
	float:right;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:22px;
	line-height:28px;
	text-align:right;
	width:340px;
	}
	
#header p.address {
	clear:right;
	color:#fff;
	font-size:11px;
	padding:4px 0 0 610px;
	}

/* Content Area */

#main {
	clear:both;
	width:100%;
	height:auto;
	}
	
/* Left Col */

#left {
	width:620px;
	float:left;
	}
	
#left h2 {
	color:#2F3739;
	font-size:22px;
	font-weight:normal;
	text-transform:uppercase;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:14px 0 8px 0;
	width:605px;
	border-bottom:1px solid #DFE6DD;
	margin:0 0 4px 0;
	}
	
#left h2:first-letter {
	font-size:28px;
	}
	
#left h2 span {
	font-size:18px;
	color:#666;
	}

#left h3 {
	color:#2F3739;
	font-size:16px;
	font-weight:normal;
	text-transform:uppercase;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:5px 0 0 0;
	margin:0 0 4px 0;
	}
		
#left p {
	font-size:12px;
	color:#2e2e2e;
	width:600px;
	line-height:19px;
	padding:6px 0;
	}
	
/*#left p.testimonial {
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#666;
	width:600px;
	line-height:19px;
	padding:6px 0;
	}*/
	
#left blockquote {
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#666;
	width:600px;
	line-height:19px;
	padding:6px 0;
	}
	
#left a {
	color:#92a98c;
	text-decoration:none;
	border-bottom:1px dotted #AABDA4;
	}
	
#left a:hover {
	color:#666;
	text-decoration:none;
	border-bottom:1px dotted #AABDA4;
	}

#left ul {
	list-style-type:disc;
	padding:8px 0 8px 16px;
	margin:0;
	color:#666;
	font-size:12px;
	line-height:20px;
}

#left ul li {
	padding:1px 0;
	}
	
#left ul li ul {
	font-size:100%;
	}
		
/* Right Col */

#right {
	width:323px;
	float:right;
	height:auto;
	}
	
.small_box {
/*		background:url(../graphics/bg_smallbox.jpg) no-repeat top transparent;*/

	width:316px;
	height:266px;
	float:right;
	padding:16px 0 0 16px;
	}

.medium_box {
	background:url(../graphics/bg_mediumbox.jpg) no-repeat top transparent;
	width:307px;
	height:299px;
	float:right;
	padding:16px 0 0 16px;
	}
	
.medium_box p.newslink, .large_box p.newslink {
	background:url(../graphics/bg_newslink.jpg) no-repeat top transparent;
	height:20px;
	width:83px;
	padding:4px 0 8px 0;
	margin:0;
	}
	
.medium_box p.newslink a, .large_box p.newslink a {
	padding:0 0 0 20px;
	text-decoration:none;
	color:#666;
	}
	
.medium_box p.newslink a:hover, .large_box p.newslink a:hover {
	text-decoration:underline;
	}

.large_box {
	background:url(../graphics/bg_largebox.jpg) no-repeat top transparent;
	width:307px;
	height:413px;
	float:right;
	padding:16px 0 0 16px;
	font-size:11px;
	}
	
.small_box h3, .medium_box h3, .large_box h3 {
	color:#2F3739;
	font-size:16px;
	font-weight:normal;
	text-transform:uppercase;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:3px 0;
	border-bottom:1px solid #DFE6DD;
	width:291px;
	}
	
.small_box h3:first-letter, .medium_box h3:first-letter, .large_box h3:first-letter  {
	font-size:20px;
	}
	
.small_box h4, .medium_box h4, .large_box h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#2F3739;
	font-size:12px;
	padding:5px 0;
	font-weight:normal;
	}
	
.small_box p, .medium_box p, .large_box p {
	font-size:11px;
	color:#666;
	padding:0 16px 5px 0;
	line-height:15px;
	}
	
#contact .medium_box p {
	padding-top:5px;
	}

.small_box table {
	width: 291px;
	font-size: 11px;
	color:#555;
	margin:0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	}

.small_box th {
	padding:6px 0 4px 0;
	text-align:center;
	font-weight:normal;
	}

.small_box td {
	text-align:center;
}

.small_box tr.temp {
	font-size:11px;
	}
	
.large_box ul.links {
	color:#666;
	margin:0 14px 0 0;
	padding:10px 0 10px 18px;
	}

.large_box ul.links li {
	padding:3px 0;
	margin:0;
	}
	
.large_box ul.links ul {
	list-style-type:disc;
	margin:0 0 0 16px;
	padding:0;
	color:#666;
	}
	
.large_box ul.links a {
	color:#666;
	text-decoration:none;
	}	
	
.large_box ul.links a:hover {
	color:#666;
	text-decoration:underline;
	}	
	
.large_box ul.links li.active {
	color:#000;
	}
	
.small_box ul.info, .medium_box ul.info, .large_box ul.info {
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	list-style-type:none;
	margin:0;
	height:100px;
	padding:10px 0;
	width:291px;
	}
	
.small_box ul.info li, .medium_box ul.info li, .large_box ul.info li {
	float:left;
	padding:0pt;
	text-align:center;
	width:97px;
	}

.small_box ul.info li img, .medium_box ul.info li img, .large_box ul.info li img {
	border:1px solid #DFE6DD;
	margin-bottom:0;
	}
	
.small_box ul.info li a, .medium_box ul.info li a, .large_box ul.info li a {
	color:#666;
	text-decoration:none;
	}

.medium_box ul.col_left, .medium_box ul.col_right {
	float:left;
	height:80px;
	list-style-type:disc;
	padding:10px 0 0 16px;
	margin:0;
	color:#666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	}
	
.medium_box ul.col_left li, .medium_box ul.col_right li {
	float:none;
	padding:2px 0;
	text-align:left;
	}
	
.medium_box ul.col_left li { width:160px; }
.medium_box ul.col_right li {width:90px; } 
	
.medium_box p.bookingform a {
	color:#666;
	text-decoration:none;
	}	
	
.medium_box p.bookingform a:hover {
	color:#666;
	text-decoration:underline;
	}

/* Footer */

#footer_outer {
	width:100%;
	height:134px;
	clear:both;
	background:url(../graphics/bg_footer.jpg) repeat-x left bottom;
}

#footer_inner {
	width:954px;
	height:134px;
	margin:0 auto 0 auto;
}

#footer_inner ul {
	list-style-type:none;
	font-size:11px;
	padding-top:52px;
}

#footer_inner li {
	float:left;
	padding:0 1px 0 20px;
	background:url(../graphics/footer-split.gif) no-repeat left;
	display:block;
}

#footer_inner li.first {
	float:left;
	background:url(../graphics/spacer.gif) no-repeat left;
}

#footer_inner li a {
	color:#2F3739;
	text-decoration: none;
}

#footer_inner li a:hover {
	color:#2F3739;
	text-decoration:none;
	border-bottom: 1px dotted #2F3739; 
}

#footer_inner p {
	font-size:11px;
	color:#ccc;
	padding:20px 0 0 0;
	line-height:16px;
	}
	
#footer_inner p.copyright {
	float:left;
	text-align:left;
	}

#footer_inner p a {
	color:#ccc;
	text-decoration:none;
	border-bottom:1px dotted #ccc;
	}
	
#footer_inner p a:hover {
	color:#fff;
	text-decoration:none;
	border-bottom:1px dotted #fff;
	}
	
/***********************************************************
PAGE SPECIFIC STYLES
***********************************************************/

/* Index */
.img_gate {
	float:left;
	margin:0px 8px 0 0;
	}

/* Accommodation, Oak, Rose, Lounge */

.img_bathroom {
	float:left;
	margin:0 8px 0 0;
	}
	
.img_room {
	margin:2px 8px 0 0;
	}

/* Contact, Rates */
	
img.adobe {
	border:none;
	margin-top:6px;
	}	
	
img.noborder {
	border:none;
	}

/* Rates */

#rates #left table {
	border:1px solid #555;
	color:#666666;
	font-size:12px;
	margin:10px 0pt;
	}
	
#rates #left th {
	background-color:#E0E7DE;
	border-bottom:1px solid #555;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:14px;
	font-weight:normal;
	padding:6px 0pt 4px;
	height:34px;
	color:#2F3739;
	}
	
#rates #left tr {
	padding:6px 0pt 4px;
	}
	
#rates #left td {
	height:34px;
	padding:6px 0pt 4px;
	}
	
#rates #left .borderbot {
	border-bottom:1px solid #555;
	padding:5px;
	}
	
#rates #left .centre1 {
	border-bottom:1px solid #555;
	border-left:1px solid #555;
	text-align:center;
	width:120px;;
	}
	
#rates #left .centre2 {
	border-left:1px solid #555;
	text-align:center;
	width:120px;;
	}
	
#rates #left .left {
	padding-left:5px;
	text-align:left;
	width:230px;
	}

/* Things to do */

#thingstodo #left ul.col_left, #thingstodo #left ul.col_right{
	list-style-type:none;
	width:300px;
	padding:6px 0 0 0;
	margin:0 0 0 0;
	float:left;

	}
	
#thingstodo #left ul.col_left li, #thingstodo #left ul.col_right li{
	padding:0;
	margin:0;
	clear:left;
	height:80px;
	font-size:11px;
	line-height:16px;
	}
	
#thingstodo #left ul.col_left li a, #thingstodo #left ul.col_right li a{
	color:#2F3739;
	text-decoration:none;
	border-bottom:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	}
	
#thingstodo #left ul.col_left li a:hover, #thingstodo #left ul.col_right li a{
	color:#2F3739;
	text-decoration:none;
	border-bottom:none;
	}
	
#thingstodo #left ul.col_left img, #thingstodo #left ul.col_right img{
	margin:0 10px 0 0;
	float:left;
	}

/* Contact */

#formcontainer {
	width:600px;
	height:11em;
	font-size:1em;
	color:#555;
	font-family: Arial, Helvetica, sans-serif;
	padding:16px 0 4px 0;
}

.formColLeft {
	height:100%;
	display:block;
	float:left;
}

.formColRight {
	height:100%;
	display:block;
	float:left;
	padding:0 0 0 30px;
}

label {
	width:120px;
	font-size:12px;
	color:#666;
	padding:0;
	margin:0 0 0 0;
}

input.box {
	width:240px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	padding:5px 3px;
	border:1px solid #ccc;
	margin:2px 0;
}

textarea:hover, input:hover,
textarea:focus, input:focus {
	border:1px solid #666;
	}

input.button {
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	margin:4px 13px 0 0px;
	background:url(../graphics/bg_newslink.jpg) no-repeat top red;
	height:24px;
	width:83px;
	border:0;
	padding-bottom:2px;
}

input.button:hover {
	color:#000;
	cursor:pointer;
}

textarea {
	width:300px;
	height:10.0em;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	float:left;
	padding:3px;
	margin:2px 0;
	border:1px solid #ccc;
}
	
/* Album */

#album #left {
	width:476px;
	float:left;
	height:auto;
	}
		
#album #right {
	width:476px;
	float:right;
	height:auto;
	}
	
#album #main h2 {
	width:460px;
	}

#album #main h2 {
	color:#2F3739;
	font-size:22px;
	font-weight:normal;
	text-transform:uppercase;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:14px 0 8px 0;
	width:605px;
	border-bottom:1px solid #DFE6DD;
	margin-bottom:4px;
	}
	
#album #main h2:first-letter {
	font-size:28px;
	}
		
#album #main h3 {
	color:#2F3739;
	font-size:16px;
	font-weight:normal;
	text-transform:uppercase;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:5px 0 0 0;
	margin-bottom:4px;
	}
	
#album #main p {
	font-size:12px;
	color:#666;
	line-height:160%;
	padding:6px 0;
	}
	
#album #left p, #accessibility #right p {
	width:450px;
	}
	
#album ul.album {
	list-style-type:none;
	margin:0;
	padding:0;
	}
	
#album ul.album li {
	float:left;
	margin:0;
	padding:6px 14px 6px 0;
	}
	
#album ul.album li img {
	border:1px solid #DFE6DD;
	}
	
#album ul.album a {
	text-decoration:none;
	border:none;
	}
	
#album ul.album a:hover {
	text-decoration:none;
	border:none;
	}

noscript {
	font-size:12px;
	color:#ea0000;
	line-height:160%;
	padding:6px 0;
	}
	
/* Lightbox */	

#lightbox{	
		position: absolute;	
		left: 0; 
		width: 100%; 
		z-index: 100; 
		text-align: center; 
		line-height: 0;
		}
#lightbox img{ 
		width: auto; 
		height: auto;
		}
#lightbox a img{ 
		border: none; 
		}

#outerImageContainer{ 
		position: relative; 
		background-color: #fff; 
		width: 250px; 
		height: 250px; 
		margin: 0 auto; 
		}
#imageContainer{ 
		padding: 10px; 
		}

#loading{ 
		position: absolute; 
		top: 40%; 
		left: 0%; 
		height: 25%; 
		width: 100%; 
		text-align: center; 
		line-height: 0; 
		}
#hoverNav{ 
		position: absolute; 
		top: 0; 
		left: 0; 
		height: 100%; 
		width: 100%; 
		z-index: 10; 
		}
#imageContainer>#hoverNav{ 
		left: 0;
		}
#hoverNav a{ 
		outline: none;
		}

#prevLink, #nextLink{ 
		width: 49%; 
		height: 100%; 
		background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ 
		display: block; 
		}
#prevLink { 
		left: 0; 
		float: left;
		}
#nextLink { 
		right: 0;
		float: right;
		}
#prevLink:hover, #prevLink:visited:hover {
		 background: url(../graphics/prevlabel.gif) left 100% no-repeat; 
		 }
#nextLink:hover, #nextLink:visited:hover { 
		background: url(../graphics/nextlabel.gif) right 100% no-repeat; 
		}

#imageDataContainer{ 
		font: 10px Verdana, Helvetica, sans-serif; 
		background-color: #fff; 
		margin: 0 auto; 
		line-height: 1.4em; 
		overflow: auto; 
		width: 100%	; 
		}

#imageData{	
		padding:0 10px; color: #666; 
		}
#imageData #imageDetails{ 
		width: 70%; 
		float: left; 
		text-align: left; 
		}	
#imageData #caption{ 
		font-weight: bold;	
		}
#imageData #numberDisplay{ 
		display: block; 
		clear: left; 
		padding-bottom: 1.0em;	
		}			
#imageData #bottomNavClose{ 
		width: 66px; 
		float: right;  
		padding-bottom: 0.7em; 
		outline: none;
		}	 	

#overlay{ 
		position: absolute; 
		top: 0; 
		left: 0; 
		z-index: 90; 
		width: 100%; 
		height: 500px; 
		background-color: #000; 
		}

/***********************************************************
GLOBAL CLASSES
***********************************************************/

.hide {
	display:none;
	}
	
.clear {
	clear:both;
	}

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

.clearfix {
	display:inline-block;
}

* html .clearfix {
	height:1%;
}

.clearfix {
	display:block;
}