﻿*
{
margin: 0; padding: 0; outline: none;
}

body 
{
font-family: Helvetica Neue, Arial;
font-size: 10px;
color: #000;
}

#build
{
display: block;
position: relative;
margin: 0 auto;
width: 966px;
height: 2000px;
background: url(../images/build.jpeg) no-repeat left top;
background: Transparent url(../images/background.png) repeat-x left top;
}

#wrapper
{
position: relative;
margin: 0 auto;
width: 966px;
padding-top: 275px;
background: url(../images/banner.png) no-repeat left top;
}

#content
{
padding: 35px 25px 0 25px;
font-size: 13px;
}

#gander-mtn
{
position: absolute;
right: 45px;
top: 455px;
width: 483px;
height: 261px;
background: url(../images/gander-mtn.png) no-repeat center center;
text-indent: -9999px;
background-color: Transparent !important; background-color: #edf1f4;
border: none !important; border: solid 2px #c7d4de;
padding: 0 !important; padding: 5px;
}

#products
{
float: left;
position: relative;
width: 100%;
height: 600px;
margin-top: -15px !important; margin-top: 15px;
background-color: Transparent !important; background-color: #edf1f4;
border: none !important; border-top: solid 2px #c7d4de; border-bottom: solid 2px #c7d4de;
}

#footer
{text-align: center;}

.hidden {display: none;}

h1
{
text-indent: -9999px;
}

h3
{
font-size: 14px;
color: #333;
}

h4
{
float: right;
font-size: 18px;
line-height: 20px;
font-weight: normal;
color: #97012c;
}

p
{
margin-bottom: 1.0em;
font-weight: bold;
color: #666;
}

.wrap {width: 80%;}

strong {color: #333;}

ol {margin-bottom: 20px;}

ol li
{
list-style-position: outside;
margin-bottom: 0.8em;
margin-left: 25px;
font-weight: bold;
}

ul li
{
position: absolute;
float: left;
display: block;
list-style: none;
}

ul li p
{
font-size: 11px;
font-weight: normal;
}

#redfish
{
z-index: 10;
left: 0; top: 10px;
width: 111px;
height: 158px;
background: url(../images/redfish.png) no-repeat left top;
padding-left: 204px;
padding-top: 30px;
}

#tarpon
{
left: 308px; top: 10px;
width: 141px;
height: 163px;
background: url(../images/tarpon.png) no-repeat left top;
padding-left: 200px;
padding-top: 25px;
}
#tarpon h4 {padding-right: 25px;}

#crappie
{
right: 0; top: 10px;
width: 129px;
height: 160px;
background: url(../images/crappie.png) no-repeat left top;
padding-left: 196px;
padding-top: 30px;
}
#crappie h4 {padding-right: 25px;}


#front
{
left: 8px; top: 218px;
width: 131px;
height: 121px;
background: url(../images/front.png) no-repeat left top;
text-indent: -9999px;
}

#trout
{
left: 140px; top: 181px;
width: 159px;
height: 134px;
background: url(../images/trout.png) no-repeat left top;
padding-left: 197px;
padding-top: 53px
}
#trout h4 {padding-right: 50px;}


#bass
{
left: 498px; top: 179px;
width: 186px;
height: 138px;
background: url(../images/bass.png) no-repeat left top;
padding-left: 200px;
padding-top: 49px
}

#bass h4, #bass-long h4, #crappie-long h4, #snook h4 {float: none;}

#snook
{
left: 0; top: 370px;
width: 130px;
height: 128px;
background: url(../images/snook.png) no-repeat left top;
padding-left: 190px;
padding-top: 65px;
}

#bass-long
{
left: 316px; top: 354px;
width: 120px;
height: 188px;
background: url(../images/bass-long.png) no-repeat left top;
padding-left: 215px;
padding-top: 45px
}

#crappie-long
{
right: 0; top: 353px;
width: 112px;
height: 188px;
background: url(../images/crappie-long.png) no-repeat left top;
padding-left: 204px;
padding-top: 30px
}

#products li a
{
position: absolute;
left: 20px; bottom: 10px;
display: block;
width: 65% !important; width: 200px;
height: 85% !important; height: 100px;
text-indent: -9999px;
}

#products li#front a
{
left: 0;
width: 100%; height: 100%;}


