/* -------------------------------------------------------------------
Filename : index.css
Title : CSS file for index page of Villa Ban Lao Website
Author : Aloundeth Panekham
URL : http://www.banlaohotel.com
License : Copyright 2007, , All Rights Reserved.
Description : This style sheet provides basic styling for XHTML elements for index page of Villa Ban Lao website.
----------------------------------------------------------------------- */

/************************/
/*CSS for Check Availability box*/
/************************/

#check-availability {
	width:	231px;
	height:	264px;
	float:	left;
	background:	url(../images/checkavai.png) no-repeat;
}

#check-avai-lable {
	margin:	10px auto auto 8px;
	position:	absolute;
	z-index:	1;
}

#key {
	position:	absolute;
	width:	231px;
	height:	93px;
	z-index:	2;
	background:	url(../images/key.png) no-repeat right;
}

#checkform {
	position:	absolute;
	margin:	45px auto auto 8px;
	width:	210px;
	z-index:	3;
}

#checkform label {
	/*display:	block;*/
	font-weight:	bold;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:	10px;
	float:	left;
	clear:	left;
	text-align:	right;
	width:	7em;
	line-height:	1.8em;
	cursor:	default;
}

#checkform input {
	/*display:	block;*/
	float:	left;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:	11px;
	margin-left:	1em;
}

#checkform select {
	display:	block;
	float:	left;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:	11px;
	margin-left:	1em;
}

#checkform input#checkin {
	width:	11em;
}

#checkform input#checkout {
	width:	11em;
}

#checkform input#yname {
	width:	11em;
}

#checkform input#yemail {
	width:	11em;
}

#checkform br {
	clear:	both;
	line-height:	1.65em;
}

#checknow {
	width:	210px;
	/*position:absolute;*/
}

#checknow input#checkSubmit {
	float:	right;
	margin-right:	0.5em;
}

/************************/
/*CSS for Special Promotion Box*/
/************************/

#promo {
	width:	231px;
	height:	241px;
	float:	left;
	background:	url(../images/promo.png) no-repeat;
}

#promo-lable {
	margin:	10px auto auto 6px;
}

#promo-item	{
	margin:	10px auto auto 6px;
}

#promo-inner {
	width:	205px;
	margin:	10px auto auto 5px;
}

/************************/
/*CSS for main content	*/
/************************/

#content {
	width:	471px;
	height:	323px;
	float:	right;
	background:	url(../images/content_bg.png) no-repeat;
	text-align:	center;
}

#content-left {
	width:	205px;
	float:	left;
	margin: 15px 12px auto 12px;
	text-align:	left;
}

p{
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:	10px;
	color:	#363636;
	text-align:	justify;
	line-height:	1.3em;
}

.title{
	font-weight:	bold;
	line-height:	0em;
	margin:	0.5em auto 0.5em auto;
}

#content-right {
	margin:	15px 12px auto auto;
	float:	right;
	width:	230px;
	text-align:	left;
}

#dot-sperator {
	width:	13px;
	height:	300px;
	float:	left;
	text-align:	left;
	background:	url(../images/dot.png) repeat-y;
}

#content-room {
	width:	205px;
	float:	right;
	margin: auto auto auto 12px;
	text-align:	left;
}

#content-room .roomtype {
	float:	left;
	width:	114px;
	margin-right:	4px;
}

#content-room .roomtype p {
	margin-top:	0;
	text-align:	left;
}

#content-room .image {
	float:	right;
	width:	85px;
	height:	94px;
}

#content-room ul li{
	padding-left:	20px;
	margin-left:	0;
	list-style:	none;
	background:	url(../images/arrow.png) no-repeat left center;
}

.list-link {
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:	10px;
	color:	#363636;
	clear:	both;
}

a {
	text-decoration:	none;
	color:	#464646;
}

a:hover {
	text-decoration:	underline;
	color:	#0066FF;
}

/************************/
/*CSS for Call Us Box*/
/************************/

#call-us {
	width:	231px;
	height:	84px;
	float:	left;
}

#call-us img {
	margin-left:	6px;
}