/*-------------------------------------------------------------

Style Sheet (http://www.navygator.su)
version:   1.0
author:    Satsu - Bob Jones
website:   http://www.satsu.co.uk/

-------------------------------------------------------------*/

/* =Reset CSS
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
-------------------------------------------------------------*/


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, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,/lk
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* @group Core */

body {
	background: #172441 url(../images/ui/bg.home.jpg) no-repeat top center;
	background-attachment: fixed;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 62.5%;											/* Renders 1em equal to 10px */
	text-transform: uppercase;
}

#charters {
	background-image: url(../images/ui/bg.contact.jpg);
}

#routes,
#routes-individual {
	background-image: url(../images/ui/bg.2a.jpg);
}

#contact {
	background-image: url(../images/ui/bg.routes.jpg);
}

#terms-bg {
	background-image: url(../images/ui/bg.4.jpg);
}

#terms-1 {
	background-image: url(../images/ui/bg.6.jpg);
}

#yachtschool {
	background-image: url(../images/ui/bg.1.jpg);
}

#rally {
	background-image: url(../images/ui/bg.5.jpg);
}

#reports {
	background-image: url(../images/ui/bg.reports.jpg);
}

#news {
	background-image: url(../images/ui/bg.home.jpg);
}

#container {
	width: 960px;
	margin: 40px auto;
	position: relative;
}



#content {
	clear: both;
	padding-top: 30px;
	position: relative;
}

.col {
	width: 460px;
}

.left {
	float: left;
}

.right {
	float: right;
}


/* @end */

/* @group Type */

p, li, td, th {
	font-size: 1.2em;
	line-height: 1.4em;
}

p {
	margin-bottom: 1em;
	letter-spacing: 1px;
}

.route-info {
	color: #4a3e1d;
	font-size: 0.8em;
	margin-bottom: 2.5em;
}

.route-info h4 {
	font-size: 1.3em;
	background: transparent url(../images/ui/bg.black2.png);
	padding: 0.5em;
	margin-left: -0.5em;
	color: #fff;
}

span.route-name {
	font-weight: bold;
	color: #a11738;
	font-size: 1.2em;
}

.contact-details p {
	margin-top: 10px;
}

p.vcard {
	background: transparent url(../images/ui/vcard.png) no-repeat left center;
	padding-left: 50px;
	padding-top: 5px;
	height: 30px;
}

span.country {
	color: #fff;
	font-size: 1.4em;
}


p.caveat {
	font-size: 0.9em;
	margin-top: 2em;
}

/* @end */

/* @group Headings */

h1 {
	float: left;
	background: transparent url(../images/ui/logo.white.png) no-repeat;
}

h1 a {
	width: 169px;
	height: 54px;
	text-indent: -999em;
	display: block;
}


h2, 
h3, 
h4, 
h5, 
h6 {
	font-family: Helvetica, arial, sans-serif;
}

h2 {
	font-size: 5em;
}

h3 {
	font-size: 1.8em;
	margin: 1em 0;
	text-shadow: #5b5b5b -1px 1px 1px;
}

h3 span {
	display: block;
	font-size: 1em;
	margin-top: 0.2em;
	color: #88c51d;
}

#charters h3 {
	border-bottom: 1px solid white;
}

#terms h3 {
	color: #fff;
	font-size: 1.4em;
}

#schooling h3 {
	color: #fff;
	font-size: 1.3em;
	margin-top: 2em;
	background: transparent url(../images/ui/bg.black2.png);
	padding: 0.5em;
	margin-left: -0.5em;
}

#schooling h4 {
	color: #88c51d;
	font-size: 1.2em;
	margin-top: 1em;

}

h4 {
	font-size: 1.8em;
	margin: 1em 0;
}

h4 span {
	display: block;
	font-size: 0.9em;
	margin-top: 0.2em;
	color: #88c51d;
}

.country-info h4 {
	font-size: 1.4em;
}

/* @end */

/* @group Link styling */

a	{
	font-size: 1em;
	color: #a2c416;
	text-decoration: none;
}

.contact-details a {
	font-size: 0.8em;
	color: #a2c416;
}

ul.routes li a {
	display: block;
	color: #363a3d;
	padding-left: 25px;
	background: transparent url(../images/ui/add.png) no-repeat top left;
}

#routes ul.country-gallery li a {
	background: none;
	display: inline;
}

#reports ul.report-gallery li a {
	background: none;
	display: inline;
}

/* =Branding
-------------------------------------------------------------*/


/* =Main Nav
-------------------------------------------------------------*/

ul#nav {
	float: right;
	margin-top: -3px;
}

ul#nav li { 
	float: left;
	display: inline; 
	border: 1px solid #80a129;
	line-height: 1.9em;
	margin-left: 5px;
}

ul#nav li a {
	display: block;
	padding-left: 8px;
	padding-right: 8px;
	color: #fff;
	text-decoration: none;
}

ul#nav li a:hover {
	background: transparent url(../images/ui/bg.black.png);
	color: #fff;
}

.rally a {
	color: #a2c416;
}

.rally1 {
    background: transparent url(../images/ui/bg.black2.png);
	border-bottom: 1px solid #80a129;
	width: 820px;
	float: left;
	border: 1px solid #80a129;
	margin-bottom: 10px;
	margin-top: 20px;
	font-size: 1em;
	padding: 2em;
}

.rally1 p {
	font-size: 1em;
}


/* @end */




/* =Main Content
-------------------------------------------------------------*/

#info {
	background: transparent url(../images/ui/bg.black.png);
	border-bottom: 1px solid #80a129;
	float: right;
	width: 530px;
	border: 1px solid #80a129;
	margin-top: 70px;
}

#info p {
	color:#fff;
	margin: 15px;
	font-size: 1.3em;
	line-height: 1.2em;
	text-transform: none;
	text-align: justify;
	font-family: Helvetica neue, sans-serif;
	font-weight: 200;
}

#info1 {
	background: transparent url(../images/ui/bg.black.png);
	border-bottom: 1px solid #80a129;
	float: left;
	border: 1px solid #80a129;
	margin-bottom: 10px
}

#info1 p {
	color: #fff;
	margin: 15px;
	font-size: 1.3em;
	line-height: 1.2em;
	text-transform: none;
	text-align: justify;
	font-family: Helvetica neue, sans-serif;
	font-weight: 100;
}


ul#charter-gallery {
	margin: 50px auto;
	width: 460px;
	height: 300px;	background: transparent url(../images/ui/white.png);

}

.right ul#charter-gallery {
	margin: 110px auto;
	width: 460px;
	height: 300px;	background: transparent url(../images/ui/white.png);
}

ul#charter-gallery li {
	padding: 10px 10px;
}

ul#charter-gallery li img {
	width: 440px;
	height: 200px;
}

.contact-details {
	margin-top: 10px;
	font-size: 1.4em;
}

#special-offers3 {
	clear: both;
	margin-top: 40px;
	font-size: 0.9em;
}

#special-offers3 h3 {
	padding-top: 40px;
	padding-bottom: 5px
}

#special-offers3 h3 a {
	color: #fff;
}

#special-offers3 h3 a:hover {
	border-bottom: 1px solid #80a129;
}

#special-offers3 div {
	background: transparent url(../images/ui/bg.black.png);
	border: 1px solid #80a129;
	padding: 2em;

}

#special-offers2 {
	clear: both;
	margin-top: 20px;
	font-size: 0.9em;
}

#special-offers2 h3 {
	padding-top: 5px;
	padding-bottom: 5px
}

#special-offers2 h3 a {
	color: #fff;
}

#special-offers2 h3 a:hover {
	border-bottom: 1px solid #80a129;
}

#special-offers2 div {
	background: transparent url(../images/ui/bg.black.png);
	border: 1px solid #80a129;
	padding: 2em;

}

#special-offers1 {
	clear: both;
	margin-top: 20px;
	font-size: 0.9em;
}

#special-offers1 h3 {
	padding-top: 5px;
	padding-bottom: 5px
}

#special-offers1 h3 a {
	color: #fff;
}

#special-offers1 h3 a:hover {
	border-bottom: 1px solid #80a129;
}

#special-offers1 div {
	background: transparent url(../images/ui/bg.black.png);
	border: 1px solid #80a129;
	padding: 2em;

}

#special-offers {
	clear: both;
	margin-top: 20px;
	font-size: 0.9em;
}

#special-offers h3 {
	padding-top: 5px;
	padding-bottom: 20px;
}

#special-offers h3 a {
	color: #fff;
}

#special-offers h3 a:hover {
	border-bottom: 1px solid #80a129;
}

#special-offers div {
	background: transparent url(../images/ui/bg.black.png);
	border: 1px solid #80a129;
	padding: 2em;

}

#terms1 {
	clear: both;
}


#terms1 h3 a {
	color: #fff;
	font-size: 1em;
	display: block;
	background: transparent url(../images/ui/add.png) no-repeat left center;
	padding: 10px 10px 10px 30px;
}

#terms1 h3 a:hover {
}

#terms1 div {
	background: transparent url(../images/ui/bg.black.png);
	border: 1px solid #80a129;
	padding: 2em;
	font-size: 1em;

}

#terms2 {
	clear: both;
}


#terms2 h3 a {
	color: #fff;
	font-size: 1em;
	display: block;
	background: transparent url(../images/ui/add.png) no-repeat left center;
	padding: 10px 10px 10px 30px;
}

#terms2 h3 a:hover {
}

#terms2 div {
	background: transparent url(../images/ui/bg.black.png);
	border: 1px solid #80a129;
	padding: 2em;
	font-size: 1em;

}

#terms3 {
	clear: both;
}

#terms3 h3 a {
	color: #fff;
	font-size: 1em;
	display: block;
	background: transparent url(../images/ui/add.png) no-repeat left center;
	padding: 10px 10px 10px 30px;
}

#terms3 h3 a:hover {
}

#terms3 div {
	background: transparent url(../images/ui/bg.black.png);
	border: 1px solid #80a129;
	padding: 2em;
	font-size: 1em;

}

#terms4 {
	clear: both;
}

#terms4 h3 a {
	color: #fff;
	font-size: 1em;
	display: block;
	background: transparent url(../images/ui/add.png) no-repeat left center;
	padding: 10px 10px 10px 30px;
}

#terms4 h3 a:hover {
}

#terms4 div {
	background: transparent url(../images/ui/bg.black.png);
	border: 1px solid #80a129;
	padding: 2em;
    font-size: 1em;
}

#terms5 {
	clear: both;
}

#terms5 h3 a {
	color: #fff;
	font-size: 1em;
	display: block;
	background: transparent url(../images/ui/add.png) no-repeat left center;
	padding: 10px 10px 10px 30px;
}

#terms5 h3 a:hover {
}

#terms5 div {
	background: transparent url(../images/ui/bg.black.png);
	border: 1px solid #80a129;
	padding: 2em;
    font-size: 1em;
}

#terms6 {
	clear: both;
}

#terms6 h3 a {
	color: #fff;
	font-size: 1em;
	display: block;
	background: transparent url(../images/ui/add.png) no-repeat left center;
	padding: 10px 10px 10px 30px;
}

#terms6 h3 a:hover {
}

#terms6 div {
	background: transparent url(../images/ui/bg.black.png);
	border: 1px solid #80a129;
	padding: 2em;
    font-size: 1em;
}

#terms7 {
	clear: both;
}

#terms7 h3 a {
	color: #fff;
	font-size: 1em;
	display: block;
	background: transparent url(../images/ui/add.png) no-repeat left center;
	padding: 10px 10px 10px 30px;
}

#terms7 h3 a:hover {
}

#terms7 div {
	background: transparent url(../images/ui/bg.black.png);
	border: 1px solid #80a129;
	padding: 2em;
    font-size: 1em;
}


#logbook {
	clear: both;
	margin-top: 20px;
}

#logbook h3 {
	padding-top: 5px;
	padding-bottom: 20px;
}

#logbook h3 a {
	color: #fff;
}

#logbook h3 a:hover {
	border-bottom: 1px solid #80a129;
}

#logbook div {
	background: transparent url(../images/ui/bg.black.png);
	border: 1px solid #80a129;
	padding: 2em;
}

#terms {
	margin-top: 50px;
	font-size: 0.9em;
	background: transparent url(../images/ui/bg.black.png);
	padding: 3em;
}

#terms p {
	font-size: 1.3em;
	line-height: 1.2em;
    text-transform: none;
	text-align: justify;
	font-family: Helvetica neue, sans-serif;
	font-weight: 200;
}

#schooling {
	margin-top: 50px;
	font-size: 0.9em;
	background: transparent url(../images/ui/bg.black.png);
	padding: 3em;
}

#schooling p {
	font-size: 1.3em;
	line-height: 1.2em;
    text-transform: none;
	text-align: justify;
	font-family: Helvetica neue, sans-serif;
	font-weight: 200;
}

#reports2 {
	margin-top: 30px;
	font-size: 0.9em;
	background: transparent url(../images/ui/bg.black.png);
	padding: 1em;
}

#conts {
	margin-top: 20px;
	height: 120px;
	background: transparent url(../images/ui/bg.black.png);
	padding: 1em;
}

.contact-box {
	position: absolute;
	right: 0;
	top: 30px;
	text-align: right;
	width: 169px;
	background: transparent url(../images/ui/contact.box.png) no-repeat top center;
	padding-top: 10px;
	padding-right: 10px;
	border-bottom: 1px solid #80a129;
}

.contact-box span {
	display: block;
}

.contact-box p {
	letter-spacing: 0;
}

p#quote {
	width: 400px;
	height: 133px;
	background: transparent url(../images/ui/quote.home.png) no-repeat top center;
	text-indent: -999em;
	position: absolute;
	top: 120px;
	left: 0;
}


dl.routes {
	margin-top: 50px;
}

#routes-individual dl.routes {
	width: 680px;
	float: left;
}
#reports dl.routes {
	width: 350px;
	float: left;
	margin-top: 20px;
}
#reports dl.routes1 {
	width: 980px;
	float: left;
}

dl.routes1 dt {
	clear: both;
}

dl.routes1 dt a {
	color: #f6f6f6;
	font-size: 1.4em;
	display: block;
	background: transparent url(../images/ui/add.png) no-repeat left center;
	padding: 10px 10px 10px 30px;
}

dl.routes1 dt a.arrow {
	color: #f6f6f6;
	font-size: 1.4em;
	display: block;
	background: transparent url(../images/ui/minus.png) no-repeat left center;
	padding: 10px 10px 10px 30px;
}

dl.routes1 dd a {
	color: #f6f6f6
}

dl.routes dt {
	clear: both;
}

dl.routes dt a {
	color: #f6f6f6;
	font-size: 1.2em;
	display: block;
	background: transparent url(../images/ui/add.png) no-repeat left center;
	padding: 10px 10px 10px 30px;
}

dl.routes dt a.arrow {
	color: #f6f6f6;
	font-size: 1.2em;
	display: block;
	background: transparent url(../images/ui/minus.png) no-repeat left center;
	padding: 10px 10px 10px 30px;
}

.country-info {
	background: transparent url(../images/ui/white.png);
	border: 1px solid #80a129;
	margin: 1em 0;
	font-size: 0.8em;
	padding: 1em;
	color: #4a3e1d;
	position: relative;
}

#routes.country-info {
	background: transparent;
	padding-bottom: 20px;
}

.country-info a {
	background: transparent url(../images/ui/bg.black2.png);
	color: #80a129;
	border: 1px solid #80a129;
	border-bottom: none;
	padding: 0.4em 0.8em;
	margin: 0.5em;
	font-size: 1em;
	position: relative;
	left: 1em;
}

#charters .country-info p {
	padding-bottom: 20px;
}

.route-info {
	background: transparent url(../images/ui/white.png);
	border: 1px solid #80a129;
	padding: 18px;
}

ul.country-gallery {
	width: 240px;
	float: right;
	margin-top: 92px;
}

ul.country-gallery li {
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
	
}

ul.country-gallery li a img {
	padding: 5px;
	background: white;
	width: 90px;
	height: 90px;
	display: block;
}

ul.country-gallery li a:hover img {
	padding: 5px;
	background-color: black;
}

ul.report-gallery {
	width: 450px;
	float: left;
	margin-top: 20px;
}

ul.report-gallery li {
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
	
}

ul.report-gallery li a img {
	padding: 5px;
	background: white;
	width: 90px;
	height: 90px;
	display: block;
}

ul.report-gallery li a:hover img {
	padding: 5px;
	background-color: black;
}


/* =Secondary Content
-------------------------------------------------------------*/

/* =Images
-------------------------------------------------------------*/
img.right  {
	margin-left: 1em;
	margin-bottom: 1em;
	border: 5px solid #ddd;
}

img.left {
	margin-right: 1em;
	margin-bottom: 1em;
	border: 5px solid #ddd;
}

/* @group Footer */

#footer {
	position: absolute;
	left: 0;
	bottom: 50px;
	border: 1px solid #80a129;
}

#footer p {
	font-size: 1em;
	background: transparent url(../images/ui/bg.black.png);
	padding: 8px 4px;
}

#footer p a {
	color: #80a129;
	text-decoration: none;
}

/* @end */

/* Removes fieldset borders. even on Opera 7 */
fieldset {
	border: 1px solid transparent;
}

/* @group Tables */

table { 
	border-spacing: 1px;
	border-collapse: separate;
}


td {
	text-align: left;
	font-weight: normal;
}

.col table {
	width: 460px;
}

.col table th,
.col table td {
		background: transparent url(../images/ui/bg.black2.png);
		margin: 1px;
		padding: 3px;
}


th.desc	{
	width: 292px;
}

th.amount	{
	width: 152px;
}

table.spec th.desc,
table.spec th.amount	{
	display: none;
}

.rally table {
	width: 860px;
}

.rally table th,
.rally table td {
		background: transparent url(../images/ui/bg.black2.png);
		margin: 1px;
		padding: 3px;
}

th.rallytime {
	width: 80px;
}

.rallyplace {
	width: 100px;
}

.rallydescription {
	width: 100px;
}

.rallyother {
	width: 200px;
}

/* @end */

/* =Clearing
-------------------------------------------------------------*/


/* Class for self clearing - use this where ever possible */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* Class for clearing floats */
.clear {
	clear: both;
}

/* @group Things I added */

.green {
	color: #88c51d;
	text-shadow: #192b32 -1px 1px 1px;
}

.green1 {
	color: #88c51d;
	font-size: 1.2em;
}

.green2 {
	color: #88c51d;
	font-size: 1em;
}

.orangered {
	color: #FF4500;
	text-shadow: #192b32 -1px 1px 1px;
}

.mediumblue {
	color: #0000CD;
	text-shadow: #192b32 -1px 1px 1px;
}

.generic-link {
	font-size: 1em;
	color: #a2c416;
	padding: 0.5em;
}


/* @end */