@font-face {
	font-family: 'HelveticaNeueLTStdThinRegular';
	src: url('HelveticaNeueLTStd-Th.eot');
	src: local('HelveticaNeueLT Std Thin Regular'), local('HelveticaNeueLTStd-Th'), url('HelveticaNeueLTStd-Th.ttf') format('truetype'), url('HelveticaNeueLTStd-Th.svg#HelveticaNeueLTStd-Th') format('svg');
}


body {
	background-color: #1A1A1A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0px;
	color: #808080;
}
h1 {
	font-size: 26px;
	line-height:normal; 
	font-weight: normal; 
	font-family: 'HelveticaNeueLTStd35Thin', sans-serif; 
	color: #C7B299; 
	margin: 10px 0 10px; 
	padding: 0px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);zoom:1; /* Disable Cleartype to keep fonts smooth in IE 7/8 */
}
h2 {
	font-size: 20px;
	line-height:normal; 
	font-weight: normal; 
	font-family: 'HelveticaNeueLTStd35Thin', sans-serif; 
	color: #C7B299; 
	margin: 0 0 10px; 
	padding: 0px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);zoom:1; /* Disable Cleartype to keep fonts smooth in IE 7/8 */
}
h3 {
	font-size: 16px; line-height:normal; font-weight: normal; font-family: Arial, Helvetica, sans-serif; 
}
p {
	margin: 0 0 15px;
	padding: 0px;
}

a:link, a:visited {
	text-decoration: none;
	color: #C7B299;
}
a:hover, a:active {
	text-decoration: none;
	color: #FFF;
}

#wrapper {
	width: 850px;
	margin: 0px auto;
}
#header {
	height: 75px;
	margin: 15px 0 18px;
	background: url(images/horizontal_line.jpg) no-repeat center bottom;
}
#address {
	color: #C7B299;
	width: 205px;
	float: right;
	font-size: 10px;
	margin-top: 23px;
}

/* ----- MENU ----- */
.menu {
	position:relative;
	margin: 0px auto;
	padding: 0px;
	width:850px;
	height:330px;
	overflow: hidden;
}

.menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: block;
	height: 330px;
	position: relative;
	
	/*overflow: hidden;*/
}
	
.menu ul li {
	width: 94px;
	float: left;
	display: block;
	overflow: hidden;
}

.menu ul li a {
	text-indent: -1000px;
	background:#fff repeat scroll 0%;
	border-right: 1px solid #fff;
	cursor:pointer;
	display:block;
	overflow: hidden;
	height: 330px;
}

.menu ul li#home a { background: url(images/menu/home.jpg) no-repeat; }
.menu ul li#about a { background: url(images/menu/about.jpg) no-repeat; }
.menu ul li#rooms a { background: url(images/menu/rooms.jpg) no-repeat; }
.menu ul li#vip_rooms a { background: url(images/menu/vip_rooms.jpg) no-repeat; }
.menu ul li#cattery a { background: url(images/menu/cattery.jpg) no-repeat; }
.menu ul li#services a { background: url(images/menu/services.jpg) no-repeat; }
.menu ul li#opening_hours a { background: url(images/menu/opening_hours.jpg) no-repeat; }
.menu ul li#pricing a { background: url(images/menu/pricing.jpg) no-repeat; }
.menu ul li#contact_us a { background: url(images/menu/contact_us.jpg) no-repeat; border-right-style: none; }


/* -------- SUBMENU ------- */
#submenu {
	width: 180px;
	float: left;
	margin-top: 18px;
	
	font-size: 11px;
	text-transform: uppercase;
}

#submenu ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#submenu li {
	margin: 0px 0px 5px;
	padding: 0px;
	width: 140px;
	display: inline-block; /* fix for IE 6 whitespace bug */
}

#submenu a {
	display: block;
	text-decoration: none;
	font-weight: normal;
	padding: 5px 0px;
	margin: 0px;
	color: #C7B299;
	line-height: 14px;
	border-bottom: 1px solid transparent;
	_border-bottom-color: black;
	/* _filter: chroma(color=green); IE 6 fix for transparent border */
	outline: none;
}

#submenu a:hover {
	border-bottom: 1px solid #FFF;
	color: #FFF;
}
#submenu li#active a {
	border-bottom: 1px solid #fff;
	color: #fff;
}

/* -------- FOOTERMENU ------- */
#footermenu {
	width: 460px;
	float: left;
}
#footermenu ul {
	margin: 0px;
	padding: 0px;
}
#footermenu ul li {
	display: inline;
	margin: 0px;
	padding: 0 0px 0 0px;
}
#footermenu ul li a {
	color: #777;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0px 4px 0px;
	font-weight: normal;
	outline: none;
}
#footermenu ul li a:visited {
	color: #777;
}
#footermenu ul li a:hover, #footermenu ul li a:active {
	color: #FFF;
}

#content {
	width: 570px;
	float: left;
	margin: 10px 0 10px;
	min-height: 200px;
  	height: auto !important;
  	height: 200px;
}
#footer {
	clear: both;
	background: url(images/horizontal_line.jpg) no-repeat center top;
	height: 20px;
	padding-top: 8px;
	font-size: 10px;
	color: #777;
}
#copyright {
	width: 380px;
	float: right;
	text-align: right;
}
.clear {
	clear: both;
}