/*
Estate 141
Main Style

=Structure

	Generic
	Frame
	Header
		Logo
		Navigation
		Service Nav
	Content
		Forms
		CMS Images
		Main Content 
		Secondary Content 
			Secondary Nav
			Accomodation / Register Form
			Opening Times
		Search 
		Accomodation Area
	Footer
	Misc


Author : Rob Wright @ Oyster
------------------------------------------------

*/

body {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	margin:0px;
	padding:0px;
	background:#3f3f3f; 
}

p {	line-height: 1.7em;}
p, li {	font-size:1.1em; }

a { color:#bf0000;  text-decoration:none;}
a:hover {color:#5f8db4; }

img {border:none; }

 h2, h3, h3, p, ul, ol, dl {	
 	color:#3f3f3f;
}


/* Frame
------------------------------------------------
*/

#frame {
	width:865px;
	background:url(../images/layout/frame_background.png)  repeat-y;
	margin:40px auto 40px;
	padding:0px;
	clear:both;
}

/* Header
------------------------------------------------
*/


#header {
	background:url(../images/layout/header-background.png) no-repeat;
	padding-top:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	clear:both;
	height:252px;
	margin:0px 0px 10px;
}

#header  h1, #header #logo{
	margin:0px;
	padding:0px;
	width:212px;
	position:absolute;
	top:106px;
	left:2px;
	height:63px;
}

#header h1 strong{ 	display:none;	}

#header ul {
	list-style:none;
	margin:0px;
	padding:0px;
}


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


#header #navigation, #header #header_image {	margin:10px 0px 0px 236px;}
#header ul#navigation {	width:588px;}
#navigation li { float:left;margin:0px 1px 0px 0px;	padding:0px;}
#navigation li.last_item {	margin:0px;}

#navigation li a {
	display:block;
	text-transform:lowercase;
	background:#bf0000;
	color:#FFF;
	padding:5px 13px 5px 12px;
	font-size:1.2em;
}

#navigation li a:hover, #navigation li#current_area a {	background:#3f3f3f; }


/* Service Nav ---------------------------------*/

#service_nav { position:absolute; width:155px;	margin:0px;	padding:0px;	top:220px;	left:28px; }

#service_nav  a{ display:block;	color:#8C8C8C; padding:6px 10px; margin:0px 0px 4px; text-align:right;	height:auto; font-size:1.1em;	border:1px solid #B2B2B2; }
#service_nav  a:hover, #service_nav #current_area a{ color:#FFF; background:#666666; }

/* Quick Links ---------------------------------*/


#quick_links { 
	width:74px;
	position:absolute;
	left:75px;
	top:340px;
}

#quick_links ul li { margin:0px 0px 3px; }

#quick_links ul li a {
	background:url(../images/layout/quick_links.png) no-repeat;
	color:#FFF;
	width:74px;
	display:block;
	height:42px;
}

#quick_links ul li a:hover{	color:#1A1A1A;}

#quick_links ul li a span{ padding-top:13px; display:block;  	text-align:center;}


#quick_links ul li a strong{
	font-size:2.3em;
	display:block;
	padding:3px 0px 0px 8px;
	position:relative;
}

#quick_links ul li a strong span{
	font-size:11px;
	position:absolute;
	padding:0px;
	left:29px;
	top:10px;
	font-weight:normal;
}

/* Content
------------------------------------------------
*/

#content {
	width:588px;
	clear:both;
	margin:10px 0px 10px 236px;
	border-top:1px dotted #c5c5c5;
	min-height:500px;
	position:relative;
}

/* Content Clear Fix */

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

* html>body #frame #content {
	display: inline-block; 
	width: 100%;
}

* html #frame #content{
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}

#content h1, #content h2, #content h3{
	font-family: "Trebuchet MS", Arial, sans-serif;
	margin:20px 5px 5px;
	font-weight:normal;
}

#content h1{	font-size:2.2em;}

#content h2{ 	font-size:2.0em;}

#content h2 + p, #content h3 + p{ 	margin-top:0px; } 

#content h3{  font-size:1.6em; }

#content p{ margin:15px 5px; } 

#content li { margin-bottom:8px; }

/* Forms  ----------------------------------*/

#content form p   {	position:relative; margin-bottom:15px; }

#content form p label span{
	font-size:0.7em;
	position:absolute;
	right:10px;
	top:5px;
	text-transform:uppercase;
}

#content p label input, #content p label textarea, #content p select {
	border:1px solid #cecece;
	font-size:10px;
	display:block;
	width:355px;
	padding:5px;	
	background:#F9F9F9;
	margin-top:6px;
}

#content p select { width:360px; }



#content fieldset {
	width:355px;
	margin:15px 8px 25px;
	border:1px solid  #CCCCCC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 8px;
}

#content fieldset legend{ 
	color:#B91515;
	font-size:0.9em;
	text-transform:uppercase;
	background:#FFF;
	padding:0px 5px;
	font-weight:bold;
}

#content fieldset p select{ width:340px;}
#content fieldset p input { width:330px; }

/* CMS Images ----------------------------------*/

.content_image {
	float:right;
	margin:0px 0px 10px 30px;
	clear:right;
	display:inline;
}


/*  Main / Secondary Content (Two Column Layout)--- */


/* --- Main Content --- */

#content #main_content { float: left; width:395px; }

#content #main_content h2, #content #main_content p {	
	margin-left:10px; 
	margin-right:10px; 
}

/* --- Secondary Content --- */

#secondary_content {	
	float: right;  
	display:inline;
	width:173px;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 9px;	
	text-align:right;
	border-left:1px dotted #c5c5c5;
}

#secondary_content h2 { margin-top:0px; }
#secondary_content p {	margin:15px 5px; }

#secondary_content  label { 
	font-size:10px; 	
	text-transform:lowercase; 
	text-align: left; 
	display:block;
}

#secondary_content  p label input {  width:154px; }

#secondary_content  p select{	
	width:164px; 
	text-transform:lowercase; 
	padding-right:5px;
}

/* Secondary Nav */

#secondary_nav {
	list-style:none;
	text-align:left;
	margin:20px 0px 30px 10px;
	padding-left:0px;
}

#secondary_nav li{ border-bottom:1px solid #EAEAEA; padding:0px 0px 5px 15px; }
#secondary_nav a{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; }
#secondary_nav a:hover { color:#B41010; }
#current_page a {  color:#B41010;}
#current_page { background:url(../images/layout/sub-nav-background.png) no-repeat 0px 3px; }

/* Accomodation */

#secondary_content #accomodation{
 	width:162px;
	height:103px;
	margin:0px 0px 30px;
	padding:5px;
	background:url(../images/layout/latest-accomodation.jpg) no-repeat;
	color:#FFF;
	font-size:1.7em;
}

#secondary_content #accomodation strong{ 
	display:block;
	font-size:1.7em;
}

#register_form { margin-top:20px; position:relative; }

#register_form a {	
	position: absolute; 
	bottom:8px; 
	left:5px; 
	font-size:10px;   
	text-transform:lowercase;
}

/* Opening Times */

#opening_times {
	border:1px dotted #c5c5c5;
	padding:0px 5px;
	margin:30px 0px 0px 5px;
	text-align:center;
}

#opening_times h3 {
	font-size:1.3em;
	margin:5px; 
	color:#c2170e; 
}

#opening_times dl { 
	margin:0px; padding:0px;
	text-align:right;
	height:120px;
	color: #999999;
}

#opening_times dl dd, #opening_times dl dt { 
	width:70px; 
	float:left;
	margin:0px;
	padding:0px;
}

#opening_times dl dt { font-weight:bold; }

#opening_times dl dd {
	text-align:left;
	width:60px;
	margin:0px 0px 3px 20px;
}


/* Content Search Form ---------------------------------- */


#content #search {
	background:#e6e6e6;
	margin:10px 0px 0px;
	padding:7px 0px 5px 5px;
	height:100px;
	width:390x;
}

#content  #search p{
	margin:2px 10px 5px 0px;
	padding:0px;
	display:inline;
	width:184px;
	float:left;	
	height:26px;
	text-align:right;	
}

#content  #search #property_search_button { background:none;}

#content  #search p select{
	text-transform:lowercase;
	padding:3px;
	margin:0px;
	height:26px;
	width:178px;
	background:#F3F3F3;
}



/* Accomodation Areas Listing ------------------------- */


#content #accomodation_areas {
	text-align:right;
	clear:both;
	border-top:1px solid #E6E6E6;
	border-bottom:1px solid #E6E6E6;
	margin-top:20px;
	float:left;
	width:588px;
	padding:5px 0px 15px;
}

#content #accomodation_areas h3 {
	text-transform:lowercase;
	font-style:italic;
}

#content #accomodation_areas ul{
	list-style:none;
	margin:10px 0px;
	width:auto;
} 

#content #accomodation_areas ul li{
	display:inline; 
	float:right; 
	margin:2px; 
}

#content #accomodation_areas ul li a{ 
	display:block; 
	color: #333333;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
}

#content #accomodation_areas ul li a:hover{  color:#c2170e; }


/* Footer
------------------------------------------------
*/

#footer {
	background:#3F3F3F url(../images/layout/footer-background.png) no-repeat;
	padding-top:30px;
	position:relative;
	text-align:right;
}

#footer ul{
	list-style:none;
	margin:10px 40px 0px;
	padding:0px;

}

#footer ul li {
	display:inline;
}

#footer ul li a{
	padding:0px 0px 0px 10px;
	color:#CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform: lowercase;
}

#footer ul li a:hover{ color:#FFF; }


/*  Misc 
------------------------------------------------
*/


.error {
	background:#FFF0F2;
	border:1px solid #F99BA5;
	padding:5px;
}


#frame #content a.pdf{	display:block; font-size:1.1em; background: url(../images/layout/pdf-icon.gif) no-repeat left top; padding: 2px 0px 3px 28px ;}

#frame #content  a.doc{	display:block; font-size:1.1em; background: url(../images/layout/word-icon.gif) no-repeat left top; padding: 2px 0px 3px 28px; }

#frame #content  a.xls{	display:block; font-size:1.1em; background: url(../images/layout/xls-icon.gif) no-repeat left top; padding: 2px 0px 5px 28px ;}

#frame #content a.img {	display:block; font-size:1.1em; background: url(../images/layout/jpg-icon.gif) no-repeat left top; padding: 2px 0px 5px 28px; }

#frame #content a.ppt {	display:block; font-size:1.1em; background: url(../images/layout/powerpoint-icon.gif) no-repeat left top; padding: 2px 0px 5px 28px; }

#frame #content a.ppt span, #frame #content a.img span, #frame #content  a.xls span, #frame #content  a.doc span, #frame #content a.pdf span{
	display:block;
	font-size:0.9em;
}