/*Global Initialise*/
* {
margin: 0;
padding: 0;
}

img {
border: 0;
display:block;
}

html body {
background: #006194;
text-align: center;
}

#bg {
background: url(../images/contentBg.gif) repeat-x;
width: 100%;
}

#content {
width: 802px;
margin: 0 auto;
text-align: left;
}

#header {
width: 100%;
height: 240px;
}

#contentBody {
background: url(../images/contentBody.gif);
width: 100%;
_height: 364px;
min-height: 364px;
}

html>body #contentBody {
overflow:auto;
}

#contentBody2 {
background: url(../images/contentBack.gif) repeat-x;
width: 100%;
_height: 364px;
min-height: 364px;
}

.dotLine {
background: url(../images/dot.gif) repeat-x;
height: 1px;
width: 100%;
margin-top: 10px;
}

html>body .dotLine {
margin-bottom: 15px;
}

/*navigation*/
#nav {
background: url(../images/navBody.gif) repeat-x;
width: 155px;
float: left;
margin-top: 15px;
}
/*End of Navigation*/

/*rightContent*/
#rightContent {
float:right;
width: 647px;
min-height: 272px;
}

#rightContentBody {
float: left;
width: 406px;
margin-top: 25px;
margin-left: 10px;
min-height: 245px;
}

html>body #rightContentBody {
margin-left: 20px;
}

#rightContactBody {
float: left;
width: 315px;
margin-top: 25px;
margin-left: 10px;
}

html>body #rightContactBody {
margin-left: 20px;
}

#readMore {
float: right;
width: 150px;
}

#readMore a {
float:left;
margin-top:3px;
margin-right: 5px;
}

#rightContentLogo {
float: right;
width: 221px;
height: 272px;
background: url(../images/rightContentLogo.gif) no-repeat;
}

#logoLink {
width: 100px;
height: 30px;
margin: 222px 0 0 105px;;
}

#rightContact {
float: right;
background:url(../images/contactBody.gif) repeat-y;
width: 303px;
margin-top: 15px;
}

#containerTitle {
float: left;
margin-top: 25px;
margin-left: 10px;
}

html>body #containerTitle {
margin-left: 20px;
}

#container {
margin-top: 60px;
margin-left: 20px;
}

html>body #container {
margin-top: 50px;
#margin-top: 60px;
}

#propellerImg {
float: right; 
}

.pImg {
float: left; 
width: 135px;
margin-left: 20px; 
_margin-left: 15px;
border: 3px solid #CCCCCC;
}

.products {
float: left;
margin-right: 5px;
margin-bottom: 30px;
}

html>body .products {
margin-right: 10px;
#margin-right: 5px;
}

.products img {
width: 135px;
float: left;
margin-bottom: 10px;
border:  3px solid #CCCCCC;
}

.products a {
clear: both;
}

/*.products {
margin-left: 20px;
margin-top: 60px;
clear: both;
}

html>body .products {
margin-top: 50px;
}

.products img {
float: left;
}*/

.productsText {
float: left;
width: 510px;
margin-bottom: 10px;
clear: both;
}

html>body .productsText {
margin-right: 0px;
}

.productsLink {
float: left;
width: 350px;
margin-left: 10px;
clear:left;
}

html>body .productsLink {
margin-left: 20px;
}

.productsLink img {
float: left;
}

#mercruiserList {
float:left; 
clear:both; 
width: 622px; 
}

html>body #mercruiserList {
margin-bottom: 40px;
#margin-bottom: 0px;
}

#back {
float: right; 
margin: 10px 32px; 
_margin-right: 22px;
padding: 2px 4px;
border: 1px solid #CCCCCC;
}
/*End of rightContent*/

/*form*/
#contactForm {
width: 100%;
}

.contact-form {
width: 285px;
margin-top: 20px;
}

.contactform-row {
height: 20px;
margin: 4px 0;
clear: both;
}

.contactform-row label {
float: left;
text-align: right;
width: 90px;
}

.contactform-row input {
float: right;
margin-left: 5px;
color: #000000;
}

.contactform-row textarea {
float: right;
width: 178px;
height: 100px;
margin-bottom: 5px;
margin-left: 5px;
color: #000000;
}

#contactButton {
float: right; 
margin-right: 6px; 
width: 113px; 
clear: both;
}

html>body #contactButton {
margin-right: 18px;
}

.info-form {
width: 450px;
margin-top: 20px;
}

.infoform-row {
height: 20px;
margin: 4px 0;
}

.infoform-row label {
float: left;
text-align: right;
width: 180px;
}

html>body .infoform-row label {
width: 190px;
}

.infoform-row input {
float: left;
margin-left: 5px;
color: #000000;
}

.infoform-row textarea {
float: left;
width: 248px;
height: 100px;
margin-bottom: 5px;
margin-left: 5px;
color: #000000;
}

#infoButton {
float: right; 
margin-right: 9px;
margin-top: 10px; 
width: 113px; 
clear: both;
}

html>body #infoButton {
margin-right: 40px;
#margin-right: 20px;
}

.clear {
background: url(../images/clear.gif) no-repeat;
float: left;
display: block;
cursor:pointer;
border: none;
width: 48px;
height: 27px;
}

.submit {
background: url(../images/submit.gif) no-repeat;
float:right;
display: block;
cursor:pointer;
border: none;
width: 58px;
height: 27px;
margin-left: 7px;
}

.back {
color:#000000;
}
/*End of form*/

/*lowerContent*/
#lowerContent {
width: 100%;
height: 70px;
clear: both;
}

#lowerContent img {
float: left;
}
/*End of lowerContent*/

/*footer*/
#footer {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
width: 100%;
height: 27px;
margin-top: 5px;
}

#footerLeft {
float:left;
width: 483px;
text-align:right;
}

#footerRight {
float:right;
width: 319px;
text-align:right;
}