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

body {
background: url(images/ocean1-bg.jpg) no-repeat fixed -400px -475px transparent;
padding:0;
margin:0;
text-align:justify;
font-family:helvetica, verdana, sans-serif;
font-size:18px;
color:#333333;
line-height:26px;
}

h1, h2, h3, h4, ul, p {
margin:0;
padding:0;
}

h5{
margin:10px 0 2px 25px;
}

img {
border: none;
}

a, a:visited{
text-decoration:none;
color:#333333;
}

.wrapper{
width:920px;
margin:0 auto;
}

.header{
width:920px;
height:183px;
background:transparent;
}

.logo{
position:absolute;
top:10px;
}

.nav{
width:920px;
height:88px;
float:right;
position:relative;
top:95px;
background: url(images/nav-bg.png) no-repeat 0 0 scroll;
}

.nav ul{
width:630px;
list-style:none;
position:relative;
top:4px;
right:30px;
float:right;
}

.nav li{
width:126px;
height:50px;
float:right;
margin:0;
}

.nav li a{
width:126px;
height:50px;
font-size:0px;
color:transparent;
display:block;
background: url(images/nav-bg.png) no-repeat 0 0 scroll;
}

#button1{
background-position: -260px -4px; 
width:126px;
height:50px;
}

#button1:hover{
background-position:-260px -92px;
}

#home #button1{
background-position:-260px -92px;
}

#button2{
background-position: -386px -4px; 
width:126px;
height:50px;
}

#button2:hover{
background-position:-386px -180px;
}

#boats #button2{
background-position:-386px -180px;
}

#button3{
background-position: -512px -4px; 
width:126px;
height:50px;
}

#button3:hover{
background-position:-512px -268px; 
}

#luxuryboat #button3{
background-position:-512px -268px; 
}

#button4{
background-position: -638px -4px; 
width:126px;
height:50px;
}

#button4:hover{
background-position:-638px -356px;
}

#rentalterms #button4{
background-position:-638px -356px;
}

#button5{
background-position:-764px -4px; 
width:126px;
height:50px;
}

#button5:hover{
background-position:-764px -444px;
}

#contact #button5{
background-position:-764px -444px;
}


.content{
width:920px;
height:744px;
background:url(images/content.png) repeat-y 0 0 scroll;
}
.columnleft{
width:500px;
height:697px;
float:left;
position:relative;
top:47px;
left:90px;
}
.columnleft h2{
margin-bottom:20px;
}

.content img{
border: 1px #aaaaaa solid;
}

.columnright{
width:300px;
height:744px;
float:right;
position:relative;
right:-30px;
padding-top:2px;
}

.luxuryboat{
width:300px;
height:150px;
background:url(images/formularuby.png) no-repeat 0 0 scroll; 
}
.pontoon{
width:300px;
height:150px;
background:url(images/pontoonsruby.png) no-repeat 0 0 scroll; 
}
.deckboat{
width:300px;
height:150px;
background:url(images/deckboatsruby.png) no-repeat 0 0 scroll; 
}
.runabout{
width:300px;
height:150px;
background:url(images/runaboutsruby.png) no-repeat 0 0 scroll; 
}
.fishing{
width:300px;
height:150px;
background:url(images/fishingruby.png) no-repeat 0 0 scroll; 
}

/*home*/

#hometxt1{
padding-top:20px;
}
#hometxt1 p{
margin: 30px 0;
}
#hometxt2{	
width:170px;
float:right;
}
#hometxt2 p{
margin: 20px 0;
}
#homeimg1{
float:right;
padding-top:20px;
margin: 0 0 30px 30px;
}
#homeimg2{
float:left;
clear:both;
}
#homecloser{
clear:both;
padding-top:20px;
}

/*boats*/
.columnleftleft{
width:250px;
float:left;
}
.columnleftright{
width:250px;
float:right;
}

.products{
margin-bottom: 10px;
width:500px;
font-size:14px;
}
.productimg{
position:relative;
width:400px;
left:50px;
text-align:center;
}
.description{
width:500px;
}
.description ul{
list-style:circle;
}
#ul1{
float:left;
margin:10px 0 0 95px;
}
#ul2{
float:right;
margin:10px 70px 0 0;
}
#ul3{
padding:20px 0 10px 160px;
}
#ul3 li{
float:left;
margin: 10px 20px 20px 10px;
}
.desctitle{
text-align:center;
margin-top:10px;
}
.price{
float:right;
width: 500px;
background:url(images/prices-bg2.png) no-repeat scroll 0 0;
height:70px;
margin: 10px 0;
}
.price ul{
width:500px;
text-align:center;
list-style:none;
margin: 0;
}
.price li{
float:left;
margin:5px 0;
width:33%;
}
.price p{
margin-top:30px;
text-align:center;
}
.package{
clear:both;
text-align:center;
}

/*luxury boat*/

.formulaimg{
margin-top:20px;
width:500px;
text-align:center;
}
#driver{
padding:10px 50px 0 50px;
font-size:12px;
width:400px;
text-align:center;
line-height:15px;
}
.formuladescription{
width:500px;
height:130px;
text-align:center;
margin-top:10px
}
.formuladescription ul{
margin: 0;
list-style:circle;
text-align:left;
font-size:16px;
line-height:20px;
}
.formuladescription p{
margin: 0;
}
.formulaprice{
width:500px;
text-align:center;
font-size: 15px;
padding-top:20px;
background: url(images/prices-bg4.png) no-repeat 0 0 scroll transparent;

}
.formulaprice ul{
list-style:none;
margin: 0;
}
.formulaprice li{
float:left;
width:50%;
margin:0;
}

.formulaprice ul p{
margin:10px 0 5px 10px;
}




/*rental terms*/

#rentaltxt{
line-height:19px;
font-size:14px;
}


/*contact*/
#address{
margin-top:30px;
}

.footer{
width:820px;
background:url(images/footer.png) no-repeat 0 0 scroll;
padding:40px 50px 10px;
font-size:12px;
line-height:17px;
}
.footerleft{
float:left;
width:410px
}
.footerright{
float:left;
text-align:right;
width:410px
}