/***********************************************
Arundel Town Cottages CSS
***********************************************/

/* HTML Tags
***********************************************/
*{
	color:#FFF;
	font:1em "Tahoma" Arial, Helvetica, sans-serif;
	line-height:1.2em;
	margin:0;
	padding:0;
	border:none;
	text-align:left;
}
a{
	color:#FFFFFF;
}
	a:hover{
		color:#B3BDA5;
		text-decoration:none;
	}
strong{
	font-weight:bold;
	color:inherit;
}
em{
	font-style:italic;
}
p{
	font-size:1.2em;
	margin:0 20px 15px 0;
}
ul{
	margin-left:20px;
	margin-bottom:15px;
	font-size:1.2em;
}
li{
	margin-bottom:10px;
}
ol{
	margin-left:20px;
	margin-bottom:15px;
	font-size:1.2em;
}
h1{
}
h2{
	font-size:2.2em;
	clear:left;
	color:#FFFFFF;
	margin:0 0 15px;
}
.sIFR-hasFlash h2 {
	visibility: hidden;
}
h3{
	clear:left;
	font-size:1.4em;
	color:#FFFFFF;
	margin:0 0 10px;
	font-weight:bold;
	border-bottom:1px solid #D2D7BF;
	padding-bottom:6px;
}
h4{
	clear:left;
	font-size:1.2em;
	color:#FFFFFF;
	margin:0 0 15px;
	font-weight:bold;
	border-top:1px solid #D2D7BF;
	padding-top:15px;
}
h5{
	clear:left;
	font-size:1.4em;
	color:#FFFFFF;
	margin:0 0 15px;
	font-weight:bold;
}
html, body{
	text-align:center;
	width:100%;
}
body{
	font-size:62.5%;
	background:#9EAA96 url("../graphics/page_background.gif") repeat-x left top;
}
	
/* Structure
***********************************************/

#Container{
	color:#000;
	margin:0 auto;
	width:775px;
}

#Header{
	float:left;
	height:88px;
	width:775px;
	background:url("../graphics/header_background.jpg") no-repeat left top;
	border-bottom:1px solid #E6E8D9;
	position:relative;
}

#Header .RosetteLogo{
	position:absolute;
	left:699px;
	top:7px;
}

#Header h1 a{
	width:397px;
	height:0;
	padding:39px 0 0 0;
	margin:25px 0 0 150px;
	overflow:hidden;
	display:block;
	background:url("../graphics/arundel_town_cottages_logo.gif") no-repeat left top;
}

#ContentBody{
	background:url("../graphics/content_background.jpg") no-repeat left top;
	clear:both;
	margin-top:5px;
	float:left;
}

/* Inline Navigation
***********************************************/

#NavMenu ul{
	padding-left:0;
	margin-left:0;
	margin-bottom:0;
	background-color:#BAC29E;
	float:left;
	width:100%;
	border-bottom:5px solid #77866C;
}

#NavMenu ul li{
	display:inline;
}

#NavMenu ul li a{
	padding:0.5em 1em;
	background-color:#BAC29E;
	text-decoration:none;
	float:left;
	color:#3A4235;
	font-size:90%;
	text-transform:uppercase;
}

#NavMenu ul li a:hover{
	background-color:#BAC29E;
	color:#FFFFFF;
}

/* Active Header Links*/
#Home #NavMenu .Home,
#11BondStreet #NavMenu .11BondStreet,
#22BondStreet #NavMenu .22BondStreet,
#Arundel #NavMenu .Arundel,
#Availability #NavMenu .Availability,
#Contact #NavMenu .Contact,
#Links #NavMenu .Links{
	color:#FFFFFF;
	cursor:default;
}

/* Content
***********************************************/	

#HeaderPics img{
	float:left;
	border-right:1px solid #DCDECE;
}
	#HeaderPics img.last{
		border-right:none;
	}

.MapHomepage{
	float:right;
}

#ContentClear{
	clear:left;
}

* html #TextContent{
	width:487px;
	w\idth:467px;
}

#TextContent{
	width:467px;
	float:left;
	padding:20px 0 0 20px;
}

* html #TextContentFull{
	width:775px;
	w\idth:735px;
}

#TextContentFull{
	width:735px;
	float:left;
	padding:20px 20px 0 20px;
}

.ContentFloatLeft{
	float:left;
}

#HomeCottage11{
	background-color:#B3BDA5;
	width:226px;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}

#HomeCottage22{
	background-color:#D2D7BF;
	width:226px;
	float:left;
	margin-bottom:15px;
}
	#HomeCottage11 img, #HomeCottage22 img{
		float:left;
		margin-right:6px;
	}
	#HomeCottage11 h5, #HomeCottage22 h5{
		color:#3A4235;
		font-size:1.1em;
		clear:none;
		padding:10px 0 0;
		margin:0;
	}
	#HomeCottage11 .Moreinfo, #HomeCottage22 .Moreinfo{
		margin-top:4px;
	}
	#HomeCottage11 p, #HomeCottage22 p{
		color:#3A4235;
		font-size:1em;
		padding:0;
		margin:0;
	}
	#HomeCottage11 strong, #HomeCottage22 strong{
		color:#3A4235;
	}
	#HomeCottage11 a, #HomeCottage22 a{
		color:#3A4235;
	}
		#HomeCottage11 a:hover, #HomeCottage22 a:hover{
			color:#3A4235;
		}

a.Button{
	background-color:#BAC29E;
	padding:4px 5px;
	color:#3A4235;
	text-decoration:none;
}
	a.Button:hover{
		color:#FFFFFF;
	}

#LinksArundel{
	margin:0 0 0 18px;
	padding:0;
	list-style:none;
}
	#LinksArundel li{
		float:left;
	}
		#LinksArundel li a{
			display:block;
			text-align:center;
			margin:0 25px 0 0;
		}

#LinksArundel li a.linkWildlife{
	background:url("../graphics/icon_wildlife.gif") no-repeat 50% top;
	width:70px;
	padding-top:80px;
}
.linkCastle{
	background:url("../graphics/icon_castle.gif") no-repeat 50% top;
	width:100px;
	padding-top:80px;
}
.linkSussex{
	background:url("../graphics/icon_seaside.gif") no-repeat 50% top;
	width:110px;
	padding-top:80px;
}
.linkDowns{
	background:url("../graphics/icon_southdowns.gif") no-repeat 50% top;
	width:114px;
	padding-top:80px;
}
.linkMuseum{
	background:url("../graphics/icon_museum.gif") no-repeat 50% top;
	width:73px;
	padding-top:80px;
}
.linkPast{
	background:url("../graphics/icon_history.gif") no-repeat 50% top;
	width:100px;
	padding-top:80px;
	margin-right:0;
}


/* Footer
***********************************************/

#Footer{
	background:url("../graphics/footer_logos.gif") no-repeat right 50%;
	float:left;
	width:750px;
	padding:10px 0 8px 16px;
}

#Footer ul{
	padding-left:0;
	margin-left:0;
	margin-bottom:0;
	font-size:90%;
}

#Footer ul li{
	display:inline;
}

#Footer ul li a{
	padding:0 0.5em;
	float:left;
	color:#FFFFFF;
	border-right:1px solid #FFFFFF;
}

#Footer ul li a:hover{
	color:#B3BDA5;
}

#Footer ul li a.last{
	border-right:none;
}

#Footer p{
	font-size:1em;
	color:#FFFFFF;
	margin:0;
	padding:0 0.5em;
	clear:left;
}

/* Booking Calendar
***********************************************/

#CalendarKey{
}

#CalendarKey h5{
	float:left;
	padding-right:10px;
}

#CalendarKey p{
	float:left;
}

#CalendarKey img{
	float:left;
	margin-right:3px;
}

.Rates{
	width:280px;
	float:right;
	clear:right;
}

.Rates h5{
	margin-top:0px;
}

.Rates p{
	font-size:1em;
}

.Rates table{
	margin-bottom:10px;
	border:1px solid #BAC29E;
}

.Rates th{
	font-weight:bold;
	background-color:#ACB689;
	padding:3px;
}

.Rates td{
	background-color:#BAC29E;
	padding:3px;
}

.Rates .center{
	text-align:center;
}


/* Forms
***********************************************/


#EnquiryForm fieldset{
	width:330px;
	display:block;
	float:right;
	clear:left;
	margin:0;
	padding:0 10px 10px;
	border:1px solid #D2D7BF;
	}

#EnquiryForm legend{
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:10px;
	}
#EnquiryForm input,
#EnquiryForm textarea,
#EnquiryForm select{
	width:65%;
	float:left;
	border:1px solid #D2D7BF;
	padding:2px;
	margin-bottom:.6em;
	font-size:1.1em;
	color:#3A4235;
	}
#EnquiryForm select{
	width:66%;
	}

#EnquiryForm option{
	color:#3A4235;
	}
#EnquiryForm select{
	margin-bottom:10px;
	}
#EnquiryForm label{
	color:#FFF;
	font-size:1.1em;
	line-height:1.3em;
	width:30%;
	float:left;
	}
#EnquiryForm input{}

#EnquiryForm input:hover,
#EnquiryForm select:hover,
#EnquiryForm textarea:hover,
#EnquiryForm input:focus,
#EnquiryForm select:focus,
#EnquiryForm textarea:focus{
	background:#D2D7BF;
	}
#EnquiryForm input.Send{
	cursor:pointer;
	padding:0;
	width:auto;
	height:26px;
	border:none;
	margin-bottom:0
	}
#EnquiryForm .ErrorText{
	color:#FF0000;
	}
	
#BookingForm{
	clear:left;
}
	
#BookingForm fieldset{
	width:600px;
	display:block;
	float:left;
	clear:left;
	margin:0;
	padding:10px;
	border:1px solid #D2D7BF;
	}

#BookingForm legend{
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:4px;
	}
#BookingForm input,
#BookingForm textarea,
#BookingForm select{
	width:65%;
	float:left;
	border:1px solid #D2D7BF;
	padding:2px;
	margin-bottom:.6em;
	font-size:1.1em;
	color:#3A4235;
	}

#BookingForm select{
	width:66%;
	}

#BookingForm option{
	color:#3A4235;
	}
#BookingForm select{
	margin-bottom:10px;
	}
#BookingForm label{
	color:#FFF;
	font-size:1.2em;
	line-height:1.3em;
	width:30%;
	float:left;
	}
#BookingForm p label{
	font-size:1em;
	}
#BookingForm input{}

#BookingForm input:hover,
#BookingForm select:hover,
#BookingForm textarea:hover,
#BookingForm input:focus,
#BookingForm select:focus,
#BookingForm textarea:focus{
	background:#D2D7BF;
	}
#BookingForm input.Send{
	cursor:pointer;
	padding:0;
	width:auto;
	height:26px;
	border:none;
	margin-bottom:0
	}
#BookingForm .ErrorText{
	color:#FF0000;
	}
#BookingForm select.Day{
	width:16%;
	margin-right:3px;
}
#BookingForm select.Month{
	width:22%;
	margin-right:3px;
}
#BookingForm select.Year{
	width:22%;
}

#BookingForm .DateSelect{
	padding:10px 0 5px;
	border-top:1px solid #D2D7BF;
	border-bottom:1px solid #D2D7BF;
	margin-bottom:15px;
}
		

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* Clearfix */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}