body {
background: #000;
height: 100%;
margin: 0px 0px 0px 0px;
}

.rightCharter{
float: right;
width: 300px;
margin-top: -16px;
}

.boatType{
margin-bottom:0px;
}

#enquire{
position:absolute;
top:95px;
}

a {
color: #eee;
text-decoration: none;
}

a:hover {
color: #666;
}

#container {
float: left;
position: absolute;
left: 50%;
margin-left: -395px;
width: 790px;
overflow: hidden;
border-left: 1px solid #666;
border-right: 1px solid #666;
background: #030d1d;
}

#logo {
float: left;
}

#logo img {
border: 0px;
}

#flags {
float: right;
width: 80%;
text-align: right;
margin: 5px 5px 5px 5px;
}

#flags img {
border: 0px;
}

#nav {
float: right;
margin: 5px 5px 0px 0px;
color: #eee;
font: 0.55em Verdana, sans-serif;
font-weight: bold;
text-transform: uppercase;
text-align: right;
}

#nav a {
color: #eee;
text-decoration: none;
padding: 0px 1px 0px 1px;
}

#nav a:hover {
color: #666;
}

.navon {
color: #666 !important;
}

#page1 {
width: 790px;
float: left;
background: #030d1d url(../images/pagebg.gif);
border-bottom: 1px solid #666;
}

#page1 p {
font: 10px Verdana, sans-serif;
color: #eee;
margin: 0px 20px 0px 15px;
padding: 10px 0px 10px 0px;
text-align:justify;
}

.home {
margin-right: 450px !important;
}

#news1 {
float: left;
width: 50%;
}

#news2 {
float: left;
width: 49%;
/*height: 245px;*/
border-left: 1px solid #666;
}

#news1 p {
margin: 10px 10px 10px 10px;
font-size: 10px;
}

#news2 p {
margin: 10px 10px 10px 10px;
font-size: 10px;
}

#news2 ul {
margin: 10px 10px 10px 10px !important;
}

#news2 img {
border: 0px;
width: 370px;
padding: 0px 5px 0px 0px;
}

#news2 a {
font: 10px Verdana, sans-serif;
}

.left {
margin-right: 350px !important;
}

.right {
margin-left: 340px !important;
}

#homeimg {
float: right;
padding: 10px 10px 6px 10px;
}

#imgright {
float: right;
border-left: 1px solid #666;
}

#imgright img {
float: left;
}

#imgleft {
float: left;
border-right: 1px solid #666;
}

#imgleft img {
float: left;
}

#page1 a {
text-decoration: none;
color: #eee;
}

#page1 a:hover {
color: #ccc;
}

#title {
display: block;
width: 790px;
height: 38px;
background: #0f203a;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}

#title h1 {
float: left;
font: 13px Verdana, sans-serif;
font-weight: bold;
color: #eee;
margin: 12px 0px 10px 15px;
text-transform: uppercase;
}

#locations {
position: absolute;
top: 65px;
right: 10px;
}

#locations h1 {
display: inline;
margin: 10px 10px 10px 10px;
}

#map {
position: absolute;
top: 95px;
right: 4px;
}

#weather {
float: left;
width: 780px;
height: 235px;
}

#weather a {
display: block;
padding: 5px 0px 5px 0px;
font: 15px Verdana, sans-serif;
font-weight: bold;
text-transform: uppercase;
text-align: center;
}

#page2 {
width: 790px;
height: 200px;
border-bottom: 1px solid #666;
background: #030d1d url(../images/pagebg.gif);
text-align: center;
float: left;
}

#page2 img {
margin: 20px 10px 10px 10px;
padding: 0px 0px 0px 0px;
vertical-align: middle;
border: 1px solid #666;
}

#page2 p {
font: 10px Verdana, sans-serif;
color: #eee;
margin: 0px 20px 10px 15px;
padding: 20px 0px 0px 0px;
text-align: left;
}

#page2 h2 {
text-align: left;
}

#foot {
float: left;
height: 15px;
font: 9px Verdana, sans-serif;
color: #666;
text-align: center;
padding: 10px 0px 10px 0px;
border-bottom: 1px solid #666;
}

#copyright {
float: left;
margin: 0px 0px 0px 10px;
}

#ravine {
float: right;
margin: 0px 10px 0px 0px;
}

#foot a {
color: #666;
text-decoration: none;
}

#foot a:hover {
color: #999;
}

#services {
float: left;
width: 520px;
}

#services1,#services2,#services3 {
float: left;
padding: 0px 0px 10px 10px;
width: 180px;
}

#services1 h2 {
font: 11px Verdana, sans-serif;
font-weight: bold;
color: #eee;
margin: 12px 15px 10px 5px;
text-transform: uppercase;
}

#services2 {
margin-top: 35px;
width: 130px !important;
}

#services3 h2 {
font: 11px Verdana, sans-serif;
font-weight: bold;
color: #eee;
margin: 12px 15px 10px 5px;
text-transform: uppercase;
}

#courses1, #courses2, #courses3 {
float: left;
width: 260px;
text-align: left;
}

#courses1 h2 {
font: 11px Verdana, sans-serif;
font-weight: bold;
color: #eee;
margin: 2px 15px 0px 15px;
text-transform: uppercase;
}

#courses2 h2 {
font: 11px Verdana, sans-serif;
font-weight: bold;
color: #eee;
margin: 2px 15px 0px 15px;
text-transform: uppercase;
}

#courses3 h2 {
font: 11px Verdana, sans-serif;
font-weight: bold;
color: #eee;
margin: 2px 15px 0px 15px;
text-transform: uppercase;
}

#ryacourses {
margin-left: 340px;
}

#ryacourses1 {
float: left;
width: 100%;
}

#ryacourses2 {
float: left;
}



#ryancourses2 {
float: left;
}

#contactpics {
float: right;
width: 500px;
margin-top: -180px;
}

#contactpics h2 {
text-align: center;
}

#hawkins {
float: left;
margin-left: 30px;
}

#nice {
float: left;
margin-left: 40px;
}

#flybridge, #sports {
float: left;
width: 380px;
height: 225px;
text-align: center;
margin: 5px 5px 5px 5px;
}

#flybridge {	
left: 10px;
}

#sports {
right: 10px;
}

#flybridge img {
border: 1px solid #666;
width: 120px;
height: 60px;
}

#sports img {
border: 1px solid #666;
width: 120px;
height: 60px;
}

#boatfull {
float: left;
margin: -20px -20px -10px -10px;
width: 442px;
}

#boatfull img {
border: 0px;
border-right: 1px solid #666;
}

#boatdetail {
float: right;
height:200px;
width: 350px;
overflow:auto;
overflow-x: hidden;
}

.enquire {
float: right;
margin: -10px 5px 0px 0px;
}

#boatenquiry {
padding-left:175px;
margin-bottom:10px;
}

#boatenquiry a {
font: 9px Verdana, sans-serif;
font-weight: bold;
float: left;
padding: 2px 5px 2px 5px;
background: #ccc;
color: #000;
text-transform: uppercase;
}

#boatenquiry a:hover {
background: #666;
}
	
#weekend1	{
position: absolute;
top: 246px;
left: 240px;
}
	
#weekend2	{
position: absolute;
top: 246px;
left: 512px;
}

#weekendimg	{
position: absolute;
top: 340px;
left: 10px;
}

#weekendenquiry	{
position: absolute;
top: 518px;
left: 595px;
font: 10px Verdana, sans-serif;
font-weight: bold;
}

#weekendenquiry a {
float: left;
padding: 2px 5px 2px 5px;
background: #ccc;
color: #000;
text-transform: uppercase;
}

#weekendenquiry a:hover {
background: #666;
}

/***********************************************************SEO PANEL******************************************/

#seo_panel {
	position: absolute;
	top: 1200px;
	left: 50%;
	width: 780px;
	margin-left: -400px;
	background: #000;
	padding: 10px 10px 10px 10px;
	margin-bottom: 25px;
	font: 11px Verdana, sans-serif;
	color: #fff;
	text-align: center;
}

#seo_panel h1 {
	font: 11px Verdana, sans-serif;
	color: #fff;
	margin: 2px 4px 2px 0px;
	display: inline;
}

#seo_panel a {
	font: 11px Verdana, sans-serif;
	color: #fff;
}

#seo_panel a:hover {
	color: #666;
}

/***********************************************************FONTS**********************************************/

h2 {
font: 11px Verdana, sans-serif;
font-weight: bold;
color: #eee;
margin: 12px 15px 10px 15px;
text-transform: uppercase;
}

h3 {
font: 11px Verdana, sans-serif;
font-weight: bold;
color: #eee;
margin: 2px 15px 12px 15px;
text-transform: uppercase;
}

.bold {
font-weight: bold;
}

/***********************************************************FORMS***********************************************/

#brochureForm {
width: 750px;
margin: 0px -100px 0px 15px;
}

#brochureForm input {
height:18px;
width:200px;
}

#brochureForm select {
height:20px;
width:200px;
}

#brochureForm textarea {
width:195px;
}

#contact_form_button input {
margin:10px 5px 0px 0px;
width:90px;
}

#brochureForm1 {
float: left;
width: 350px;
font: 10px Verdana, sans-serif;
color: #fff;
margin: 15px 15px 15px 0px;
text-align: right;
}

#brochureForm2 {
float: left;
font: 10px Verdana, sans-serif;
color: #fff;
margin: 15px 15px 15px 15px;
text-align: right;
}

form {
}

input {
font: 9px Verdana, sans-serif;
width: 150px;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.submit {
text-transform: uppercase;
font-weight: bold;
margin: 9px -15px 0px 0px;
padding: 0px 0px 1px 0px;
width: 155px;
}

select {
font: 9px Verdana, sans-serif;
width: 154px;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.selectLocation {
margin: -2px 0px 0px 0px;
}

textarea {
font: 9px Verdana, sans-serif;
vertical-align: top;
overflow: auto;
width: 150px;
height: 93px;
margin: -2px 0px 0px 0px;
}

/***********************************************************NEXT / PREV****************************************/
#contactBtn{
position:absolute;
top:318px;
left:322px;
font: 10px Verdana, sans-serif;
font-weight: bold;
}

.leftContact{
left:-200px;
}	
	
#contactBtn a {
float: left;
padding: 2px 5px 2px 5px;
background: #ccc;
color: #000;
text-transform: uppercase;
}

#inline_nav {
float: left;
font: 10px Verdana, sans-serif;
width: 400px;
height: 50px;
margin: 10px 0px -15px 0px;
padding: 0px 10px 0px 15px;
overflow: hidden;
}

#inline_nav a {
float: left;
padding: 2px 5px 2px 5px;
background: #ccc;
color: #000;
text-transform: uppercase;
}

#inline_nav p {
float: left;
font-size: 12pt;
margin: -12px 3px 12px 3px;
}

#inline_nav a:hover {
background: #666;
}

#inline_nav1 {
float: right;
font: 10px Verdana, sans-serif;
width: 500px;
height: 50px;
margin: 10px 0px -15px 0px;
padding: 0px 15px 0px 10px;
overflow: hidden;
}

#inline_nav1 a {
float: right;
padding: 2px 5px 2px 5px;
background: #ccc;
color: #000;
text-transform: uppercase;
}

#inline_nav1 p {
float: right;
font-size: 12pt;
margin: -12px 3px 12px 3px;
}

#inline_nav1 a:hover {
background: #666;
}

.contact_us {
float: left;
margin-left: 3px;
}

.req {
color: #f00;
font: 10px Verdana,sans-serif;
font-weight: regular;
text-transform: capitalize;
}

/************************************************************LIST*******************************************************/

li	{
font: 10px Verdana, sans-serif;
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;
line-height: 15px;
color: #eee;
}

ul {
margin: 4px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#enquireImg	{
position:absolute;
top:-20px;
left:-150px;
width:135px;
height:24px;
border:0px;
}

/*******************************************/

.next_training {
position:absolute;
left:299px;
top:318px;
}

.global_locations {
position:absolute;
left:190px;
top:318px;
}

.training_prev {
position: absolute; 
top: 318px; 
left:529px;
}

/* ---------------------------------------- Events ------------------------------------------- */

.event_panel {
	height: 160px;
	width:800px;
	display: block;
}