.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

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

body {
	margin: 20px auto;
	text-align: center;
}

body.main {
	background: url(/images/bg.png) center repeat-y;
}

body.why {
	background: url(/images/bg_why.png) center repeat-y;
}

body.about {
	background: url(/images/bg_about.png) center repeat-y;
}

body.rates {
	background: url(/images/bg_rates.png) center repeat-y;
}

body.faq {
	background: url(/images/bg_faq.png) center repeat-y;
}

body.photos {
	background: url(/images/bg_photos.png) center repeat-y;
}

body.hotel {
	background: url(/images/bg_hotel.png) center repeat-y;
}

body, div, span, a, input, textarea, select, option, label { 
	font-family: 'Trebuchet MS'; 
	font-size: 10pt; 
	color: #000; 
	line-height: 1em; 
}

div#main_content, div#menu_div{
	padding:10px;
	background: #fff;
	width: 640px;
	margin: 0px auto;
}

h1 {
	font-size: 35pt;
}

.page_content {
	margin-left: 110px;
}

.active_page {
	background: url(images/cartoon_dog_bone.jpg) no-repeat;
}

#header {
	width: 491px;
	height: 73px;
	position: relative;
	margin: 0px auto;
	}
#header span {
	background: url(images/header.png) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
	
#menu, 
#menu li {
	list-style: none; 
	margin: 0px;
	padding: 0px;
}

#menu_div {
	clear: both;
}

#menu {
	width: 640px;
	clear: both;
}

#menu li {
	float: left;
	display: inline;
	height: 57px;
	width: 100px;
	margin: 5px;
	position: relative;
	background: url(/images/dabone3.png) no-repeat;
}

#menu li#faq {
	float: left;
	display: inline;
	height: 66px;
	width: 79px;
	margin: 5px;
	position: relative;
	background: url(/images/dabone2.png) no-repeat;
}

#menu li span {
	position: absolute;
	top: 25px;
	left: 0px;
	width: 100px;
	margin: 0px auto;
}

#menu li#faq span {
	position: absolute;
	top: 25px;
	left: 0px;
	width: 80px;
	margin: 0px auto;
}
#why:hover, #why.active {background-color: #FBFB2E;}
#about:hover, #about.active {background-color: #4DF04D;}
#hotel:hover, #hotel.active {background-color: #ED1939;}
#rates:hover, #rates.active {background-color: #2E84FA;}
#menu li#faq:hover, #menu li#faq.active {background-color: #F89F05;}
#photos:hover, #photos.active {background-color: #C93BF7;}