/* Ladywell Retreat CSS */

/* 
+++++++++++++++++++++++++++++
COLOURS:

Purple			: #8E77A3
Light Purple	: #C6B8D3
Green			: #A1B96F
Light Green		: #E8EDD8

+++++++++++++++++++++++++++++
*/

/*
Defaults
-----------------------------------*/

*{
margin				:0;
padding				:0;
}

html,body{
height				:100%;
font-family			:Arial, Helvetica, sans-serif;
color				:#666;
background-color	:#E0E0E0;
font-size			:100.01% !important;
text-align:center;
}

/*
Basic text styles
-----------------------------------*/

a,a:visited,a:link{
color				:#8E77A3;
text-decoration		:none;
}

a:hover{
color				:#A1B96F;
}

h1{ /* Serif heading in green box */
font-family			:Georgia, "Times New Roman", Times, serif;
font-weight			:normal;
font-size			:25px;
color				:#FFF;
}

.panel h1{
position			:absolute;
left				:0;
bottom				:0;
padding				:0.6em 0.5em;
}

.home h1{
display				:none;
}

h2,h3,h4,h5{ /* Green heading beneath masthead */
font-weight			:normal;
font-size			:1.3em; /* About 22px */
color				:#A1B96F;
padding				:0.7em 0;
}

#header h2{
padding				:0;
}

h3{
font-size			:0.8em;
}

h4{
font-size			:0.7em;
}

h5{
font-size			:0.9em;
}

p{
font-size			:0.8em; /* About 13px (13/16) */
margin-bottom		:1.25em; /* About 20px */
line-height			:130%;
}

/*
Helper classes
-----------------------------------*/

.green{
color				:#A1B96F;
}

.floatLeft{
float				:left;
}

.floatRight{
float				:right;
}

.floatFix{
float				:none;
line-height			:0;
height				:0;
clear				:both;
}

/*
Main structural styles 
- in order of appearance in DOM
-----------------------------------*/

/* WRAPPER
- centered container for all content
*/

#wrapper{
width				:988px;
/*height				:auto !important; 
min-height			:100%;*/
margin				:0 auto;
position			:relative;
background			:#FFF;
text-align			:left;
}

/* HEADER
- contains logo and nav
*/

#header{
width				:100%;
min-height			:80px;
position			:relative;
}

	#logo{
	margin				:8px 15px;
	}
	
	/* NAV
	- container for navigation
	*/
	
	#nav{
	position			:absolute;
	bottom				:15px;
	right				:15px;
	text-transform		:uppercase;
	}
	
	#nav *{position:relative;z-index:99;}
	
		/* NAV UL
		- menu styling
		*/
		
		#nav ul{
		list-style			:none;
		list-style-type		:none;
		}
		
		#nav ul li{
		float				:left;
		position			:relative;
		background			:#FFF;
		padding				:0 0.65em; /* About 10px */
		font-size			:0.8em; /* About 12px */
		border-right		: 1px solid #CCC;
		}
		
		#nav ul li ul{
		position			:absolute;
		left				:0;
		top					:100%;
		background			:#E8EDD8;
		z-index				:999;
		display				:none;
		}
		
		#nav ul li ul li{
		float				:none;
		white-space			:nowrap;
		font-weight			:bold;
		font-size			:0.75em;
		padding				:0.75em;
		background			:#E8EDD8;
		border-bottom		:1px solid #FFF;
		border-right		:none;
		min-width			:100px;
		}
		
		#nav ul li.last ul{
		right				:0;
		left				:auto;
		}
		
		#nav .last{
		border				:none;
		}
		
		#nav ul li:hover ul{
		/*display				:block;*/
		}
		
	/* <-- END NAV */
	
/* <-- END HEADER */

/* MASTHEAD
- contains images and <h1>
*/

#masthead{
width				:100%;
height				:299px;
position			:relative;
overflow			:hidden;
z-index				:1 !important;
z-index				:-999;
}

#masthead.home{
height				:386px;
}

	.panel{
	float				:right;
	height				:100%;
	background			:#A1B96F;
	position			:relative;
	width				:279px;
	display				:block;
	z-index				:2 !important;
	z-index				:-998;
	overflow			:hidden;
	}
	
		.panel ul.features{
		list-style				:none;
		list-style-type			:none;
		font-family				:Georgia, "Times New Roman", Times, serif;
		font-weight				:normal;
		font-size				:22px;
		color					:#FFF;
		padding-top				:40px;			
		}
		
			ul.features li{
			padding					:15px 25px;	
			}
	
	.panel.narrowPane{
	width				:278px;
	border-right		:2px solid #FFF;
	}
	
	.panel.widePane{
	width				:427px;
	border-right		:2px solid #FFF;
	}
	
	.panel.fullPane{
	width				:709px;
	border				:none;
	}
	
	.panel .infoBox{
	position			:absolute;
	bottom				:0;
	left				:0;
	padding				:5% 5% 5% 8%;
	width				:90%;
	_width				:100%;
	background			:#C6B8D3;
	font-size			:0.8em;
	font-weight			:bold;
	}
		.infoBox a, .infoBox a:visited, .infoBox a:link{
		color				:#FFF;
		}
		
		.infoBox a:hover{
		color				:#8E77A3;
		}

/* <-- END MASTHEAD */

/* CONTENT
- main text region
*/

#content{
padding					:20px;
}

	/* .LEFT
	- main left column, can contain sub-columns (.column)
	*/
	
	.left{
	float					:left;
	width					:660px;
	padding-bottom			:15px;
	}
	
		.column{
		float					:left;
		width					:310px;
		margin-right			:20px;
		}
		
		.left ul{
		padding					:5px 20px;
		list-style-position		:outside;
		font-size				:0.8em;
		color					:#8E77A3;
		font-weight:bold;
		}
	
	/* <-- END .LEFT */
	
	.right{
	float					:right;
	width					:245px;
	}
	
		ul.sideMenu{
		list-style				:none;
		list-style-type			:none;
		}
		
		ul.sideMenu li{
		list-style				:none;
		list-style-type			:none;
		}
		
	/* <-- END .RIGHT */
	
	ul.sideMenu li a, ul.sideMenu li a:link, ul.sideMenu li a:active
	a.arrow,a.arrow:visited,a.arrow:link{
	background-color		:#E3E3E3;
	display					:block;
	overflow				:hidden;
	white-space				:nowrap;
	width					:80%;
	_width					:100%;
	height					:19px;
	_height					:49px;
	padding					:15px 10%;
	line-height				:20px;
	color					:#666;
	font-size				:16px;
	font-family				:Georgia, "Times New Roman", Times, serif;
	background-image		:url(/images/arrow_bg.gif);
	background-repeat		:no-repeat;
	background-position		:top right;
	margin					:13px 0;
	}
	
	ul.sideMenu li a:hover, a.arrow:hover{
	color					:#999999;
	background-color		:#DDD;
	}
	
	/* EVENTS TABLE */
	
	table.events{
	width					:100%;
	border					:none;
	border-style			:none;
	font-size				:0.9em;
	}
	
	table.events tr th{
	text-align				:left;
	background-color		:#8E77A3;
	color					:#FFF;
	padding					:5px;
	}
	
	table.events tr th.aside{
	font-size:12px;
	font-weight:normal;
	color:#EEE;
	white-space:nowrap;
	padding-right:10px;
	}
	
	table.events tr td{
	padding					:5px;
	font-size				:0.8em;
	border					:none;
	margin					:0;
	border-top				:1px solid #FFF;
	}
	
	table.events tr.odd td{
	background-color		:#DDD;
	}
	
	table.events tr.even td{
	background-color		:#EEE;
	}
	
	table.events tr.comments td{
	border-top				:1px dotted #FFF;
	font-style				:italic;
	}
	
	table.events td.date{
	white-space				:nowrap;
	}
	
	table.events td.cost{
	text-align:center;
	}
	
	/* BOOKINGS FORM TABLE */
	
	div.bookingForm table{
	width:210px;
	}
		
	div.bookingForm table td{
	white-space				:normal;
	padding					:2px;
	font-size				:0.8em;
	}
	
	.textBox, textarea{
	border					:1px solid #DDD;
	font-family				:Arial, Helvetica, sans-serif;
	color					:#666666;
	width					:180px;
	font-size				:13px;
	padding					:2px;
	}
	
	
/* <-- END CONTENT */

/* FOOTER
- footer
*/

#footer{
margin					:0 20px 20px 20px;
border-top				:1px solid #8E77A3;
font-size				:0.8em;
padding-top				:0.8em;
}

	#footer a{
	color					:#A1B96F;
	}
	
	#footer a:hover{
	color					:#CCC;
	}
	
	#footer .floatRight{
		text-align			: right;
	}

/* <-- END FOOTER */