/*============================================================================
JVA SUNSEEKER TOURS - GLOBAL STYLE SHEET - Copyright 2008 JVA Sunseeker Tours
==============================================================================*/

/* Global Styles */
* {margin: 0; padding: 0; text-align: left; font-family: Arial, Helvetica, sans-serif;  }
.clear {clear: both;}

/* Page Body Styles */
body {background: #fff url(../images/body_bg.jpg) repeat-x top left; text-align: center;}
#page {width: 900px; padding: 0 5px; margin: 0 auto; background: url(../images/page_fade.png) no-repeat top;}

/* Default Header Styles */
h1, h2, h3, h4, h5 {font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif;}
h1 {font-size: 14px; background: url(../images/logo.gif) no-repeat 20px 25px; line-height: 102px;  text-indent: -9999px;}
h2 {text-indent: -9999px; background: #fafafa; display: block; font-weight: normal; font-size: 24px; height: 50px; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; margin-bottom: 20px;}
h3 {font-size: 24px; padding: 4px 30px 14px 20px; color: #003366;}
h4 {font-size: 16px; color: #003366; padding: 4px 30px 6px 30px; clear: left;}

/* Default / Alternative P Styles */
p {color: #333; font-weight: normal; font-size: 12px; line-height: 16px; padding: 0 30px 14px 30px;}

img.inset {border: 2px solid #003366; margin: 0 20px 10px 30px; float: left;} 

/*====================================================================
TEXT STYLES & VARIATIONS
======================================================================*/

/* Image Replacement h2's */
h2.welcome {background: #fafafa url(../images/replacements/h2_providing.gif) center 15px no-repeat;}
h4 .hlight {font-size: 24px; font-family: Georgia, "Times New Roman", Times, serif;}
h4.fleetTitle {padding-top: 20px;}

/* Alternative Head / Text Styles */
.intro {font-size: 18px; line-height: 22px; padding: 10px 20px 16px 30px; color: #003366;}
.emp {font-size: 18px; line-height: 22px; color: #003366;}
.feint {color: #666;}
.discreet {font-size: 9px; color: #666; line-height: 15px;}

/* Link Styles */
a {color: #ff9900; font-weight: normal; text-decoration: none; font-weight: bold;}
a:hover {color: #ff9900; text-decoration: underline;}

/* List Styles */
ul {font-size: 12px; color: #333; margin: 0 30px 20px 60px;}
ul li {line-height: 16px;}

ul#serv {float:left;}

ul#ind {list-style-type: none; margin-left: 30px; margin-bottom: 20px;}
ul#ind li {float: left; border-bottom: f3f3f3; padding-right: 10px; border-right: 1px solid #ccc; margin-right: 10px;}
ul#ind li a {font-weight: normal;}
ul#ind li.last {border: none;}

/*=======================================
PAGE LAYOUT - Parts
=========================================*/

/* Content Containers */

#header {height: 140px; width: 900px; margin: 0 auto; background: url(../images/head_bg.gif) repeat-x top left; }
#inner {width: 880px; padding: 0 0 20px 0; margin: 0 auto; }

#indLeft {width: 420px; float: left; margin-bottom: 30px; display: inline; padding-top: 20px;}
#indRight {width: 460px; margin-bottom: 30px; float: left; display: inline; background-color:#FF6600;}

#mainLeft {width: 650px; float: left; margin-bottom: 30px; display: inline; padding-top: 20px;}
#mainLeft p {padding-right: 60px;}
#subRight {width: 230px; height: 240px; float: left; display: inline; margin-top: 20px;}

#fullMain {width: 880px; margin-bottom: 30px; padding-top: 20px;}
#fullMain p, #fullMain h3 {padding-right: 60px;} 

/* Panel */
#panel {width: 860px; height: 181px; background: url(../images/panel_bg.jpg) no-repeat top left; padding: 10px; }
#panel a {font-weight: normal;}
#panel img {float: left; display: inline;}
#panel img.first {margin-right: 10px;}

.panelItem {width: 290px; height: 180px; background: url(../images/panel_item_bg.png) no-repeat; float: left; display: inline;}
.panelItem:hover {background: url(../images/panel_item_hover.png) no-repeat;}

.panelItem h4 {line-height: 40px; border-bottom: 1px solid #6080a0; padding-left: 15px; margin-bottom: 15px; color: #fff;}
.panelItem p {padding: 0 40px 14px 15px; color: #eaeaea; }

/*=======================================
FLEET PORTFOLIO
=========================================*/

/* Fleet Container */
.fleetItem {width: 820px; background: #fafafa; border-top: 1px solid #cbcbcb; margin-left: 20px; padding: 10px 10px 0 10px; position: relative;}
.fleetItem:hover {background: #f0f0f0;}
.last {border-bottom: 1px solid #cbcbcb;}

.fleetItem img {float: left; margin-right: 20px; margin-bottom: 15px; border: 2px solid #cbcbcb;}
.fleetItem img:hover {border-color: #003366;}
.fleetItem img.gallery {position: absolute; top: 21px; left: 690px; border: 0;}
.fleetItem h4 {font-size: 16px; color: #003366; padding: 4px 30px 6px 0; clear: none;}
.fleetItem ul {margin-left: 20px; margin-top: 10px; float: left; list-style-type: disc;}

.fleetGal {width: 820px; background: url(../images/fleetgal_bg.gif) repeat-x; border-bottom: 2px solid #cbcbcb; margin-left: 20px; margin-bottom: 15px;  padding: 12px 10px 10px 10px;}
.fleetGal img {float: left; margin-right: 20px; border: 2px solid #fff;}
.fleetGal img:hover {border-color: #003366;}

/*=======================================
MAIN NAV
=========================================*/

/* Nav Container */
#navContainer {width: 900px; height: 38px; background: url(../images/mainnav_shadow.gif) no-repeat bottom;}

ul#mainNav	{height: 28px; width: 880px; margin: 0 0 0 10px; position: relative; background: url(../images/mainnav.gif) no-repeat top left;}	
ul#mainNav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
ul#mainNav li, ul#mainNav a	{height: 28px; display: block;}
ul#mainNav li a	{text-indent: -9999px; text-decoration: none;}

#opt1 {left: 5px; width: 67px;}
#opt2 {left: 72px; width: 87px;}
#opt3 {left: 159px; width: 89px;}
#opt4 {left: 248px; width: 80px;}
#opt5 {left: 328px; width: 162px;}
#opt6 {left: 490px; width: 100px;}
#opt7 {left: 804px; width: 62px;}

#opt1 a:hover {background: transparent url(../images/mainnav.gif) -5px -28px no-repeat;}
#opt2 a:hover {background: transparent url(../images/mainnav.gif) -72px -28px no-repeat;}
#opt3 a:hover {background: transparent url(../images/mainnav.gif) -159px -28px no-repeat;}
#opt4 a:hover {background: transparent url(../images/mainnav.gif) -248px -28px no-repeat;}
#opt5 a:hover {background: transparent url(../images/mainnav.gif) -328px -28px no-repeat;}
#opt6 a:hover {background: transparent url(../images/mainnav.gif) -490px -28px no-repeat;}
#opt7 a:hover {background: transparent url(../images/mainnav.gif) -804px -28px no-repeat;}

#opt1 a.current {background: transparent url(../images/mainnav.gif) -5px -56px no-repeat;}
#opt2 a.current {background: transparent url(../images/mainnav.gif) -72px -56px no-repeat;}
#opt3 a.current {background: transparent url(../images/mainnav.gif) -159px -56px no-repeat;}
#opt4 a.current {background: transparent url(../images/mainnav.gif) -248px -56px no-repeat;}
#opt5 a.current {background: transparent url(../images/mainnav.gif) -328px -56px no-repeat;}
#opt6 a.current {background: transparent url(../images/mainnav.gif) -490px -56px no-repeat;}
#opt7 a.current {background: transparent url(../images/mainnav.gif) -804px -56px no-repeat;}

/*=======================================
FORM
=========================================*/
 
form#contactForm {margin: 0 10px 20px 10px; padding: 0 10px;}
form#contactForm p {padding: 0 20px 14px 20px;}
form#contactForm h4 {padding: 4px 30px 6px 10px;}

form#contactForm fieldset {margin-bottom: 10px; border: 0; background: #fafafa; padding: 10px 0 5px 10px; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb;}
form#contactForm label, textarea, select {display: block; float: left; padding-top: 3px; font-size: 12px; color: #333; font-weight: normal;}
form#contactForm label {margin: 0 10px 5px 0; text-align: left; width: 145px; padding-right: 5px; }
form#contactForm input {display: block; width: 200px; float: left; height: 16px; border: 1px solid #ccc; font-size: 12px; padding: 2px; margin-bottom: 5px; color: #333;}
form#contactForm select {display: block; float: left; border: 1px solid #ccc; font-size: 12px; padding: 2px; margin-bottom: 5px; margin-right: 10px;}
form#contactForm textarea {width: 380px; height: 170px; border: 1px solid #ccc; padding: 4px 2px; margin-bottom: 5px;}

form#contactForm input.submit {float: none; width: 124px; height: 18px; padding: 0; margin: 0 0 10px 10px; border: 0; }
form#contactForm br {clear: left;}
form#contactForm input.short {width: 40px;}

form#contactForm p.disclaimer {font-size: 10px; margin: 0; padding: 0 10px 14px 10px; line-height: 12px;}

form#error input {margin-left: 24px; color: #fff; background: url(../images/goback.gif); width: 121px; height: 31px; font-size: 14px;}
.goback {margin-left: 24px;}


/*=======================================
FOOTER
=========================================
Contents: Nav / Disclaimer */

#footer {width: 880px; padding: 10px 0; margin: 0 auto 20px auto; background: #fafafa; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb;}
#footer p {padding: 0 0 0 15px; font-size: 11px; }