/* -------------------------------------------------------------------
Filename : base.css
Title : Primary CSS file for New Lao Paris Hotel Website
Author : Aloundeth Panekham
URL : http://www.laopkservices.com
License : Copyright 2007, , All Rights Reserved.
Description : This base style sheet imports other style sheets and provides basic styling for XHTML elements for the New Lao Paris Hotel website.
----------------------------------------------------------------------- */

/*************************/
/*import initial setup file*/
/*************************/

@import url("reset.css");

/************************/
/*CSS for entire website*/
/************************/

body {
	margin:	0;
	padding:	0;
	text-align:	center;
	color:	#7a6444;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:	10px;
	background:	url(../images/bg_main.png) repeat-x #E9E6CF;
	height:	800px;
}

p {
	line-height:	1.5em;
	text-indent:	2em;
	margin:	1em auto;
}

ul, li {
	padding: 0;
	margin:	.4em 0;
}

a {
	text-decoration:	underline;
	color:#7a6444;
}

a:hover {
	text-decoration:	none;
	color:#990000;
}

a:visited {
	text-decoration:	underline;
	color:#999999;
}

ul li {
	list-style:	none;
	background: url(../images/bullet.png) no-repeat left top;
	padding-left: 20px;
}

strong {
	font-weight:bold;
	font-style:normal;
}

#wrapper {
	width:	742px;
	/*border:	1px solid silver;*/
	margin:	0 auto 0 auto;
}

.imageSlideshowHolder,.imageSlideshowHolder_left {
	margin:5px;	/* "Air" */
	float:left; /* Floating gallery at the right side of other web page content */		
	width:126px;	/* Image width */
	height:126px;	/* Image height */
		
	position:relative;	/* Don't remove this line */
}

.imageSlideshowHolder img{
	position:absolute;
	left:0px;
	top:0px;
}

/************************/
/* CSS for =Navigation */
/************************/

#nav-wrapper {
	height:	43px;
	background:	#FFFFFF;
}

#nav-l-bg {
	height:	43px;
	width:	11px;
	background:	url(../images/line_l_bg1.png) no-repeat;
	position:	absolute;
	margin-left:	0;
}

#nav {
	height:	43px;
	width:	720px;
	background:	url(../images/nav.png) repeat-x;
	position:	absolute;
	margin-left:	11px;
}

#nav-r-bg {
	height:	43px;
	width:	11px;
	background:	url(../images/line_r_bg1.png) no-repeat;
	position:	absolute;
	margin-left:	731px;
}

#navigation {
	width:	720px;
	height:	22px;
	position:	absolute;
	margin:	10px 0 11px 0;
	text-align:	center;
}

/************************/
/* CSS for =Flash Content */
/************************/

#flash-wrapper {
	height:	135px;
	background:	#FFFFFF;
	position:	absolute;
	
}

#shadow-l-f {
	width:	11px;
	height:	135px;
	background:	url(../images/bg2_l.png) repeat-y;
	position:	absolute;
	margin-left:	0;
}

#shadow-r-f {
	width:	11px;
	height:	135px;
	background:	url(../images/bg2_r.png) repeat-y;
	position:	absolute;
	margin-left:	731px;
}

#flash-content {
	width:	710px;
	height:	135px;
	position:	absolute;
	margin-left:	11px;
	background-color: #FFFFFF;
	padding-left: 20px;
}

#line-flash-wrapper {
	height:	11px;
	background:	#FFFFFF;
	position:	absolute;
	margin-top:	135px;
}

#line-flash-l-bg {
	height:	11px;
	width:	11px;
	background:	url(../images/line_l_bg2.png) no-repeat;
	position:	absolute;
	margin-left:	0;
}

#line-flash {
	height:	11px;
	width:	720px;
	background:	url(../images/line2.png) repeat-x;
	position:	absolute;
	margin-left:	11px;
}

#line-flash-r-bg {
	height:	11px;
	width:	11px;
	background:	url(../images/line_r_bg2.png) no-repeat;
	position:	absolute;
	margin-left:	731px;
}

/************************/
/* CSS for =Main Content */
/************************/

#content-wrapper {
	height:	334px;
	background:	#FFFFFF;
	position:	absolute;
	margin-top:	146px;
}

#shadow-l-c {
	width:	11px;
	height:	334px;
	background:	url(../images/content_bg_l.png) repeat-y;
	position:	absolute;
	margin-left:	0;
}

#shadow-r-c {
	width:	11px;
	height:	334px;
	background:	url(../images/content_bg_r.png) repeat-y;
	position:	absolute;
	margin-left:	731px;
}

#main-content {
	width:	720px;
	height:	334px;
	background:	url(../images/content_bg.png) repeat-x;
	position:	absolute;
	margin-left:	11px;
}

#content {
	width:	489px;
	height:	338px;
	position:	absolute;
	margin-top:	-4px;
	padding-top: 8px;
	text-align:	left;
	padding-left:	13px;
	padding-right:	10px;
}

#hotel-form {
	width:	231px;
	height:	338px;
	position:	absolute;
	margin-top:	-4px;
	margin-left:	489px;
	padding-top: 8px;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:	10px;
	color:	#FFFFFF;
	background:	url(../images/form_bg.jpg) repeat-x;
}

#hotel-form p {
	text-align:	left;
}

form input, label, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	display: inline;
}

form#avai_form {
	text-align: left;
	width:	83%;
	height:	195px;
	margin: 0 auto;
}

form#avai_form label {
	float:	left;
	clear:	left;
	padding-right: .5em;
	width:	6.5em;
	line-height: 1.5em;
}

form#avai_form input[type=text] {
	margin: 0 0 .8em 0;
	float:	left;
}

form#avai_form input[type=image] {
	margin: 1em 0 0 0;
	float: right;
}

form#avai_form input#adultno {
	width:	40px;
}

form#avai_form input#childno {
	width:	40px;
}

form#avai_form input#name {
	width:	110px;
}

form#avai_form input#email {
	width:	110px;
}

form#avai_form select {
	margin: 0 0 .8em 0;
}

#callus {
	width:	220px;
	height:	75px;
	margin:	0 auto;
}

/************************/
/* CSS for =Footer Navigation */
/************************/

#footer-wrapper {
	height:	42px;
	background:	#FFFFFF;
	position:	absolute;
	margin-top:	480px;
}

#footer-l-bg {
	height:	42px;
	width:	11px;
	background:	url(../images/footer_bg_l.png) no-repeat;
	position:	absolute;
	margin-left:	0;
}

#footer {
	height:	42px;
	width:	720px;
	background:	url(../images/footer.png) repeat-x;
	position:	absolute;
	margin-left:	11px;
}

#footer-r-bg {
	height:	42px;
	width:	11px;
	background:	url(../images/footer_bg_r.png) no-repeat;
	position:	absolute;
	margin-left:	731px;
}

#footer-nav {
	width:	720px;
	height:	22px;
	position:	absolute;
	margin:	11px 0 11px 0;
	color: #FFFFFF;
}

#footer-nav a {
	text-decoration: none;
	color: #FFFFFF;
}

#footer-nav a:hover {
	text-decoration: underline;
}

#copyright-wrapper {
	height:	50px;
	background:	#FFFFFF;
	position:	absolute;
	margin-top:	522px;
}

#copyright-l-bg {
	height:	50px;
	width:	11px;
	background:	url(../images/content_bg_l.png) repeat-y;
	position:	absolute;
	margin-left:	0;
}

#copyright {
	height:	50px;
	width:	720px;
	position:	absolute;
	margin-left:	11px;
}

#copyright-r-bg {
	height:	50px;
	width:	11px;
	background:	url(../images/content_bg_r.png) repeat-y;
	position:	absolute;
	margin-left:	731px;
}

#end-wrapper {
	height:	40px;
	background:	#FFFFFF;
	position:	absolute;
	margin-top:	572px;
}

#end-l-bg {
	height:	40px;
	width:	11px;
	background:	url(../images/bg3_l.jpg) no-repeat;
	position:	absolute;
	margin-left:	0;
}

#end {
	height:	40px;
	width:	720px;
	position:	absolute;
	margin-left:	11px;
}

#end-r-bg {
	height:	40px;
	width:	11px;
	background:	url(../images/bg3_r.jpg) no-repeat;
	position:	absolute;
	margin-left:	731px;
}