body {
	font-family: Arial, Helvetica, sans-serif; 
	color: #333333; 
	font-size: 80%; 
	line-height: 120%;
	background-color: #4F4F4F;
	margin: 0;
	padding: 0;
}


#wrapper {
	margin: 0 auto;
	width: 900px;
	overflow: hidden;
	background: #666;
}


#navigation {
	float: left;
	height: 40px;
	background: #9DD02E;
	color: #fff;
	width: 900px;
	font-size: 110%;
}

#navigation ul {
	margin: 0 0 0 24px;
	padding: 0;
}

#navigation li {
	float: left;
	list-style-type: none;
	margin: 11px 15px 10px 15px;
}

#navigation li a {
	text-decoration: none;
	color: #fff;
}






#booking {
	float: left;
	clear: both;
	width: 287px;
	background: #fff;
	overflow: hidden;
}

#booking_inner {
	float: left;
	margin: 6px;
	width: 256px;
	min-height: 225px;
	background: #CECECE;
	color: #fff;
	padding: 16px 0 0 18px;
	overflow: hidden;
}

#booking_inner p {
	clear: both;
	float: left;
	margin: 6px 0 0 0;
	padding: 0;
	width: 240px;
	font-size: 85%;
}

#booking_inner form {
	float: left;
	margin: 0;
	padding: 0;
}

#booking_inner label {
	float: left;
	width: 58px;
}

#booking_inner label.error {
	float: left;
	clear: both;
	width: 180px;
	margin: 0 0 0 58px;
}

#booking_inner input {
	width: 170px;
}

.smallinput {
	width: 50px;
	background: red;
}

.smallsubmitbutton {
	border: 0;
	background: #8E8E8E;
	color: #fff;
}





#footer {
	margin: 0 auto;
	width: 900px;
	font-size: 70%;
	color: #ddd;
	text-align: right;
	padding: 10px 0 5px 0;
}

#footer_left {
	float: left;
	width: 500px;
	text-align: left;
	line-height: 120%;
}

#footer_right {
	float: right;
	width: 400px;
}

#footer a {
	color: #ddd;
}






/* basic styles */

img {
	border: 0;
}

a {
	color: #fff;
}

b {
	color: #A3FF2B;
}

h1 {
	margin: 0 0 1em 0;
	font-size: 180%;
	font-weight: normal;
	color: #fff;
}

h2 {
	margin: 0 0 .5em 0;
	font-size: 140%;
	font-weight: normal;
	color: #fff;
}

h3 {
	margin: 0 0 .5em 0;
	font-size: 120%;
	font-weight: normal;
	color: #fff;
}

p {
	margin: 0 0 1em 0;
}

input {
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 0;
	border-bottom: 0;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
}

textarea {
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 0;
	border-bottom: 0;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
}

select {
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 0;
	border-bottom: 0;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
}

.checkbox {
	border: 0;
}

.submitbutton {
	border: 0;
	background: #8E8E8E;
	color: #fff;
}

#form label {
	float: left;
	width: 90px;
}

#form label.error {
	float: left;
	clear: both;
	width: 400px;
	margin: 0 0 10px 90px;
	font-size: 80%;
}




.break {
	clear: both;
}


.regularlist {
	
}

.regularlist li {
	float: left;
	width: 210px;
}





/* calendar bits */

a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/calendar_icon.png) no-repeat; 
}

a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}

/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */

input.dp-applied {
	float: left;
}