/*-------style reset-------*/
html, body, div, span, h1, h2, h3, p, em, font, img, ol, ul, li, form, label, img{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}
:focus {outline: 0;}
ol, ul {list-style: none;}

body {font: 62.5% arial, helvetica, verdana, sans-serif; text-align: center; margin: 0 auto; background: #000 url(images/bkgd_gradient.gif) repeat;}

#container {position: relative; text-align: left; width: 948px; padding: 82px 0 4px 4px; margin: 0 auto; border-right: 1px solid #706F6F; border-left: 1px solid #706F6F; border-bottom: 1px solid #706F6F; background: url(images/bkgd_header.jpg) no-repeat top center;}
* html #container {padding-left: 4px;}

#logo {position: absolute; top: 13px; left: 15px;}

h1 {font-size: 1.4em; color: #00CCFF; font-weight: bold; padding: 34px 0 0 45px;}
h2 {font-size: 1.4em; color: #00CCFF; font-weight: bold; padding: 0 0 0 45px;}
p {font-size: 1.3em; color: #fff; padding: 0 45px 22px 45px; line-height: 1.3em;}
a {text-decoration: underline; color: #00CCFF; font-weight: bold;}
a:hover {color: #fff;}

h1.p1 {padding-bottom: 15px;}
h1 span {font-weight: normal;}
p.return {position: absolute; top: 60px; right: 30px; font-size: 1.2em; padding-right: 0;}
p.return a {color: #999; text-decoration: none; font-weight: normal;}
p.return a:hover {color: #fff;}
p.return span {color: #CC0000;}
p.subHead {padding: 10px 0 10px 45px;}
p.list {padding: 0 45px 5px 45px;}
#imgType {float: left; margin: 0 30px 10px 45px;}

ul {padding: 0 0 15px 59px;}
ul li {font-size: 1.3em; color: #fff; list-style: disc; padding: 0 0 2px 0;}

.facebook {padding: 0; line-height: 2.8em; width: 160px;}
.facebook img {float: right; padding: 0;}

/*------------Navigation------------*/

#Nav ul {padding: 0; width: 944px; height: 40px; overflow: hidden; background-color: #001BB6;}
#Nav ul li {float: left; padding: 0;}
#Nav ul li a {display: block; color: #0129E0; padding: 40px 0 0 0; height: 38px; text-decoration: none; border-top: 2px solid #2B2B2B;}
#Nav ul li.home a {width: 108px; background: url(images/nav_home.gif) no-repeat top left;}
#Nav ul li.home a:hover {border-top: 2px solid #00CCFF; padding: 40px 0 0 0; background: url(images/nav_home.gif) no-repeat 0 -38px;}
#Nav ul li.engines a {width: 169px; background: url(images/nav_engines.gif) no-repeat top left;}
#Nav ul li.engines a:hover {border-top: 2px solid #00CCFF; padding: 40px 0 0 0; background: url(images/nav_engines.gif) no-repeat 0 -38px;}
#Nav ul li.drive a {width: 124px; background: url(images/nav_drive.gif) no-repeat top left;}
#Nav ul li.drive a:hover {border-top: 2px solid #00CCFF; padding: 40px 0 0 0; background: url(images/nav_drive.gif) no-repeat 0 -38px;}
#Nav ul li.service a {width: 202px; background: url(images/nav_service.gif) no-repeat top left;}
#Nav ul li.service a:hover {border-top: 2px solid #00CCFF; padding: 40px 0 0 0; background: url(images/nav_service.gif) no-repeat 0 -38px;}
#Nav ul li.profiles a {width: 192px; background: url(images/nav_profiles.gif) no-repeat top left;}
#Nav ul li.profiles a:hover {border-top: 2px solid #00CCFF; padding: 40px 0 0 0; background: url(images/nav_profiles.gif) no-repeat 0 -38px;}
#Nav ul li.contact a {width: 149px; background: url(images/nav_contact.gif) no-repeat top left;}
#Nav ul li.contact a:hover {border-top: 2px solid #00CCFF; padding: 40px 0 0 0; background: url(images/nav_contact.gif) no-repeat 0 -38px;}

p.secNav {color: #ccc; font-size: 1.2em; font-weight: bold; background-color: #0066FF; padding: 8px 0 8px 44px; width: 900px;}
p.secNav a {color: #ccc; text-decoration: none;}
p.secNav a:hover {color: #fff;}


/*------------Home------------*/
.home .flash {width: 944px; height: 410px; background-color: #000;}
.home .listNav {width: 944px; height: 122px; background: #0000CC url(images/bkgd_linkNav.jpg) repeat;}
.home .listNav p {color: #3399FF; padding: 0; line-height: 1.2em;}
.home .listNav .engines {position: absolute; top: 545px; left: 126px;}
.home .listNav .drive {position: absolute; top: 545px; left: 296px;}
.home .listNav .service {position: absolute; top: 545px; left: 433px;}
.home .listNav .profiles {position: absolute; top: 545px; right: 195px;}
.home .listNav .contact {position: absolute; top: 545px; right: 57px;}

/*------------Marine Engines------------*/

.marine #Nav ul li.highlight a {width: 169px; border-top: 2px solid #00CCFF; background: url(images/nav_engines.gif) no-repeat 0 -38px;}
.marine .contentEngines {height: 530px; width: 544px; padding-right: 400px; background: url(images/bkgd_Marine.jpg) no-repeat top center;}
.marine .contentSpecs {background: url(images/bkgd_GenIV.jpg) no-repeat 10px 0;}
.marine .contentSpecs2 {background: url(images/bkgd_GenIII.jpg) no-repeat -1px 0;}

.marine table.float {float: right; margin: 300px 10px 0 0;}
.marine table {border: 1px solid #666; margin: 300px 0 30px 10px;}
.marine table tr {color: #fff;}
.marine table tr td {width: 130px; font-size: 1.1em; padding: 3px 5px 3px 10px; border: 1px solid #333;}
.marine table tr.black td {color: #00CCFF; font-weight: bold; font-size: 1.3em; padding: 10px 0 3px 10px; border: none;}

.marine .emissions {float: right; margin: 0 60px 0 20px;}
.marine .ice {float: right; margin: 10px 270px 0 20px;}
.marine .imgLeft {float: left; margin: 30px 20px 20px 45px;}
.marine .imgRight {float: right; margin: 20px 45px 20px 35px;}

.marine #magazine {position: absolute; top: 630px; right: 29px;}
.marine .facebook {position: absolute; top: 585px; right: 35px;}

/*------------Service and Warranty------------*/
.service #Nav ul li.highlight a {width: 202px; border-top: 2px solid #00CCFF; background: url(images/nav_service.gif) no-repeat 0 -38px;}
.centers {border: 1px solid #fff; width: 625px; margin: 20px 0 20px 45px;}
.warranties {padding-left: 355px;}
.downloads {font-size: 1.3em; color: #fff; padding: 0 45px 5px 45px; line-height: 1.3em;}

/*------------Stern Drive------------*/
.stern #Nav ul li.highlight a {width: 124px; border-top: 2px solid #00CCFF; background: url(images/nav_drive.gif) no-repeat 0 -38px;}
.stern p.margin {margin-right: 90px;}
.stern p.margin2 {margin-right: 180px;}
.stern .contentStern {height: 546px; width: 544px; padding-right: 400px; background: url(images/bkgd_Drive.jpg) no-repeat top center;}
.stern a.indy {margin-left: 230px;}
.stern .paddingHead {padding-bottom: 300px;}
.stern .contentFeatures {background: url(images/bkgd_SternDrive.jpg) no-repeat 8px 0;}
.stern #sterndrive {position: absolute; top: 580px; right: 90px;}

.stern table {border: 1px solid #666; margin: 0 0 30px 10px;}
.stern table tr {color: #fff;}
.stern table tr td {width: 250px; font-size: 1.1em; padding: 3px 5px 3px 10px; border: 1px solid #333;}
.stern table tr.black td {color: #00CCFF; font-weight: bold; font-size: 1.3em; padding: 10px 0 3px 10px; border: none;}

.stern #magazine {position: relative; top: 0; right: -43px;}

/*------------Profile and Links------------*/
.links #Nav ul li.highlight a {width: 192px; border-top: 2px solid #00CCFF; background: url(images/nav_profiles.gif) no-repeat 0 -38px;}
.imgFloat {float: right; margin: 90px 50px 50px 30px;}
.historybtn {position: absolute; top: 245px; right: 133px;}
.gallery {margin: 0 0 0 46px;}
.links table {margin-left: 46px; text-align: center;}
.links table tr td {border: 1px solid #333; padding: 10px 20px;}
.links .centered {text-align: center; padding: 50px 0 0 0;}
.links .centered img {width:169px; padding: 0 0 20px 0;}

p.secNav2 {text-align: right; color: #ccc; font-size: 1.2em; font-weight: bold; background-color: #0066FF; padding: 8px 35px 8px 0; width: 908px;}
p.secNav2 a {color: #ccc; text-decoration: none;}
p.secNav2 a:hover {color: #fff;}

/*------------Art Files------------*/
.dotted {border-top: 2px dotted #555; margin: 10px 45px 0 45px; padding: 20px 0 10px 0;}
.height {line-height: 1.8em;}


/*------------Contact Us------------*/
.contact #Nav ul li.highlight a {width: 149px; border-top: 2px solid #00CCFF; background: url(images/nav_contact.gif) no-repeat 0 -38px;}
.address {float: left; width: 250px; margin: 15px 90px 50px 0;}
.address p {padding: 0 0 20px 46px;}
.address p.heading {font-weight: bold; font-size: 1.4em; padding: 10px 0 5px 46px;}
.address .privacy {position: absolute; top: 555px; left: 46px; width: 220px; font-size: 1.1em; margin-top: 30px; border: 1px solid #444; padding: 15px;}

form {margin: 0 46px 50px 340px; padding-top: 0;}
form h2 {padding: 0 0 10px 0;}
form p {padding: 0 0 10px 0;}
form p.error {font-weight: bold; color: #FF0000;}
form .top {border: 2px solid white; margin-bottom: 20px; padding: 20px; height: 200px;}
form .float {float: left; margin-right: 30px;}
form .bottom {border: 2px solid white; margin-bottom: 20px; padding: 20px;}

/*------------Footer------------*/
.footer {width: 944px; height: 28px; margin: 0 auto; text-align: left; padding-top: 6px;}
.footer p {color: #666; font-size: 1.1em; padding: 0;}
.footer .right {float: right; text-align: right;}
.footer a {color: #666; text-decoration: none; font-weight: normal;}
.footer a:hover {color: #fff;}