/**********************************************************
	CSS file - developed by Oscar Chavez
	eSolutions - http://www.esolutions.es
**********************************************************/

body {
	margin:25px 0 15px 0;
	color:#333;
	font-size:90%;
	font-family:Georgia, "Times New Roman", Times, serif;
	background:#fefefc url(../assets/bg-body.jpg) repeat-x center bottom fixed;
}
a {color:#069;}
a:hover {color:#f30;}
p, #main-content ul {
	margin:0px 0px 15px 0px;
	line-height:1.4em;
}
form input:hover, form select:hover, form textarea:hover, 
form input:focus, form select:focus, form textarea:focus {background-color:#ffc;}
form input.button:hover {background-color:none;}

/**********************************************************
	Site Structure
**********************************************************/

#page-header, #page-body, #page-footer {position:relative; margin:0 auto; width:747px;}
#page-header {height:186px;}
#page-header h1 {position:absolute; top:5px; left:30px; width:125px; height:120px; margin:0px; overflow:hidden;}
#page-header .banner {position:absolute; top:-25px; right:0px; width:340px; height:170px; text-align:center;}
#page-header .sub-nav {position:relative; top:140px;}
#page-body #main-content {position:relative; float:right; width:570px; min-height:500px; margin:10px -10px 10px 0;}
* html #page-body #main-content {height:500px;}
#page-body #left-content {width:180px;}
#page-body #left-content .main-nav {position:relative; top:-60px; left:18px; width:159px; z-index:1000;}

/**********************************************************
	Classes
**********************************************************/

.float-left {float:left;}
.float-right {float:right;}
.img-left {float:left; margin:0px 15px 15px 0px; border:1px double #333; clear:left;}
.img-right {float:right; margin:0px 0px 15px 15px; padding:1px; border:1px solid #333; clear:right;}
.clear {clear:both;}
.textbold {font-weight:bold;}
.textred {color:#f30;}
.textsmall {font:90% sans-serif;}
.box1 {
	width:518px; /* para IE */
	border:1px solid #fbd17b;
	background:#fff3c1 url(../assets/bg-box1.jpg) repeat-x;
	font-family:sans-serif;
	clear:both;
}
.box2 {
	width:518px; /* para IE */
	border:1px solid #333;
	background:#f6f6f6;
	text-align:center;
	font-family:sans-serif;
	padding:3px;
	clear:both;
}
.box3 {
	width:518px; /* para IE */
	border:1px solid #333;
	background:#f6f6f6;
	font-family:sans-serif;
	padding:3px;
	clear:both;
}
.table1 {font:90% sans-serif; background:#EEF2F1; border:1px solid #779F99; border-bottom:none; margin-bottom:10px;}
.table1 td {padding:3px; border-bottom:1px solid #779F99;}
.table1 tr.heading {background:#779F99; color:#fff; font-weight:bold;}
.table2 {font:90% sans-serif; margin-bottom:10px;}
.table2 td {padding:3px; border-bottom:1px solid #779F99;}
.table2 td.last {border-bottom:none;}
.day {
	background:url(../assets/calendar.jpg) no-repeat;
	display:block;
	width:50px;
	height:35px;
	float:left;
	margin-right:10px;
	padding-top:27px;
	text-align:center;
	font:85% Arial;
	font-weight:bold;
	clear:left;
}

/**********************************************************
	Page Header
**********************************************************/

#page-header {background:#fff url(../assets/bg-header4.jpg) no-repeat;}
#page-header h1 img {border:none;}
#page-header .sub-nav ul {
	list-style:none;
	margin:0px;
	padding:6px 15px 23px 15px;
	text-align:right;
	border-top:1px solid #ccc;
	background:#000 url(../assets/bg-header-subnav.jpg) no-repeat left bottom;
}
#page-header .sub-nav ul li {display:inline;}
#page-header .sub-nav ul li a {
	color:#fff;
	font-size:85%;
	font-family:Arial;
	margin-left:25px;
	padding-left:23px;
	font-weight:bold;
	text-decoration:none;
	background:url(../assets/bullet2.gif) no-repeat left 0px;
}
#page-header .sub-nav ul li a:hover {
	color:#f90;
	text-decoration:none;
	background-position:left -20px;
}

/**********************************************************
	Page Body
**********************************************************/

#page-body {
	background:#fff url(../assets/bg-page-body1.jpg) repeat-y left top;
}
#page-body .banner {position:absolute; left:0px; bottom:-1px;}

/**********************************************************
	Main Content
**********************************************************/

#main-content {
	border:1px solid #333;
	background:#fff url(../assets/bg-main-content.jpg) no-repeat 360px top;
}
#main-content h2 {
	padding:5px 10px 10px 45px;
	margin:0px;
	font:150% Verdana;
	font-weight:normal;
	color:#fff;
	background:#8d8178 url(../assets/bg-title.jpg) no-repeat 7px 2px;
}
#main-content .content {
	padding:10px 10px 30px 10px;
}
#main-content .content h3 {
	margin:0px 0px 10px 0px;
	font:120% Verdana;
	color:#f30;
	clear:both;
	border-bottom:1px dotted #f60;
}
#main-content .content h4 {
	margin:0px 0px 6px 0px;
	font:100% Verdana;
	font-weight:bold;
	clear:both;
	color:#333;
	text-decoration:underline;
}
#main-content .content ul {
	padding:10px 15px;
	margin:10px 0px;
	list-style:none;
	font-size:0.9em;
}
#main-content .content ul li a {background:url(../assets/bullet4.png) no-repeat left 1px; padding-left:15px;}
#main-content .content ul li ul li a {background:url(../assets/bullet6.gif) no-repeat left 1px;}

#main-content .include {
	color:#fff;
	clear:both;
	padding:30px 0px 20px 0px;
	font:80% Arial, Helvetica, sans-serif;
	background:#8d8178 url(../assets/bg-include.jpg) repeat-x left top;
} /* * html body #main-content .include {padding:20px 0px 20px 0px;} */
#main-content .include td {
	padding:0px 7px;
	vertical-align:top;
	border-left:1px solid #999;
}
#main-content .include td.first {border-left:none;}
#main-content .include h3 {margin:0 0 4px 0; padding:5px 0; font-size:120%; border-bottom:1px solid #999;}
#main-content .include ul {margin:0px; padding:0px; list-style:none;}
#main-content .include ul li {padding:0px 0px 3px 15px; background:url(../assets/bullet3.gif) no-repeat left 4px;}
#main-content .booking {
	color:#fff;
	padding:9px;
	text-align:center;
	background:#5b544d;
	font:90% Arial, Verdana;
	font-weight:bold;
	border-top:1px solid #333;
}
#main-content .booking td {text-align:center; padding:7px;}
#main-content .booking input {text-align:center;}

/**********************************************************
	Left Content
**********************************************************/

#left-content .content {
	text-align:right;
	padding:0px 15px 25px 15px;
}
#left-content .image {
	border:5px solid #fbf3e1;
	margin-bottom:30px;
}
#left-content .main-nav ul {
	margin:0px;
	padding:0px 5px;
	list-style:none;
	background:url(../assets/bg-header-mainnav2.png) repeat-y left top;
}
#left-content .main-nav ul li {}
#left-content .main-nav ul li a {
	display:block;
	color:#433c2d;
	width:117px;
	padding:4px 3px 4px 20px;
	font-size:85%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	border-top:1px solid #ede8dd;
	border-bottom:1px solid #c3bcad;
	background:url(../assets/bullet3.gif) no-repeat 4px center;
}
#left-content .main-nav ul li a:hover {
	color:#000;
	text-decoration:none;
	background-color:#ede8dd;
}
#left-content .main-nav ul li a.first {border-top:none;}
#left-content .main-nav ul li a.last {border-bottom:none;}

#left-content .main-nav ul ul {padding:0px 0px; background-image:none;}
#left-content .main-nav ul ul li a {
	padding:2px 3px 2px 20px;
	font-size:80%;
	font-weight:normal;
	background:url(../assets/bullet6.gif) no-repeat 6px center;
}

/**********************************************************
	Page Footer
**********************************************************/

#page-footer {
	color:#000;
	font:85% Arial, sans-serif;
}
#page-footer .content {padding:10px 6px;}
#page-footer a {color:#444; text-decoration:none;}
#page-footer a:hover {color:#000; text-decoration:underline;}
#page-footer .float-right a {text-decoration:underline;}