/*-------------------------------------------

             Title :  Lion Hotel
             Usage :  Homepage
             Author:  QualityXHTML
             Edited:  2009-08-08

---------------------------------------------*/


/*===================TOC=====================

               1. Introduction
               2. Book Online
               3. Special Offer
               4. Sub Content

=============================================*/



/* 1. Introduction
---------------------------------------------*/
#intro {
	position: relative;
	float: right;
	width: 544px;
	padding-top: 247px;
	background: url(../images/intro_bg.png) no-repeat top left;
	}

#intro img {
	position: absolute;
	top: 7px;
	left: 7px;
	}

#intro h2 {
	margin: 0 0 5px 1px;
	padding-right: 82px;
	color: #d41616;
	font: 1.5em/1.1em Tahoma, sans-serif;
	}

#intro h2 img { position: relative; top: 5px; left: 0px; }

.slides {
	position: absolute;
	top: 0px;
	left: 0px;
	}

.ie #intro h2 {
	background-position: 99% 6px;
	}

#intro p {
	color: #525664;
	font-size: 0.75em;
	line-height: 1.5em;
	}

.safari #intro p {
	text-shadow: none;
	}


/* 2. Book Online
---------------------------------------------*/
#book {
	float: left;
	margin-bottom: 7px;
	background: #060501;
	width: 244px;
	}

#book .inner h3 {
	padding: 10px 13px 9px;
	color: #fff;
	font: 1.125em Tahoma, sans-serif;
	text-transform: uppercase;
	}

#book .inner form {
	background: #060501;
	}

#book .inner form div {
	padding-bottom: 6px;
	}

.ie6-7  #book .inner form div {
	padding-bottom: 4px;
	}

#book .inner form div label {
	float: left;
	margin: 9px 7px 0 14px;
	width: 70px;
	color: #fff;
	font-weight: bold;
	font-size: 0.75em;
	}

.ff #book .inner form div label {
	margin-top: 8px;
	}

#book .inner form div #check-in{
	/*padding: 5px 5px 0;*/
	width: 105px;
	/*height: 21px;*/
	font: 0.95em Arial, sans-serif;
	vertical-align: middle;
	}
#book .inner form div #check-out {
	padding: 5px 5px 0;
	width: 105px;
	height: 21px;
	font: 0.95em Arial, sans-serif;
	vertical-align: middle;
	}

.opera #book .inner form div input[id][type="text"] {
	padding-top: 0 !important;
	height: 26px !important;
	}

/*#book .inner form div a {
	display: inline-block;
	margin-left: 4px;
	width: 28px;
	height: 24px;
	overflow: hidden;
	font-size: 0;
	text-indent: -500em;
	vertical-align: middle;
	background: url(../images/book_a_bg.png) no-repeat top left;
	}
*/
#book .inner form div #search {
	margin: 3px 0 3px 91px;
	width: 81px;
	height: 28px;
	border: none;
	color: #0A1953;
	font: bold 0.75em Arial, sans-serif;
	text-transform: uppercase;
	cursor: pointer;
	background: url(../images/book_search_bg.png) no-repeat top left;
	}

.ie #book .inner form div #search {
	padding-top: 1px;
	}

.ie6-7 #book .inner form div #search {
	margin-bottom: 5px;
	}

#book ul li {
	padding: 0px 10px 10px 10px;
	}

#book ul li a {
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	}
	
#book ul li a:hover {
	text-decoration: underline;
	}


/* 3. Special Offer
---------------------------------------------*/
#special {
	float: left;
	}

#special h3 {
	position: absolute;
	left: -500em;
	}

#special a {
	float: left;
	}


/* 4. Sub Content
---------------------------------------------*/
#sub {
	float: left;
	clear: both;
	margin: 15px -15px 0;
	padding: 15px 15px 0;
	width: 808px;
	background: url(../images/sub_bg.png) repeat-x top left;
	}

#sub div {
	float: left;
	border-width: 1px;
	border-style: solid;
	background: #060501;
	}

#features { width: 242px; border-color: #060501; margin-right: 20px; min-height: 178px; }
#links    { width: 260px; border-color: #060501; margin-right: 20px; min-height: 178px; }
#location { width: 260px; border-color: #060501;                     min-height: 178px; }
#coffee   { width: 242px; border-color: #060501; margin-right: 20px; }
#bar      { width: 260px; border-color: #060501; margin-right: 20px; }
#cuisine  { width: 260px; border-color: #060501; }

#sub div h4 {
	margin: 8px 0 0 13px;
	color: #fff;
	font: 1em Tahoma, sans-serif;
	text-transform: uppercase;
	}

.ie6    #sub div h4,
.opera  #sub div h4,
.ff     #sub div h4,
.chrome #sub div h4 {
	font-weight: normal;
	}

#features h4,
#links    h4,
#location h4 { margin-bottom:  8px !important; }
#coffee   h4,
#bar      h4,
#cuisine  h4 { margin-bottom: 11px !important; }

#features ul,
#links    ul {
	margin: 0 19px;
	}

#features ul li,
#links    ul li {
	margin-bottom: 6px;
	padding-left: 17px;
	color: #fff;
	font-size: 0.75em;
	background: url(../images/bullet.png) no-repeat 0 -64px;
	}

#links ul li a {
	color: #fff;
	text-decoration: none;
	}

#links ul li a:hover {
	text-decoration: underline;
	}

#features > a,
#location > a {
	display: inline-block;
	margin: 8px 0 12px 13px;
	color: #fff;
	font-weight: bold;
	font-size: 0.75em;
	}

#location img {
	float: right;
	margin: 0 4px 0 5px;
	}

#location ul {
	margin: 0 0 10px 14px;
	}

#location ul li {
	margin-bottom: 6px;
	color: #fff;
	font-size: 0.75em;
	}

#sub sep {
	float: left;
	margin-bottom: 20px;
	width: 808px;
	height: 0;
	overflow: hidden;
	}

.ie6-7 #coffee,
.ie6-7 #bar,
.ie6-7 #cuisine {
	padding-bottom: 2px;
	}

#coffee  a,
#bar     a,
#cuisine a {
	float: left;
	margin-bottom: 10px;
	}

#coffee  a { margin-left:  4px; margin-top: 5px; }
#bar     a { margin-left: 11px; }
#cuisine a { margin-left: 0px; }

#cuisine p {
	margin: -3px 0 7px 13px;
	color: #fff;
	font-size: 0.75em;
	}