/* CSS Document */
/* 16 March 2009 */

body {
background: url(../images/bg.gif) repeat-x top left;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 0;
margin: 0;
font-weight: normal;
}

#frame {
width: 984px;
margin: 0px auto;
padding: 0;
}

.contentimage {
float:right;
margin-left: 15px;
}

.noborder{
border:0px;
margin:0px 0px 0px 43px;
}


/*---------------skipnav-----------------*/
.skipnav {
display: none;
}



/*---------------logo and byline-----------------*/
#header {
background: url(../images/header.gif) no-repeat top left;
height: 134px;
width: 984px;
padding: 0;
margin: 0 auto;
}

#logo {
height: 67px;
width: 272px;
padding: 30px 0 0 25px;
}




/*---------------image banner-----------------*/
#banner {
background:url(../images/banner_image.jpg) no-repeat top left;
height: 231px;
width: 984px; 
}

#bannerinside {
background:url(../images/banner_image2.jpg) no-repeat top left;
height: 231px;
width: 984px; 
}

#container {
border: #fff solid 1px;
width: 450px;
}


/*---------------top navigation-----------------*/
#topnav {
width: 984px;
height: 34px;
background-color: #0699d7;
padding: 0;
margin:0;
font-size: 1.2em;
}

#topnav ul{
margin:0;
padding:7px 0 0 18px;
}

#topnav li{
float:left;
display: inline;
margin: 0px;
padding: 0px 0 8px 0;
color:#fff;
}

#topnav a:link, #topnav a:visited{
margin: 0px;
padding: 0px 10px 11px 10px;
color:#243462;
text-decoration:none;
}

#topnav a:hover{
margin: 0px;
padding: 0px 10px 11px 10px;
color:#fff;
text-decoration:none;
background-image: url(../images/hover.gif);
background-position: bottom center;
background-repeat: no-repeat;
}


/*---------------content text styles-----------------*/
#content {
background: url(../images/contentbg.gif) repeat-y top left #243462;
width: 984px;
}

#text {
display: inline;
float: left;
width: 684px;
padding: 33px 33px 33px 33px;
color: #fff;
}


#text h1 {
background: url(../images/h1.gif) no-repeat left;
font-size: 1.7em;
color: #fff;
padding: 0 0 0 35px;
font-weight: bold;
}

#text h2 {
font-size: 1.3em;
color: #F4D24A;
padding: 0;
font-weight: bold;
border-bottom: #F4D24A dotted 1px;
}

#text ul {
padding: 0px;
margin: 0px;
}

#text li {
padding: 0 0 0 13px;
margin: 0px;
background :url(../images/bullet.gif) no-repeat top left;
list-style: none;
}

.style2 {
color:#FFCC66;
font-size:18px;
}

#compli {
padding: 10px 0 0 13px;
margin: 0px;
background :url(../images/bullet.gif) no-repeat top left;
list-style: none;
}


#text a:link, #text a:visited, #text a:hover {
color: #fff;
}


/*---------------home page right hand side buttons-----------------*/
#buttons {
display: inline;
float: right;
width: 201px;
padding: 33px 33px 33px 0;
}

#buttons img {
border: 0;
padding: 0 0 6px 0;
}

#buttons a:link, #buttons a:visited, #buttons a:hover {
color: #fff;
}


/*---------------inside page right hand side panel-----------------*/
#rightpanel {
display: inline;
float: right;
width: 201px;
padding: 33px 33px 33px 0;
}


/*---------------rates-----------------*/

#rates {
background: url(../images/rates_bottom2.gif) no-repeat bottom;
padding: 0px;
margin: 5px 0 0 0;
}

#ratesinside {
width: 170px;
padding: 0 15px 25px 15px;
color:#243462; 
}

#ratesinside a:link, #ratesinside a:visited, #ratesinside a:hover  {
color:#243462;
text-decoration: underline; 
}

#ratesinside h2 {
background: url(../images/h2_star.gif) no-repeat left;
font-size: 1.7em;
color:#243462;
padding: 0 0 0 35px;
font-weight: normal;
}

/*---------------footer with sponsors logos-----------------*/
#sponsors {
background:url(../images/sponsors.gif) no-repeat left top;
width: 984px;
height: 84px;
}


/*---------------footer with sponsors logos - for exclusive events page only-----------------*/
#sponsors_events {
background:url(../images/sponsors_executive.gif) no-repeat left top;
width: 984px;
height: 84px;
}


/*---------------footer text-----------------*/
#footer {
color: #243462;
float: right;
font-size: 0.9em;
padding: 5px 0 5px 0;
}

#footer a:link, #footer a:visited, #footer a:hover {
color: #243462;
}

/* --- Booking Form -------------------------- */

	#contacttext {
		width:397px;
		margin:20px;
	}

	#contact {
		width:397px;
		margin:20px;
	}
	#contact fieldset {
		margin:0;
		padding:0;
		border:none;
	}
	#contact form {
		margin:0 0 20px 0;
	}
	#contact ol {
		list-style:none;
		margin:0;
		padding:0;
	}
	#contact li {
		background:none;
		margin:0;
		padding:0;
	}
	#contact label {
		width:160px;
		display:block;
		float:left;
		margin:0 0 8px 0;
	}
	#contact input, #contact textarea {
		width:230px;
		float:left;	
		margin:0 0 6px 0;
		padding: 0;	
	}
	#contact input#women-alone {
		width:auto;
		float:none;
	}
	#contact input.submit {
		width:104px;
		height:21px;
		margin:10px 0 0 0;
	}
	#contact input.checkbox {
		width:20px;
		float:none;
	}
	#contact select#vehicle {
	margin: 0 0 4px 0;
	}
	#contact select#pickup_time_hours {
	margin: 0 0 4px 0;
	}
	#contact select#pickup_time_mins {
	margin: 0 0 4px 0;
	}
	
	
	/*.email {
		width:94px;
		height:14px;
		display:block;
		background:url("../images/email.png") no-repeat;
		text-indent:-9999px;
	}*/
	.form-invalid {
		width:235px;
		display:block;
		color:#f00;
		float:right;
		margin:0 0 3px 0;
	}
	#ui-datepicker-div {
		display:none;
	}
	.clearfix:after {
    	content: ".";
    	display: block;
    	clear: both;
    	visibility: hidden;
    	line-height: 0;
    	height: 0;
	}
	.clearfix:after {
    	content: ".";
    	display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	.clearfix {
		display: inline-block;
	}
	html[xmlns] .clearfix {
		display: block;
	}
	
	* html .clearfix {
		height: 1%;
	}
	
	#comp-flash {
		width:202px;
		height:346px;
		float:right;
		padding-left: 10px;
	}