@charset "utf-8";
/* CSS Document */


* {
	margin: 0px;
	padding: 0px;
	}
	
html, body {
	background-color: #007eff;
	text-align: center;
	font-family:"Trebuchet MS", Tahoma, Verdana, Arial;
	font-size: 14px;
	}
	
h1 {
	font-size: 24px;
	clear: both;
	margin-bottom: 10px;
	font-weight: normal;
	font-style:italic;
	}
	
h2 {
	font-size: 16px;
	clear: both;
	margin-bottom: 10px;
	font-weight: normal;
	font-style:italic;
	}

table#gallery img {
	border: solid 1px #000000;
	margin: 5px;
	}
	
table#gallery td {
	background-color: #CCFFFF;
	border: solid 1px #00FFFF;
	}

table#gallery td:hover {
	border: solid 1px #000000;
	}


#container {
	width: 908px;
	margin: 0 auto;
	}

	#header {
		width: 908px;
		height: 212px;
		clear: both;
		}
	
    #menu {
		width: 908px;
		height: 38px;
		clear: both;
		}
		
	#menu ul {
		width: 908px;
		list-style: none;
		}
		
	#menu ul li {
		float: left;
		}
		
	#menu ul li.hotel a {
		width: 87px;
		height: 38px;
		display: block;
		background-image:url(../img/menu/hotel.gif);
		}
		
	#menu ul li.hotel a:hover {
		background-position: 0px -38px;
		}

	#menu ul li.apartments a {
		width: 238px;
		height: 38px;
		display: block;
		background-image: url(../img/menu/apartments.gif);
		}
		
	#menu ul li.apartments a:hover {
		background-position: 0px -38px;
		}

	#menu ul li.facilities a {
		width: 118px;
		height: 38px;
		display: block;
		background-image: url(../img/menu/facilities.gif);
		}
		
	#menu ul li.facilities a:hover {
		background-position: 0px -38px;
		}

	#menu ul li.location a {
		width: 117px;
		height: 38px;
		display: block;
		background-image: url(../img/menu/location.gif);
		}

	#menu ul li.location a:hover {
		background-position: 0px -38px;
		}

	#menu ul li.booking a {
		width: 112px;
		height: 38px;
		display: block;
		background-image: url(../img/menu/booking.gif);
		}

	#menu ul li.booking a:hover {
		background-position: 0px -38px;
		}

	#menu ul li.contact a {
		width: 108px;
		height: 38px;
		display: block;
		background-image: url(../img/menu/contact.gif);
		}

	#menu ul li.contact a:hover {
		background-position: 0px -38px;
		}
	
	#content {
		width: 908px;
		display: block;
		background-image:url(../img/content_background.gif);
		clear: both;
		padding-top: 20px;
		}
	
    	#left {
			width: 310px;
			margin-left: 0px;
			padding-left: 15px;
			margin-right: 5px;
			float: left;
			}
		
        #main {
			width: 535px;
			padding-left: 14px;
			padding-right: 25px;
			float: right;
			text-align: left;
			}
			
		#main a {
			font-weight: bold;
			color: #000000;
			}
			
		#main a:hover {
			color: #FF0000;
			text-decoration: none;
			}
    
    #end {
		width: 908px;
		height: 15px;
		font-size: 1px;
		line-height: 1px;
		background-image:url(../img/content_down.gif);
		clear: both;
		}	
		
    #footer {
		width: 908px;
		height: 20px;
		clear: both;
		
		}
		
		
			
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */