/* -------------------------------------------------------------------
Filename : main.css
Title : CSS file for other pages 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 other pages of Villa Ban Lao website.
----------------------------------------------------------------------- */
/************************/
/*CSS for main content for =room	*/
/************************/

@import url("room.css");

/************************/
/*CSS for main content for =reservation	*/
/************************/

@import url("reservation.css");

/************************/
/*CSS for main content for =gallery	*/
/************************/

@import url("gallery.css");

/************************/
/*CSS for main content for =contact	*/
/************************/

@import url("contact.css");

/************************/
/*CSS for main content for =bansaainam	*/
/************************/

@import url("bansaainam.css");
/************************/
/*CSS for =Left box*/
/************************/

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

div#left-box-lable {
	margin:	10px auto auto 8px;
	position:	absolute;
	z-index:	1;
}

div#left-box-text {
	position:	absolute;
	margin:	40px auto auto 8px;
	width:	209px;
	height:	220px;
}

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

div#left-box-img {
	float:	left;
	width:	95px;
	height:	148px;
}

div#left-box-list {
	float:	right;
	width:	110px;
	height:	148px;
}

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

#content-top {
	width:	702px;
	height:	14px;
	background:	url(../images/content-top.png) no-repeat;
}

#content-middle {
	width:	702px;
	overflow:	auto;
	text-align:	center;
	background:	url(../images/content-middle.png) repeat-y;
}

#content-bottom {
	width:	702px;
	height:	14px;
	background:	url(../images/content-bottom.png) no-repeat;
}

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

#content-middle br {
	line-height:	1em;
}

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

div ul, li{
	padding-top:	0;
	margin:	0;
}

div ul li{
	padding-left:	20px;
	margin-left:	0;
	list-style:	none;
	background:	url(../images/arrow.png) no-repeat left center;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:	10px;
	color:	#363636;
}

a {
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:	10px;
	color:	#363636;
	text-decoration:	none;
	color:	#464646;
}

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

table {
	width:	98%;
	margin:	0 auto;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:	10px;
	line-height:	1.3em;
	color:	#363636;
	border-collapse:	collapse;
}

tr {
	border: 1px solid #666;
}

th {
	text-align:	left;
	border-left:	1px solid #333;
	border-right:	1px solid #333;
	border-bottom:	1px solid #333;
	border-top:	1px solid #333;
	padding:	0 .5em;
	color:	#FFFFFF;
	background:	#0066CC;
}

td {
	border:	1px dotted #666;
	padding:	0 .5em;
}

caption {
	caption-side:	bottom;
	text-align:	left;
	line-height:	2em;
	font-family:	Georgia, "Times New Roman", Times, serif;
	font-size:	10px;
	font-style:	italic;
	color:	#999999;
}