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

Version:	1.0 May 09
Author:		Grafik/Fabric-Eight	
-----------------------------------------------*/

/*
===== CONTENTS =====

	last-updated: 2 July 2009;

	1: universal reset 
	2: html and body
	3: typography
	4: layout
	5: navigation
	6: images
	7: forms
	8: tables

====================
*/

/*
===== 1: universal reset =====
*/

*
{
	/* set the fonts to a uniform size and zero all margins and padding */
	font-size: 100%;
	margin: 0;
	padding: 0;
	/* font-family: "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif; */
	font-family: helvetica, arial, sans-serif;
}

* ul, * li { list-style: none; }

/*
===== 2: html and body =====
*/

body { background: #ded8b6 url(../images/bgGrad.jpg) repeat-x top; }

/*
===== 3: typography =====
*/
a:link, a:visited 
{
	color: #696233;
	font-weight: bold;
	text-decoration: underline;
} 

a:hover, a:active 
{
	text-decoration: none;
}

a#readMore
{
	display: block;
	text-indent: -9999px;
	background: transparent url(../images/readMore.png) no-repeat;
	width: 204px;
	height: 32px;
	margin-top: 20px;
}

a.more
{
	display: block;
	font-size: .8em;
	margin-top: 10px;
	color: #393518;
}

p
{
	font-size: .8em;
	line-height: 1.5em;
	margin-top: 10px;
	color: #393518;
}

p.underline{
	border-bottom: 1px solid;
	padding-bottom: 5px;
	margin-top: 15px;
}

#intro p, #testimonial p{ 
	color: #393518; 
	width: 200px;
	margin: 10px 20px;
	text-indent: 20px;
}

#intro p{
	width: inherit;
	margin: 20px 0;
	text-indent: 0;
}

#testimonial p em
{
	color: #fff;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.1em;
	line-height: 1.2em;
}

#testimonial p#signOff{
	background: transparent url(../images/testimonialBGr.png) no-repeat bottom;
	padding: 0 20px 20px;
	width: 200px;
	margin: 10px 0 0;
	text-indent: 0;
}
p.date {
	color: #696233;
	font-size: .7em;
	font-weight: bold;
}

h1
{
	width: 800px;
	height: 160px;
	margin: 0 auto;
	background: transparent url(../images/logo.jpg) no-repeat center;
	text-indent: -9999px;
}

#footer p
{
	text-align: center;
	margin-top: 5px;
	color: #696233;
	font-size: .7em;
}

#about #content h2, #news #content h2, #accommodation #content h2, #functions #content h2, #weddings #content h2, #contact #content h2, #mansion #content h2, #courtyard #content h2
{
	width: 100%;
	height: 90px;
	text-indent: -9999px;
	background: transparent url(../images/aboutHeader.png) no-repeat;
}

#news #content h2 { background: transparent url(../images/newsHeader.png) no-repeat; }
#accommodation #content h2 { background: transparent url(../images/accommodationHeader.png) no-repeat; }
#functions #content h2 { background: transparent url(../images/functionsHeader.png) no-repeat; }
#weddings #content h2 { background: transparent url(../images/weddingsHeader.png) no-repeat; }
#contact #content h2 { background: transparent url(../images/contactHeader.png) no-repeat; }
#mansion #content h2 { background: transparent url(../images/mansionHeader.png) no-repeat; }
#courtyard #content h2 { background: transparent url(../images/courtyardHeader.png) no-repeat; }

#intro h3
{
	background: transparent url(../images/introHeader.png) no-repeat;
	text-indent: -9999px;
	width: 255px;
	height: 95px;
	position: absolute;
	top: 40px;
	left: -25px;
	z-index: 2;
}

#ribbon h3
{
	text-indent: -9999px;
	background: transparent url(../images/ribbon.png) no-repeat top left;
	height: 87px;
	z-index: 2;
}

h4
{
	text-indent: -9999px;
	height: 55px;
	margin-bottom: 10px;
}

h4#stay
{
	background: transparent url(../images/stay.png) no-repeat;
	width: 205px;
}

h4#weddings
{
	background: transparent url(../images/weddings.png) no-repeat;
	width: 230px;
}

h4#courtyard, h4#mansion
{
	background: transparent url(../images/courtyard.png) no-repeat;
	width: 282px;
	height: 59px;
	margin-top: 50px;
}

h4#mansion
{
	background: transparent url(../images/mansion.png) no-repeat;
}

h5
{
	color: #393518;
	margin-top: 30px;
}

#contact h5{
	clear: left;
}

#functions #content ul li, #accommodation #content ul li{
	font-size: .8em;
	color: #393518;
	margin: 3px 0 0;
	list-style: disc inside;
}

#accommodation ul#roomNav{
	margin-bottom: 25px;
}

/*
===== 4: layout =====
*/

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

.clear { clear: both; }

#wrapper
{
	margin: 0 auto;
	padding: 0 10px 0 0;
	background: transparent url(../images/rhsShadow.png) right 0 repeat-y;
	width: 790px;
	position: relative;
}

#wrapperInternal
{
	background: #fff;
	padding: 20px 0 30px;
	width: 780px;
	margin-left: 10px;
}

#slideshow {
	background-color: aqua;
	width: 500px;
	height: 330px;
	background: none;
	clear: left;
	display: inline;
	float: left;
	margin-left: 20px;
	/*padding-left: 20px;*/
	display: inline;
	z-index: 1;
}

#intro
{
	width: 200px;
	padding: 140px 20px 20px;
	float: left;
	display: inline;
	background: transparent url(../images/introBG.jpg) no-repeat;
	height: 170px;
	position: relative;
	margin-left: 0;
}

#ribbon
{
	background: transparent;
	position: absolute;
	top: 400px;
	width: 805px;
}

#stayPanel { clear: left; }

#stayPanel, #weddingPanel, #testimonial
{
	width: 220px;
	float: left;
	display: inline;
	padding: 20px;
	margin-top: 80px;
}

#about #testimonial, #news #testimonial, #accommodation #testimonial, #functions #testimonial, #weddings #testimonial, #contact #testimonial, #courtyard #testimonial, #mansion #testimonial
{
	margin-top: 80px;
	background: transparent url(../images/testimonialBGr.png) no-repeat top;
	padding-top: 45px;
}

#testimonial
{
	background: transparent url(../images/testimonialBGr.png) no-repeat 0 -8px;
	width: 240px;
	padding: 40px 0 0;
}

body#contact #testimonial
{
	background: none;
	width: 240px;
	padding: 0;
}

#facebook {
	padding-top: 20px;
}

#weddingPanel{ 
	background: transparent url(../images/weddingBG.jpg) no-repeat top left; }

#content
{
	width: 460px;
	float: left;
	display: inline;
	margin: 0 20px 20px 20px;
	padding: 0 10px;
}

#footer
{
	width: 800px;
	margin: 0 auto 60px;
	padding-top: 20px;
	background: transparent url(../images/btmShadow.png) 11px top no-repeat;
}

/*
===== 5: navigation =====
*/

body#home ul li#homeNav a { background: transparent url(../images/homeNav.png) no-repeat bottom; }
body#about ul li#aboutNav a { background: transparent url(../images/aboutNav.png) no-repeat bottom; }
body#news ul li#newsNav a { background: transparent url(../images/newsNav.png) no-repeat bottom; }
body#accommodation ul li#accommodationNav a, body#mansion ul li#accommodationNav a, body#courtyard ul li#accommodationNav a { background: transparent url(../images/accommodationNav.png) no-repeat bottom; }
body#functions ul li#functionsNav a { background: transparent url(../images/functionsNav.png) no-repeat bottom; }
body#weddings ul li#weddingsNav a { background: transparent url(../images/weddingsNav.png) no-repeat bottom; }
body#contact ul li#contactNav a { background: transparent url(../images/contactNav.png) no-repeat bottom; }

#primaryNav
{
	width: 740px;
	height: 40px;
	margin: 0 0 10px 20px;
	background: #ccc48d;
}

#primaryNav li { 
	float: left;
	display: inline;
	}

#primaryNav li a
{
	text-indent: -9999px;
	display: block;
	height: 40px;
}

ul#primaryNav li#homeNav a
{
	background: transparent url(../images/homeNav.png) no-repeat top;
	width: 71px;
}

ul#primaryNav li#aboutNav a
{
	background: transparent url(../images/aboutNav.png) no-repeat top;
	width: 106px;
}

ul#primaryNav li#newsNav a
{
	background: transparent url(../images/newsNav.png) no-repeat top;
	width: 71px;
}

ul#primaryNav li#accommodationNav a
{
	background: transparent url(../images/accommodationNav.png) no-repeat top;
	width: 165px;
}

ul#primaryNav li#functionsNav a
{
	background: transparent url(../images/functionsNav.png) no-repeat top;
	width: 119px;
}

ul#primaryNav li#weddingsNav a
{
	background: transparent url(../images/weddingsNav.png) no-repeat top;
	width: 104px;
}

ul#primaryNav li#contactNav a
{
	background: transparent url(../images/contactNav.png) no-repeat top;
	width: 104px;
}

ul#primaryNav li#homeNav a:hover { background: transparent url(../images/homeNav.png) no-repeat bottom; }
ul#primaryNav li#aboutNav a:hover { background: transparent url(../images/aboutNav.png) no-repeat bottom; }
ul#primaryNav li#newsNav a:hover { background: transparent url(../images/newsNav.png) no-repeat bottom; }
ul#primaryNav li#accommodationNav a:hover { background: transparent url(../images/accommodationNav.png) no-repeat bottom; }
ul#primaryNav li#functionsNav a:hover { background: transparent url(../images/functionsNav.png) no-repeat bottom; }
ul#primaryNav li#weddingsNav a:hover { background: transparent url(../images/weddingsNav.png) no-repeat bottom; }
ul#primaryNav li#contactNav a:hover { background: transparent url(../images/contactNav.png) no-repeat bottom; }

.skiplink
{
	position: absolute;
	left: -1000px;
	width: 990px;
	font-size: 1px;
	line-height: 1;
}

#secondaryNav
{
	font-size: .7em;
	margin: 0 auto;
	text-align: center;
}

#secondaryNav li
{
	margin-right: 5px;
	display: inline;
}

#secondaryNav li a { display: inline; }

.navMarker:after
{
	content: "|";
	margin-left: 10px;
	color: #696233;
}

#footer a { color: #696233; }

#accommodation a.acc {
	color: #393518;	
}

#mansion a.more, #courtyard a.more{
	margin-top: 20px;
}


/*
===== 6: images =====
*/

div#content img {
	clear: right;
	float: right;
	padding: 5px;
	border: 1px solid #cbc38c;
	margin: 5px 0 10px 20px;	
}

.right{
	float: right;
	padding: 5px;
	border: 1px solid #cbc38c;
	margin: 20px 0 20px 20px;
}

.left{
	float: left;
	margin: 20px 20px 20px 0;
}



/*
===== 7: forms =====
*/

label {
	display: block;
	width: 110px;
	margin: 20px 20px 10px 0;
	float: left;
	clear: left;
	color: #393518;
	font-size: .8em;
}

input {
	display: block;	
	float: left;
	margin: 20px 0 10px;
}
input, textarea {
	font-size: 12px;
	width: 280px;
}
input#button {
	width: 120px;
}