/* Whitespace reset
---------------------------------------- */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {
	margin:1em 0;
	padding:0;
}
li, dd {
	margin-left:2.5em;
}

/* Body
---------------------------------------- */
body {
	margin:0;
	padding:26px 0;
	background:#E2D799 url(../img/gui/bg_body.gif) repeat 50% 0;
	font-family:verdana,sans-serif;
	font-size:70%;
	text-align:center;
	color:#695D1F;
}

/* Misc. Elements
---------------------------------------- */
hr {
	display:none;
}
blockquote {
	clear:both;
	margin:1.5em;
	padding:1px 1em;
	background:#FCFBF1 url(../img/gui/bg_main-content.gif) no-repeat 0 0;
	border-left:2px solid #E7DDA8;
	font-family:georgia;
	color:#958C5E;
	line-height:1.7;
}

abbr, acronym {
	cursor:help;
}

/* Headings
---------------------------------------- */
h1, h2, h3 {
	font-family:georgia;
}
h1, h2 {
	clear:both;
	margin:1.25em 0 .25em;
	font-size:183%;
	font-weight:normal;
}
h3 {
	clear:both;
	margin-top:1.25em;
	font-size:110%;
	font-weight:bold;
	color:#958C5E;
}

/* Images
---------------------------------------- */
img {
	background:#fff;
}
img.foto {
	margin:.5em 0;
	padding:4px;
	border:1px solid #DED18A;
}
/* CSS for thumbs (img width: 80px): */
img.left {
	float:left;
	margin:0 20px 10px 0;
}
.tabs img.left {
	margin-right:10px;
}
img.right {
	float:right;
	margin:0 0 10px 20px;
}
.tabs img.right {
	margin-left:10px;
}
img.row_end, .tabs img.row_end {
	margin-left:0;
	margin-right:0;
}

/* Image rates
---------------------------------------- */
a img.foto {
	border-color:#79B00B;
}
a:visited img.foto {
	border-color:#90D10D;
}
a:hover img.foto, a img.current {
	padding:1px;
	border-width:4px;
}
a img.current {
	cursor:default;
}

/* Links
---------------------------------------- */
a {
	color:#649309;
}
a:visited {
	color:#79B00B;
}
a:hover {
	text-decoration:none;
}
a.arrow {
	padding-left:8px;
	background:url(../img/gui/arrow_right.gif) no-repeat 0 55%;
	font-weight:bold;
}

/* Forms
---------------------------------------- */
.textfield {
	width:250px;
}
.checkbox {
	vertical-align:middle;
}
textarea {
	width:306px;
}
select {
	font-family:verdana,sans-serif;
}
p.row label {
	float:left;
	margin:0;
	width:110px;
}
p.row input {
	float:right;
	width:190px;
}
p.row span.alert {
	clear:both;
	float:right;
	padding-left:0;
	padding-right:15px;
	background-position:100% 50%;
}
span.alert {
	display:block;
}

/* Page structure (wrapper, header, nav, content, footer)
---------------------------------------- */
#wrap {
	margin:0 auto;
	width:760px;
	background:#FCFBF1 url(../img/gui/paper_middle.gif) repeat-y 50% 160px;
	text-align:left;
}

#header {
	padding:40px 40px 0;
	background:url(../img/gui/paper_top.gif) no-repeat 50% 0;
}
#header p#title {
	margin:0;
	background:url(../img/gui/title_1.gif) no-repeat 0 0;
	text-indent:-9999px;
}
#header p#title strong {
	display:block;
	height:120px;
	background:url(../img/gui/title_2.jpg) no-repeat 100% 0;
}

#nav {
	margin:0;
	padding:0;
	list-style:none;
}
#nav li {
	float:left;
	margin:0;
	padding:3px 0;
}
#nav li a {
	display:block;
	padding:.6em 0;
	background:none;
	border:none;
	font-family:georgia;
	font-size:110%;
	text-decoration:none;
	text-align:center;
	color:#695D1F;
}
#nav_home a { width:80px; }
#nav_rooms a { width:80px; }
#nav_house a { width:80px; }
#nav_location a { width:80px; }
#nav_activities a { width:85px; }
#nav_rates a { width:80px; }
#nav_photos a { width:80px; }
#nav_contact a { width:80px; }
#nav li a:hover {
	text-decoration:underline;
	color:#958C5E;
}
#page_home #nav_home a,
#page_house #nav_house a,
#page_rooms #nav_rooms a,
#page_location #nav_location a,
#page_activities #nav_activities a,
#page_rates #nav_rates a,
#page_photos #nav_photos a,
#page_contact #nav_contact a {
	background:url(../img/gui/arrow_up.gif) no-repeat 50% 100%;
	text-decoration:none;
	color:#958C5E;
	cursor:default;
}

#content {
	margin:0 40px;
	border-top:1px solid #D2C060;
	line-height:1.5;
}
#main-content {
	float:left;
	padding:0 30px 10px 0;
	width:310px;
	background:url(../img/gui/bg_main-content.gif) no-repeat 0 0;
	border-top:2px solid #E7DDA8;
}
#sub-content {
	float:right;
	padding:0 15px 10px;
	/* this width hides white lines on sides, originallt 310px */
	width:308px;
	min-height:200px;
	background:#F1ECCD url(../img/gui/bg_sub-content.jpg) no-repeat 0 0;
	border-top:2px solid #DED18A;
	border-bottom:1px solid #E7DDA8;
}
.doublecolumn {
	width:155px; /* used for creating double columns in content area */
}

#footer {
	clear:both;
	margin-bottom:-1px;	/* hide 1px rounding error */
	padding:20px 40px 30px;
	background:url(../img/gui/paper_bottom.gif) no-repeat 50% 100%;
	text-align:center;
	color:#958C5E;
}
#footer p {
	margin-bottom:0;
	line-height:1.5;
}

/* Tabs
---------------------------------------- */
ul.tabs {
	margin-bottom:0;
	background:url(../img/gui/dot_d2c060.gif) repeat-x 0 100%;
	list-style:none;
	line-height:1;
}
ul.tabs li {
	margin:0;
}
ul.tabs li a {
	float:left;
	margin:0 0 1px 0;
	padding:8px 10px;
	background:#F1ECCD;
	border:1px solid #D2C060;
	border-width:1px 1px 0 0;
}
ul.tabs li.first a {
	border-left-width:1px;
}
ul.tabs li a:hover {
	background:#FCFBF1;
}
ul.tabs li.current a {
	margin-bottom:0;
	padding-bottom:9px;
	background:#FCFBF1;
	text-decoration:none;
	cursor:default;
}
div.tabs {
	margin-bottom:1em;
	padding:10px 9px 2px 10px;
	background:#F1ECCD url(../img/gui/gradient1.gif) repeat-x 0 0;
	border-left:1px solid #D2C060;
}
ul.spaced li {
	margin-bottom:1em;
}

/* Guestbook
---------------------------------------- */
ul.guestbook {
	border-top:2px solid #E7DDA8;
	list-style:none;
}
ul.guestbook li {
	margin:0;
	padding:1em 0;
	border-bottom:2px solid #E7DDA8;
}
ul.guestbook em {
	color:#958C5E;
	font-style:normal;
}

/* Links
---------------------------------------- */
ul.rates {
	
}
ul.rates li {
	margin-bottom:2em;
}
ul.rates li p, ul.rates li h3 {
	margin:.5em 0;
}

/* Misc. classes
---------------------------------------- */
.clearfix:after {
	content:'.'; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.skip {
	position:absolute;
	top:0;
	left:-9999px;
	font-size:small;
}
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}
.center {
	text-align:center;
}
.alert {
	padding-left:15px;
	background:url(../img/gui/alert.gif) no-repeat 0 50%;
	color:#950B1B;
}
.detail {
	color:#958C5E;
}