/*
Theme Name: China Doll Guest House Theme
Author: Leadtooth
Author URI: http://www.leadtooth.com
*/

body {
	margin: 5px auto 0 auto;
	background-color: #a58b5c;
	font-size: 12px;
	font-family: Lucida Sans Unicode, Lucida Grande, Arial, Helvetica, sans-serif;
	color: #363636;
	height: 100%;
	text-align: center;
}
#completeres {margin: 15px auto; padding: 15px; width: 80%; text-align: center; border-top: 1px solid #363636; border-bottom: 1px solid #363636;}

#guestdata {line-height: 20px;}
table { border: 0; font-size: 1.0em;}

#header {
	margin:10px auto 0px auto;
	height: 25px;
	width: 940px;
	line-height: 1.4em;
	background-image: url(http://www.webervations.com/images/10544/headertop.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	text-align: left;
	color: #FFFFFF;
	font-size: 0.8em;
}
#header a:link { color: #ffffff; text-decoration: none;}
#header a:visited { color: #ffffff;	text-decoration: none;}
#header a:hover { color: #CCCCCC; text-decoration: none }
#header a:active { color: #cccccc; text-decoration: none; outline: none; }

#header img {margin: 0 5px 0 10px; border: 0;}

#wrap {
	width: 944px;
	background-image: url(http://www.webervations.com/images/10544/wrapbg.gif);
	background-repeat: repeat-y;
margin: 0 auto;
text-align: center;
padding: 0;
min-height: 800px;
}

#left table {float: left; background-color: #fcfcf6;}

#left table tr{margin-bottom: 10px;}


#left a:link {color: #8a120e; text-decoration: none; font-size: 1.4em; padding: 25px 0 3px 0;}
#left a:visited { color: #8a120e; text-decoration: none;  font-size: 1.4em; padding: 5px 0 3px 0;}
#left a:hover { color: #e1b464; text-decoration: none;  font-size: 1.4em; padding: 5px 0 3px 0;}
#left a:active { color: #e1b464; text-decoration: none; outline: none;  font-size: 1.4em; padding: 5px 0 3px 0;}


#left form {background-color: #fcfcf6;}

#content {
width: 673px;
margin: 0;
float: left;}

#left {
float: left;
	margin: 15px 0 15px 15px;
	width: 590px;
	background-color: #fcfcf6;
	line-height: 20px;
	padding: 0 0px 30px 15px;
}

#sidebar {
	width: 255px;
	padding: 0 0 10px 0;
	margin: 0 16px 0 0;
	float: right;
	height: 100%;
	text-align: center;
	background-color: #460907;
		background-image: url(http://www.webervations.com/images/10544/sidebartop.gif);
background-repeat: no-repeat;
}

.mainlogo {
margin: 30px 0 0 0;
border: 0;}

#sidebar img { border: 0; }



/* ----- LINKS ----- */

a:link { color: #8a8777; text-decoration: none; }
a:visited { color: #8a8777; text-decoration: none; }
a:hover { color: #474747; text-decoration: none; }
a:active { color: #474747; text-decoration: none; outline: none; }

/* ----- TITLES ----- */

h1 {
	margin: 0;
	padding: 0;}


h3 {margin: 0 0 8px 0;
padding: 0;
font-size: 24px;
color: #8b120e;
font-style: italic;
font-weight: 300;
width: 100%;
height: 30px;
display: block;
background: url(http://www.webervations.com/images/10544/hr.gif) no-repeat left bottom;
}

h4 {
font-size: 1.4em;
color: #7b100c;
font-weight: normal;
letter-spacing: 0em;
margin: 10px 0 10px 0;
padding: 0;}


h5 {
font-size: 1.4em;
color: #e2ad4a;
font-weight: normal;
letter-spacing: 0em;
margin: 10px 0 10px 0;
padding: 0;}


#footer { text-align: center;
	line-height: 1.2em;	
	color: #ffffff;
	margin: 5px auto 0 auto;
	background: url(http://www.webervations.com/images/10544/footerbg.gif);
	background-repeat: no-repeat;
	width: 914px;
	height: 112px;}

.footerlogo {margin: 23px 20px 10px 25px; border: 0; float: left;}

#footer a:link { color: #ffffff; text-decoration: none;}
#footer a:visited { color: #ffffff;	text-decoration: none;}
#footer a:hover { color: #CCCCCC; text-decoration: none }
#footer a:active { color: #cccccc; text-decoration: none; outline: none; }

.footertext {
float: left;
text-align: left;
	color: #FFFFFF;
	margin: 20px 10px 10px 0px;
	width: 145px;
	}
	
	.footertext2 {
float: left;
text-align: left;
	color: #FFFFFF;
	margin: 20px 20px 10px 0px;
	width: 140px;
	}
	.footertext3 {
float: left;
text-align: left;
	color: #FFFFFF;
	margin: 20px 0px 10px 0px;
	width: 145px;
	}
	
	.footertext4 {
float: left;
text-align: left;
	color: #FFFFFF;
	margin: 20px 10px 10px 10px;
	width: 135px;
	}


#footerlogos {
width: 914px;
margin: 0 auto 10px auto;
text-align: right;
}
#footerlogos img{float: right; margin: 0 5px 5px 5px; border: 0;}

#menu{
margin: 30px auto 0 auto;
z-index: 99999; position: relative;
width: 195px;
height: 173px;
list-style: none;
}

#submenuul {
margin: 15px 10px 15px 10px;
padding: 5px;
width: 100%;
text-align: center;
line-height: 21px;
border: 1px solid #803431;
background-color: #88110d;
background-image: url(http://www.webervations.com/images/10544/submenubg.gif);}

#properties li a:link {color: #ffffff; text-decoration: none; display: block; background-image: url(http://www.webervations.com/images/10544/submenubg.gif); height: 25px;}
#properties li a:visited {color: #ffffff; text-decoration: none; display: block;  background-image: url(http://www.webervations.com/images/10544/submenubg.gif); height: 25px;}
#properties li a:hover {color: #ffffff; text-decoration: none; display: block; background-image: url(http://www.webervations.com/images/10544/submenubg2.gif); height: 25px;}
#properties li a:active {color: #ffffff; text-decoration: none; display: block; background-image: url(http://www.webervations.com/images/10544/submenubg2.gif); height: 25px;}

#flyout {float:right; padding:0; margin:3px 0 0 0; list-style:none; position:relative; width:195px;}
#flyout ul {padding:0; margin:0 60px 0 0; list-style:none; width:195px; height:auto; position:absolute; left:-9999px; top:0;}
#flyout table {border-collapse:collapse; width:0; height:0; margin:-1px -10px;}

#flyout li {float:left; margin: 0;}
#flyout li a {display:block; margin: 0; padding: 0;}
#flyout li a.fly { }

#flyout li:hover {position:relative; }
#flyout li a:hover {position:relative; }
#flyout li:hover > a {}

#flyout :hover ul,
#flyout :hover ul :hover ul,
#flyout :hover ul :hover ul :hover ul {left:-155px;}

#properties li:hover > a {display: block; background: url(http://s89083.gridserver.com/img/submenubg2.gif) repeat right top; height: 25px; width: 195px;}
#properties2 li:hover > a {display: block; background: url(http://s89083.gridserver.com/img/submenubg2.gif) repeat right top; height: 25px; width: 195px;}


#flyout :hover ul ul,
#flyout :hover ul :hover ul ul {left:-9999px;}
#home a:link {width: 195px; height: 19px; border: 0;  background: url(http://www.webervations.com/images/10544/home1.gif) 0 0 no-repeat; text-decoration: none;}
#home a:visited {width: 195px; height: 19px; border: 0;  background: url(http://www.webervations.com/images/10544/home1.gif) 0 0 no-repeat; text-decoration: none;}
#home a:hover {background-position: -195px 0; text-decoration: none;}
#home a:active {background-position: -195px 0; text-decoration: none;}

#home2 a:link {width: 195px; height: 19px; border: 0;  background-image: url(http://www.webervations.com/images/10544/home3.gif); text-decoration: none;}
#home2 a:visited {width: 195px; height: 19px; border: 0;  background-image: url(http://www.webervations.com/images/10544/home3.gif); text-decoration: none;}
#home2 a:hover {width: 195px; height: 19px; border: 0;  background-image: url(http://www.webervations.com/images/10544/home3.gif); text-decoration: none;}
#home2 a:active {width: 195px; height: 19px; border: 0;  background-image: url(http://www.webervations.com/images/10544/home3.gif); text-decoration: none;}

#properties a:link {width: 195px; height: 22px; border: 0;  background: url(http://www.webervations.com/images/10544/properties1.gif) 0 0 no-repeat; text-decoration: none;}
#properties a:visited {width: 195px; height: 22px; border: 0;  background: url(http://www.webervations.com/images/10544/properties1.gif) 0 0 no-repeat; text-decoration: none;}
#properties a:hover {background-position: -195px 0; text-decoration: none;}
#properties a:active {background-position: -195px 0; text-decoration: none;}

#properties2 a:link {width: 195px; height: 22px; border: 0;  background-image: url(http://www.webervations.com/images/10544/properties3.gif); text-decoration: none;}
#properties2 a:visited {width: 195px; height: 22px; border: 0;  background-image: url(http://www.webervations.com/images/10544/properties3.gif); text-decoration: none;}
#properties2 a:hover {width: 195px; height: 22px; border: 0;  background-image: url(http://www.webervations.com/images/10544/properties3.gif); text-decoration: none;}
#properties2 a:active {width: 195px; height: 22px; border: 0;  background-image: url(http://www.webervations.com/images/10544/properties3.gif); text-decoration: none;}
 
#rates a:link {width: 195px; height: 23px; border: 0;  background: url(http://www.webervations.com/images/10544/rates1.gif) 0 0 no-repeat; text-decoration: none;}
#rates a:visited {width: 195px; height: 23px; border: 0;  background: url(http://www.webervations.com/images/10544/rates1.gif) 0 0 no-repeat; text-decoration: none;}
#rates a:hover {background-position: -195px 0; text-decoration: none;}
#rates a:active {background-position: -195px 0; text-decoration: none;}

#rates2 a:link {width: 195px; height: 23px; border: 0;  background-image: url(http://www.webervations.com/images/10544/rates3.gif); text-decoration: none;}
#rates2 a:visited {width: 195px; height: 23px; border: 0;  background-image: url(http://www.webervations.com/images/10544/rates3.gif); text-decoration: none;}
#rates2 a:hover {width: 195px; height: 23px; border: 0;  background-image: url(http://www.webervations.com/images/10544/rates3.gif); text-decoration: none;}
#rates2 a:active {width: 195px; height: 23px; border: 0;  background-image: url(http://www.webervations.com/images/10544/rates3.gif); text-decoration: none;}

#tours a:link {width: 195px; height: 22px; border: 0;  background: url(http://www.webervations.com/images/10544/tours1.gif) 0 0 no-repeat; text-decoration: none;}
#tours a:visited {width: 195px; height: 22px; border: 0;  background: url(http://www.webervations.com/images/10544/tours1.gif) 0 0 no-repeat; text-decoration: none;}
#tours a:hover {background-position: -195px 0; text-decoration: none;}
#tours a:active {background-position: -195px 0; text-decoration: none;}

#tours2 a:link {width: 195px; height: 22px; border: 0;  background-image: url(http://www.webervations.com/images/10544/tours3.gif); text-decoration: none;}
#tours2 a:visited {width: 195px; height: 22px; border: 0;  background-image: url(http://www.webervations.com/images/10544/tours3.gif); text-decoration: none;}
#tours2 a:hover {width: 195px; height: 22px; border: 0;  background-image: url(http://www.webervations.com/images/10544/tours3.gif); text-decoration: none;}
#tours2 a:active {width: 195px; height: 22px; border: 0;  background-image: url(http://www.webervations.com/images/10544/tours3.gif); text-decoration: none;}

#news a:link {width: 195px; height: 23px; border: 0; background: url(http://www.webervations.com/images/10544/news1.gif) 0 0 no-repeat; text-decoration: none;}
#news a:visited {width: 195px; height: 23px; border: 0;  background: url(http://www.webervations.com/images/10544/news1.gif) 0 0 no-repeat; text-decoration: none;}
#news a:hover {background-position: -195px 0; text-decoration: none;}
#news a:active {background-position: -195px 0; text-decoration: none;}

#news2 a:link {width: 195px; height: 23px; border: 0;  background-image: url(http://www.webervations.com/images/10544/news3.gif); text-decoration: none;}
#news2 a:visited {width: 195px; height: 23px; border: 0;  background-image: url(http://www.webervations.com/images/10544/news3.gif); text-decoration: none;}
#news2 a:hover {width: 195px; height: 23px; border: 0;  background-image: url(http://www.webervations.com/images/10544/news3.gif); text-decoration: none;}
#news2 a:active {width: 195px; height: 23px; border: 0;  background-image: url(http://www.webervations.com/images/10544/news3.gif); text-decoration: none;}

#planner a:link {width: 195px; height: 22px; border: 0;  background: url(http://www.webervations.com/images/10544/planner1.gif) 0 0 no-repeat; text-decoration: none;}
#planner a:visited {width: 195px; height: 22px; border: 0; background: url(http://www.webervations.com/images/10544/planner1.gif) 0 0 no-repeat; text-decoration: none;}
#planner a:hover {background-position: -195px 0; text-decoration: none;}
#planner a:active {background-position: -195px 0; text-decoration: none;}

#planner2 a:link {width: 195px; height: 22px; border: 0;  background-image: url(http://www.webervations.com/images/10544/planner3.gif); text-decoration: none;}
#planner2 a:visited {width: 195px; height: 22px; border: 0;  background-image: url(http://www.webervations.com/images/10544/planner3.gif); text-decoration: none;}
#planner2 a:hover {width: 195px; height: 22px; border: 0;  background-image: url(http://www.webervations.com/images/10544/planner3.gif); text-decoration: none;}
#planner2 a:active {width: 195px; height: 22px; border: 0;  background-image: url(http://www.webervations.com/images/10544/planner3.gif); text-decoration: none;}

#faq a:link {width: 195px; height: 22px; border: 0;  background: url(http://www.webervations.com/images/10544/faq1.gif) 0 0 no-repeat; text-decoration: none;}
#faq a:visited {width: 195px; height: 22px; border: 0;  background: url(http://www.webervations.com/images/10544/faq1.gif) 0 0 no-repeat; text-decoration: none;}
#faq a:hover {background-position: -195px 0; text-decoration: none;}
#faq a:active {background-position: -195px 0; text-decoration: none;}

#faq2 a:link {width: 195px; height: 22px; border: 0;  background-image: url(http://www.webervations.com/images/10544/faq3.gif); text-decoration: none;}
#faq2 a:visited {width: 195px; height: 22px; border: 0;  background-image: url(http://www.webervations.com/images/10544/faq3.gif); text-decoration: none;}
#faq2 a:hover {width: 195px; height: 22px; border: 0;  background-image: url(http://www.webervations.com/images/10544/faq3.gif); text-decoration: none;}
#faq2 a:active {width: 195px; height: 22px; border: 0;  background-image: url(http://www.webervations.com/images/10544/faq3.gif); text-decoration: none;}

#directions a:link {width: 195px; height: 23px; border: 0;  background: url(http://www.webervations.com/images/10544/directions1.gif) 0 0 no-repeat; text-decoration: none;}
#directions a:visited {width: 195px; height: 23px; border: 0;  background: url(http://www.webervations.com/images/10544/directions1.gif) 0 0 no-repeat; text-decoration: none;}
#directions a:hover {background-position: -195px 0; text-decoration: none;}
#directions a:active {background-position: -195px 0; text-decoration: none;}

#directions2 a:link {width: 195px; height: 23px; border: 0;  background-image: url(http://www.webervations.com/images/10544/directions3.gif); text-decoration: none;}
#directions2 a:visited {width: 195px; height: 23px; border: 0;  background-image: url(http://www.webervations.com/images/10544/directions3.gif); text-decoration: none;}
#directions2 a:hover {width: 195px; height: 23px; border: 0;  background-image: url(http://www.webervations.com/images/10544/directions3.gif); text-decoration: none;}
#directions2 a:active {width: 195px; height: 23px; border: 0;  background-image: url(http://www.webervations.com/images/10544/directions3.gif); text-decoration: none;}

#contact a:link {width: 195px; height: 23px; border: 0;  background: url(http://www.webervations.com/images/10544/contact1.gif) 0 0 no-repeat; text-decoration: none;}
#contact a:visited {width: 195px; height: 23px; border: 0;  background: url(http://www.webervations.com/images/10544/contact1.gif) 0 0 no-repeat; text-decoration: none;}
#contact a:hover {background-position: -195px 0; text-decoration: none;}
#contact a:active {background-position: -195px 0; text-decoration: none;}

#contact2 a:link {width: 195px; height: 23px; border: 0;  background-image: url(http://www.webervations.com/images/10544/contact3.gif); text-decoration: none;}
#contact2 a:visited {width: 195px; height: 23px; border: 0;  background-image: url(http://www.webervations.com/images/10544/contact3.gif); text-decoration: none;}
#contact2 a:hover {width: 195px; height: 23px; border: 0;  background-image: url(http://www.webervations.com/images/10544/contact3.gif); text-decoration: none;}
#contact2 a:active {width: 195px; height: 23px; border: 0;  background-image: url(http://www.webervations.com/images/10544/contact3.gif); text-decoration: none;}

#propreserve {
float: left;
width: 605px;
margin-top: 20px;
padding:0px;}
#reservations {
width: 659px;
text-align: right;
height: 43px;
margin: 5px 0 0 14px;
padding: 10px 0 0 0;
background-image: url(http://www.webervations.com/images/10544/reservationsbg.gif);
padding: 0;
float: left;}

.reservationform {
height: 23px; width: 100%; color: #75624f; padding: 0;}

.propreserveform {float: right; font-size: 0.9em;}

.formfields1 {text-transform: uppercase; font-size: 0.8em; height: 20px; border: 1px solid #75624f; background-color: #ffffff;  margin-right: 5px;}
.formfields2 {text-transform: uppercase; font-size: 0.8em; height: 20px; border: 1px solid #75624f; background-color: #ffffff;  margin-right: 5px;}
.formfields3 {text-transform: uppercase; font-size: 0.8em; height: 20px; border: 1px solid #75624f; background-color: #ffffff;  margin-right: 5px;}
.formfields4 {text-transform: uppercase; font-size: 0.8em; height: 15px; border: 1px solid #75624f; background-color: #ffffff; width: 20px;}
.formfields5 {text-transform: uppercase; font-size: 0.8em; height: 15px; border: 1px solid #75624f; background-color: #ffffff; width: 70px;}

#submit {width: 77px; height: 21px; background-color: #680d0a; color: #FFFFFF; font-size: 1em; border: 0; margin: 0 0px 0 5px;}
#submit2 {width: 60px; height: 23px; background-color: #680d0a; color: #FFFFFF; font-size: 1em; border: 0; margin: 0;}

#reserve {height: 43px; margin-right: 5px;}

#dropsubmit {width: 16px; height: 16px; background-color: #680d0a; color: #FFFFFF; font-size: 1em; border: 0; margin: 0;}
.formnote {
font-style: italic;
font-size: 0.8em;
color: #666666;
text-align: left;}

.propertiesdrop {text-transform: uppercase; font-size: 0.8em; height: 20px; border: 0.5px solid #ffffff; background-color: #560b08; color: #ffffff;  margin: 0 auto;}
#jumpmenu
{width: 168px;
margin: 20px auto 60px auto;
padding: 0;
text-align: center;
}
#jumpmenu img {
display: block;
margin: 0 auto;
text-align: center;}

@media print {

#header, #sidebar, #reservations, #footer{display: none;
background-color: #ffffff;
color: #000000;}
}