/* 
==============================================================================
Created for:	Kateland Manor Estate.
Date: 			Oct '06.
Created by: 	greenskin Media.
				www.greenskinmedia.com
==============================================================================
*/





/************ default styles **************/

* {	padding: 0; margin: 0;}

p {	padding: 0 0 15px 0; 
	font-size: 1.2em;
	}

.hide {display: none;}

ul, #sidebar .list {padding: 0 0 20px 10px;}

li, #sidebar .list li { 
	background: url(../images/li.gif) no-repeat 0 7px; 
	list-style: none; 
	padding: 0 0 0 0;
	}

#sidebar li {background: none;}



/** index page **/

#sidebarHome li {background: none;}



/************ body style *******************/

body  {
	color: #7f7e7e; 
	font: 11px/1.9em "Century Gothic", Arial, Verdana, sans-serif;
	background:  #959595 url(../images/grey.jpg) repeat-x; 
	text-align: center;
	}


#shade {background: url(../images/bgroundGold.jpg) repeat-y; z-index: 10}


/***************** body *******************/

body {
	width: 670px;
	margin: 0 auto;
	}
	
#wrap {
	width: 670px;
	padding: 0px 0px 20px 0px;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #000;
	border-top: none;
	float: left;
	text-align: left;
	}
	
	
	
/** index page **/
	
#headerFlash {
	background: #999 url(../flash/flashBanner.swf) no-repeat 50% 80%; 
	margin: 0;
	width: 100%; 
	height: 260px; 
	margin-top: 61px;	
	border: solid 0px #fff;
	}
	
.flash {position: relative; top: 85px; left: 30px; font-size: 13px;}
	
#nameHome {
	position: relative;
	top: -310px;
	height: 45px;
	width: 300px;
	margin-left: 27px;
	clear: both;
	background: url("../images/kmeFont2.jpg") no-repeat;
	}
	
#pageHome {
	float: left;
	width: 425px;
	padding: 0 0 0 30px;
	margin-top: -69px;}
	
#sidebarHome {
	float: right;
	width: 176px;
	border-right: 1px dotted #ccc;
	padding: 0px 0px 0px 0px;
	color: #ff9900;
	height: 500px;
	margin-top: -69px;
	}

#sidebarHome .logo img {margin-left: -9px !important;}	
#sidebarHome .logo a {border-bottom: 0 !important;}
#sidebarHome .logo a:hover {border: 0 !important; background: transparent !important;}
	
#special {
	border-top: #eee 0.1em solid; 
	border-bottom: #eee 0.1em solid; 
	font-size: 22px; 
	padding-top: 8px; 
	padding-bottom: 6px;
	}

#noline a {border-bottom: #fff !important;}



/** other pages **/

#name {
	position: relative;
	top: -50px;
	height: 45px;
	width: 300px;
	margin-left: 27px;
	clear: both;
	background: url("../images/kmeFont2.jpg") no-repeat;
	}
	
#spacerA {
	padding: 0px 0 0 10px; 
	}

#page {
	float: left;
	width: 425px;
	padding: 0 0 0 30px;
	}
	
#sidebar {
	float: right;
	width: 176px;
	border-right: 1px dotted #ccc;
	padding: 0px 0px 0px 0px;
	color: #ff9900;
	height: 500px;
	font: 11px/1.7em "Century Gothic", Arial, Verdana, sans-serif;
	}
	
#sidebar .logo img {margin-left: -9px !important;}
#sidebar .logo a {border-bottom: 0 !important;}
#sidebar .logo a:hover {border: 0 !important; background: transparent !important;}

.lightB {color: #b2a25a;}



/**************** headers *******************/
	
#headerAbout {
	background: #999 url(../images/fountain2.2.jpg) no-repeat 50% 80%; 
	margin: 0;
	width: 100%; 
	height: 260px; 
	margin-top: 61px;	
	border: solid 0px #fff;
	}
	
#headerAccommodation {
	background: #999 url(../images/loungeFire.jpg) no-repeat 50% 80%; 
	margin: 0;
	width: 100%; 
	height: 260px; 
	margin-top: 61px;	
	border: solid 0px #fff;
	}
	
#headerFacilities {
	background: #999 url(../images/surroundings.jpg) no-repeat 50% 80%; 
	margin: 0;
	width: 100%; 
	height: 260px; 
	margin-top: 61px;	
	border: solid 0px #fff;
	}
	
#headerGallery {
	background: #999 url(../images/gallery.jpg) no-repeat 50% 80%; 
	margin: 0;
	width: 100%; 
	height: 260px; 
	margin-top: 61px;	
	border: solid 0px #fff;
	}
	
#headerLocation {
	background: #999 url(../images/location.jpg) no-repeat 50% 80%; 
	margin: 0;
	width: 100%; 
	height: 260px; 
	margin-top: 61px;	
	border: solid 0px #fff;
	}
	
#headerBooking {
	background: #999 url(../images/typewritter.jpg) no-repeat 50% 80%; 
	margin: 0;
	width: 100%; 
	height: 260px; 
	margin-top: 61px;	
	border: solid 0px #fff;
	}
	
#headerContact {
	background: #999 url(../images/commway.jpg) no-repeat 50% 80%; 
	margin: 0;
	width: 100%; 
	height: 260px; 
	margin-top: 61px;	
	border: solid 0px #fff;
	}
	
#headerSitemap {
	background: #999 url(../images/dining.jpg) no-repeat 50% 80%; 
	margin: 0;
	width: 100%; 
	height: 260px; 
	margin-top: 61px;	
	border: solid 0px #fff;
	}
	
#headerPrivacy {
	background: #999 url(../images/lounge.jpg) no-repeat 50% 80%; 
	margin: 0;
	width: 100%; 
	height: 260px; 
	margin-top: 61px;	
	border: solid 0px #fff;
	}
	
#headerDisclaimer {
	background: #999 url(../images/flower.jpg) no-repeat 50% 80%; 
	margin: 0;
	width: 100%; 
	height: 260px; 
	margin-top: 61px;	
	border: solid 0px #fff;
	}
	
#headerDesigner {
	background: #999 url(../images/designer.jpg) no-repeat 50% 80%; 
	margin: 0;
	width: 100%; 
	height: 260px; 
	margin-top: 61px;	
	border: solid 0px #fff;
	}
	
#headerThankyou {
	background: #999 url(../images/commway.jpg) no-repeat 50% 80%; 
	margin: 0;
	width: 100%; 
	height: 260px; 
	margin-top: 61px;	
	border: solid 0px #fff;
	}
	
	
	
/**************** headings *******************/

h1 {
	font: 360% Arial;
	font-weight: bold;
	padding: 40px 0 0 30px;
	color: #333;}
	
h2 {
	font-weight: bold;
	line-height: 1.3em;
	font-size: 170%;
	font-weight: bold;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	color: #988344;;
	font-family: Arial;
	}
	
h3  {
	background: url(../images/images/square.jpg) no-repeat 0 50%; 
	color: #666; 
	line-height: 1em;
	letter-spacing: 0.1px; 
	padding: 0 0 0 20px;
	}

h4 {color: #ffffff;}

		

/***************** navigation ********************/

ul#nav {
	width: 710px;
	line-height: 30px;											/*the height of header nav*/
	background: transparent;
	/*border: 1px solid #333;*/
	margin: 166px 0 40px 0;										/*margin undrer header nav*/	
	padding: 0 0 0 20px;										/*padding squaring off header nav*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em; 											/*header nav font size*/	
	font-weight: bold;
	}
	
ul#nav li {	
	list-style: none;
	display: inline;
	background: none;
	padding: 0;
	}
	
ul#nav li a {
	padding: 14px 11px;	 										/*header nav bar size*/	
	text-decoration: none;
	color: #fff;
	background: none;
	}
	
ul#nav li a.f {/*border-left: 1px solid #333;*/}

ul#nav li a:hover {background: #988344;}
ul#nav li a:vistied {background: none; color: none;}

.address {color: #999;}


/***************** sub navigation ********************/
/** index page **/

#subNavigationHome {
	font-size: 1.0em; 
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	visibility: visible; 
	position: relative; 
	z-index: 10; 
	top: -360px; 
	left: 477px; 
	width: 300px; 
	height: 24px;
	}

#subNavigationHome li {display: inline; padding-right: 6px;}

#subNavigationHome a {color: #988344; text-decoration: none;}

#subNavigationHome a:hover {color: #fff; background-color: #988344;}
#subNavigationHome ul li a#menu1 {background-color: #988344; color: #fff;}



/** other pages **/

#subNavigation {
	font-size: 1.0em; 
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	visibility: visible; 
	position: relative; 
	z-index: 10; 
	top: -100px; 
	left: 477px; 
	width: 300px; 
	height: 24px;
	}

#subNavigation li {display: inline; padding-right: 6px;}

#subNavigation a {color: #988344; text-decoration: none;}

#subNavigation a:hover {color: #fff; background-color: #988344;}
#subNavigation ul li a#menu1 {background-color: #988344; color: #fff;}



/*************** sidebar navigation *****************/
/** index page **/

#sidebarHome ul {
	padding-left: 0;
	font-size: 1.4em;
	font-weight: bold;
	}
	
#sidebarHome a:link {
	display: block;
	width: 167px;
	padding: 6px 0 6px 10px;
	border-bottom: dotted;
	border-bottom-width: 0.1em;
	border-bottom-color: #ccc;
	}
	
#sidebarHome a:visited {background-color: #fff;}

#sidebarHome a:hover {color: #fff; background: #988344;}
#sidebarHome ul li a#menu1 {background-color: #988344; color: #fff;}



/** other pages **/

#sidebar ul {
	padding-left: 0;
	font-size: 1.4em;
	font-weight: bold;
	}
	
#sidebar a:link {
	display: block;
	width: 167px;
	padding: 6px 0 6px 10px;
	border-bottom: dotted;
	border-bottom-width: 0.1em;
	border-bottom-color: #ccc;
	}
	
#sidebar a:visited {background-color: #fff;}

#sidebar a:hover {color: #fff; background: #988344;}
#sidebar ul li a#menu1 {background-color: #988344; color: #fff;}

.moveEmail {text-decoration: none; border-bottom: 0px; border-bottom-width: 0px}


	
/************ links **************/
/** index page **/

#pageHome a:link, #pageHome a:visited {border-bottom: 1px dotted #000; background-color: #eee;}

#pageHome a:hover {border-bottom: none; color: #666; background-color: #ccc}
	
#pageHome h2 a:link, #pageHome h2 a:visited {
	background: #fff;
	color: #666;
	border-bottom: none;
	}
	
#pageHome h2 a:hover {
	background: #fff;
	color: #988344;
	}



/** other pages **/

a:link, a:visited {
	text-decoration: none;
	color: #988344;
	background: #fff;
	}
	
#page a:link, #page a:visited {border-bottom: 1px dotted #000; background-color: #eee;}

#page a:hover {border-bottom: none; color: #666; background-color: #ccc}
	
a:hover {
	color: #fff;
	background: #B4AC9B;
	}
	
#page h2 a:link, #page h2 a:visited {
	background: #fff;
	color: #666;
	border-bottom: none;
	}
	
#page h2 a:hover {
	background: #fff;
	color: #988344;
	}



/*************** images ******************/
/** index page **/

#pageHome .image a:link, a:visited {border-bottom: transparent; background-color: transparent;}



/** other pages **/

#page .image a:link, a:visited {border-bottom: transparent; background-color: transparent;}

#image a {border-bottom: none;}
#image a:hover {border-bottom: none;}
.border {padding: 1px; border: 4px solid #eee; margin-right: -1px;}
a:hover .border {border-color: #b9a97b;}



/*************** footer ******************/

#footer {
	background: #000 url(../images/footer_bground.jpg) repeat-x 100% 0; 
	color: #ccc;
	margin: 0 auto; 
	padding: 20px; 
	width: 630px; 
	clear: both; 
	border-style: none solid; 
	border-width: medium 1px; 
	border-color:  #000; 
	text-align: left; 
	font-size: 0.9em;
	}

#footer a {
	color: #888;
	background: none;}
	
#footer a:hover {color: #FF9900;}

.spacerA {padding-left: 10px;}
.spacerB {padding-left: 257px;}									

.studio {font-weight: bold; color: #ffffff;}
.studio a:hover {color: #FF9900;}



/************ contact form *******************/	  

input {width: 12%;}

textarea {width: 50%;}

input, textarea {
	padding: 1px 3px;
	margin: 3px 0;
	font: 1em verdana, arial, sans-serif;
	color: #eee;
	background-color: #b2a25a;
	border: 1px solid #999;
	}

input:hover, input:focus, textarea:hover, textarea:focus {
	color: #fff;
	background-color: #c5b781;
	border: 1px solid #eee;
	}

.contact {width: 60%;}
.message {width: 60%; height: 15%;}
.light {color: #b2a25a; padding-left: 4px}

.temperature {width: 40%;}
blockquote {margin-left: 35px; margin-bottom: -10px; padding-top: 10px; border-left: #222 2px solid; padding-left: 25px; font-size: 11px;}