@charset "UTF-8";
/* CSS Document */
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #623C27;
	background-image: url(../sitepix/structural/background1.png);
	text-align: center;
}
.textbox{
padding:3px;
border:1px solid #ccc;
color:#666666;
width:230px;
}

p {
	font-size: 12px;
	color: #FFF;
	line-height: 1.4em;
	margin-top: 0;
}

h1 {
	color: #1E0002;
	font-size: 24px;
	font-weight: lighter;
	margin-top: 40px;
	line-height: 1em;
}

.padLeft {

	display: none;		
}

.noPad {

   color: #FFFFFF;	
}

h2 {
	color: #1E0002;
	font-size: 14px;
	font-weight: lighter;
	margin-bottom: 0;
	line-height: 1em;
}

h2.opening {
	
	font-size: 24px;
	margin-top: 15px;
}

img {
	border: none;
}

a {
	font-size: 12px;
	color: #1E0002;
}

.brown {
	color: #1E0002;
}
.brownbold {
	color: #1E0002;
	font-weight:bold;

}

.brownbold a{
	color: #1E0002;
	font-weight:bold;
}

.brownbold a:hover {
	color: #1E0002;
	font-weight:bold;
	text-decoration:underline;

}


a:hover {
	font-size: 12px;
	color: #FFF;
}

#site-holder {
	width: 760px;
	margin: 0px auto 40px auto;
	background-color: #FFF;
	overflow: hidden;
}

#main-holder {
	width: 730px;
	margin: 15px;
	background-image: url(../sitepix/structural/background2.png);
	 background-color: #261C01;
	 float: left;
	 display: inline;
}

#nav-holder {
	position: relative;
	width: 730px;
	height: 250px;
	float: left;
}

#address {
	position: absolute;
	top: 30px;
	left: 20px;
	font-size: 12px;
	color: #FFF;
	text-align: left;
}

#address a {
	color: #FFF;
}

#address a:hover {
	text-decoration: underline;
}

#nav {
	position: absolute;
	right: 0;
	top: 30px;
	margin: 0;
	padding: 0;
}

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

#nav ul li {
	margin: 0;
	padding: 0;
}

#nav ul li a {
	text-decoration: none;
	width: 180px;
	height: 18px;
	line-height: 18px;
	display:block !important; 
	display:inline-block;
	margin: 0;
	padding: 0;
	color: #FFF;
	font-size: 11px;
	
}

#submenu {
	position:absolute;
	right: 188px;
	margin-top: 48px;
}

#submenu ul {
	margin: 0;
	padding: 0;
}

#submenu ul li {
	margin: 0;
	padding: 0;
	display: inline;
}

#submenu ul li a {
	line-height: 18px;
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}



#submenu li a:hover {
	color: #9E5E41;
}


#nav-holder #nav ul li a:hover {
	background-position: 0 -20px;
}

#body-home #nav-holder #nav ul li a#home, #body-rooms #nav-holder #nav ul li a#rooms, #body-breakfast  #nav-holder #nav ul li a#breakfast, #body-gift #nav-holder #nav ul li a#gift, #body-gift #nav-holder #nav ul li a#gift, #body-golf #nav-holder #nav ul li a#golf, #body-local #nav-holder #nav ul li a#local, #body-guest #nav-holder #nav ul li a#guest, #body-location #nav-holder #nav ul li a#location, #body-gallery #nav-holder #nav ul li a#gallery, #body-faq #nav-holder #nav ul li a#faq, #body-book #nav-holder #nav ul li a#book  {
	background-position: 0 -40px;
}

#nav-holder #nav ul li a#home {
	background-image: url(../sitepix/navigation/home.gif);
	background-repeat: no-repeat;
}

#nav-holder #nav ul li a#rooms {
	background-image: url(../sitepix/navigation/rooms.gif);
	background-repeat: no-repeat;
}

#nav-holder #nav ul li a#breakfast {
	background-image: url(../sitepix/navigation/breakfast.gif);
	background-repeat: no-repeat;
}

#nav-holder #nav ul li a#gift {
	background-image: url(../sitepix/navigation/gift.gif);
	background-repeat: no-repeat;
}

#nav-holder #nav ul li a#golf {
	background-image: url(../sitepix/navigation/golf.gif);
	background-repeat: no-repeat;
}

#nav-holder #nav ul li a#local {
	background-image: url(../sitepix/navigation/local.gif);
	background-repeat: no-repeat;
}

#nav-holder #nav ul li a#guest {
	background-image: url(../sitepix/navigation/guest.gif);
	background-repeat: no-repeat;
}

#nav-holder #nav ul li a#location {
	background-image: url(../sitepix/navigation/location.gif);
	background-repeat: no-repeat;
}

#nav-holder #nav ul li a#gallery {
	background-image: url(../sitepix/navigation/gallery.gif);
	background-repeat: no-repeat;
}


#nav-holder #nav ul li a#faq {
	background-image: url(../sitepix/navigation/faq.gif);
	background-repeat: no-repeat;
}

#nav-holder #nav ul li a#book {
	background-image: url(../sitepix/navigation/book.gif);
	background-repeat: no-repeat;
}

#header {
	float: left;
	position: relative;
	width: 730px;
	height: 145px;
	background-color: #261C01;
}

#header img {
	position: absolute;
	top: 70px;
	right: 20px;
	border: none;
}

#left-image {
	float: left;
	width: 350px;
}

#text-info {
	background-color: #B27251;
	text-align: left;
	float: left;
	width: 340px;
	padding: 0 15px;
}

#text-info-full {
	background-color: #B27251;
	text-align: left;
	float: left;
	width: 700px;
	padding: 0 15px;
}


/* needed for IE to make :active state work first time */
a, a:visited {color:#fff;} 

/* common styling for all galleries */
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #FFF; width:50px; height:75px; float:left; margin:4px; z-index:50;}
a.slidea {background:url(../sitepix/gallery/thumb2.jpg);}
a.slideb {background:url(../sitepix/gallery/thumb3.jpg);}
a.slidec {background:url(../sitepix/gallery/thumb4.jpg);}
a.slided {background:url(../sitepix/gallery/thumb5.jpg);}
a.slidee {background:url(../sitepix/gallery/thumb6.jpg);}
a.slidef {background:url(../sitepix/gallery/thumb7.jpg);}
a.slideg {background:url(../sitepix/gallery/thumb8.jpg);}
a.slideh {background:url(../sitepix/gallery/thumb9.jpg);}
a.slidei {background:url(../sitepix/gallery/thumb10.jpg);}
a.slidej {background:url(../sitepix/gallery/thumb11.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}

a.slidea em {background:url(../sitepix/gallery/picture2.jpg) no-repeat;}
a.slideb em {background:url(../sitepix/gallery/picture3.jpg) no-repeat;}
a.slidec em {background:url(../sitepix/gallery/picture4.jpg) no-repeat;}
a.slided em {background:url(../sitepix/gallery/picture5.jpg) no-repeat;}
a.slidee em {background:url(../sitepix/gallery/picture6.jpg) no-repeat;}
a.slidef em {background:url(../sitepix/gallery/picture7.jpg) no-repeat;}
a.slideg em {background:url(../sitepix/gallery/picture8.jpg) no-repeat;}
a.slideh em {background:url(../sitepix/gallery/picture9.jpg) no-repeat;}
a.slidei em {background:url(../sitepix/gallery/picture10.jpg) no-repeat;}
a.slidej em {background:url(../sitepix/gallery/picture11.jpg) no-repeat;}

/* styling for RIGHT gallery */
#container_right {float: left; position:relative; width:580px; height:525px; background-image: url(../sitepix/structural/gallery-bg.gif); background-repeat: repeat-y; }
#container_right img {border:0;}
#container_right .thumbs {width:190px; position:absolute; right:0; top:0; padding: 0 25px; text-align: left;}
#container_right .thumbs h2 {
	color: #1E0002;
	font-size: 24px;
	font-weight: lighter;
	margin-top: 40px;
	line-height: 1em;
}
#container_right a.gallery:hover span {display:block; position:absolute; width:350px; height:525px; top:265px; left:-340px; padding:5px; font-style:italic; color:#fff;  z-index:100;}
#container_right a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_right a.gallery:active, #container_right a.gallery:focus {border:1px solid #000;}
#container_right a.gallery:active em, #container_right a.gallery:focus em {display:block; position:absolute; width:350px; height:525px; top:0; left:-340px; color:#000; padding:0; z-index:50;}
#container_right h1 {clear:both; float: left; margin:0; padding: 0; width:350px; text-align:left; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#B27251;}
#container_right h1 em {font-size:0.6em; color:#000;}

#footer {
	border-bottom: solid 1px #FFF;
	border-top: solid 1px #FFF;
	background-color: #261C01;
	width: 730px;
	height: 30px;
	float: left;
	margin-bottom: 40px;
}

#footer ul {
	margin: 0;
	padding: 0;
}

#footer ul li {
	display: inline;
	margin: 0;
	padding: 0;
}

#footer ul li a {
	display: inline;
	margin: 0;
	padding: 2px 5px;
	line-height: 30px;
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
}

#footer ul li a:hover {
	background-color: #B27251;
}