/* generic redefinitions */

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}

h3 {
	font-family: "times new roman", serif;
	text-transform: lowercase;
	font-size: 1.6em;
	line-height: 1em;
	margin-bottom: 0.5em;
	padding-bottom: 1px;
	width: 100%;
}
h5, strong {
	font-size: 1.2em;
	font-family: "times new roman", serif;
	font-weight: bold;
}
dfn {
}

p {
	margin: 0.5em 0em;
}
input {
	border: 1px solid #817C73;
	font-size: 100%;
	padding: 0px 4px;
}
input#mailinglist-submit {
	cursor: pointer;
}
input#mailinglist-name {
	width: 70px;
}
input#mailinglist-email {
	width: 80px;
}
img.paragraph {
	float: left;
	margin: 0 1em 1em 0;
}
body {
	color: #211e17;
	font-size: 68%;
	line-height: 1.5em;
	font-family: arial, sans-serif;
	text-align: center;
}
#rightcontent h3 {
	margin-top: 1em;
	border-bottom: 1px dashed #211317;
	font-size: 1.8em;
	font-weight: normal;
}
#rightcolumn h4 {
	font-size: 1em;
	padding-left: 4em;
}
#rightcontent ul {
	list-style-type: none;
	padding: 0em 3em 0em 6em;
}
#rightcontent ul.gallery {
	list-style-type: none;
	padding: 0;
}

#rightcontent li {
	clear: both;
	padding: 1em 0em 0em 0em;
}
#rightcontent ul.gallery li {
	float: left;
	clear: none;
	padding: 0;
}
#rightcontent ul.gallery li a img {
	float: left;
	display: inline;
	padding: 5px;
	margin: 5px;
	background-color: transparent;

}
#rightcontent ul.gallery li a:hover img {
	float: left;
	display: inline;
	padding: 5px;
	margin: 5px;
	background-color: #fff;
}

#rightcontent li img {
	float: left;
	clear: both;
	margin-right: 1em;
}
#rightcontent div.section {
	margin-bottom: 2em;
}

@media screen {
	html {
		overflow: hidden;
	}
	body {
		height: 100%;
		width: 100%;
		overflow: hidden;
		background: #817C73 url(../i/background.jpg) no-repeat center center fixed;
	}

	body.menu {
		background: #817C73 url(../i/background-menu.jpg) no-repeat center center fixed;
	}
	body.about {
		background: #817C73 url(../i/background-about.jpg) no-repeat center center fixed;
	}
	body.privatedining {
		background: #817C73 url(../i/background-privatedining.jpg) no-repeat center center fixed;
	}
	body.reserve {
		background: #817C73 url(../i/background-reserve.jpg) no-repeat center center fixed;
	}

	a {
		color: #fff;
		font-weight: bold;
		text-decoration: none;
	}
	a:hover {
		cursor: pointer;
		color: #211e17;
	}

	/* page layout */
	#container, #splash {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 900px;
		height: 560px;
		margin-left: -450px;
		margin-top: -280px;
	}
	#leftcolumn {
		float: left;
		width: 344px;
		height: 540px;
	}
	#leftcontent {
		width: 304px;
		height: 185px;
		top: 335px;
		left: 0px;
		position: absolute;
		padding: 0px 20px;
		text-align: left;
	}
	#leftcontent ul {
		margin-top: 10px;
		list-style-type: none;
	}
	#leftcontent li {
		margin-bottom: 1em;
		padding-bottom: 1em;
		border-bottom: 1px dashed #211e17;
	}
	#homelink {
		position: absolute;
		top: 270px;
		left: 0px;
		height: 25px;
		width: 341px;
	}
	#homelink img {
		height: 25px;
		width: 341px;
	}
	#menu {
		overflow: hidden;
		width: 210px;
		height: 30px;
		position: absolute;
		top: 300px;
		left: 0px;
		padding: 0px 15px;
		line-height: 15px;
	}
	#rightcolumn {
		float: left;
		width: 556px;
		height: 540px;
	}

	div.low {
		width: 556px;
		height: 250px;
		padding: 290px 0px 0px 0px;
		overflow: hidden;
	}
	div.footered {
		width: 496px;
		height: 498px;
		padding: 4px 30px 30px 30px;
		text-align: left;
		overflow-y: auto;
		overflow-x: hidden;
	}
	div.normal {
		width: 496px;
		height: 524px;
		padding: 6px 30px 30px 30px;
		text-align: left;
		overflow-y: auto;
		overflow-x: hidden;
	}


	#rightfooter {
		height: 10px;
		padding: 8px 30px 10px 16px;
	}


	#footer {
		font-weight: bold;
		font-size: 90%;
		position: fixed;
		bottom: 0px;
		left: 0px;
		color: #fff;
		background: #000;
		height: 20px;
		margin: 0 auto;
		width: 100%;
	}
	#footer a:hover {
		background-color: #fff;
	}
	
	
	/* page layout - short page */


	#container.short {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 900px;
		height: 420px;
		margin-left: -450px;
		margin-top: -200px;
	}
	#container.short #leftcolumn {
		float: left;
		width: 344px;
		height: 400px;
	}
	#container.short #leftcontent {
		width: 304px;
		height: 145px;
		top: 255px;
		left: 0px;
		position: absolute;
		padding: 0px 20px;
		text-align: left;
	}

	#container.short #homelink {
		position: absolute;
		top: 190px;
		left: 0px;
		height: 25px;
		width: 341px;
	}

	#container.short #menu {
		overflow: hidden;
		width: 210px;
		height: 30px;
		position: absolute;
		top: 220px;
		left: 0px;
		padding: 0px 15px;
		line-height: 15px;
	}
	#container.short #rightcolumn {
		float: left;
		width: 556px;
		height: 400px;
	}

	#container.short div.low {
		width: 556px;
		height: 250px;
		padding: 210px 0px 0px 0px;
		overflow: hidden;
	}
	#container.short div.footered {
		width: 476px;
		height: 358px;
		padding: 4px 40px 30px 40px;
		text-align: left;
		overflow-y: auto;
		overflow-x: hidden;
	}
	#container.short div.normal {
		width: 476px;
		height: 384px;
		padding: 6px 40px 30px 40px;
		text-align: left;
		overflow-y: auto;
		overflow-x: hidden;
	}


	/* menu buttons */

	a.menubutton, a.menubutton-active {

		display: block;
		float: left;
		background-repeat: no-repeat;
		height: 10px;
		overflow: hidden;
		margin: 0px 4px;
	}

	a.menubutton-active {
		background-position: 0px -20px;
	}

	/* text buttons */

	a.textbutton {
		height: 14px;
		border: 1px solid #817C73;
		padding: 1px 4px;
	}
	a.textbutton:hover {
		height: 14px;
		border: 2px solid #817C73;
		padding: 0px 3px;
	}

	/* specific menu buttons */

	#menu-menu {
		width: 50px;
		background-image: url(../i/menu-menu.gif);
	}
	#menu-about {
		width: 60px;
		background-image: url(../i/menu-about.gif);
	}
	#menu-reserve {
		width: 70px;
		background-image: url(../i/menu-reserve.gif);
	}
	#menu-privatedining {
		width: 120px;
		background-image: url(../i/menu-privatedining.gif);
	}
	#menu-dinner {
		width: 70px;
		background-image: url(../i/menu-dinner.gif);
	}
	#menu-wine {
		width: 50px;
		background-image: url(../i/menu-wine.gif);
	}
	#about-aboutspring {
		width: 120px;
		background-image: url(../i/about-aboutspring.gif);
	}
	#about-thecreators {
		width: 120px;
		background-image: url(../i/about-thecreators.gif);
	}
	#about-press {
		width: 70px;
		background-image: url(../i/about-press.gif);
	}
	#about-gallery {
		width: 90px;
		background-image: url(../i/about-gallery.gif);
	}


	/* ie-specific */

	body {
		scrollbar-base-color: #D7E8A3;
	}
	
}

@media print {

	b {
		margin-right: 0.5em;
	}
	#container {

		margin: 0.5in;
	}
	#leftcolumn {
		display: none;
	}
	#rightcontent {
		text-align: left;
		padding: 0.5in;
	
	}
}