/*Layout Code*/
* { padding: 0; margin: 0; }

body {
 background:#191919 url(../images/bg.jpg) top center no-repeat;
}
#pagebg {
background-image:url(../images/bg_page.jpg);
background-repeat:repeat-y;
}
#wrapper { 
 margin: 0 auto;
 width: 900px;
}
#header {
 width: 900px;
 float: left;
 padding: 0px;
 border: 0px solid #ccc;
 height: 200px;
 background-image:url(../images/head.jpg);
 background-repeat:no-repeat;
 margin: 0px 0px 0px 0px;
}
#leftcolumn { 
 border-right: 1px solid #ccc;
 background-image:url(../images/leftcolbg.jpg);
 background-repeat:repeat-y;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height:auto;
 width: 179px;
 float: left;
}
#rightcolumn { 
 float: right;
 border: 0px solid #ccc;
 background-color:#FFFFFF;
 background-image:url(../images/rightcolbg.jpg);
 background-repeat:no-repeat;
 margin: 0px 0px 0px 0px;
 height: auto;
 width: 720px;
 display: inline;
}
#footer { 
 width: 900px;
 height: 193px;
 clear: both;
 border: 0px solid #ccc;
 background-image:url(../images/footer.jpg);
 background-repeat:no-repeat;
 margin: 0px 0px 0px 0px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:.7em;
 color:#666666;
}

#gallery{
margin: 5px 0px 5px 30px;
}

#gallery img{
border:#000000 thin;
}

/*Main Navigation*/
h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
line-height:30px;
color:#333;
font-weight:normal;
}

h3 a{
display: block;
padding: 0px;
border-bottom: 1px solid #CCCCCC;
border-width:thin;
color:#333;
text-decoration: none;
}

h3 a:hover{
display: block;
color:#fff;
background-color:#ed0000;
}

/*HOME PAGE Wide Short Graphic*/
.adimg{
padding-left:10px;
}

/*HOME Page Columns*/
#homeleft{
width:500px;
float:left;
margin:0px 0px 0px 0px;
}

#homeright{
width:190px;
float: left;
}

#homerighttext{
padding: 10px 0px 10px 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:.7em;
line-height:20px;
color:#000066;
text-align:left;
border-top:solid thin #ccc;
}

/* Text Styling */
a {color:#000000;
text-decoration:underline;
}

p {
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
line-height:20px;
color:#666666;
padding: 5px 50px 10px 50px;
text-align:left;
}

p.testimonial {
margin:0px 50px 0px 50px;
}

.highlight {
color: #438df3;
font-weight:bold;
}

h1{
font-family:Arial, Helvetica, sans-serif;
font-size: 1.5em;
padding:0px 30px 5px 30px;
color:#000066;
letter-spacing: -1px;
line-height:25px;
font-weight:lighter;
}

h2{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
padding:15px 15px 5px 40px;
color:#000099;
letter-spacing:-1px;
line-height:23px;
font-weight:lighter;
}

ul{
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
line-height:20px;
color:#333333;
padding:5px 50px 10px 60px;
text-align:left;
}

/*Boats Page Layout*/
.boatslist{
padding:5px 5px 5px 5px;
margin:0px 10px 10px 10px;
width:690px;
height:auto;
border-top-color:#999999;
border-top-width:thin;
}

#boatlistleft{
width:320px;
float:left;
padding:10px 0px 0px 0px;
border-top:#ccc solid thin;
}

#boatlistright{
width:250px;
float: left;
padding: 10px 0px 0px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
color:#003399;
line-height:16px;
border-left:#ccc solid thin;
border-top:#ccc solid thin;
}

.namehighlight{
color:#990000;
font-weight:bold;
}

#viewmore{
width:120;
float:left;
border-top:#ccc solid thin;
padding: 30px 10px 0px 10px;
}


/* BEGIN 2 column (ex: used in contact page)*/
#contactleft{
width:250px;
float:left;
margin:10px 0px 0px 20px;
}

#contactright{
width:350px;
float: left;
margin: 10px 0px 0px 20px;
border-left:#ccc solid thin;
}

p.form{
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
color:#003399;
line-height:20px;
}
/* END 2 column (ex: used in contact page)*/


/* BEGIN css tabs for boats page */
ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #ccc; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 body#tab5 li.tab5 body#tab6 li.tab6 li.tab7{ /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, body#tab5 li.tab5 a, body#tab6 li.tab6 a , body#tab7 li.tab7{ /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #ccc; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #FFFFFF; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #ed0000; /* set desired hover color */
color:#fff; /*set text hover color */
}
/* END css tabs for boats page */

#modal-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#modal-bg {
	background: #000000;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;

}

#modal-wrapper .content {
	background: #ffffff;
	overflow: scroll;
	margin: 0 auto 0;
	padding: 0;
	width: 717px;
	height: 540px;
}
#modal-wrapper .content p {
	margin: 10px 20px;
	padding: 0;
}

#modal-wrapper .close {
	width: 700px;
	margin: 10px auto 4px;
	text-align: right;
}
	

#modal-wrapper .close a {
	color: #ffffff;
}