/* © Copyright 2009 Jeremy Van Dam.  All Rights Reserved. www.jeremyvandam.com */

@import url(normal.css);

body {
	background:#dbd7cd url(../images/all/decor_trim.jpg) no-repeat top center;
}

#wrapper {	/*surrounds header, and main content*/
	margin:0 auto;
	position:relative;
	width:900px;
}

#header {
	height:110px;
	position:relative;
}

span#top-line {
	color:#583739;
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:bold;
	position:absolute;
	right:0;
	top:5px;
}

a#logo {
	background:transparent url(../images/all/jlstation_logo.gif) no-repeat;
	display:block;
	height:51px;
	left:0;
	position:absolute;
	text-indent:-9999px;
	top:30px;
	width:273px;
}



/*NAVIGATION*/
div#nav {
	position:absolute;
	right:0;
	top:50px;
}

div#nav li {
	display:inline;
}

div#nav a {
	display:block;
	float:left;
	margin-left:5px;
	text-indent:-9999px;
	height:34px;
}

a#rooms {
	background:url(../images/nav/rates.gif);
	width:131px;
}

a#rooms:hover {
	background:url(../images/nav/rates_over.gif);
}

a#reservations {
	background:url(../images/nav/reservations.gif);
	width:198px;
}

a#reservations:hover {
	background:url(../images/nav/reservations_over.gif);
}

a#links {
	background:url(../images/nav/links.gif);
	width:156px;
}

a#links:hover {
	background:url(../images/nav/links_over.gif);
}

a#photos {
	background:url(../images/nav/photos.gif);
	width:77px;
}

a#photos:hover {
	background:url(../images/nav/photos_over.gif);
}



/*BANNER*/
div#banner {
	background-color:#633;
	height:371px;
	margin-bottom:30px;
}



/*ALL CONTENT*/
a {
	color:#7a6538;
}

h1 {
	color:#583739;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	line-height:1.5em;
	margin-bottom:15px;
}

h3 {
	color:#583739;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	line-height:1.5em;
	margin-bottom:10px;
}

strong {
	font-weight:bold;
}

.clear-both {
	clear:both;
}

p.fancy {
	color:#504f4b;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	line-height:1.5em;
}

div.left-narrow {
	float:left;
	width:280px;
}

div.bordered {
	background-color:#e8e6e0;
	border:solid #c6c3ba 5px;
	padding:20px;
	width:230px;
}

div.right-wide {
	float:right;
	width:590px;
}

div.left-wide {
	float:left;
	width:590px;
}

div.right-narrow {
	float:right;
	width:280px;
}

div.right-wide p {
	color:#504f4b;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	line-height:1.5em;
	margin-bottom:15px;
}

div.right-wide ul {
	color:#504f4b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:1.8em;
	list-style:disc;
	margin-bottom:15px;
	margin-left:15px;
}

div.left-narrow ul {
	color:#504f4b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.2em;
	list-style:disc;
	margin-bottom:15px;
	margin-left:15px;
}

div.right-wide td {
	border-bottom:solid #B4B3AF 1px;
	color:#504f4b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:1.8em;
	padding:5px 0 5px 0;
}

div.left-narrow p {
	color:#504f4b;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	line-height:1.5em;
	margin-bottom:15px;
}

img.img-standard {
	margin-bottom:15px;
}

img.img-banner {
	margin-bottom:20px;
}



/*HOME*/
div#welcome {
	background-color:#f2f0ea;
	border:solid #c6c3ba 5px;
	color:#504f4b;
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	line-height:1.5em;
	padding:20px;
	width:540px;
}

div#attractions {
	float:right;
	width:280px;
}

div#attractions p {
	color:#504f4b;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	line-height:1.5em;
	margin-bottom:15px;
}



/*ROOMS*/
div.room {
	background-color:#e8e6e0;
	border:solid #c6c3ba 5px;
	margin-bottom:20px;
	padding:20px;
}

div.room-image {
	float:left;
	width:300px;
}

img.room-thumb {
	cursor:pointer;
}

div.room-details {
	color:#504f4b;
	float:right;
	width:530px;
}

div.room-details p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:1.5em;
	margin-bottom:15px;
}



/*CONTACT*/
div#contact-form label {
	color:#504f4b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:1.5em;
}

div#contact-form .inputfield, div#contact-form .input-textarea {
	border:solid #c2beb6 2px;
	background-color:#F8F8F8;
	margin-bottom:10px;
	padding:3px;
}

div#reservation-section {
	background-color:#e8e6e0;
	margin:20px 0;
	padding:20px;
}

span#fielderror {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#C00;
	padding:5px;
}

div#thankyou {
	background-color:#e8e6e0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:20px 0;
	padding:20px;
}

div#error {
	background-color:#e8e6e0;
	color:#C00;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:20px 0;
	padding:20px;
}

a#send-button {
	cursor:pointer;
}



/*PHOTOS*/
div#thumbs {
	background-color:#e8e6e0;
	border:solid #c6c3ba 5px;
	margin-bottom:20px;
	padding:20px;
}

div#thumbs img {
	border:solid #fff 3px;
	margin:6px;
}



/*FOOTER*/
div#footer-wrapper {
	background:#716f6a url(../images/bg/footer-top.gif) repeat-x top;
	clear:both;
	/*padding-top:35px;*/
}

div#footer {
	color:#d1cec8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.7em;
	margin:0 auto;
	padding:40px 0 50px;
	width:900px;
}

div#footer a {
	color:#D3C7A9;
	text-decoration:none;
}

div#footer a:hover {
	border-bottom:dotted #c5b38b 1px;
}

div#footer ul {
	float:right;
}

div#footer ul li {
	border-right:solid #d1cec8 1px;
	display:inline;
	margin-right:5px;
	padding-right:5px;
}

div#footer ul .last {
	border:none;
	margin:0;
	padding:0;
}