/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
	margin: 0;
	padding: 0;
}
body {
	background: url(images/img01.jpg);
	font: normal 14px Geneva, Arial, Helvetica, sans-serif;
	color: #745E43;
}
h1, h2, h3 {
	font-weight: normal;
	color: #B27217;
}
h1 {
}
h2 {
	font-size: 1.5em;
	margin:0px;
	padding-bottom:10px;
}
h3 {
	font-size: 1.1em;
}
p, blockquote, ul, ol {
	margin-bottom: 1.8em;
	line-height: 180%;
}
p {
}
blockquote {
}
ul {
	list-style: none;
}
ul li {
	padding-left: 1em;
	background: url(images/img06.gif) no-repeat left center;
}
ul .square { list-style:square; }
ul .circle { list-style:circle; }
ul .disc { list-style:disc; }
ol {
	margin-left: 3em;
}

a img {
	border:none;
}
a {
	color: #D65601;
	text-decoration:underline;
}
a:hover {
	text-decoration: none;
}
a:visited {
}
img a { border:none;}

/*  FORM   */
form {display:block;
float:left;
width:100%;}
fieldset {
	margin: 0 1em 0 0;
	padding: 0 1em 0 1em;
	border: 1px solid #DDAE5E;
}

legend {
	padding-left:5px;
	padding-right:5px;
}

label {
	display: block;
	font-weight: bold;
}
input { width: auto; background:#FFFFFF; }
radio {
	width: 15em;
	margin: 1em 0 2em 0;
}
textarea { overflow:hidden;border: 1px solid #DDAE5E;font: normal 12PX Verdana, Arial, Helvetica, sans-serif;}

.textfield {
	margin: 0 0 5px 0;
	padding: 3px 5px;
	border: 1px solid #DDAE5E;
	font: normal 12PX Verdana, Arial, Helvetica, sans-serif;
	color: #464646;
}

.button {
	float: right;
	width: 70px;
	height: 18px;
	margin: 0 0 5px 0;
	padding: 0;
	border: 1px solid #464646;
	background: #FAFAFA url(images/img05.gif) repeat-x;
	font: normal x-small Verdana, Arial, Helvetica, sans-serif;
	color: #464646;
}
.center { margin:0 auto; text-align:center; }

.bg {
	background: url(images/img02.jpg) repeat-x;
}
/* Header */

#header {
	width: 800px;
	height: 150px;
	padding-top: 10px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#header h1 {color:#FFFFFF;font-size:34px;font-family:Arial, Helvetica, sans-serif;}
/* Logo */

#logo {
	float: left;
	width: 400px;
}
#logo h1 {
	margin: 0;
	font-size: 2em;
}
#logo h2 {
	margin: 0;
	padding-left: .1em;
	font-size: 1em;
	font-weight: bold;
}
#logo a {
	text-transform: uppercase;
	text-decoration: none;
	color:#FFF;
}
/* Wrapper */

#wrapper {
	margin: 0 auto;
	width: 800px;
}
/* Sidebar */

#sidebar {
	float: left;
	width: 280px;
	background: url(images/img04.jpg) repeat-y;
}
#sidebar .title {
	margin: 0;
	padding: 20px 20px 0 20px;
	background: url(images/img03.jpg) no-repeat;
}
#sidebar .content {
	padding: 20px;
}
.bottom {
	height: 33px;
	background: url(images/img05.jpg) repeat-x left bottom;
}
/* Content */

#content {
	float: right;
	width: 500px;
}
/* Splash */

#splash {
	text-align: center;
	background: url(images/img09.jpg) repeat-y;
}
#splash .top {
	padding: 20px 20px 16px 20px;
	background: url(images/img08.jpg) no-repeat;
}
#splash .bottom {
	height: 33px;
	background: url(images/img05.jpg) repeat-x left bottom;
}
/* Welcome */

#welcome {
	padding: 0 20px;
}
/* post */

#post {
	padding: 20px;
	background: url(images/img05.jpg) repeat-x;
}
.post1 {
	padding-top:10px;
}
.post1 h3 {
	color:#663300;
	font-weight:bold;
}
.post1 p {
	line-height:130%;
	padding:5px 0px 0px 0px;
	margin-bottom:5px;
}
#post2 {float:left; width:100%;}
/* Footer */

#footer {
	width: 800px;
	margin: 0 auto;
}
#footer p {
	font-size: 14px;
	text-align: center;
}
/*  Add on */
/* Menu */
#menu {
	float: left;
	padding-top:20px;
}
#menu h2 {
	display: none;
}
#menu ul {
	list-style:none;
	height:20px;
	position:relative;
	background:none;
	font-size:12px;
}
#menu li {
	display:inline;
	margin:0;
	padding:0px;
	background: none;
}
#menu li a {
	display:block;
	float:left;
	height:35px;
	line-height:30px;
	color:#333;
	text-decoration:none;
	font-family:arial, verdana, sans-serif;
	font-weight:bold;
	text-align:center;
	padding:0 0 0 10px;
	cursor:pointer;
	background:url(images/menu/pro_six_0a.gif) no-repeat;
}
#menu li a b {
	float:left;
	display:block;
	padding:0 25px 5px 15px;
	background:url(images/menu/pro_six_0b.gif) no-repeat right top;
}
#menu li.current a {
	color:#fff;
	background:url(images/menu/pro_six_2a.gif) no-repeat;
}
#menu li.current a b {
	background:url(images/menu/pro_six_2b.gif) no-repeat right top;
}
#menu li a:hover {
	color:#fff;
	background: url(images/menu/pro_six_1a.gif) no-repeat;
}
#menu li a:hover b {
	background:url(images/menu/pro_six_1b.gif) no-repeat right top;
}
#menu li.current a:hover {
	color:#fff;
	background: url(images/menu/pro_six_2a.gif) no-repeat;
	cursor:default;
}
#menu li.current a:hover b {
	background:url(images/menu/pro_six_2b.gif) no-repeat right top;
}
#menutext {
	padding-top:10px;
	text-align:center;
	padding-left:30px;
}
#menutext h2 {
	display: none;
	text-align:center;
}
#menutext ul {
	list-style:none;
	height:20px;
	position:relative;
	background:none;
	font-size:14px;
	text-align:center;
}
#menutext li {
	display:inline;
	margin:0;
	padding:0;
	background: none;
	text-align:center;
}
#menutext li.current a {
	color:#fff;
	text-align:center;
}
#menutext li a:hover {
	color:#fff;
	text-align:center;
}
#menutext li.current a:hover {
	color:#fff;
	cursor:default;
	text-align:center;
}
#certificate {padding:5px;}

/* My Class */
.imgleft {
	float:left;
	margin:0px;
	padding:5px 10px 5px 0px;
}
.imgcenter {
	margin:0 auto;
	text-align:center;
	padding-bottom:5px;
}
.linedot {
	background:url(/images/line_dot.gif) repeat-x;
	height:1px;
	padding:5px 0px 5px 0px;
	display:block;
}
.linkright {text-align:right;padding:5px 10px 5px 0px;}
.descript_price ul {
	color:#CC3300;
	text-align:left;
	clear:both;
	padding-top:0px;
	margin-top:0px;
	display:block;
	padding-bottom: 0px;
	margin-bottom:0px;
}
.reservation {
	color:#800000;
}
table {
	border: 1px solid #D7A431;
	background-color: #D4D0C8;
	color: #000;
}
td, th {
	padding:5px;
}
caption {
	text-transform: uppercase;
	text-align:center;
	font: bold 12pt Tahoma, "MS Sans Serif", EucrosiaUPC;;
	color: #4F4F4F;
	margin: 3px 0;
}
/* =links
----------------------------------------------- */
table a {
	color:maroon;
	text-decoration: none;
}
table a:link {
	color:maroon;
}
table a:visited {
	color: maroon;
}
table a:hover {
	color:#993300;
}
/* thead tbody tfoot
----------------------------------------------- */

thead th, tfoot th, tfoot td, tbody th, tbody td {
	color: #985b11;
	font: 10pt Tahoma, "MS Sans Serif", EucrosiaUPC;;
	border-right: 1px solid #aaa;
	border-top: 1px solid #eee;
	border-left:1px solid #eee;
	border-bottom: 1px solid #aaa;
}
thead th, tfoot th, tfoot td {
	background-color: #E4C084;
	font-weight: bold;
	text-align:center;
}
tfoot td {
	text-align:right
}
tbody tr {
	white-space: nowrap;
	text-align:left;
	background-color: #F4E1C0;
}
/* Visual and hover effects */
.odd td {
}
tbody tr:hover td {
	background-color: #F9F0DD;
	border-right: 1px solid #aaa;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #aaa;
	cursor:auto;
}

#thephoto {
	visibility:hidden;
}
/* 2 Column Table List Data */
#twocoltable {
	padding:5px;
	width:100%;
}
#twocoltable .col1 {
	float: left;
	padding: 10px 2% 10px 2%;
	margin: 20px 1% 20px 2%;
	background: #666;
	border: 5px solid #ccc;
	width: 44%; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 41%;
}
#twocoltable .col2 {
	float: right;
	padding: 10px 2% 10px 2%;
	margin: 20px 2% 20px 1%;
	background: #666;
	border: 5px solid #ccc;
	width: 44%; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 41%;
}
/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
}
/* 2 column left menu settings */
.col2list {
	
}
.col2list .colright {
	float:left;
	width:200%;
	position:relative;
	left:15em;
}
.col2list .col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:15em;	
}
.col2list .col1 {
	margin:0 1em 0 15em;
	position:relative;
	right:100%;
	overflow:hidden;
}
.col2list .col2 {
	float:left;
	width:15em;
	position:relative;
	right:15em;
}


/* Banner */
#noboyband-ipod a{font-size:1.4em;}