@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body {
background: url(images/bg1.png) repeat-x top left #E7DEC3;
font-size: 14px;
font-family: Arial, SunSans-Regular, Sans-Serif;
color:#2E291E;
padding:0;
margin:0;
form{clear:both;}
}

a {color: #2E291E; text-decoration: none;}
a:visited {color:#2E291E;}
a:hover {color: #0B5DA4;}
a:active { color:#000000;}
a.footer {color: #564b47;}
a.footer:visited {color:#564b47;}
a.footer:hover {color: #0B5DA4;}
a.footer:active { color:#564b47;}

#navlist ul
{
display: inline;
list-style: none;
margin: 0 auto;
padding: 0;
border: none;
}

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 15px;
margin: 0;
}

h1 {
font-size: 12px;
text-transform: normal;
padding:25px 15px;
padding-bottom: 0px;
margin:0;}

h2 {
color:#2E291E;
font-size:13px;
text-transform: normal;
padding: 10px 40px 20px;
padding-bottom: 0px;
text-align:left;
margin:0;}

h3 {
color:#2E291E;
font-size:13px;
text-transform: normal;
padding: 15px 40px 25px;
padding-bottom: 10px;
text-align:left;
margin:0;}

h4 {
font-size: 12px;
text-transform: normal;
font-weight: bold;
text-align: right;
margin:0;
margin-top: 0px;}

h5 {
color:#0B5DA4;
font-size:10px;
text-transform: normal;
font-weight: bold;
padding: 10px 35px 20px;
padding-bottom: 0px;
text-align:left;
margin:0;}

img.download {vertical-align:middle;}

.floatLeft                                { float: left; }
.clear                                    { clear: both; }
a {
   outline: none;
}

/* ----------container to center the layout-------------- */

#container {
background: url(images/header_bg1.png) 50% 0 no-repeat;
width: 1024px;
margin-bottom: 0px;
margin: 0 auto;
}

#body_bg {
width: 1024px;
margin-bottom: 0px;
margin: 0 auto;
}

#body_wrapper {
width: 920px;
margin-bottom: 0px;
margin: 0 auto;
}


#navlist_container {
width: 1024px;
height: 60px;
margin: 0 auto;
margin-left: 20px;
margin-bottom: 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}

#header_picture {
background: url(images/header_pic.png) 50% 0 no-repeat;
width: 819px;
height: 384px;
margin: 0 auto;
}

#header_picture1 {
background: url(images/header_pic1.png) 50% 0 no-repeat;
width: 697px;
height: 346px;
margin: 0 auto;
}

#header_picture2 {
background: url(images/header_pic2.png) 50% 0 no-repeat;
width: 591px;
height: 293px;
margin: 0 auto;
margin-bottom: 70px;
}

#header_picture3 {
background: url(images/header_pic3.png) 50% 0 no-repeat;
width: 560px;
height: 278px;
margin: 0 auto;
margin-left: 75px;
margin-bottom: 70px;
}

#header_picture_long {
background: url(images/header_pic_long.png) 50% 0 no-repeat;
width: 928px;
height: 278px;
margin: 0 auto;
margin-left: 60px;
margin-bottom: 60px;
}

#header_logo {
background: url(images/logo.png) no-repeat top left;
width: 154px;
height: 37px;
margin: 0;
margin-top: 15px;
margin-left: 40px;
}

#header_logo85 {
background: url(images/logo85.png) no-repeat top left;
width: 262px;
height: 63px;
margin: 0;
margin-top: 0px;
margin-left: 35px;
}

#boat_specs {
background: url(images/boat_specs2.png) no-repeat top center;
float: left;
width: 300px;
height: 800px;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 0px;
}

#content_left {
float: left;
width: 600px;
margin: 0;
padding-top: 27px;
min-height: 100%;
height: auto !important;
height: 100%;
}

#content_right {
float: right;
width: 300px;
margin: 0;
padding-top: 27px;
min-height: 100%;
height: auto !important;
height: 100%;
}

#content_left_a {
float: left;
width: 300px;
margin: 0;
padding-top: 30px;
min-height: 100%;
height: auto !important;
height: 100%;
}

#content_right_a {
float: right;
width: 600px;
margin: 0;
padding-top: 30px;
min-height: 100%;
height: auto !important;
height: 100%;
}

#header_left {
float: left;
width: 650px;
margin: 0;
margin-bottom: 5px;
padding-top: 0px;
min-height: 100%;
height: auto !important;
height: 100%;
}

#header_right {
float: left;
width: 350px;
margin: 0;
margin-bottom: 5px;
padding-top: 0px;
min-height: 100%;
height: auto !important;
height: 100%;
}

#header_left_long {
float: left;
width: 950px;
margin: 0;
margin-bottom: 5px;
padding-top: 0px;
min-height: 100%;
height: auto !important;
height: 100%;
}

#header_right_long {
float: left;
width: 50px;
margin: 0;
margin-bottom: 5px;
padding-top: 0px;
min-height: 100%;
height: auto !important;
height: 100%;
}

#navlist_left {
float: left;
width: 650px;
margin: 0;
padding-top: 0px;
min-height: 100%;
height: auto !important;
height: 100%;
}

#navlist_right {
float: right;
width: 350px;
margin: 0;
padding-top: 0px;
min-height: 100%;
height: auto !important;
height: 100%;
}
/* ----------left category layout-------------- */

#category_container {
width: 600px;
height: 128px;
margin: 0 auto;
margin-top: 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}

#booking_container {
width: 600px;
height: 174px;
margin: 0 auto;
padding: 0px 0px 0px 0px;
padding-right: 60px;
text-align: left;
}

#booking_steps {
background: url(images/bookingsteps.png) no-repeat top center;
float: left;
width: 534px;
margin: 0 auto;
margin-left: 40px;
padding-top: 0px;
height:174px;
}

#calendar_container {
width: 600px;
height: 128px;
margin: 0 auto;
margin-top: 40px;
margin-left: 8px;
padding: 0px 0px 0px 0px;
padding-right: 0px;
text-align: left;
}

#title_welcome {
background: url(images/title_welcome.png) no-repeat top left;
padding: 0px;
margin: 0px;
width: 107px;
height: 35px;
}

#title_crew {
background: url(images/title_crew.png) no-repeat top left;
padding: 0px;
margin: 0px;
width: 184px;
height: 35px;
}

#title_specs {
background: url(images/title_specs.png) no-repeat top left;
padding: 0px;
margin: 0px;
width: 72px;
height: 35px;
}

#title_itinerary {
background: url(images/title_itinerary.png) no-repeat top left;
padding: 0px;
margin: 0px;
width: 101px;
height: 35px;
}

#title_photos {
background: url(images/title_photos.png) no-repeat top left;
padding: 0px;
margin: 0px;
width: 84px;
height: 35px;
}

#title_accommodations {
background: url(images/title_accommodations.png) no-repeat top left;
padding: 0px;
margin: 0px;
width: 185px;
height: 35px;
}

#title_testimonials {
background: url(images/title_testimonials.png) no-repeat top left;
padding: 0px;
margin: 0px;
width: 135px;
height: 35px;
}

#title_navigate {
background: url(images/title_navigate.png) no-repeat top left;
padding: 0px;
margin: 0px;
width: 104px;
height: 35px;
}

#title_contact {
background: url(images/title_contact.png) no-repeat top left;
padding: 0px;
margin: 0;
margin-top: 25px;
width: 90px;
height: 35px;
}

.category_left_a {
background: url(images/frontpic1.png) no-repeat top left;
float: left;
width: 100px;
display:inline;
margin: 0;
margin-left: 12px;
padding-top: 0px;
height:128px;
}

.category_left_b {
background: url(images/frontpic2.png) no-repeat top left;
float: left;
width: 100px;
display:inline;
margin: 0;
margin-left: 12px;
padding-top: 0px;
height:128px;
}

.category_left_c {
background: url(images/frontpic3.png) no-repeat top left;
float: left;
width: 100px;
display:inline;
margin: 0;
margin-left: 12px;
padding-top: 0px;
height:128px;
}

.category_left_whitsett {
background: url(images/captain_whitsett.png) no-repeat top left;
float: left;
width: 100px;
display:inline;
margin: 0;
margin-left: 12px;
margin-top: 12px;
padding-top: 0px;
height:128px;
}

.category_left_dakin {
background: url(images/captain_dakin.png) no-repeat top left;
float: left;
width: 100px;
display:inline;
margin: 0;
margin-left: 12px;
margin-top: 12px;
padding-top: 0px;
height:128px;
}

.category_left_crew {
background: url(images/crew.png) no-repeat top left;
float: left;
width: 100px;
display:inline;
margin: 0;
margin-left: 12px;
margin-top: 12px;
padding-top: 0px;
height:128px;
}

.category_left_saloon {
background: url(images/saloon2.png) no-repeat top left;
float: left;
width: 100px;
display:inline;
margin: 0;
margin-left: 12px;
padding-top: 0px;
height:128px;
}

.category_left_master {
background: url(images/master.png) no-repeat top left;
float: left;
width: 100px;
display:inline;
margin: 0;
margin-left: 12px;
padding-top: 0px;
height:128px;
}

.category_left_midship {
background: url(images/midship.png) no-repeat top left;
float: left;
width: 100px;
display:inline;
margin: 0;
margin-left: 12px;
padding-top: 0px;
height:128px;
}

#category_right {
background: url(images/content_bg1.png) repeat-x top left;
float: left;
width: 440px;
margin: 0;
margin-left: 30px;
padding-top: 0px;
height:120px;
}

.category_right_body {
float: left;
width: 450px;
margin: 0;
margin-left: 20px;
margin-bottom: 15px;
padding-top: 0px;
border-top:0px solid #D0C8B2;
border-bottom:0px solid #D0C8B2;
}

.category_right_a1 {
float: left;
width: 450px;
margin: 0;
margin-left: 20px;
margin-bottom: 15px;
padding-top: 0px;
height:128px;
border-top:1px solid #D0C8B2;
border-bottom:1px solid #D0C8B2;
}

#category_right_b1 {
background: url(images/content_bgb1v.png) repeat-x top left;
float: left;
width: 460px;
margin: 0;
margin-left: 20px;
padding-top: 0px;
height:159px;
}

#category_right_c1 {
background: url(images/content_bgc1v.png) repeat-x top left;
float: left;
width: 460px;
margin: 0;
margin-left: 20px;
padding-top: 0px;
height:159px;
}

#category_right_a {
background: url(images/content_bga.png) repeat-x top left;
float: left;
width: 440px;
margin: 0;
margin-left: 30px;
padding-top: 0px;
height:159px;
}

#category_right_b {
background: url(images/content_bgb.png) repeat-x top left;
float: left;
width: 440px;
margin: 0;
margin-left: 30px;
padding-top: 0px;
height:159px;
}

#category_right_c {
background: url(images/content_bgc.png) repeat-x top left;
float: left;
width: 440px;
margin: 0;
margin-left: 30px;
padding-top: 0px;
height:159px;
}

#internal_right {
width: 456px;
margin: 0;
margin-left: 22px;
padding-top: 0px;
height:128px;
}

#category_mid {
background: #eeeeee;
float: left;
width: 12px;
margin: 0;
padding-top: 0px;
height:128px;
}

#spacer900 {
clear:both;
width: 900px;
height: 33px;
}

#spacer600 {
clear:both;
width: 600px;
height: 17px;
}

#spacer300 {
clear:both;
width: 300px;
height: 33px;
}

#spacer300x {
clear:both;
width: 300px;
height: 14px;
}

#spacer35 {
clear:both;
width: 300px;
height: 35px;
}

.300border {
background: url(images/300border.png) no-repeat top left;
width: 300px;
height: 10px;
margin: 0;
margin-left: 0px;
padding-top: 0px;
}

/* ----------right form layout-------------- */

#form_container {
width: 300px;
height: 450px;
margin: 0 auto;
margin-left: 7px;
margin-bottom: 40px;
padding: 0px 0px 0px 0px;
text-align: center;
}

#form_container2 {
width: 300px;
height: 474px;
margin: 0 auto;
margin-left: 7px;
padding: 0px 0px 0px 0px;
text-align: center;
}

#form_bg {
background: url(images/form_bg.png) no-repeat top left;
width: 300px;
height: 450px;
margin: 10px auto;
margin-left: 7px;
padding: 0px 0px 0px 0px;
padding-top: 10px;
text-align: center;
}

#menu_bg {
background: url(images/menu_bg.png) no-repeat top left;
width: 300px;
height: 220px;
margin: 10px auto;
margin-left: 7px;
padding: 0px 0px 0px 0px;
padding-top: 15px;
text-align: center;
}

#body_content_bg {
background: url(images/body_bg1.png) no-repeat top left;
width: 600px;
height: 220px;
margin: 10px auto;
margin-left: 7px;
padding: 0px 0px 0px 0px;
padding-top: 35px;
text-align: center;
}

.body_content_bg2 {
background: url(images/body_bg.png) no-repeat top left;
width: 600px;
height: 152px;
margin: 10px auto;
margin-left: 0px;
padding: 0px 0px 0px 0px;
padding-top: 12px;
text-align: center;
}

#book_image {
background: url(images/booknow.png) no-repeat top left;
width: 171px;
height: 56px;
margin: 15px auto;
}

#line400 {
width: 400px;
height: 20px;
margin: 10px auto;
margin-bottom: 10px;
border-bottom:1px solid #D0C8B2;
}

#line {
background: url(images/line.png) no-repeat top center;
width: 400px;
height: 7px;
margin: 25px auto;
margin-bottom: 10px;
}

.stitch {
background: url(images/stitch.png) no-repeat top center;
width: 250px;
height: 2px;
margin: 25px auto;
margin-bottom: 10px;
}

.stitchbody {
background: url(images/stitchbody.png) no-repeat top center;
width: 509px;
height: 2px;
margin: 30px auto;
margin-bottom: 35px;
}

.stitchheader {
background: url(images/stitchheader.png) no-repeat top center;
width: 871px;
height: 3px;
margin: 10px auto;
margin-bottom: 25px;
}

#logosmall {
background: url(images/logosmall.png) no-repeat top center;
width: 100px;
height: 100px;
margin: 0px auto;
margin-top: 100px;
margin-bottom: 20px;
}

/* ----------testimonial layout-------------- */

.testimonial {
font-size:14px;
float: left;
width: 300px;
height: 30px;
margin: 0 auto;
padding: 0px 0px 0px 0px;
text-align: left;
}

.leftquote {
background: url(images/leftquote.png) no-repeat top left;
float:left;
width: 60px;
height: 60px;
margin: 0 auto;
}

.rightquote {
background: url(images/rightquote.png) no-repeat top left;
float:right;
width: 60px;
height: 60px;
margin: 0 auto;
}

/* ----------side menu layout-------------- */

#side_menu_container {
width: 300px;
height: 220px;
margin: 0 auto;
margin-left: 8px;
padding: 0px 0px 0px 0px;
text-align: center;
}

#side_menu_left {
float: left;
width: 115px;
margin: 0;
margin-top: 12px;
margin-left: 25px;
padding-top: 0px;
}

#side_menu_right {
float: left;
width: 150px;
margin: 0;
margin-top: 12px;
padding-top: 0px;
}

#icon_welcome {
background: url(images/icon_welcome.png) no-repeat top left;
float: left;
width: 32px;
height: 32px;
margin: 0px auto;
padding-left: 0px;
}

#icon_specs {
background: url(images/icon_specs.png) no-repeat top left;
float: left;
width: 32px;
height: 32px;
margin: 0px auto;
padding-left: 0px;
}

#icon_itinerary {
background: url(images/icon_itinerary.png) no-repeat top left;
float: left;
width: 32px;
height: 32px;
margin: 0px auto;
padding-left: 0px;
}

#icon_accommodations {
background: url(images/icon_accommodations.png) no-repeat top left;
float: left;
width: 32px;
height: 32px;
margin: 0px auto;
padding-left: 0px;
}

#icon_photos {
background: url(images/icon_photos.png) no-repeat top left;
float: left;
width: 32px;
height: 32px;
margin: 0px auto;
padding-left: 0px;
}

#icon_testimonials {
background: url(images/icon_testimonials.png) no-repeat top left;
float: left;
width: 32px;
height: 32px;
margin: 0px auto;
padding-left: 0px;
}

#icon_crew {
background: url(images/icon_crew.png) no-repeat top left;
float: left;
width: 33px;
height: 33px;
margin: 0px auto;
padding-left: 0px;
}
/* ----------footer layout-------------- */


#footer_container {
width: 1024px;
margin: 0 auto;
margin-bottom: 0px;
}

#footer {
		background: url(images/footer_bg1.png) repeat-x bottom left;	
		clear: both;
		margin: 0px;
		padding: 0px;
		height: 300px;
		color: 333333;
		font-size:12px;
		word-spacing: 5px;
		text-align: left;
		margin-bottom: 0px;
		}

#footer_left {
float: left;
width: 600px;
margin: 0;
margin-left: 25px;
padding-top: 70px;
min-height: 100%;
height: auto !important;
height: 100%;
}

#footer_right {
float: left;
width: 300px;
margin: 0;
margin-left: 60px;
padding-top: 0px;
min-height: 100%;
height: auto !important;
height: 100%;
text-align: center;
}

#footer_left_bottom {
float: left;
width: 600px;
margin: 0;
margin-top: 45px;
margin-left: 35px;
min-height: 100%;
height: auto !important;
height: 100%;
}

#footer_right_bottom {
float: left;
width: 300px;
margin: 0;
margin-left: 55px;
margin-top: 45px;
min-height: 100%;
height: auto !important;
height: 100%;
text-align: center;
}

#fnavlist ul
{
display: inline;
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#fnavlist li
{
display: inline;
list-style-type: none;
padding-right: 10px;
margin: 0;
}

#fnavlist_container {
float: left;
width: 600px;
height: 10px;
margin: 0 auto;
margin-left: 10px;
padding: 0px 0px 0px 0px;
text-align: center;
}