@charset "utf-8";
/* CSS Document */

/*********STRUCTURE*********/

#MainTable { 
	margin-top:20px;
	margin-bottom:20px;
}

td { text-align:left; vertical-align:top;}


body {
	margin:0;
	padding: 0;
}

.container {
	float: left;
	left: 50%;
	position: relative;
	text-align: center;		
}

.wrpr {
	position: relative;
	left: -50%;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

.content {
/*	margin-top:-10px;
*/	padding-bottom:20px;
}

.rooms {
	margin-top:5px;
	margin-bottom:5px;
}

.rooms td {
	vertical-align:top;
}


.room-details-imgs {
	text-align:left;
	padding-top:20px;
	padding-bottom:0px;
	margin:0;
	padding-left:0;
	padding-right:0;
}

.room-details-imgs td {
	text-align:left;
	padding-bottom:3px;
	padding-top:0px;
}

.reserve { 
	position:relative;
	text-align:center;
}
		

/**********NAVIGATION**********/


#top {
	overflow: visible;
/*	clear: both; */
}


#topleft { 
	position: relative;
	float: right;
	height: 282px;
	width: 581px;
	display:inline;
}

#brownpart {
	float: left;
	width: 178px;
	height: 282px;
	display: inline;
}

#top-trans {
	position: absolute;
	left: 290px;
	width: 291px;
	opacity: 0.5;
	height: 282px;
	overflow: visible;
}
#topleft h1 {
	position: absolute;
	bottom: 0;
	left: 10px;
}

#topleft p { margin: 0 auto;}

.floatl {
	float: left;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#topnav {
	position: absolute;
	left: 490px;
	width: 291px;
	height: 282px;
	padding-top: 30px;
	z-index: 10;
}
#topnav li {
	list-style: none;
}


.topnav {
	width:290px;
	height:280px;
	position:relative;
	top:0px;
	margin:0px;
	padding:0px;
	text-align:left;

	/*opacity
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+
	-moz-opacity: 0.5; /* Mozilla 1.6 
	-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 
	opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 
*/}

.topnav ul {
	vertical-align:middle;
	margin-top:10px;
}

.topnav li {
	list-style:none;
	line-height:1.8em;
}

.bottomnav {
	position: relative;
	overflow: hidden;
	text-align: center;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-left: 5px auto;
	margin-right: 5px auto;
}


.bottomnav li  {
	float: left;
	padding-bottom:0;
	padding-top:0;
	margin: 0;
}

.bottomnav a  {
	float: left;
	padding-left: 20px; 
	padding-right:20px; 
	margin: 0; 
}

.contact {
	position: relative;
	overflow: hidden;
	text-align: center;
	margin-top: 0px auto;
	margin-bottom: 0px auto;
	margin-left: 5px auto;
	margin-right: 5px auto;
	line-height:1.5em;
}


.contact li  {
	float: left;
	padding-bottom:0;
	padding-top:0;
	padding-left: 5px; 
	padding-right:5px; 
	margin: 0;
}


/**********FOOTERS**********/


.footer {
/*	 text-align:center;
	 margin-top:3px;
	 margin-bottom:3px;
*/}

.footer td {
/*	 text-align:center;
*/}

.copyright {
	width:768px;
	margin-bottom:20px;
	
}


/**********TEXT**********/

.rooms p {
	margin-top:5px;
	margin-bottom:7px;
}

.welcome p{
/*	 text-align:left;
	 margin-left:25px;
	 position:relative;
	 margin-bottom:-5px;
	 margin-top:0.5em;
*/}

p {
	text-align: left;	
	padding-left:25px;
	padding-right:25px;
	padding-top:0px;
	margin-bottom:7px;
	margin-top:7px;
	line-height:18px;
}


h3 {
	text-align: left;	
	padding-left:25px;
	padding-right:25px;
	margin-top:20px;
	margin-bottom:15px;
}

.content ul {
	text-align: left;	
	padding-left:25px;
	padding-right:25px;
	padding-top:0px;
	margin-bottom:15px;
	margin-top:0px;
}
.content li {
	line-height:20px;
	margin-left:25px;
}


/**********IMAGES**********/

img { border:none;}

.Reservations {
	 position:relative;
	 /*padding-left:15px;
	 padding-top: 15px;
	 padding-bottom:25px;*/
	 margin-top: -35px !important;
	 margin-bottom:-47px !important;
	 margin-top: -50px;
	 margin-bottom:-47px;
	 margin-right: 50px;
	 text-align: right;
}

.img {
/*     text-align: center;
	 position:relative;
	 margin-top:-15px;
*/}

.right-image {
	float: right;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 15px;
}

.left-image {
	float: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 0px;
	padding-right: 3px;
}


.room-img {
	padding-top: 0px;
	padding-bottom: 3px;
	padding-left:0px;
	padding-right: 0px;
}



