@charset "utf-8";

.header_wrap {
	width: 780px;
	height: 121px;
	
	margin: 0px auto;
}
.top_ul {
	width: 780px;
	height: 5px;
	
	background-color: #201645;
}
.header {
	width: 780px;
	height: 86px;
}
.hdr_left {
	width: 8px;
	height: 86px;
	
	float: left;
	
	background: url(../images/hdr_left_bg.png) no-repeat;
}
.hdr_middle {
	width: 764px;
	height: 86px;
	
	background: url(../images/hdr_middle_bg.png) repeat-x;
	
	float: left;
}
.hdr_right {
	width: 8px;
	height: 86px;
	
	float: left;
	
	background: url(../images/hdr_right_bg.png) no-repeat;
}
.logo {
	width: 320px;
	height: 49px;
	
	float: left;
	margin-top: 22px;
	margin-left: 33px;
}
.divider {
	width: 3px;
	height: 32px;
	
	float: left;
	margin-top: 38px;
	margin-left: 12px;
	
	background: url(../images/divider_bg.png) repeat-y;
}
.powered_by {
	height: 18px;
	
	float: left;
	margin-top: 45px;
	margin-left: 5px;
	
	background-color: #FFF;
	
	padding-left: 5px;
	padding-right: 5px;
	
	font-family: "Arial Narrow";
	font-size: 14px;
	color: #201645;
}
.nav {
	width: 780px;
	height: 30px;
}
.nav_left {
	width: 5px;
	height: 30px;
	
	float: left;
	
	background: url(../images/nav_left_bg.png) no-repeat;
}
.nav_middle {
	width: 770px;
	height: 30px;
	
	float: left;
	
	background: url(../images/nav_middle_bg.png) repeat-x;
}
.nav_right {
	width: 5px;
	height: 30px;
	
	float: left;
	
	background: url(../images/nav_right_bg.png) no-repeat;
}
.nav_home {
	width: 69px;
	height: 30px;
	
	float: left;
}
.nav_casa_list {
	width: 95px;
	height: 30px;
	
	float: left;
}
.nav_reservations {
	width: 129px;
	height: 30px;
	
	float: left;
}
.nav_contact_us {
	width: 115px;
	height: 30px;
	
	float: left;
}
.nav_home a {
	display: block;
	width: 100%;
	height: 100%;
	
	background: url(../images/arrow/home.png) 0 0;
}
.nav_casa_list a {
	display: block;
	width: 100%;
	height: 100%;
	
	background: url(../images/arrow/casa_list.png) 0 0;
}
.nav_reservations a {
	display: block;
	width: 100%;
	height: 100%;
	
	background: url(../images/arrow/reservations.png) 0 0;
}
.nav_contact_us a {
	display: block;
	width: 100%;
	height: 100%;
	
	background: url(../images/arrow/contact_us.png) 0 0;
}
a.nav_active:hover {
	background-position: 0 -30px;
}
a.nav_inactive {
	background-position: 0 -30px;
}