@charset "UTF-8";
/* CSS Document */


/* LAYOUT */

body {background-color: #9f86ab; margin: 0px;}

#bg {width: 1000px; background-image: url(images/bg-main.png); background-repeat: repeat-y; margin: 0px auto 0px auto;}

#bg-bottom {width: 1000px; height: 21px; background-image: url(images/bg-shadow_bottom.png); background-repeat: no-repeat; margin: 0px auto 0px auto;}

#header-address {width: 334px; float: right; padding: 20px 20px 0 0;}

#spacer {width: 952px; height: 15px; margin: auto; clear: both;}

#home-col1 {width: 323px; float: left; display: block;}

#home-col2 {width: 304px; float: left; border-left: solid 1px #9f86ab; border-right: solid 1px #9f86ab; display: block;}

.home-pic {margin: 0px 0px 60px 0px;}

#home-col3 {width: 323px; float: right; display: block;}

#inside-left-col {width: 571px; border-right: solid 1px #9b7ea7; float: left;}

#inside-right-col {width: 380px; float: right;}

#footer {width: 882px; margin: auto; border-top: solid 1px #9f86ab;}

.logo {margin: 0px 0px 0px 53px; float: left;}

.inside-pics {margin: 30px 40px 20px 40px; float: right;}


/* NAVIGATION */

#navList {
	list-style-type: none;
	margin: 0;
	padding: 0px;
	float: left;
}

#navList li {
display: inline; list-style-type: none; float: left; width: auto; margin: 0;
}

#navHome
{display: block; width: 86px; height: 42px; background: url("images/nav_01.png") no-repeat 0 0;}
#navHomeCurrentPage
{display: block; width: 86px; height: 42px; border: 0; background: url("images/nav_01.png") no-repeat 0 0; background-position: 0 -84px;}
#navHomeCurrentPage span
{display: none;}
#navHome:hover
{background-position: 0 -42px;}
#navHome:active
{background-position: 0 -84px;}
#navHome span
{display: none;}

#navAbout
{display: block; width: 134px; height: 42px; background: url("images/nav_02.png") no-repeat 0 0;}
#navAboutCurrentPage
{display: block; width: 134px; height: 42px; border: 0; background: url("images/nav_02.png") no-repeat 0 0; background-position: 0 -84px;}
#navAboutCurrentPage span
{display: none;}
#navAbout:hover
{background-position: 0 -42px;}
#navAbout:active
{background-position: 0 -84px;}
#navAbout span
{display: none;}

#navKeyLargo
{display: block; width: 110px; height: 42px; background: url("images/nav_03.png") no-repeat 0 0;}
#navKeyLargoCurrentPage
{display: block; width: 110px; height: 42px; border: 0; background: url("images/nav_03.png") no-repeat 0 0; background-position: 0 -84px;}
#navKeyLargoCurrentPage span
{display: none;}
#navKeyLargo:hover
{background-position: 0 -42px;}
#navKeyLargo:active
{background-position: 0 -84px;}
#navKeyLargo span
{display: none;}

#navMarathon
{display: block; width: 110px; height: 42px; background: url("images/nav_04.png") no-repeat 0 0;}
#navMarathonCurrentPage
{display: block; width: 110px; height: 42px; border: 0; background: url("images/nav_04.png") no-repeat 0 0; background-position: 0 -84px;}
#navMarathonCurrentPage span
{display: none;}
#navMarathon:hover
{background-position: 0 -42px;}
#navMarathon:active
{background-position: 0 -84px;}
#navMarathon span
{display: none;}

#navOceanReef
{display: block; width: 118px; height: 42px; background: url("images/nav_05.png") no-repeat 0 0;}
#navOceanReefCurrentPage
{display: block; width: 118px; height: 42px; border: 0; background: url("images/nav_05.png") no-repeat 0 0; background-position: 0 -84px;}
#navOceanReefCurrentPage span
{display: none;}
#navOceanReef:hover
{background-position: 0 -42px;}
#navOceanReef:active
{background-position: 0 -84px;}
#navOceanReef span
{display: none;}

#navInstructors
{display: block; width: 129px; height: 42px; background: url("images/nav_06.png") no-repeat 0 0;}
#navInstructorsCurrentPage
{display: block; width: 129px; height: 42px; border: 0; background: url("images/nav_06.png") no-repeat 0 0; background-position: 0 -84px;}
#navInstructorsCurrentPage span
{display: none;}
#navInstructors:hover
{background-position: 0 -42px}
#navInstructors:active
{background-position: 0 -84px;}
#navInstructors span
{display: none;}

#navTestimonials
{display: block; width: 132px; height: 42px; background: url("images/nav_07.png") no-repeat 0 0;}
#navTestimonialsCurrentPage
{display: block; width: 132px; height: 42px; border: 0; background: url("images/nav_07.png") no-repeat 0 0; background-position: 0 -84px;}
#navTestimonialsCurrentPage span
{display: none;}
#navTestimonials:hover
{background-position: 0 -42px;}
#navTestimonials:active
{background-position: 0 -84px;}
#navTestimonials span
{display: none;}

#navContact
{display: block; width: 133px; height: 42px; background: url("images/nav_08.png") no-repeat 0 0;}
#navContactCurrentPage
{display: block; width: 133px; height: 42px; border: 0; background: url("images/nav_08.png") no-repeat 0 0; background-position: 0 -84px;}
#navContactCurrentPage span
{display: none;}
#navContact:hover
{background-position: 0 -42px;}
#navContact:active
{background-position: 0 -84px;}
#navContact span
{display: none;}


/* TEXT STYLES */

.h1 {
font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
color: #9b7ea7;
font-size: 22px;
line-height: 28px;
font-weight: 500;
margin: 10px 40px 20px 40px;
}

.h1-white {
font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 28px;
line-height: 32px;
font-weight: 400;
margin: 30px 40px 20px 40px;
}

.h2 {
}

.h2-white {
}

.h2-aqua {
font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
color: #18a4a4;
font-size: 16px;
line-height: 22px;
font-weight: 400;
margin: 5px 40px 5px 40px;
}

.h2-aqua-phone {
font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
color: #18a4a4;
font-size: 16px;
line-height: 16px;
font-weight: 400;
margin: 0px;
}

.h3 {
font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 14px;
line-height: 22px;
font-weight: 400;
margin: 10px 40px 0px 40px;
}

.h3-aqua {
font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
color: #18a4a4;
font-size: 14px;
line-height: 22px;
font-weight: 400;
margin: 0px 40px 0px 40px;
}

.address-header {
font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
color: #2a71a3;
text-align: right;
font-size: 13px;
line-height: 16px;
font-weight: 400;
margin: 20px 20px 0 0;
}

.body-black {
font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
color: #222222;
font-size: 13px;
line-height: 20px;
margin: 5px 40px 20px 40px;
}

.body-black-prices {
font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
color: #222222;
font-size: 12px;
line-height: 15px;
margin: 5px 40px 20px 40px;
}

.body-white {
font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 14px;
line-height: 18px;
font-weight: 400;
margin: 5px 40px 20px 40px;
}

.home-links-white {
font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 14px;
line-height: 18px;
font-weight: 400;
margin: 15px 40px 15px 40px;
}

.body-purple {
font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
color: #9b7ea7;
font-size: 13px;
line-height: 22px;
font-weight: 400;
margin: 10px 40px 20px 40px;
}

.footer-text {
font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
color: #9b7ea7;
font-size: 11px;
line-height: 12px;
font-weight: 500;
margin: 15px auto 20px auto;
}

/* LINK STYLES */

a:link {
color: #18a4a4;
text-decoration: none;
}

a:visited {
color: #18a4a4;
text-decoration: none;
}

a:hover {
color: #18a4a4;
text-decoration: underline;
}

a:active {
color: #18a4a4;
text-decoration: underline;
}


a.foot:link {
color: #9b7ea7;
text-decoration: underline;
}

a.foot:visited {
color: #9b7ea7;
text-decoration: underline;
}

a.foot:hover {
color: #9b7ea7;
text-decoration: none;
}

a.foot:active {
color: #9b7ea7;
text-decoration: none;
}


a.white:link {
color: #ffffff;
text-decoration: underline;
font-weight: 500;
}

a.white:visited {
color: #ffffff;
text-decoration: underline;
font-weight: 500;
}

a.white:hover {
color: #ffffff;
text-decoration: none;
font-weight: 500;
}

a.white:active {
color: #ffffff;
text-decoration: none;
font-weight: 500;
}



a.contact:link {
color: #2a71a3;
text-decoration: none;
font-weight: 500;
}

a.contact:visited {
color: #2a71a3;
text-decoration: none;
font-weight: 500;
}

a.contact:hover {
color: #2a71a3;
text-decoration: underline;
font-weight: 500;
}

a.contact:active {
color: #2a71a3;
text-decoration: underline;
font-weight: 500;
}