/* CSS Document */

/* CSS Document */

/*RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	color: #222222;
	background-color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
ol, ul {
	list-style: none;
}



a:link {color:#20255C; text-decoration:none}
a:visited {color:#20255C; text-decoration:none}
a:hover {color:#787878; text-decoration:none}
a:active {color:#787878; text-decoration:none}

h1 {font-size:21px; color:#20255C; font-family:Arial, Helvetica, sans-serif; margin-bottom:4px}
h2 {font-size:17px; color:#20255C; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:6px}
h3 {font-size:14px; color:#20255C; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
h4 {font-size:11px; color:#cdcdcd; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
a {color:#20255C}

#header {width:1000px; height:150px}
#content { width:1000px; padding-bottom:35px}
#content p {padding-bottom:8px;}
#text {width:700px; margin:0 auto}
#content ul {list-style: inside disc; margin-bottom:4px}
#content ol {list-style:inside decimal; margin-bottom:4px}
#content li {padding-bottom:3px}
#footer {width:965px; font-size:9px; padding:15px 10px 15px 25px; clear:both; background-color:#444444; color:#cdcdcd; border-top:1px solid #cccccc; background-image:url(../images/footerbg.jpg); background-position:right; background-repeat:no-repeat; display:block}
#footer a {color: #31CDFF}
#footer a:hover {color: #dedede}

#blogwrap {margin:0 auto; width:950px}
#blogcontent { width:600px; padding-bottom:35px; float:left}
#blogcontent p {padding-bottom:8px;}
#blogsidebar {width:300px; padding:10px; float:right}
#blogsidebar p {padding-top:12px}

#fonttext {width:450px; float:left; margin-left:8px; margin-bottom:25px}
#frontteaserwrap {width:500px; margin-left:20px; float:right}
.frontteaser{ width:230px; margin:5px; float:left}

.picdiv {width:1000px; height:380px; padding-top:75px}
.picdiv p {width:400px; margin-left:25px; padding-bottom:8px; color:#cdcdcd; font-size:13px;}

#pricediv {width:300px; background-color:#999999; color:#FFFFFF; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; padding:12px; text-align:center; margin:4px}
#pricediv h3 {color:#FFFFFF}

#smallteaserwrap {margin-left:40px; margin-top:-60px}
#smallteaserwrap p {padding-bottom:8px}
.smallteaser {width:290px; height:150px; margin:8px; float:left}

.pricetable {margin:0 auto; font-size:14px}
.pricetable td {padding:7px}

.map {height:650px; width:450px; float:right; margin-top:25px}
.directions {width:300px;}
.directions
.directions a {color:#65BA4A;}
.directions a:hover {color:#000000;}
#mapwrap {width:840px}
#mapwrap  h2 {color:#CCCCCC}
#dirinputwrap {margin:25px 0 10px 20px; float:left}

.smalltext {font-size:9px}
.error {color:#990000}

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

.blogentry {clear:both; margin-bottom:20px; border-bottom:1px solid #bbbbbb; padding-bottom:10px}

#languagelinks {position:absolute; left:975px; top:5px; font-size:9px}

#tinycontent { margin:30px 5px 5px 20px; width:650px}
#tinycontent h1 {color:#cdcdcd}
#tinycontent p {padding-bottom:12px}
#tinycontent td {padding:5px}

#weather {width:430px; margin-top:4px; padding-top:4px; border-top:1px solid #666666}

#gallery {margin-left:10px; width:880px}
.thumb {float:left; padding:5px}
.thumb img {border:3px solid #555555}

#nav ul {position:absolute; top:0px; left:270px; margin:0}
#nav ul li {float:left; text-transform: uppercase; width:90px; text-align:center; margin-left:9px}
#nav ul li a:hover {color:#222222}

/*SET INDIVIDUAL COLOURS*/
#nav ul #training {border-top:6px solid #0498b4}
#nav ul li#training.active {background-color:#0498b4;}
#nav ul li#training.active a {color:#FFFFFF}
#nav ul li#training.active a:hover {color:#222222}

#nav ul #gallery {border-top:6px solid #d6b728}
#nav ul li#gallery.active {background-color:#d6b728;}
#nav ul li#gallery.active a {color:#FFFFFF}
#nav ul li#gallery.active a:hover {color:#222222}

#nav ul #prices {border-top:6px solid #9104b3}
#nav ul li#prices.active {background-color:#9104b3;}
#nav ul li#prices.active a {color:#FFFFFF}
#nav ul li#prices.active a:hover {color:#222222}

#nav ul #charter-and-rental {border-top:6px solid #990000}
#nav ul li#charter-and-rental.active {background-color:#990000;}
#nav ul li#charter-and-rental.active a {color:#FFFFFF}
#nav ul li#charter-and-rental.active a:hover {color:#222222}

#nav ul #about-us {border-top:6px solid #0321bc}
#nav ul li#about-us.active {background-color:#0321bc;}
#nav ul li#about-us.active a {color:#FFFFFF}
#nav ul li#about-us.active a:hover {color:#cccccc}

#nav ul #contact {border-top:6px solid #10ac77}
#nav ul li#contact.active {background-color:#10ac77;}
#nav ul li#contact.active a {color:#FFFFFF}
#nav ul li#contact.active a:hover {color:#222222}

#nav ul #blog {border-top:6px solid #666666}
#nav ul li#blog.active {background-color:#666666;}
#nav ul li#blog.active a {color:#FFFFFF}
#nav ul li#blog.active a:hover {color:#222222}

/*POSITION THE SUBMENUS*/
#nav ul li ul { position:relative; top:2px; left:0px; background-color:#FFFFFF; margin-left:-9px}
#nav ul li ul li {float:none; text-transform:none; font-size:9px; text-align:center; background-color:#ffffff; border:none; }
/*RESET THE SUBMENU LINKS*/
#nav ul li#training.active ul li a {color:#333333}
#nav ul li#training.active ul li a:hover {color:#999999}
#nav ul li#charter-and-rental.active ul li a {color:#333333}
#nav ul li#charter-and-rental.active ul li a:hover {color:#999999}