/*
Site: 	London Crown Hotel Apartments
Author:	Husain Hakim husainhk@gmail.com husainhk.com
Version:	1.0
*/

*
	{
		margin: 0;
		padding: 0;
		border: none;
	}


body#home
	{
		background: #9a8755 url(../images/bg-body-home.gif) repeat-x 0 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 18px;
		color: #fff;
	}
body
	{
		background: #9a8755 url(../images/bg-body-inside.gif) repeat-x 0 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 18px;
		color: #fff;
	}

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

.clearfix { overflow : hidden; _height : 1%; }



.clear { clear: both; }

a:link, a:visited
	{
		color: #edc454;
		text-decoration: underline;
	}
a:hover
	{
		text-decoration: none;
	}


#wrapper
	{
		margin: 0 auto;
		width: 920px;
	}


#main-nav
	{
		width: 920px;
		height: 34px;
		list-style: none;
		margin: 5px 0 0 0;
	}

#main-nav li
	{
		float: left;
	}

#main-nav li a
	{
		display: block;
		padding: 12px 10px;
		line-height: 10px;
		text-transform: uppercase;
		text-decoration: none;
		font-weight: bold;
		font-size: 12px;
		color: #7e641e;
		background: #fff url(../images/bg-nav-divider.gif) no-repeat 0 0;
	}
#main-nav li a.first-nav
	{
		background: none;
	}
#main-nav li a:hover
	{
		background-color: #b6912b;
		color: #fff;
	}

#home #main-nav #nav-home a, #hotels #main-nav #nav-hotels a, #guest #main-nav #nav-guest a, #gallery #main-nav #nav-gallery a, #newsroom #main-nav #nav-newsroom a,
#partners #main-nav #nav-partners a, #governance #main-nav #nav-governance a, #careers #main-nav #nav-careers a,
#contact #main-nav #nav-contact a
{
	background-color: #b6912b;
	color: #fff;
}


#masthead
	{
		width: 920px;
		height: 130px;
		margin: 25px 0 0 0;
	}

#logo
	{
		float: left;
		text-indent: -9999px;
		width: 290px;
		height: 106px;
		padding: 0;
		margin: 0;
	}

#logo a
	{
		display: block;
		width: 290px;
		height: 106px;
		background: #fff url(../images/bg-h1-logo.gif) no-repeat 0 0;
	}


h1
	{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 24px;
		line-height: 27px;
		color: #b5902b;
		float: left;
		width: 590px;
		margin: 0 0 10px 10px;
		padding: 20px 0 0 0;
	}


p.hero-text
	{
		float: left;
		margin: 0 0 0 10px;
		color: #467482;
		font-size: 20px;
		line-height: 27px;
		width: 610px;
	}


#spotlight
	{
		height: 260px;
	}


#content-wrapper
	{
		width: 920px;
		padding: 35px 0 0 0;
	}

#reservation #content-wrapper
	{
		width: 920px;
		padding: 75px 0 0 0;
	}


#content-wrapper h2
	{
		color: #eddeb5;
		font-size: 20px;
		font-family: Georgia, "Times New Roman", Times, serif;
		margin: 0 0 10px 0;
	}

#sidebar h3, #main-content h3
	{
		color: #eddeb5;
		font-size: 18px;
		font-family: Arial, Helvetica, sans-serif;
		margin: 40px 0 10px 0;
		font-weight: normal;
	}
#sidebar h3.first-heading, #main-content h3.first-heading
	{
		color: #eddeb5;
		font-size: 18px;
		font-family: Arial, Helvetica, sans-serif;
		margin: 0 0 10px 0;
		font-weight: normal;
	}


#main-content
	{
		float: left;
		width: 580px;
		padding: 0 20px 0 0;
	}


#sidebar
	{
		float: right;
		width: 281px;
		padding: 0 0 20px 19px;
		margin: 0 0 40px 0;
		border-left: #cbc1a5 1px dashed;
	}


#column-container
	{
		width: 580px;
		background: #9a8755 url(../images/bg-column.gif) repeat-y 0 0;
		margin: 30px 0;
		padding: 0 0 30px 0;
	}


#column-left
	{
		width: 290px;
		float: left;
	}
#column-right
	{
		width: 250px;
		padding: 0 10px;
		float: right;
	}

#sidebar .list
	{
		float: left;
		margin: 0 0 30px 0;
	}

.list
	{
		float: left;
		margin: 0 0 30px 0;
	}

#column-right .list
	{
		float: left;
		margin: 0 0 30px 0;
	}

#column-right .list dl
	{
		width: 270px;
		float: left;
		padding: 0 0 12px 0;
		margin: 0 0 12px 0;
		border-bottom: #cbc1a5 1px dashed;
	}
.list dl
	{
		width: 280px;
		float: left;
		padding: 0 0 12px 0;
		margin: 0 0 12px 0;
		border-bottom: #cbc1a5 1px dashed;
	}

#main-content #column-left .list dt img, #main-content #column-right .list dt img, #sidebar .list dt img
	{
		float: left;
		margin: 0 10px 0 0;
		width: 92px;
		height: 59px;
		border: #fff 5px solid;
	}
.list dd
	{
		float: left;
		width: 150px;
	}
#main-content #column-left .list dt img:hover, #main-content #column-right .list dt img:hover, #sidebar .list dt img:hover
	{
		border: #edc454 5px solid;
	}


a.icon-gallery
	{
		display: block;
		width: 195px;
		height: 157px;
		background: #9b8755 url(../images/img-thumb-gallery.jpg) no-repeat left top;
		text-indent: -9999px;
	}
a.icon-gallery:hover
	{
		display: block;
		width: 195px;
		height: 157px;
		background: #9b8755 url(../images/img-thumb-gallery.jpg) no-repeat left bottom;
	}


a.button-reserve
	{
		display: block;
		text-transform: uppercase;
		text-decoration: none;
		color: #fff;
		font-weight: bold;
		width: 118px;
		height: 40px;
		line-height: 40px;
		background: #9a8755 url(../images/bg-button-reserve.gif) no-repeat 0 0;
		padding: 0 0 0 19px;
		margin: 5px 0 0 0;
	}
a.button-reserve:hover
	{
		color: #2e3c29;
	}
	

#sidebar ul, #column-right ul, #column-left ul
	{
		margin: 0 0 0 10px;
	}


#footer
	{
		margin: 20px 0 20px 0;
		font-size: 11px;
		color: #cdc3aa;
	}


#main-content #column-left img
	{
		border: #fff 5px solid;
		float: left;
		margin: 0 10px 3px 0;
	}


#main-content img
	{
		border: #fff 5px solid;
		margin: 10px 0 10px 0;
	}

#main-content img.left
	{
		border: #fff 5px solid;
		float: left;
		margin: 0 10px 5px 0;
	}


#main-content img.extra-margin
	{
		margin: 0 10px 15px 0;
	}
	
/* For Tabs */
#container ul.menu{
	list-style: none;
	list-style-position: outside;
	margin: 0 0 20px 0;
}
#container ul.menu li{
	float: left;
	margin: 0 1px 0 0;
}
#container ul.menu li{
	display: block;
	padding: 8px;
	background: #7e641e;
	position: relative;
	color: #fff;
	cursor: pointer;
}
#container ul.menu li.active{
	background: #1e257e;
	color: #fff;
}

#container .lc2, #container .lc3
{
	display: none;
}


#main-content p
	{
		margin: 0 0 15px 0;
	}


/* --------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* LightBox 2 */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#main-content ul.thumbnails-gallery
	{
		list-style: none;
		width: 580px;
		margin: 0 0 30px 0;
	}
#main-content ul.thumbnails-gallery li
	{
		float: left;
		margin: 0 10px 10px 0;
	}
#main-content ul.thumbnails-gallery li a
	{
		text-decoration: none;
	}
#main-content ul.thumbnails-gallery li img
	{
		border: #fff 5px solid;
		margin: 0;
	}
#main-content ul.thumbnails-gallery li img:hover
	{
		border: #edc454 5px solid;
	}


.news-list
	{
		margin: 20px 0;
	}

.news-list dt span
	{
		font-style: italic;
		font-size: 11px;
	}

.news-list dt
	{
		margin: 20px 0 0 0;
	}
.news-list dd
	{
		border-bottom: #cbc1a5 1px dashed;
		padding: 0 0 20px 0;
	}


#main-content ul
	{
		margin: 0 0 15px 15px;
	}


form#upload-cv
	{
		margin: 20px 0 40px 0;
	}
form#upload-cv input
	{
		border: #999 solid 1px;
		height: 17px;
		padding: 2px 0 0 0;
	}
form#upload-cv input#file-upload
	{
		border: #999 solid 1px;
		height: 21px;
		padding: 2px 0 0 0;
	}

form#upload-cv .button
	{
		height: 21px;
		font-size: 12px;
		font-weight: bold;
		line-height: 14px;
		padding: 3px;
		background-color: #003399;
		color: #fff;
	}
	
form#upload-cv fieldset
	{
		border: #ccc 1px solid;
		padding: 10px;
		width: 450px;
		font-weight: bold;
	}
form#upload-cv fieldset legend
	{
		font-size: 14px;
		padding: 0 5px;
	}
form#upload-cv textarea
	{
		border: #999 1px solid;
		padding: 5px;
	}
form#upload-cv em
	{
		font-weight: normal;
		color: #FFFF00;
	}



#slideshow1, #slideshow2, #slideshow3
	{
		width: 487px;
		height: 329px;
		position: relative;
	}
#slideshow1 img, #slideshow2 img, #slideshow3 img
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 477px;
		height: 319px;
		margin: 0;
	}

#slideshow-home
	{
		width: 920px;
		height: 260px;
		position: relative;
	}
#slideshow-home img
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 920px;
		height: 260px;
		margin: 0;
	}


.promotions-table
	{
		width: 250px;
		margin: -10px 0 10px 0;
		border-bottom: #cbc1a5 1px dashed;
	}

.promotions-table td
	{
		width: 100%;
		padding: 5px 0;
	}

#main-content #column-left img.no-border
	{
		border: none;
	}


#main-content .properties
	{
		padding: 20px 0 0 0;
		border-bottom: #cbc1a5 1px dashed;
	}