/*
	Common styles.
*/

a {
	color: #B955A0;
	text-decoration: none;
}

a:hover,
	a:focus {
	color: #C066AA;
	text-decoration: underline;
}

a [href^="http:"],
	html a.external {
	background: url('../images/external.png') center right no-repeat;
	padding-right: 13px;
}

body, div, input, select, textarea {
	font-family: Courier New, sans-serif;
	color: #000;
}

body {
	text-align: center;
	background-color: #fff;
}

div.floatLeft {
	float: left;
}

div.floatRight {
	float: right;
}

div#mainContainer {
	width: 760px;
	margin: 0 auto;
	text-align: center;
	font-size: 0.7em;
}

div#topContainer {
	margin-top: 2em;
}

div#topContainer div.logo {
	float: left;
}

div#topContainer div.info {
	float: right;
	text-align: right;
	font-size: 1em;
	margin-right: 1em;
}

div#topContainer div.divider {
	margin-top: 1em;
	background-color: #CCCDCF;
}

div#menuContainer {
	margin-top: 1em;
}

div#bodyContainer {
	margin-top: 1em;
	background-color: #fff;
	text-align: left;
}

div#bodyContainer div.content {
	float: left;
	width: 380px;
	padding: 1em;
	line-height: 1.5em;
}

div#mainContainer div.noCharacter div.content {
	float: none;
	width: auto;
}

div#bodyContainer div.character {
	float: right;
	/*width: 250px;*/
	overflow: hidden;
	width: 250px;
	height: 250px;
	margin-right: 2em;
}

div#footContainer {
	margin-top: 1em;
	color: #777;
}

div#footContainer div.divider {
	height: 10px;
	background-color: #F5F5F5;
	margin-bottom: 1em;
}

html .marginedLeftDouble {
	margin-left: 2em;
}

html .marginedLeft {
	margin-left: 1em;
}

html .marginedTopDouble {
	margin-top: 2em;
}

html .marginedTop {
	margin-top: 1em;
}

html .deemphasized {
	color: #666;
}

p {
	margin-bottom: 1em;
}

span.bullet {
	color: #ccc;
}

table.list tbody td {
	padding: 0.25em 0;
	vertical-align: top;
}

table.list tbody td.label {
	color: #999;
	text-align: right;
	padding-right: 1em;
}

/*
	Food
*/

div.food div.options a.foodMenu img {
	background-position: -1130px 0;
}

div.food div.options a.foodMenu:hover img,
	div.food div.options a.foodMenu:focus img {
	background-position: -1130px -30px;
}

div.food div.options a.dessertMenu img {
	background-position: -1270px 0;
}

div.food div.options a.dessertMenu:hover img,
	div.food div.options a.dessertMenu:focus img {
	background-position: -1270px -30px;
}

/*
  Drinks
*/
div.drinks div.options a.drinksMenu img {
	background-position: -1410px 0;
}

div.drinks div.options a.drinksMenu:hover img,
	div.drinks div.options a.drinksMenu:focus img {
	background-position: -1410px -30px;
}

/*
	Gallery
*/
div.gallery div.thumbnails {
	text-align: center;                         
}

div.gallery div.thumbnails a {
	border: 1px solid #ccc;
	padding: 0.5em;
	float: left;
}

div.gallery div.thumbnails a:hover,
	div.gallery div.thumbnails a:focus {
	border: 1px solid #B955A0;
}

div.gallery div.thumbnails a img {
	background-image: url('../images/photos/thumb_sprite.jpg');
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 140px;
	height: 107px;
	border: 1px solid #aaa;
}

div.gallery div.thumbnails a.lounge img {
	background-position: 0 0;
}

div.gallery div.thumbnails a.loungeEye img {
	background-position: -140px 0;
}

div.gallery div.thumbnails a.dining img {
	background-position: -280px 0;
}

div.gallery div.thumbnails a.dining2 img {
	background-position: -420px 0;
}

div.gallery div.thumbnails a.menues img {
	background-position: -560px 0;
}

/*
	Menu
*/

ul.menu {
	overflow: hidden;
	width: 760px;
}

ul.menu li {
	list-style-type: none;
	list-style-position: outside;
	display: inline;
	float: left;
}

ul.menu li a {
	display: block;
	background-image: url('../images/sprite.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 148px;
	height: 30px;
	text-decoration: none;
}

ul.menu li a span {
	visibility: hidden;
}

ul.menu li a.about {
	background-position: -390px 0;
	margin-right: 5px;
}

ul.menu li a.about:hover,
	ul.menu li a.about:focus,
	ul.menu li.selected a.about {
	background-position: -390px -30px;
}

ul.menu li a.food {
	background-position: -538px 0;
	margin-right: 5px;
}

ul.menu li a.food:hover,
	ul.menu li a.food:focus,
	ul.menu li.selected a.food {
	background-position: -538px -30px;
}

ul.menu li a.drinks {
	background-position: -686px 0;
	margin-right: 5px;
}

ul.menu li a.drinks:hover,
	ul.menu li a.drinks:focus,
	ul.menu li.selected a.drinks {
	background-position: -686px -30px;
}

ul.menu li a.gallery {
	background-position: -834px 0;
	margin-right: 5px;
}

ul.menu li a.gallery:hover,
	ul.menu li a.gallery:focus,
	ul.menu li.selected a.gallery {
	background-position: -834px -30px;
}

ul.menu li a.information {
	background-position: -982px 0;
}

ul.menu li a.information:hover,
	ul.menu li a.information:focus,
	ul.menu li.selected a.information {
	background-position: -982px -30px;
}

/*
	Images
*/

div.startMastHead {
	background-image: url('../images/start_masthead.jpg');
	background-repeat: no-repeat;
	width: 440px;
	height: 200px;
	border-bottom: 1px solid #fff;
}

img.sprite {
	background-image: url('../images/sprite.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
}

img.logo {
	background-position: 0 0;
	width: 360px;
	height: 37px;
	margin: 0 2em;
	border: 0;
}

img.dividerLeft {
	float: left;
	width: 10px;
	height: 15px;
	background-position: -360px 0;
}

img.dividerRight {
	float: right;
	width: 10px;
	height: 15px;
	background-position: -370px 0;
}

img.footerCorner {
	width: 5px;
	height: 10px;
}

img.footerLeft {
	float: left;
	background-position: -380px 0;
}

img.footerRight {
	float: right;
	background-position: -385px 0;
}

div.options a img {
	background-image: url('../images/sprite.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 140px;
	height: 30px;
	border: 0;
}

/*
	Character images
*/
div.character img {
	background-image: url('../images/characters_sprite.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 250px;
	height: 250px;
}

div.food div.character img {
	background-position: -240px 0;
}

div.drinks div.character img {
	background-position: -750px 0;
}

div.info div.character img {
	background-position: -490px 0;
}

/* Start page */
div#bodyContainer div.about {
	float: left;
	width: 440px;
}

div#bodyContainer div.bookingContainer {
	float: right;
	width: 300px;
}

/* Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

/* start hide \*/
.clearfix {
	display:block;
}
/* end hide */

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}