@charset "utf-8";

/* Reset Everything */
* {margin: 0; padding: 0;}
img {border: none;}



/*  ------------------  Global Styles */
body {
	text-align: center;
	color: #333333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	background-image: url(../gfx/bg_main.gif);
	background-repeat: repeat-y;
	background-position: center top;
	height: 900px;
}
#container {
	text-align: left;
	width: 714px;
	height: 900px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
a { font-weight: bold; color: #4883af;}
a:hover { text-decoration: none;}
.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 */


/*  ------------------  Headers */
#header {
	height: 133px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
}

body#home #header {
	height: 480px;
	background-image: url(../gfx/diving-bay-of-islands.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	border-top-width: 21px;
	border-bottom-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #fff;
	border-bottom-color: #fff;
}
body#home #header img {float: left; margin-right: 15px;}
body#home #header p {
	padding: 30px 150px 0 0;
	color: #000000;
}

/*  ---------- Diving */
body#diving #header { background:#0062ab url(../gfx/hero_dive.jpg) no-repeat left top; overflow: hidden; }
body#diving #header h1 {
	font-family: Impact, "Arial Black", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 80px;
	line-height: 76px;
	display: block;
	padding: 12px 0 0 19px;
}
body#diving #header h1 em {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: normal;
	display: block;
	clear: left;
	line-height: 18px;
	font-style: normal;
}
body#diving #header h1 a {color:#FFFFFF; text-decoration: none;}
body#diving #header h1 a em {color: #67a2c3;}

/*  ---------- Taxi */
body#taxi #header { background:#0062ab url(../gfx/hero_taxi.jpg) no-repeat left top; overflow: hidden; }
body#taxi #header h1 {
	font-family: Impact, "Arial Black", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 49px;
	line-height: 45px;
	display: block;
	padding: 40px 0 0 19px;
}
body#taxi #header h1 em { font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 14px; letter-spacing: normal; display: block; clear: left; line-height: 18px; font-style: normal; }
body#taxi #header h1 a {color:#FFFFFF; text-decoration: none;}
body#taxi #header h1 a em {color: #b3d3a0;}



/*  ------------------  Top Navigation */
#navContainer {
	display: block;
	background: #0062ab;
	height: 23px;
	text-transform: uppercase;
	clear: both;
}
#navContainer ul { list-style-type: none;}
#navContainer ul li { float: left; background: #0062ab;}
#navContainer ul li a { display: block; padding: 3px 8px 4px 8px; color: #fff; text-decoration: none; font-weight: normal;  }
#navContainer ul li a:hover,
#navContainer ul li a.true {background-color: #fff; color: #0062ab;}



/*  ------------------  Main Content */
#mainContent { clear: both; border-top: 33px solid #fff; background: url(../gfx/rightcol_bg.gif) repeat-y right top; }
body#home #mainContent {background-image: none; border-top: none;}



/*  ------------------  Home Page gateway features */
body#home #mainContent #leftFeature, #mainContent #rightFeature { width: 345px; float: left; text-align: justify;}
body#home #mainContent #leftFeature { background: #4883AF; }
body#home #mainContent #rightFeature{
	background-color: #4883AF;
}
body#home #mainContent #leftFeature h1,  #mainContent #rightFeature h1 {width: 345px; height: 62px; display: block;}
body#home #mainContent #leftFeature h1 a,  #mainContent #rightFeature h1 a {width: 345px; height: 62px; display: block; text-indent: -3000px; outline: none;}
body#home #mainContent #leftFeature h1 a{ background: url(../gfx/home_diving_feature_txt.gif) no-repeat left top; }
body#home #mainContent #rightFeature h1 a{ background: url(../gfx/home_diving_taxi_txt.gif) no-repeat left top; }
body#home #mainContent #rightFeature {margin-left: 24px;}
body#home #mainContent #leftFeature p, #mainContent #rightFeature p {padding:  15px 21px 21px 21px; color: #fff;}
body#home #mainContent a.bookNow {display: block;  color: #fff; text-align: right; padding: 5px 21px 21px 0;}



/*  ---------- Left Column  */
#mainContent #leftCol { float: left; width: 488px;}
#mainContent #leftCol h1 {
	color: #FFFFFF;
	font-size: 16px;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 8px;
	text-align: left;
	padding-left: 8px;
}
#mainContent #leftCol h2 {
	color: #FFFFFF;
	font-size: 16px;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 8px;
}
#mainContent #leftCol h3 {
	color: #000000;
	font-size: 14px;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 8px;
}

body#taxi #mainContent #leftCol h1,
body#taxi #mainContent #leftCol h2,
body#taxi #mainContent #leftCol h3 {color: #59ab26;}


#mainContent #leftCol p {padding: 0 0 16px 0; }
#mainContent #leftCol ul, #mainContent #leftCol ol  {margin: 0 0 16px 35px;}
#mainContent #leftCol blockquote {margin: 0 16px 16px 16px; background-color: #e2eff9; padding: 8px 8px 12px 8px;}


/*  --- Feature Boxes  */
#mainContent #leftCol .feature {
	float: left;
	width: 485px;
	color: #fff;
	margin-bottom: 25px;
	clear: both;
	background-color: #FFFFFF;
}
#mainContent #leftCol .feature img { border-bottom: 1px solid #92bfe1;}
#mainContent #leftCol .feature h3, body#taxi #mainContent #leftCol .feature h3  {
	padding: 8px;
	font-size: 16px;
	color: #FFFFFF;
}
#mainContent #leftCol .feature p {
	padding: 0 8px 16px 8px;
	color: #000000;
}
#mainContent #leftCol .feature a.bookNow {display: block; background: #fff; color: #4883af; text-align: right; padding: 5px 5px 5px 0;}
#mainContent #leftCol .feature a.bookNow span {font-size: 14px;}
#mainContent #leftCol .subsequent {
	margin-left: 0px;
	clear: right;
}

/*  --- Diving Feature Boxes  */
body#taxi #mainContent #leftCol .feature { background: #59ab26;}
body#taxi #mainContent #leftCol .feature a.bookNow  {color: #59ab26;}
body#taxi #mainContent #leftCol .feature img{ border-bottom: 1px solid #a4e87a}

/*  ---------- Right Column  */
#rightCol {
	float: right;
	width: 208px;
	background-color: #CCE0EE;
}
#rightCol  .inset {padding: 12px;}
#rightCol h3 {font-size: 14px; text-transform: uppercase; color: #4883af; padding-bottom: 8px; letter-spacing: 1px;}
#rightCol p {padding: 0 0 16px 0;}
#rightCol ul, #rightCol ol {margin: 0 0 16px 16px;}


/*  ------------------  Footer */
#footer {clear: both; display: block; padding: 33px 0 0 0; text-align: center;}
#footer ul {
	list-style-type: none;
	text-transform: uppercase;
	width: 600px;
	margin-left: 55px;
	font-size: 9px;
}
#footer ul li {float: left;}
#footer ul li#last a {border: none;}
#footer ul li a {padding: 0 10px 3px 10px; border-right: 1px solid #bababa; font-weight: normal; text-decoration: none;}
#footer p {clear: left; padding: 20px 0;}