/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body { font: 12px Trebuchet MS, arial, sans-serif;color:#002663; background:#002665 url(images/blue.jpg);}
body a {color:#61b0e6;}
body a:visited {color:#61b0e6;}


/* typography */
.heading {font-size:15px; color:#61b0e6; font-weight: 900; line-height:19px;}
.servicesheading {font-size:15px; color:#61b0e6; font-weight:100; line-height:19px; display:block; margin: 0 0 10px 0;}
.bluehighlight {color:#61b0e6;}
.bluehighlight a{color:#61b0e6;}
.bluehighlight a:hover {text-decoration:underline;}
.bluehighlight a:active {text-decoration:none;}
a:link {text-decoration:none;}
a:hover {text-decoration:underline;}
.serve {display:block; margin:0 0 10px 0; color:#002663; font-size:18px; font-weight:100;}
p a {color:#61b0e6;}
p a:active {color:#61b0e6;}
p a:hover {color:#61b0e6; text-decoration:underline;}
.yellowhighlight {color:#ebac00;}

/* Header */
#header {background: #002663 url(images/header-bg.jpg) repeat-x; height:150px; text-align:center;}



/* Menu */
#menuwrapper {height:42px; background:url(images/menuback.jpg) repeat-x;font-weight:bold;  font-size:13px;}
.menu {width: 905px; height:44px; margin:auto; padding:1px 0 0 0;}
ul.menu {height:42px; list-style: none; padding: 0px;margin: 0px; position:relative; z-index:20;}
ul.menu li {height:27px; width: 128px; float:left; padding:0 1px 0 0;} 
ul.menu li a {height:27px; width: 128px; display:block;padding-top:12px;background:url(images/menubg.gif);text-decoration:none; color:#002663;text-align:center;} 
ul.menu li a:hover {height:27px; width: 128px; display:block;padding-top:12px;background:url(images/menubgover.gif);text-decoration:none; color:#002663;}
ul.menu li a.selected {height:27px; width: 128px; display:block;padding-top:12px;background:url(images/menubgover.gif);text-decoration:none; color:#002663;}
ul.menu li ul {display: none; width: 10em; /* Width to help Opera out */}
ul.menu li:hover ul {display: block;position: absolute;margin: 0;padding: 0; }	
ul.menu li:hover li {float: none; width: 200px; height:38px; }
ul.menu li:hover li a {background-color: #69f;width:210px;text-align:left;text-indent: 10px;}
ul.menu li li a:hover {background-color: #8db3ff; }
.droparrow {font-size:8px;}



/* Footer */
#footer {width:870px; margin:auto; color:#fff; overflow:hidden; clear:left; padding:20px 0 20px 0;}
.copyright {width: 200px; padding:25px 0 0 0; float:left;}
.iaatologo {width: 86px; height:78px; background:url(images/iaato.jpg) no-repeat; float:left; margin:0 10px 0 0;}
.iaatotext {width:230px; padding: 18px 0 0 0; float:left;}
.iaatotext a, .iaatotext a:active{color:#FFF;}
.iaatotext a:hover{text-decoration:underline;}
.form {width: 290px; padding:18px 0 0 0; float:right;}
.emailfield {width:190px; height:21px; float:left; margin:8px 8px 0 0;}
.signup {background: url(images/gobutton.gif); height:21px; width:78px; float:left; margin:8px 0 0 0;}
.field {height: 15px; width: 180px;}
.yellowfootertext {color:#ebac00;}
.trademark {width:400px; float:left; color:#61b0e6; padding:20px 0 0 0; clear:left;}
.footerlinks {width:200px; float:right; color:#ebac00; padding:20px 0 0 0; clear:left; text-align:right;}
.footerlinks a {color:#ebac00;}
.footerlinks a:active {color:#ebac00;}
.footerlinks a:hover {text-decoration:underline;}
.signoff {float:left; width: 870px;}


/* Content */
#contentwrapper {background:url(images/contentbackhome.jpg) repeat-x; overflow:hidden;}
.content {width: 890px; margin:auto; overflow:hidden; padding:0 0 30px 0;}
.rightcolumn {width:400px; float:left; padding:20px 0 0 25px; color:#FFF; line-height:16px;}
.serviceswrapper {width:870px; float:left; padding: 15px 0 0 15px;}
.service {width: 170px; float:left; padding:0 45px 0 0;}

/* Imagefader */

.imagepanel {float:left; width: 445px; height:329px; background:url(images/slider-bg.jpg)}
.box-visual{
	width:445px;
	height:329px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	position:relative;
	background: url(images/slider.png) no-repeat;
}
.s-items{
	margin: 0;
	padding: 0;
	list-style:none;
	position:relative;
	width:445px;
	height:329px;
}
.s-items li.active{z-index:10;}
.s-items li{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/* About us classes */

#contentwrapperabout {background:url(images/contentbackabout.jpg) #FFF repeat-x; overflow:hidden;}
#contentabout {width: 840px; margin:auto; overflow:hidden; padding:20px 25px 30px 25px; text-align:left; color:#FFF; line-height:16px;}
.rightimages {float:right; margin: 40px 0 25px 30px; clear:right;}
.rightimagesabout {float:right; margin: 0 0 0px 20px; clear:right;}
.leftimages {float:left; margin-right:20px;}
.pdficon {float:left; margin-right:7px;}
.directors {float:left; padding: 40px 0 0 0; width:810px;}
.crew {float:left; padding: 45px 0 0 0; width:810px; color:#000}


/* Destinations Page */

.destinP1{
	color: #5EB0E5;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	padding: 16px 0px 16px 30px;
}
.destinP2{
	color: #FFFFFF;
	line-height: 17px;
	padding: 0px 0px 20px 30px;
}

#destinations {
	background-image:url(images/destinations.png); 
	width: 794px; 
	height:400px;
	padding:0px 0px 50px 0px;
	background-repeat: no-repeat;
}
#destM1 {
	float:left; 
	width: 50%;
}
#destM2 {
	float:right; 
	width: 50%;
}
#dest1 {
	padding: 106px 0px 0px 200px;
}
#dest1a {
	padding: 28px 0px 0px 184px;
}
#dest1b {
	padding: 0px 0px 0px 40px;
}
#dest2 {
	padding: 118px 0px 0px 146px;
} 
#dest2a {
	padding: 0px 0px 0px 68px;
}
#dest2b {
	padding: 18px 0px 100px 120px;
}

/* general classes */
#contentwrappergeneral {background:url(images/contentbackcontact.jpg) repeat-x #2d6caf; overflow:hidden;}
#contentgeneral {width: 840px; margin:auto; overflow:hidden; padding:20px 25px 30px 25px; text-align:left; color:#FFF; line-height:18px;}

/*contact page classes */
.contactleftcol {float:left; width:250px;}
.contactrightcol {float:left; width:380px;}

/* Gallery Page */

.galleryP1{
	color: #5EB0E5;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	padding: 16px 0px 16px 30px;
}
.galleryP2{
	color: #FFFFFF;
	line-height: 17px;
	padding: 0px 0px 16px 30px;
}
.galleryP3{
	color: #FFFFFF;
	line-height: 17px;
	font-size:11px;
	padding: 10px 40px 14px 0;
}
.galleryLink {
	color:#EDB008;
	padding:2px 0px 2px 0;
	font-weight: bold;
} 
.galleryLink a {
	color:#EDB008;
}
.galleryLink a:hover {
	text-decoration: underline;
}

/* High Latitude Sailing Courses */

ul.leftmenu {width: 190px; display:block; float:left;}
ul.leftmenu li {padding:0 0 0 0; font-weight: bold;}
ul.leftmenu li a{width:180; height: 27px; background: url(images/leftmenu1.jpg); padding:12px 0 0 30px; display:block; color:#002663;}
ul.leftmenu li a:hover {background: url(images/leftmenu2.jpg); text-decoration:none; color:#FFF;}
ul.leftmenu li a.selected {background: url(images/leftmenu2.jpg); text-decoration:none; color:#FFF;}




#contentcourses {width: 840px; margin:auto; overflow:hidden; padding:20px 25px 30px 0; text-align:left; color:#FFF; line-height:18px;}
.contentrightcol {width:620px; padding: 0 0 0 30px; float:left;}
ul.ticklist {display:block; width:215px; padding-top:20px; float:left; margin-bottom: 10px; font-weight:bold;}
ul.ticklist li {background: url(images/tick.png) no-repeat; height:28px; padding-left:30px; padding-top:2px;}
.ticklistwrapper {float:left; display:inline;}
.nextcourse {width:142px; background: url(images/nextcourse2.png) no-repeat left top; float: right; margin-left:25px; padding: 45px 5px 10px 10px; color:#FFF; border:#61b0e6 solid thin; }
.bookingbutton {float: left; margin-top:15px;}
.detailtitle {width:120px; float:left;}
.detailinfo {float:left; width: 500px;}
.detailwrapper{margin-bottom:20px; float:left; width:620px;}
.contentrightcol2 {width:182px; float:left;}
.contentrightcolmain {width:430px; padding: 0 0 0 30px; float:left;}
.contentcols {width: 300px; float:left;}
.rightimages2 {float:right; margin: 40px 0 25px 20px; clear:right;}


/* Booking form */

.formtitles {width: 120px; float:left; margin:5px 10px 10px 0; padding: 5px 0 0 0; height:25px;}
.formfields {width: 450px; float:left; margin:5px 10px 10px 0; height:30px;}
.formfields2 {width: 400px; float:left; margin:5px 10px 10px 0; height:100px; }
.formfields3 {width: 400px; float:left; margin:5px 10px 10px 0; height:60px; }
.field {height: 25px;}
.bookingfield {height: 25px; width: 250px;}
.sharebutton {float: left; margin-top:15px; margin-left:35px;}
.paymentoptions { margin-bottom: 15px; }
.clear { height: 1px; clear: both; overflow: hidden; }