/* 
WELCOME INN CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

/*----------------------------------------------*/
/* 2.1 Header */
/*----------------------------------------------*/

.head {
	background: #fff;}

.head .container {
	height:140px;}
	
.logo {
	position:absolute;
	top:10px;
	left:400px;
	}

.head_right {
	float:right;
	margin:40px 25px 0 300px}

.head_left {
	float:left;
	margin:40px 25px 0 0px}

.icon-top {
	line-height:29px;
	padding-right:20px;
	color:#686e73;
	font-family:'MelbourneRegular', Arial, sans-serif;
	font-size:15px;
	text-align:right}

.icon-phone {
	background:url(images/icon_phone.png) right 5px no-repeat;}

.icon-map {
	background:url(images/icon_map_point.png) right 5px no-repeat;}

.icon-top span, icon-top a {
	color:#cac46e;
	text-decoration:none}


/*----------------------------------------------*/
/* 2.2 Header Image Slider */
/*----------------------------------------------*/
.header {
	background:#FCECAE;
	min-height:116px;
	z-index:1}

.header .container {
	width:990px;
	min-height:116px;}

.homepage .container{
	height:404px;
	background:url(images/slider_bg.png) 0 0 no-repeat;}

.header .caption {
	font-family:'MelbourneRegular', Arial, sans-serif;
	font-size:18px;
	color:#747a80;}

.header .caption:first-child {
	bottom:0px}

.header-line {
	background:url(images/header_line.gif) 0 0 repeat-x;
	height:8px;
	clear:both}

/* topmenu */
.menu-header {
	height:35px;
	background:#53004B;
	z-index:2;}

.menu-header .container {
	z-index:3}

.topmenu {
	height:35px;
	z-index:1300;
	margin:0;
	padding:0;
	font-family:'MelbourneRegular', Arial, sans-serif;
	font-size:16px;}

.topmenu li {
	display:block;
	float:left;
	height:35px;
	position:relative;
	list-style:none;
	margin-left:40px}

.topmenu li a {
	display:block;
	padding:8px 2px 0 2px;
	color:#8b9197;
	}

.topmenu li a:hover,
.topmenu .current-menu-item a,
.topmenu .current-menu-item li a:hover,
.topmenu .current-menu-item .current_page_item a,
.topmenu .current-menu-ancestor a,
.topmenu .current-menu-ancestor a:hover,
.topmenu li li.current-menu-ancestor a,
.topmenu .current-post-ancestor a,
.topmenu li .current-menu-ancestor .current-menu-item a{
	color:#e7e7e7;}

.topmenu .current-menu-item li a,
.topmenu .current-menu-ancestor li a,
.topmenu li .current-menu-ancestor li a {
	color:#747a80;}

.topmenu li ul {
	display:none;
	position: absolute;
	top: 35px;
	left: -10px;
	z-index: 1308;
	width: 155px;
	padding:0;
	margin:0;}

.topmenu li ul li ul {
	display:none;
	position: absolute;
	top:0px;
	left:155px;
	z-index: 1308;
	width: 154px;}
	
.topmenu li ul li {
	display:block;
	background:url(images/dropdown_bg.png) 0 0 repeat-y;
	width: 135px;
	margin:0;
	height:auto;
	padding:0 10px;
	clear:both;
	position:relative;}

.topmenu li ul li a {
	display:block;
	color:#7d7d7d;
	padding:7px 5px 7px 5px;
	background:url(images/dropdown_line.png) bottom repeat-x;}

.topmenu li a span {
	display:block;}

.topmenu li a:hover span {
	cursor:pointer}

.topmenu li:hover ul li ul {
	display:none;}	

.topmenu li:hover ul,
.topmenu li:hover ul li:hover ul{
	display:block}
	
.submenu-arrow{
	float:right;
	vertical-align:top;}

/*----------------------------------------------*/
/* 2.3 Middle content */
/*----------------------------------------------*/
.container {
	position:relative;
	z-index:0;
	width:960px;
	margin:0 auto}
	
.middle {
	background:url(images/middle_bg.jpg) 0 0 repeat-x #fff}

.middle .container {
	background:url(images/middle_center_bg.jpg) center 0 no-repeat;
	min-height:200px;
	padding-top:90px}

.middle .padding50px {
	padding-top:50px!important}



.divider{
	background:url(images/divider_line.gif) bottom repeat-x;
	padding-top:12px;
	margin-bottom:20px;}

/*----------------------------------------------*/
/* 5.2 Widget Recent Entries */
/*----------------------------------------------*/	
.widget_recent_entries ul {
	margin:0;
	padding:0}

.widget_recent_entries li {
	list-style:none;
	border-top:1px dotted #8c8c8d;
	padding:10px 10px 23px 20px}

.widget_recent_entries a {
	color:#595959;
	font-size:12px;
	margin-right:10px}

.widget_recent_entries a:hover {
	color:#000}

.widget_recent_entries .date {
	font-family: 'MelbourneRegular', Arial, sans-serif;
	font-size:13px;
	color:#85a830;
	text-shadow:0 1px 1px #fff}

.widget_recent_entries .thumbnail {
	float:right;
	margin:0 0 0 5px;}

/*----------------------------------------------*/
/* 4.3 List Rooms */
/*----------------------------------------------*/
.room-item {
	padding:10px 0 10px 0;
	clear:both}

.room-item h2 {
	text-transform:none}

.room-item .image {
	float:left;
	margin-right:16px;
	width:234px;
	min-height:170px;}

.room-item .image img {
	margin-bottom:10px}

.link-zoom {
	font-family: 'MelbourneRegular', Arial, sans-serif;
	font-size:15px;
	background:url(images/icon_zoom.png) 0 0 no-repeat;
	padding-left:20px}
	
.room-item .description {
	float:left;
	width:420px;}

.room-item .services-included {
	background:#ececee;
	padding:5px 12px 5px 12px;
	font-size:12px;
	color:#4c4c58;
	line-height:1.6em}

.text .services-included ul {
	margin:0;
	padding:0}
	
.services-included li,
.text .services-included li {
	border-bottom:1px dotted #2a2a2a;
	list-style:none;
	margin:0;
	float:left;
	padding:5px 0 5px 30px;
	width:166px}

.services-included .noborder,
.text .services-included .noborder{
	border:none}

.services-included li span {
	padding-left:25px}
	
.service-1 span {
	background:url(images/icon_conditioner.png) 0 0 no-repeat}
.service-2 span {
	background:url(images/icon_room_service.png) 0 0 no-repeat}
.service-3 span {
	background:url(images/icon_minibar.png) 0 0 no-repeat}
.service-4 span {
	background:url(images/icon_safe.png) 0 0 no-repeat}
.service-5 span {
	background:url(images/icon_wifi.png) 0 0 no-repeat}
.service-6 span {
	background:url(images/icon_tv.png) 0 0 no-repeat}

.hide {
	display:none}

/*----------------------------------------------*/
/* 2.5 Header Top Image */
/*----------------------------------------------*/
.header-title-image {
	width:730px;
	position: absolute;
	left:115px;
	top:-92px;
	text-align:center;}

.header-title-image .image {
	background:url(images/header_image_shadow.png) center bottom no-repeat;
	width:708px;
	height:131px;
	padding:0 11px}

.header-title-image h1, 
.header-title-image strong {
	margin:10px 0 0 0;
	line-height:1em;
	font-family:'MelbourneRegular', Arial, sans-serif;
	font-size:24px;
	display:block;
	font-weight:normal;
	color:#53004B}

.header-title-image h1 span,
.header-title-image strong span {
	font-size:33px;
	font-family:'JournalRegular', 'Times New Roman', Times, serif;
	padding-right:4px;
	line-height:1em}