*{margin:0; padding:0}
html, body, #wrap{height:100%; margin:0 auto}
body >#wrap{height:auto; min-height:100%}
#wrap{ background:url(../img/sky.png) repeat-x; margin:0 auto}
#main{padding-bottom:100px;  background:#EBE2CD; margin:0px auto 0 auto; width:994px; border-left:solid 2px #FFF; border-right:solid 2px #FFF; border-top:solid 1px #FFF /* must be same height as the footer  */}
body{background:#FFF5DE url(../img/bk.jpg) repeat-x 0px 99px; font-family:Arial,Helvetica,sans-serif}
#foter{position:relative; margin-top:-100px; height:100px; clear:both; background:url(../img/footer.png) repeat-x}

/* @Misc */
/* ----- */
a{color:#09C}
a:hover{color:#09C; text-decoration:none}
img{border:none}
td{vertical-align:top}
p{margin:0 0 1.5em 0; clear:both; padding:0; line-height:1.5em; /* 15px */}
em{color:#333; display:none; font-style:normal}
/* @Misc  */
.clear{height:0 !important; line-height:0 !important; clear:both !important; font-size:0px !important; float:none !important; padding:0 !important; margin:0 !important; width:auto !important}
.clear-left{clear:left}
span{text-indent:-9999px; float:left}
.auto{margin:0 auto}
object{outline:none}
*:focus, button:focus, a:active, input:active{outline:none}

html{font-size:100%; /* IE hack */}
body{font-size:0.6875em; line-height:1.364em; color:#666}
table{font-size:100%; /* IE hack */}
input, select, textarea, th, td{font-size:1em}
h1, h2, h3{font-size:1.455em; line-height:1.5em;  color:#849E3D; margin-bottom:0.368em !important}

h1{font-size:2.2em; line-height:0.5em; margin-bottom:0 !important}
h2{font-size:1.455em; margin:0 0 0.4em 0px; font-weight:bold; color:#03A4EB}
h3, h4, h4, h5, h6{font-size:1.4em; font-weight:normal; color:#01A3EB; letter-spacing:0em; margin-top:0em}
h4, h4, h5, h6{font-size:1.2em; font-weight:normal; color:#01A3EB; letter-spacing:0em; margin-top:0em}
h3{color:#859F3E; clear:both;  height:35px; line-height:25px; font-weight:bold}
h4{color:#859F3E; clear:both; line-height:22px; margin-bottom:0.368em}
h5{color:#888; clear:both; line-height:22px; margin-bottom:0.368em}
h5{float:none}
.h5 { font-size:1.2em; font-weight:normal; color:#888; letter-spacing:0em; line-height:22px; margin-bottom:0.368em; float:left;}
.none{ display:none}
/* @Footer */
/* ----- */
.seashell{width:1024px !important; position:relative; margin:0 auto; overflow:visible}
.seashell div{background:url(../img/seashell.png) no-repeat  866px 0; overflow:auto; width:100% !important; height:95px; position:absolute; top:-20px}
#foter ul{margin:0.25em 0 0em 60px; display:inline; float:left; padding:0 1em 0 0; list-style:none; text-align:left; width:715px; position:relative}
#foter li{display:inline; margin:0; padding:0 0.3em 0.5em 0.5em; background:url(../img/line.gif) left center no-repeat; line-height:1.7em; font-size:10px; float:left}
#foter li a{font-weight:normal}
#foter a{margin:0 5px 0 5px;  display:inline; color:#FFF; white-space:nowrap; float:left}
#foter a.nolink{margin:0 5px 0 5px; color:#FFF; text-decoration:none; cursor:default}
#foter a:hover.nolink{color:#FFF}
#foter a:hover{color:#FFF; text-decoration:none}
#foter .first{padding-left:0; background:none; float:left}
#foter .firstnext{padding:0 0.5em 0 0em; background:none; clear:left; float:left; margin:0}
#foter .firstnext a{margin-left:0}
#foter .firstnext span, #foter li span{padding:0; text-indent:0; float:left; margin:0; clear:left}
#foter .first a{margin-left:0}
#foter div{padding:20px 0 0 0; margin:0 auto; width:984px}
/* CLEAR FIX*/
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
.palm{background:url(../img/palm.png) no-repeat -140px -10px; position:absolute; left:0; width:150px; height:150px; z-index:1; left:0}
/* @Header */
/* ----- */
#header{width:998px; height:101px; margin:0 auto; z-index:2}
a.logo{background:url(../img/logo.gif) no-repeat; width:275px; height:42px; float:left; margin:30px 0 10px 30px; display:inline; float:left; z-index:3; text-indent:-9999px; position:relative}
/* @Panels */
/* ----- */
.panels{width:996px; z-index:3; position:relative; margin:0 auto}
.panels .panel, .panels .panel-img{margin:-150px 0 0 48px; clear:none}
.panel{width:267px; padding-bottom:5px; float:left; display:inline; margin:0px 0 20px 0px; clear:left; display:inline; z-index:3}
.panel-img{width:267px; padding-bottom:5px; float:left; background:url(../img/panel.png) no-repeat; margin:0px 0 0px 0px; clear:left; display:inline; z-index:3}
.left-col{width:267px; padding-bottom:5px; float:left; margin:0px 0 20px 0px; clear:left; display:inline}
.logo-thumb{float:left; padding:0 3px 0px 0}

.panel img, .panel-img img{margin-bottom:1.5em}
.icon{width:267px; height:200px; float:left; background:url(../img/panel.png) no-repeat; margin:0px 0 0 48px; display:inline; z-index:3}
.panels-inside{float:left; margin:80px 0 0 50px; width:262px; display:inline}
.panels-inside-right {float:right; margin:-60px 0 0 00px; width:262px; display:inline}
.panels-inside .panel{margin:0}
.icon-text{float:left; margin:0 0 1.5em 20px; width:270px; display:inline}
.margin-left{margin-left:0 !important}
.icon-text-long{float:left; margin:0 0 1.5em 20px; width:570px}
.icon text .sIFR-hasFlash h3{background:none !important; padding:0 !important; margin:0 !important}
.icon .panel{margin:0px 0 0 0px; display:inline}
.panel a, .panel-img a{width:262px; height:130px; display:block; text-indent:-9999px}
.panel a, .panel-repower a{width:550px; height:130px; display:block; text-indent:-9999px}
a.new-boat-icon{background:url(../img/new-boats-icon.png) no-repeat}
a.used-boat-icon{background:url(../img/used-boats-icon.png) no-repeat}
a.panel-one{background:url(../img/panel-one.jpg) no-repeat}
a.panel-dixon{background:#FFF url(../img/panel-dixon.jpg) no-repeat}
a.panel-repower{background:#FFF url(../img/in-banner.jpg) no-repeat}
a.panel-two{background:url(../img/panel-two.jpg) no-repeat}
a.panel-three{background:url(../img/panel-three.jpg) no-repeat}
.panel div, .panel-img div{color:#656565; padding:5px 10px; margin-bottom:20px}
.dealer-of-the-year{width:220px; height:70px; float:right; background:url(../img/stacer-dealer-of-the-year.gif) no-repeat; margin:15px 15px 0 0;  padding:15px 0 0 0px; display:inline}
.tide-times{width:242px; height:70px; float:right; background:url(../img/tide-times.gif) no-repeat; margin:15px 0 0 0;  padding:15px 0 0 0px; display:inline}
.tide-times div{width:155px; font-size:0.909em; float:left; margin:12px 0 0 0;  padding:0px 0 0 55px}
.address{float:right; width:160px; background:url(../img/address-line.png) no-repeat; margin:11px 0 0 0; display:inline; padding:10px 15px; color:#FFF}
#flash{width:994px; height:500px; margin:-22px auto 0 auto; display:inline; z-index:3; position:relative}
.header-image-overlap{width:994px; height:15px; margin:-15px auto 0 auto; display:inline; float:left; z-index:3; position:relative}
.header-image{width:994px; height:160px; margin:0 auto; display:inline; float:left; background:#ccc}
.content{padding:20px 0 40px 64px; width:557px; float:left}
.content-large{padding:20px 0 40px 64px; width:870px; float:left}

ul#sitenav{margin:0 auto; clear:both; width:994px; height:45px;   background:#3CC3F3 url(../img/sitenav.gif) repeat-x; padding:0 0 0 0px; z-index:2; position:relative}
ul#sitenav li{float:left; list-style:none; margin:0 0px; padding:0}
#sitenav a{display:block; height:40px}
ul.list{margin:0 0 1.5em 10px; list-style:none; float:left; clear:left}
ul.list li{background:url(../img/bullet.gif) no-repeat 1px 2px; padding:2px 0 2px 17px; line-height:1.5em}
ul.list li img{vertical-align:middle}

/* home */
a.nav-home-R1{width:41px; background:url(../img/nav-home-R1.gif) no-repeat 0 0}
a:hover.nav-home-R1, a:active.nav-home-R1, a.nav-home-R3, a:active.nav-home-R3{width:41px; background:url(../img/nav-home-R1.gif) no-repeat 0 -40px}
a.nav-home-R3, a:active.nav-home-R3{width:41px; background:url(../img/nav-home-R1.gif) no-repeat 0 -80px}
/* about-us */
a.nav-about-us-R1{width:85px; background:url(../img/nav-about-us-R1.gif) no-repeat 0 0}
a:hover.nav-about-us-R1, a:active.nav-about-us-R1{width:85px; background:url(../img/nav-about-us-R1.gif) no-repeat 0 -40px}
a.nav-about-us-R3, a:active.nav-about-us-R3{width:85px; background:url(../img/nav-about-us-R1.gif) no-repeat 0 -80px}

a.nav-boat-range-R1{width:99px; background:url(../img/nav-boat-range-R1.gif) no-repeat 0 0}
a:hover.nav-boat-range-R1, a:active.nav-boat-range-R1, a.nav-boat-range-R3, a:active.nav-boat-range-R3{width:99px; background:url(../img/nav-boat-range-R1.gif) no-repeat 0 -40px}
/* motors */
a.nav-motors-R1{width:70px; background:url(../img/nav-motors-R1.gif) no-repeat 0 0}
a:hover.nav-motors-R1, a:active.nav-motors-R1, a.nav-motors-R3, a:active.nav-motors-R3{width:70px; background:url(../img/nav-motors-R1.gif) no-repeat 0 -40px}
/* trailers */
a.nav-trailers-R1{width:79px; background:url(../img/nav-trailers-R1.gif) no-repeat 0 0}
a:hover.nav-trailers-R1, a:active.nav-trailers-R1, a.nav-trailers-R3, a:active.nav-trailers-R3{width:79px; background:url(../img/nav-trailers-R1.gif) no-repeat 0 -40px}

a.nav-accessories-R1{width:99px; background:url(../img/nav-accessories-R1.gif) no-repeat 0 0}
a:hover.nav-accessories-R1, a:active.nav-accessories-R1, a.nav-accessories-R3, a:active.nav-accessories-R3{width:99px; background:url(../img/nav-accessories-R1.gif) no-repeat 0 -40px}
/* stihl */
a.nav-stihl-R1{width:64px; background:url(../img/nav-stihl-R1.gif) no-repeat 0 0}
a:hover.nav-stihl-R1, a:active.nav-stihl-R1, a.nav-stihl-R3, a:active.nav-stihl-R3{width:64px; background:url(../img/nav-stihl-R1.gif) no-repeat 0 -40px}
/* mowers */
a.nav-mowers-R1{width:82px; background:url(../img/nav-mowers-R1.gif) no-repeat 0 0}
a:hover.nav-mowers-R1, a:active.nav-mowers-R1, a.nav-mowers-R3, a:active.nav-mowers-R3{width:82px; background:url(../img/nav-mowers-R1.gif) no-repeat 0 -40px}
/* service */
a.nav-service-R1{width:74px; background:url(../img/nav-service-R1.gif) no-repeat 0 0}
a:hover.nav-service-R1, a:active.nav-service-R1, a.nav-service-R3, a:active.nav-service-R3{width:74px; background:url(../img/nav-service-R1.gif) no-repeat 0 -40px}
/* specials */
a.nav-specials-R1{width:80px; background:url(../img/nav-specials-R1.gif) no-repeat 0 0}
a:hover.nav-specials-R1, a:active.nav-specials-R1, a.nav-specials-R3, a:active.nav-specials-R3{width:80px; background:url(../img/nav-specials-R1.gif) no-repeat 0 -40px}

a.nav-finance-insurance-R1{width:132px; background:url(../img/nav-finance-insurance-R1.gif) no-repeat 0 0}
a:hover.nav-finance-insurance-R1, a:active.nav-finance-insurance-R1, a.nav-finance-insurance-R3, a:active.nav-finance-insurance-R3{width:132px; background:url(../img/nav-finance-insurance-R1.gif) no-repeat 0 -40px}

a.nav-contact-us-R1{width:89px; background:url(../img/nav-contact-us-R1.gif) no-repeat 0 0}
a:hover.nav-contact-us-R1, a:active.nav-contact-us-R1, a.nav-contact-us-R3, a:active.nav-contact-us-R3{width:89px; background:url(../img/nav-contact-us-R1.gif) no-repeat 0 -40px}

h2.sifrsubheader{  background:url(../img/h2-background.gif) no-repeat !important; clear:left; letter-spacing:-5px; letter-spacing:-0.02em !important; height:35px; line-height:35px; padding:10px 0 20px}
h3.sifrsubheaderh3{background:url(../img/h3-background.gif) no-repeat !important; float:left; padding:10px 0 20px 0; clear:both; letter-spacing:-5px; letter-spacing:0em !important; width:557px; margin-top:1.5em; margin-top:0}

h4.sifrsubsubheader{  margin-top:0px !important}
.sifrheader{letter-spacing:-2px; letter-spacing:-0.02em}
.split-col{width:278px; float:left}
.umbrella{background:url(../img/h3-background.gif) no-repeat; float:left; clear:left; height:65px; width:557px; margin-top:1.5em; font-size:2.2em; font-weight:bold}
p.intro{font-size:1.2em; color:#7C7C7C}
a.link{height:auto; text-indent:0; float:none; display:inline; width:auto}
ul.service-list{margin:0; list-style:none; float:left; display:inline; height:120px}
ul.service-list li{width:183px; height:108px; background:#FFF; margin:0 2px 15px 0px; display:block; float:left}
ul.sitemap{list-style:none; margin:0; float:left}
ul.sitemap li{float:left; clear:left; padding:0.2em 0; margin-left:0px}
ul.sitemap li a{font-size:1.2em; color:#859F3E; font-weight:bold}
ul.sitemap li a:hover{text-decoration:none}