/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }

body {
	background: #231F20;
	font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
	color: #666666;
	text-align: center;
	margin: 15px 0;
}

#header {
	position:relative;
	padding-top:10px;
	width: 750px;
	margin: 0 auto 0 auto;
	height:30px;
}

#subheader {
	position:relative;
	width: 750px;
	margin: 0 auto 0 auto;
	height:25px;
}

#banner {
	height:40px;
	position:absolute;
	z-index:10;
	top:0;
	left:0px;
}
#main {
	width: 100%;
	height:475px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-repeat:no-repeat;
	padding:0;
}

#content {
	position:relative;
	padding:0;
	width:750px;
	height:475px;
	margin: 0 auto 0 auto;
	background-image: url(gfx/sounds4.jpg);
	background-repeat:no-repeat;
}

#body {
  overflow:auto;
	margin:0 auto 0 auto;
	width:330px;
	height:460px;
	padding:10px 10px 5px 10px;
}

#body a:link, #body a:visited {
  color:#ffc;
	border-bottom: 1px dotted;
	padding: 0 2px 0 2px;
	text-decoration:none;
}
#body a:visited {
  color:#ccc;
}
#body a:hover {
  color:#ffc;
	background-color:#666;
	border-top: 1px dotted;
	border-bottom: 1px dotted;
	padding:0 2px 0 2px;
}

#body p {
	font-size: 12px;
  color:white;
	margin:0;
	padding:0;
	text-align:left;
	padding-bottom:15px;
}
#body p.credits {
  text-align:right;
	font-size:9px;
	padding-top:20px;
	padding-bottom:0px;
}
#body p.quote {
  font-style:oblique;
}
#body .center {
  text-align:center;
}

#image-bleft, #image-bright, #image-tleft, #image-tright {
	width:150px;
	height:118px;
	position:absolute;
	bottom:15px;
	border: 1px solid #fff;
	background-color:#666;
	padding:1px;
}
#image-bright, #image-tright {
	right:22px;
}
#image-bleft,#image-tleft {
	left:22px;
}
#image-tleft, #image-tright {
	bottom:150px;
}

.noborder {
	text-decoration: none;

}

li.error {
	font-size:12px;
	color:red;
}

h1 {
  text-transform:uppercase;
	font-family: Times, san-serif;
	text-align:left;
	letter-spacing:1px;
	font-size:28px;
	font-weight:normal;
	color:white;
	padding-bottom:0px;
	padding-top:10px;
}
h2 {
	text-align:left;
	font-family: Verdana, Arial, Times, san-serif;
	font-style:oblique;
	font-size:16px;
	color:white;
	padding-left:70px;
	font-weight:normal;
}
h3 {
	font-size:14px;
	text-align:left;
	font-family: Verdana, Arial, Times, san-serif;
	color:white;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:10px;
}

#body img {
	border:1px solid #fff;
	padding:1px;
	background-color: #666;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* nav */

#nav {
	width: 800px;
	margin: 0 auto 0 auto;
	padding-bottom:0px;
}

#menu{
	width: 800px;
	text-align:center;
	padding-bottom:10px;
}

#menu ul{
display: block;
padding-top: 10px;
}

#menu ul li{
	list-style-type: none;
	display: inline;
	margin-right: 29px;
	margin-left: 29px;
	color:white;
}

#menu ul li a{
	text-decoration: none;
	font-family: Tahoma, Verdana, Arial, Times, san-serif;
	font-size: 12px;
	color: #ffffff;
}

#menu ul li a:hover{
	color: yellow;
}

#menu ul li#current a {
	color:gray;
}

/* form elements */
form {
	margin:7px;
	padding: 0px 15px;
	border: 1px solid #D5D5D5;
	background-color: #DFDFDF;
}
label {
	display:block;
	font-weight:normal;
	margin:15px 0 1px 0;
}
label.checkbox {
	display:inline;
  margin-left:10px;
	font-weight:normal;
}
label.error {
	background-color:yellow;
}

input, select {
	padding:2px;
  margin:0;
	border:1px solid gray;
	font: normal 1em Verdana, sans-serif;
	color:#777;
	background:#fff;
}

textarea {
	width:240px;
	padding:2px;
  margin:0 auto;
	font: normal 1em Verdana, sans-serif;
	border:1px solid gray;
	height:100px;
	display:block;
	color:#777;
}
.formfieldfocus {
	color:#333;
  background: #ffc;
}
.formfieldblur {
	color:#777;
  background: #fff;
}

input.button {
	font: bold 12px Arial, Sans-serif;
	height: 24px;
	margin: 15px;
	padding: 2px 23px;
	color: #333;
	background: #cce;
	border: 1px solid #999;
}

#bookingdetails {
	background-color:#666;
	border:1px dashed #ccc;
	width:250px;
	padding:10px;
	margin:20px auto;
}

#bookingdetails p {
	padding-bottom:5px;
}