/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

* {
  margin: 0;
  padding: 0;
}

 body,html {
  width: 100%;
  height: 100%;
  font-size: 12pt;
  font-weight: bold;
  background: url("../images/background-tile.gif");
  font-family: Helvetica, Arial, sans-serif;
}

img { border: 0px; }

.commercial {
  width: 100%;
  height: auto;
  margin-top: 10px;
  padding-bottom: 5px;
}

.right-content-left-side {
  position: relative;
  float: left;
  margin-left: 0px;
  margin-right: 10px;
  margin-bottom: 40px;
  font-weight: bold;
  font-size: 20px;
}

.right-content-right-side {
  font-weight: bold;
  font-size: 16px;
  margin-top: 20px;
}

.right-content-right-side .submit_text {
  float: right;
  color: #1f55b7;   
  border: 0px;
  margin-top: 15px;
  margin-right: 4%;
  cursor: pointer;
  background: transparent;
  font-size: 10pt;
  font-family: Arial, sans-serif;
  font-weight: bold;      
  text-decoration: none;
}

.reviewform { float: left; width: 99%; border-top: 1px solid #000; margin-left: 10px; font-size: 12pt; margin-bottom: 10px;}
.reviewform form { width: 99%; float:left;}            
.reviewform fieldset { border: 0px; }            
.reviewform h3 { color: #e56e15; font-size: 16pt; }            
.reviewform .input {
width:98%;
float:left;
background:#f9f9f9; 
border:1px solid #b6b6b6;
margin-bottom:3px; 
padding:12px 5px 12px 10px;
font-size:12px;
line-height:13px;
font-weight:bold;
color:#999999;
font-family:Arial, Helvetica, sans-serif;
}

.reviewform .submit_text {
  float: right;
  color: #1f55b7;
  border: 0px;
  margin-top: 15px;
  margin-right: 4%; 
  cursor: pointer;
  background: transparent;
  font-size: 10pt;
  font-family: Arial, sans-serif;
  font-weight: bold;
}
.reviewform .submit_btn{ width:196px; height:38px; font-size:0px; line-height:0px; background:url(../images/sprite.png) no-repeat 0 0; border:none; cursor:pointer;}
.reviewform .submit_btn_over{ width:196px; height:38px; font-size:0px; line-height:0px; background:url(../images/sprite.png) no-repeat 0 -42px; border:none; cursor:pointer;}
.reviewform .left_section .textarea{ width:98%; float:left; background:#f9f9f9; border:1px solid #b6b6b6; margin-bottom:3px; padding:10px 5px 10px 10px; font-size:12px; line-height:13px; font-weight:bold; color:#999999; font-family:Arial, Helvetica, sans-serif; height:195px;}

.mobile-li {
  margin-left: 80px;
}

.showmobile form{ width:97%; float:left; }
.showmobile fieldset { border: 0px; }
.showmobile h3 { color: #e56e15; font-size: 16pt; }
.showmobile .input { 
width:80%; 
float:left; 
background:#f9f9f9; 
border:1px solid #b6b6b6; 
margin-bottom:3px; 
padding:12px 5px 12px 10px; 
font-size:12px; 
line-height:13px; 
font-weight:bold; 
color:#999999; 
font-family:Arial, Helvetica, sans-serif;
}


.showmobile .submit_text {
  float: right;
  color: #1f55b7;
  border: 0px;
  margin-top: 15px;
  margin-right: 10%;
  cursor: pointer; 
  background: transparent;
  font-size: 10pt;
  font-family: Arial, sans-serif;
  font-weight: bold;
}
.showmobile .submit_btn{ width:196px; height:38px; font-size:0px; line-height:0px; background:url(../images/sprite.png) no-repeat 0 0; border:none; cursor:pointer;}
.showmobile .submit_btn_over{ width:196px; height:38px; font-size:0px; line-height:0px; background:url(../images/sprite.png) no-repeat 0 -42px; border:none; cursor:pointer;}
.showmobile { display: none; } 
#480text { float: left;  border: 2px solid #fff; }
.showmobile .left_section .textarea{ width:100%; float:left; background:#f9f9f9; border:1px solid #b6b6b6; margin-bottom:13px; padding:10px 5px 10px 10px; font-size:12px; line-height:13px; font-weight:bold; color:#999999; font-family:Arial, Helvetica, sans-serif; height:195px;}

p {  line-height: 17pt; }

a {
  text-decoration: underline;
  color: #e56e15;
  cursor: pointer;
}

a.hover {
  color: #000000;
}


.top_link {
  float: right;
  text-decoration: none;
  color: #e56e15;
  cursor: pointer;
  font-size: 15pt;
}

.top_link:hover {
  color: #000000;
}

.logolink {
  width: 120px;
  height: 66px;
  display: block;
}

#copyright {
  color: #ccc;
  font-family: Arial;
  font-size: 14pt;
  margin-bottom: 40px;
}

h2.about {
 margin-bottom: 10px;
}

.thanks { margin-left: 20px; }

/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

    .container                                  { z-index: 20; margin-top: -30px; position: relative; width: 1000px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 425px; }
    .container .four.columns                    { width: 280px; margin-left: -4px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 500px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 700px; }
    .container .fourteen.columns                { width: 890px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 1000px; margin-left: 0px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 700px; }
    .container .offset-by-thirteen              { padding-left: 860px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

@media only screen and (min-width: 1000px) {


#top-wrapper {
  z-index: 1;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 518px;
  background: url("http://www.wolfeoutfitters.com/images/top-background.jpg") no-repeat top center; 
  position: relative;
}

#top-menu2 { display: none; }

#left-menu {
   float: left;
   margin-left: -30px;
   margin-top: 40px;
}

#right-menu {
   float: right;
   margin-top: 40px;
   margin-right: 10px;
}

#leftmenu li {
  display: inline;
}

#rightmenu li {
  display:inline;
}

#leftmenu li a {
  color: #c4b59b;
  font-size: 1.0em;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  display:inline;
  text-decoration: none;
}

#leftmenu li a:hover {
  color: #FFFFFF;
  border-bottom: 2px solid #817874;
}

.on_state {
  color: #FFFFFF;
  border-bottom: 2px solid #817874;
}

#rightmenu li a {
  color: #c4b59b;
  font-size: 1.0em;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  display:inline;
  text-decoration: none;
}

#rightmenu li a:hover {
  color: #FFFFFF;
  border-bottom: 2px solid #817874;
}

.notlastlink-left {
  margin-right: 23px;
}

.notlastlink-right {
  margin-right: 33px;
}

.lastlink {
  margin-right: 0px;
}

#social_media {
  position: absolute;
  top: 90px;
  left: 865px;
  width: 130px;
  height: 52px;
  background: url("../images/socialmedia-back.png") no-repeat top center;
}

#social_media_inside {
  margin-left: 8px;
  margin-top: 13px;
}

#social_media_inside img {
  margin-left: 8px;
  border: 0px;
}


#main-content {
  margin-top: -60px;
  width: 100%;
  background-color: #f7f7f5;
}


#left-content p {
  padding: 10px 0px 0px 40px;
}

#left-content h2 {
  padding: 25px 0px 0px 40px;
  color: #e56e15;
  font-size: 15pt;
}

#left-content b {
  color: #e56e15;
}

#top-page-nav {
  color: #e56e15;
  margin-top: 20px;
  margin-left: 40px;
}

#top-page-nav a {
  color: #e56e15;
  cursor: pointer;
  font-size: 14pt;
  line-height: 20pt;
  text-decoration: underline;
}

#top-page-nav a:hover {
  color: #000000;
}

hr.top {
  color: #000000;
  width: 360px;
  margin-left: 20px;
  margin-top: 15px;
}

hr.full {
  color: #000000;
  width: 97%;
  margin-left: 20px;
  margin-top: 15px;
}

.cell {
  float: none;
  margin-top: 18px;
  margin-left: 30px;
  padding-bottom: 1px;
  width: 400px;
}

.about-top {
  width: 300px;
  margin: -60px 0px 40px 110px;
}

.about-images {
  margin-left: -15px;
  margin-top: 6px;
  width: 100px;

}

.about-text {
  margin-left: 10px;
}

h2.about {
 margin-bottom: 10px;
}

h2.about2 {
  padding: 0px;
  margin-top: -60px;
  margin-bottom: 5px;
}

.about-large-images {
 margin: 25px 10px 10px 0px;
}

.reviews {
  width: 99%;
  line-height: 17pt;
  margin-left: 10px;
  margin-right; 10px;
}

.reviews_block {
  margin-left: 10px;
  margin-right: 10px;
}

   #photo_table {
      position: relative;
      width: 99%;
      margin-top: 30px;
      margin-left: 70px;
      z-index: 20;
    }
    .photo_item {
       float: left;
       margin: 5px;
       margin-top: 5px;
       padding: 5px;
     }

              #text-content {
                 width: 80%;
              }

              .logo_stable_full {
                   position: relative;
                   float: left;
                   width: 985px;
                   margin-top: 40px;
              }
              .logo_stable {
                   position: relative;
                   float: left;
                   width: 40%;
                   margin-top: 0px;
                   margin-left: 20px;
                   z-index: 20;
               }
			  .logo_stext {
			     width: 930px;
			   }

              .logo_scell {
                 width: 163px;
                 background: #444;
                 float: left;
                 clear: both;
                 padding: 6px 6px 6px 6px;
				 margin:30px 10px 0px 5px;
   background: -moz-linear-gradient(top,  rgba(148,115,61,1) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(148,115,611,1)), color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top,  rgba(148,115,61,1) 0%,rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top,  rgba(148,115,61,1) 0%,rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top,  rgba(148,115,61,1) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(top,  rgba(148,115,61,1) 0%,rgba(0,0,0,1) 100%);
    filter: progid :DXImageTransform.Microsoft.gradient( startColorstr='#947451', endColorstr='#000000',GradientType=0 );

              }

              .logo_colspan {
                width: 960px;
                float: left;
                clear: both;
                margin-left: 20px;
              }



#left-content {
  position: relative;
  float: left;
  width: 980px; 
  margin-top: -10px;
  font-family: 'Crimson Text', serif;
  font-weight: 600;
  font-size: 12pt;
  line-height: 17pt;
  margin-right: 10px;
}

#right-content {
  position: relative;
  float: right;
  margin-top: -50px;
  width: 580px;
  padding-left: 35px;
}

.right-image {
  display: none;
}
.right-image2 {
  display: none;
}


.contact_box fieldset { border: 0px; }
.contact_box { border: 0px; width: 580px;}
.contact_box .left_section{ width:250px; float:left; margin-left: 20px; margin-top: 10px; margin-right: 20px; }
.contact_box .left_section form{ width:100%; float:left;}
.contact_box .left_section .input{ width:250px; float:left; background:#f9f9f9; border:1px solid #d8d8d8; margin-bottom:3px; padding:12px 5px 12px 10px; font-size:12px; line-height:13px; font-weight:bold; color:#999999; font-family:Arial, Helvetica, sans-serif;}
.contact_box .submit_text {
  float: right;
  color: #1f55b7;
  border: 0px;
  margin-top: 0px;
  cursor: pointer;
  margin-right: 14px; 
  background: transparent;
  font-size: 10pt;
  font-family: Arial, sans-serif;
  font-weight: bold;
}
.contact_box .submit_btn{ width:196px; height:38px; font-size:0px; line-height:0px; background:url(../images/sprite.png) no-repeat 0 0; border:none; cursor:pointer;}
.contact_box .submit_btn_over{ width:196px; height:38px; font-size:0px; line-height:0px; background:url(../images/sprite.png) no-repeat 0 -42px; border:none; cursor:pointer;}

.contact_box .right_section{ margin-top: 10px; width:250px; float:right; margin-right: 40px; text-align:center;}
.contact_box .right_section .textarea{ width:250px; float:left; background:#f9f9f9; border:1px solid #d8d8d8; margin-bottom:13px; padding:10px 5px 10px 10px; font-size:12px; line-height:13px; font-weight:bold; color:#999999; font-family:Arial, Helvetica, sans-serif; height:195px;}
.contact_box .right_section p{ font-size:16px; line-height:21px; padding-bottom:25px;}
.contact_box .right_section p strong{ font-size:18px; line-height:21px;}
.thanks{ width:100%; color: #e56e15; font-size: 16pt; float:left; padding:5px 0 0 0;}

#top-menu2 { display: none; }



#bottom-content {
  margin-top: -40px;
  width: 970px;
  margin-left: 23px;
  margin-bottom: 10px;
}

.bottom-services {
  position: relative;
  float: left;
  width: 238px;
  height: 166px;
  background-position: 0px 0px;
  background: url("../images/bottom-sprite_01.png");
}

.bottom-services:hover {
  background-position: -238px 0px;
}

.bottom-link {
  position: relative;
  float: left;
  margin-top: 40px;
  width: 238px;
  height: 80px; 
  display: block;

}

.bottom-fishing {
  position: relative;
  float: left;
  width: 238px;
  height: 166px;
  background-position: 0px 0px;
  background: url("../images/bottom-sprite_02.png");
}

.bottom-fishing:hover {
  background-position: -238px 0px;
}

.bottom-reviews {
  position: relative;
  float: left;
  width: 238px;
  height: 166px;
  margin-right: 5px;
  background-position: 0px 0px;
  background: url("../images/bottom-sprite_03.png");
}

.bottom-reviews:hover {
  background-position: -238px 0px;
}

.bottom-about {
  position: relative;
  float: left;
  width: 238px;
  height: 166px;
  background-position: 0px 0px;
  background: url("../images/bottom-sprite_04.png");
}

.bottom-about:hover {
  background-position: -238px 0px;
}

.logos {
  width: 1000px;
  margin-left: 0px;
}

.logobox {
  position: relative;
  width: 120px;
  height: 66px;
  margin-top: 5px;
  margin-right: 5px;
  float: left;
}

.logobox2 {
  margin-right: 0px;
}


#underarmour { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/underarmour-sprite.png") no-repeat; }
#underarmour:hover { width: 120px; background-position: -120px 0px; }
#rapala { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/rapala-sprite.png") no-repeat;}
#rapala:hover { width: 120px; background-position: -120px 0px;  }

#humminbird { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/humminbird-sprite.png") no-repeat; }
#humminbird:hover { width: 120px; background-position: -120px 0px; }
#minnkota { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/minnkota-sprite.png") no-repeat;}
#minnkota:hover { width: 120px; background-position: -120px 0px;  }
#igfa { width: 120px;background-position: 0px 0px;  background: url("http://www.wolfeoutfitters.com/images/ifga-sprite.png") no-repeat;}
#igfa:hover { width: 120px; background-position: -120px 0px;  }
#hyde { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/hyne-sprite.png") no-repeat;}
#hyde:hover { width: 120px; background-position: -120px 0px;  }
#anglingbuzz { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/anglingbuzz-sprite.png") no-repeat;}
#anglingbuzz:hover { width: 120px; background-position: -120px 0px;  }

#gloomis { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/gloomis-sprite.png") no-repeat; }
#gloomis:hover { width: 120px; background-position: -120px 0px; }
#trout { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/trout-sprite.png") no-repeat; }
#trout:hover { width: 120px; background-position: -120px 0px; }
#crystal { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/crystal-sprite.png") no-repeat;}
#crystal:hover { width: 120px; background-position: -120px 0px;  }
#deep-blue { width: 120px;background-position: 0px 0px;  background: url("http://www.wolfeoutfitters.com/images/deep-blue-sprite.png") no-repeat;}
#deep-blue:hover { width: 120px; background-position: -120px 0px;  }
#simms { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/simms-sprite.png") no-repeat;}
#simms:hover { width: 120px; background-position: -120px 0px;  }
#sage { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/sage-sprite.png") no-repeat;}
#sage:hover { width: 120px; background-position: -120px 0px;  }
#hatch { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/hatch-sprite.png") no-repeat;}
#hatch:hover { width: 120px; background-position: -120px 0px;  }
#yeti { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/yeti-sprite.png") no-repeat;}
#yeti:hover { width: 120px; background-position: -120px 0px;  }
#rio { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/rio-sprite.png") no-repeat;}
#rio:hover { width: 120px; background-position: -120px 0px;  }
#redington { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/redington-sprite.png") no-repeat;}
#redington:hover { width: 120px; background-position: -120px 0px;  }
#puremichigan { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/pure-michigan-sprite.png") no-repeat;}
#puremichigan:hover { width: 120px; background-position: -120px 0px;  }
#sfm { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/sfm-sprite.png") no-repeat;}
#sfm:hover { width: 120px; background-position: -120px 0px;  }
#knoxmarine { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/knox-marine-sprite.png") no-repeat;}
#knoxmarine:hover { width: 120px; background-position: -120px 0px;  }
#gopro { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/go-pro-sprite.png") no-repeat;}
#gopro:hover { width: 120px; background-position: -120px 0px;  }
#costa { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/costa-sprite.png") no-repeat;}
#costa:hover { width: 120px; background-position: -120px 0px;  }
#umpqua { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/umpqua-sprite.png") no-repeat;}
#umpqua:hover { width: 120px; background-position: -120px 0px;  }
#shimano { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/shimano-sprite.png") no-repeat;}
#shimano:hover { width: 120px; background-position: -120px 0px;  }
#stealthcraft { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/stealthcraft-sprite.png") no-repeat;}
#stealthcraft:hover { width: 120px; background-position: -120px 0px;  }
#mrga { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/mrga-sprite.png") no-repeat;}
#mrga:hover { width: 120px; background-position: -120px 0px;  }
#benzie { width: 120px; width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/benzie-sprite.png") no-repeat;}
#benzie:hover { width: 120px; background-position: -120px 0px;  }
#traversecv { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/traversecv-sprite.png") no-repeat;}
#traversecv:hover { width: 120px; background-position: -120px 0px;  }
#traversecc { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/traversecc-sprite.png") no-repeat;}
#traversecc:hover { width: 120px; background-position: -120px 0px;  }
#montanafly { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/montanafly-sprite.png") no-repeat;}
#montanafly:hover { width: 120px; background-position: -120px 0px;  }
#ifga { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/ifga-sprite.png") no-repeat;}
#ifga:hover { width: 120px; background-position: -120px 0px; }
#lamiglass { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/lamiglass-sprite.png") no-repeat;}
#lamiglass:hover { width: 120px; background-position: -120px 0px;  }
#hyne { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/hyne-sprite.png") no-repeat;}
#hyne:hover { width: 120px; background-position: -120px 0px;  }
#clackacraft { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/clackacraft-sprite.png") no-repeat;}
#clackacraft:hover { width: 120px; background-position: -120px 0px;  }
#echo { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/echo-sprite.png") no-repeat;}
#echo:hover { width: 120px; background-position: -120px 0px;  }
#templefork { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/templefork-sprite.png") no-repeat;}
#templefork:hover { width: 120px; background-position: -120px 0px;  } 


#copyright {
  margin-top: 20px;
  font-size: 12pt;
  font-family: Arial, sans-serif;
  font-weight: 200;
}


        .container                                  { width: 992px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 0px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 200px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 992px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


    @media only screen and (min-width: 740px) and (max-width: 999px) {


#main-content {
  margin-top: -60px;
  width: 730px;
  background-color: #f7f7f5;
}

#top-wrapper {
  z-index: 1;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 400px;
  background: url("../images/top-background2.jpg") no-repeat top center; 
  position: relative;
  overflow: hidden;
}

#social_media {
  position: absolute;
  top: 90px;
  left: 600px;
  width: 130px;
  height: 52px;
  background: url("../images/socialmedia-back.png") no-repeat top center;
}

#social_media_inside {
  margin-left: 8px;
  margin-top: 13px;
}


#social_media_inside img {
  margin-left: 8px;
    border: 0px;
}


#left-content p {
  padding: 0px 0px 20px 15px;
}

#left-content b {
  color: #e56e15;
}

#left-content h2 {
  padding: 25px 0px 0px 15px;
  color: #e56e15;
  font-size: 16pt;
}

#top-page-nav {
  color: #e56e15;
  margin-top: 20px;
  margin-left: 20px;
}

#top-page-nav a {
  color: #e56e15;
  cursor: pointer;
  font-size: 14pt;
  line-height: 20pt;
  text-decoration: underline;
}

#top-page-nav a:hover {
  color: #000000;
}

hr.top {
  color: #000000;
  width: 340px;
  margin-left: 13px;
  margin-top: 15px;
}

.cell {
  float: none;
  margin-top: 18px;
  margin-left: 20px;
  padding-bottom: 1px;
  width: 400px;
}


.about-top {
  width: 300px;
  margin: -70px 0px 45px 110px;
}

.about-images {
  margin-left: 0px;
  margin-top: 3px;
  width: 100px;

}

.about-text {
  margin-left: 10px;
}

h2.about {
 margin-bottom: 10px;
}

.about-large-images {
 width: 50%;
 height: auto;
 margin: 25px 10px 10px 0px;
}

   #photo_table {
      position: relative;
      width: 99%;
      margin-top: 30px;
      margin-left: 23px;
      z-index: 20;
    }
    .photo_item {
       float: left;
       margin: 5px;
       margin-top: 5px;
       padding: 5px;
     }


              .logo_stable_full {
                   position: relative;
                   float: left;
                   width: 720px;
                   margin-top: 40px;
              }
              .logo_stable {
                   position: relative;
                   float: left;
                   width: 720px;
                   margin-top: 0px;
                   margin-left: 20px;
                   z-index: 20;
               }
			  .logo_stext {
			     width: 680px;
			   }

              .logo_scell {
                 width: 163px;
                 background: #444;
                 float: left;
                 clear: both;
                 padding: 6px;
				 margin:30px 10px 0px 5px;
   background: -moz-linear-gradient(top,  rgba(148,115,61,1) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(148,115,611,1)), color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top,  rgba(148,115,61,1) 0%,rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top,  rgba(148,115,61,1) 0%,rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top,  rgba(148,115,61,1) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(top,  rgba(148,115,61,1) 0%,rgba(0,0,0,1) 100%);
    filter: progid :DXImageTransform.Microsoft.gradient( startColorstr='#947451', endColorstr='#000000',GradientType=0 );

              }

              .logo_colspan {
                width: 680px;
                float: left;
                clear: both;
                margin-left: 20px;
              }

.reviewform .left_section .textarea{ width:675px; }
.reviewform { width: 680px; margin-left: 20px;}
.reviewform form{ width:680px; }
.reviewform .input{ width:675px; }


#left-content {
  position: relative;
  float: left;
  width: 720px; 
  margin-top: -10px;
  font-family: 'Crimson Text', serif;
  font-weight: 600;
  font-size: 13pt;
  line-height: 17pt;
  margin-right: 10px;
}

#right-content {
  position: relative;
  float: right;
  margin-top: -20px;
  width: 310px;
  margin-right: 10px;
  padding-left: 40px;
}


.right-image {
  display: none;
}


#bottom-content {
  position: relative;
  float: left;
  margin-top: -20px;
  width: 600px;
  margin-left: 80px;
  margin-bottom: 10px;
}

.bottom-services {
  position: relative;
  float: left;
  width: 238px;
  height: 166px;
  margin-right: 75px;
  background-position: 0px 0px;
  background: url("../images/bottom-sprite_01.png");
}

.bottom-services:hover {
  background-position: -238px 0px;
}

.bottom-link {
  position: relative;
  float: left;
  margin-top: 40px;
  width: 238px;
  height: 80px; 
  display: block;

}

.bottom-fishing {
  position: relative;
  float: left;
  width: 238px;
  height: 166px;
  background-position: 0px 0px;
  background: url("../images/bottom-sprite_02.png");
}

.bottom-fishing:hover {
  background-position: -238px 0px;
}

.bottom-reviews {
  position: relative;
  float: left;
  width: 238px;
  height: 166px;
  margin-left: 0px;
  margin-right: 76px;
  background-position: 0px 0px;
  background: url("../images/bottom-sprite_03.png");
}

.bottom-reviews:hover {
  background-position: -238px 0px;
}

.bottom-about {
  position: relative;
  float: left;
  width: 238px;
  height: 166px;
  background-position: 0px 0px;
  background: url("../images/bottom-sprite_04.png");
}

.bottom-about:hover {
  background-position: -238px 0px;
}



.logos {
  float: left;
  text-align: center;
  width: 734px;
  margin-left: 0px;
}

.logobox {
  position: relative;
  width: 120px;
  height: 66px;
  margin-top: 4px;
  margin-right: 2px;
  float: left;
}		

#right-content img { float: right; width: 315px; margin-top: 20px; margin-right: 00px; margin-bottom: 0px; }

#benzie_area .right-content-left-side .commercial {
  width: 315px;
  margin-left: -40px;
  margin-top: 20px; 
}

#benzie_area .right-content-left-side {
  position: relative;
  float: left;
}

#benzie_area .right-content-right-side {
  position: relative;
  float: left;
  clear: both;
  margin-left: -40px;
  margin-top: -70px;
  text-align: center;
}

.right-content-right-side .submit_text {
  margin-top: -30px;
}

#top-menu2 { display: block; float: right; margin-top: 0px; border: 2px solid #888; margin-right: 0px; }
#top-menu { display: none; }
.styled-select select {
   background: #444;
   width: 300px;
   padding: 2px;
   color: #fff;
   font-size: 14pt;
   line-height: 1;
   border: 0px;
   border-radius: 0px;
   height: 30px;
   -webkit-appearance: none;
   }

.styled-select select option:hover{
background:#C6C4BD;
}

.showmobile { display: none; }

.contact_box fieldset { border: 0px; margin-left: 14px; margin-top: 0px;}
.contact_box { border: 0px; width: 300px; float: left; clear: both;}
.contact_box .left_section{ width:300px; float:left; margin-left: -20px; margin-top: 20px; }
.contact_box .left_section form{ width:100%; float:left;}
.contact_box .left_section .input{ margin-left: -10px; width:300px; float:right; background:#f9f9f9; border:1px solid #d8d8d8; margin-bottom:3px; padding:12px 5px 12px 10px; font-size:12px; line-height:13px; font-weight:bold; color:#999999; font-family:Arial, Helvetica, sans-serif;}

.contact_box .submit_btn{ width:196px; height:38px; font-size:0px; line-height:0px; background:url(../images/sprite.png) no-repeat 0 0; border:none; cursor:pointer;}
.contact_box .submit_btn_over{ width:196px; height:38px; font-size:0px; line-height:0px; background:url(../images/sprite.png) no-repeat 0 -42px; border:none; cursor:pointer;}
.contact_box .submit_text {
  float: right;
  color: #1f55b7;
  border: 0px;
  margin-top: 0px;
  margin-right: 30px; 
  background: transparent;
  cursor: pointer;
  font-size: 10pt;
  font-family: Arial, sans-serif;	
  font-weight: bold;
}
.contact_box .right_section{ width:300px; float:left; clear: both; margin-left: 0px; text-align:center;}
.contact_box .right_section .textarea{ width:300px; float:right; margin-right: 20px; background:#f9f9f9; border:1px solid #d8d8d8; margin-bottom:13px; padding:10px 5px 10px 10px; font-size:12px; line-height:13px; font-weight:bold; color:#999999; font-family:Arial, Helvetica, sans-serif; height:175px;}
.contact_box .right_section p{ font-size:16px; line-height:21px; padding-bottom:25px;}
.contact_box .right_section p strong{ font-size:18px; line-height:21px;}
.thanks{ width:100%; color: #e56e15; font-size: 16pt; float:left; padding:5px 0 0 0;}


#underarmour { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/underarmour-sprite.png") no-repeat; }
#underarmour:hover { width: 120px; background-position: -120px 0px; }
#rapala { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/rapala-sprite.png") no-repeat;}
#rapala:hover { width: 120px; background-position: -120px 0px;  }


#humminbird { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/humminbird-sprite.png") no-repeat; }
#humminbird:hover { width: 120px; background-position: -120px 0px; }
#minnkota { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/minnkota-sprite.png") no-repeat;}
#minnkota:hover { width: 120px; background-position: -120px 0px;  }
#igfa { width: 120px;background-position: 0px 0px;  background: url("http://www.wolfeoutfitters.com/images/ifga-sprite.png") no-repeat;}          
#igfa:hover { width: 120px; background-position: -120px 0px;  }     
#hyde { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/hyne-sprite.png") no-repeat;}
#hyde:hover { width: 120px; background-position: -120px 0px;  } 
#anglingbuzz { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/anglingbuzz-sprite.png") no-repeat;}
#anglingbuzz:hover { width: 120px; background-position: -120px 0px;  }
#gloomis { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/gloomis-sprite.png") no-repeat;}
#gloomis:hover { width: 120px; background-position: -120px 0px;  }


#trout { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/trout-sprite.png") no-repeat; }
#trout:hover { width: 120px; background-position: -120px 0px; }
#crystal { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/crystal-sprite.png") no-repeat;}
#crystal:hover { width: 120px; background-position: -120px 0px;  }
#deep-blue { width: 120px;background-position: 0px 0px;  background: url("http://www.wolfeoutfitters.com/images/deep-blue-sprite.png") no-repeat;}
#deep-blue:hover { width: 120px; background-position: -120px 0px;  }
#simms { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/simms-sprite.png") no-repeat;}
#simms:hover { width: 120px; background-position: -120px 0px;  }
#sage { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/sage-sprite.png") no-repeat;}
#sage:hover { width: 120px; background-position: -120px 0px;  }
#hatch { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/hatch-sprite.png") no-repeat;}
#hatch:hover { width: 120px; background-position: -120px 0px;  }
#yeti { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/yeti-sprite.png") no-repeat;}
#yeti:hover { width: 120px; background-position: -120px 0px;  }
#rio { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/rio-sprite.png") no-repeat;}
#rio:hover { width: 120px; background-position: -120px 0px;  }
#redington { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/redington-sprite.png") no-repeat;}
#redington:hover { width: 120px; background-position: -120px 0px;  }
#puremichigan { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/pure-michigan-sprite.png") no-repeat;}
#puremichigan:hover { width: 120px; background-position: -120px 0px;  }
#sfm { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/sfm-sprite.png") no-repeat;}
#sfm:hover { width: 120px; background-position: -120px 0px;  }
#knoxmarine { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/knox-marine-sprite.png") no-repeat;}
#knoxmarine:hover { width: 120px; background-position: -120px 0px;  }
#gopro { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/go-pro-sprite.png") no-repeat;}
#gopro:hover { width: 120px; background-position: -120px 0px;  }
#costa { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/costa-sprite.png") no-repeat;}
#costa:hover { width: 120px; background-position: -120px 0px;  }
#umpqua { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/umpqua-sprite.png") no-repeat;}
#umpqua:hover { width: 120px; background-position: -120px 0px;  }
#shimano { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/shimano-sprite.png") no-repeat;}
#shimano:hover { width: 120px; background-position: -120px 0px;  }
#stealthcraft { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/stealthcraft-sprite.png") no-repeat;}
#stealthcraft:hover { width: 120px; background-position: -120px 0px;  }
#mrga { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/mrga-sprite.png") no-repeat;}
#mrga:hover { width: 120px; background-position: -120px 0px;  }
#benzie { width: 120px; width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/benzie-sprite.png") no-repeat;}
#benzie:hover { width: 120px; background-position: -120px 0px;  }
#traversecv { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/traversecv-sprite.png") no-repeat;}
#traversecv:hover { width: 120px; background-position: -120px 0px;  }
#traversecc { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/traversecc-sprite.png") no-repeat;}
#traversecc:hover { width: 120px; background-position: -120px 0px;  }
#montanafly { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/montanafly-sprite.png") no-repeat;}
#montanafly:hover { width: 120px; background-position: -120px 0px;  }
#ifga { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/ifga-sprite.png") no-repeat;}
#ifga:hover { width: 120px; background-position: -120px 0px; }
#lamiglass { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/lamiglass-sprite.png") no-repeat;}
#lamiglass:hover { width: 120px; background-position: -120px 0px;  }
#hyne { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/hyne-sprite.png") no-repeat;}
#hyne:hover { width: 120px; background-position: -120px 0px;  }
#clackacraft { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/clackacraft-sprite.png") no-repeat;}
#clackacraft:hover { width: 120px; background-position: -120px 0px;  }
#echo { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/echo-sprite.png") no-repeat;}
#echo:hover { width: 120px; background-position: -120px 0px;  }
#templefork { width: 120px; background-position: 0px 0px; background: url("http://www.wolfeoutfitters.com/images/templefork-sprite.png") no-repeat;}
#templefork:hover { width: 120px; background-position: -120px 0px;  } 

#copyright {
  margin-top: 20px;
  font-size: 12pt;
  font-family: Arial, sans-serif;
  font-weight: 200;
}

		.container { width: 720px; margin-top: -20px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 720px; }
    }



    @media only screen and (min-width: 600px) and (max-width: 739px) {


#main-content {
  margin-top: -50px;
  width: 570px;
  background-color: #f7f7f5;
}

#top-wrapper {
  z-index: 1;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 350px;
  background: url("../images/top-background4.jpg") no-repeat top center; 
  position: relative;
  overflow: hidden;
}

#social_media {
  position: absolute;
  top: 60px;
  left: 445px;
  width: 130px;
  height: 52px;
  background: url("../images/socialmedia-back.png") no-repeat top center;
}

#social_media_inside {
  margin-left: 8px;
  margin-top: 13px;
}


#social_media_inside img {
  margin-left: 8px;
  border: 0px;
}

#left-content p {
  padding: 0px 0px 20px 15px;
}

#left-content b {
  color: #e56e15;
}

#left-content h2 {
  padding: 25px 0px 0px 15px;
  color: #e56e15;
  font-size: 16pt;
}

#top-page-nav {
  color: #e56e15;

  margin-top: 20px;
  margin-left: 20px;
}

#top-page-nav a {
  color: #e56e15;
  cursor: pointer;
  font-size: 14pt;
  line-height: 20pt;
  text-decoration: underline;
}

#top-page-nav a:hover {
  color: #000000;
}

hr.top {
  color: #000000;
  width: 255px;
  margin-left: 13px;
  margin-top: 15px;
}

.cell {
  float: none;
  margin-top: 20px;
  margin-left: 20px;
  width: 320px;
}

.about-top {
  width: 300px;
  margin: -60px 0px 40px 95px;
}

.about-images {
  margin-left: -10px;
  margin-top: 3px;
  width: 100px;

}

.about-text {
  margin-left: 10px;
}

.about-large-images {
 width: 50%;
 height: auto;
 margin: 25px 10px 10px 0px;
}

#jeffbear {
  margin-bottom: -26px;
}

#chrish {
  margin-bottom: -26px;
}

   #photo_table {
      position: relative;
      width: 99%;
      margin-top: 30px; 
      margin-left: 30px;
      z-index: 20;
    }
    .photo_item {
       float: left;
       margin: 5px;
       margin-top: 5px;
       padding: 5px;
     }


              .logo_stable_full {
                   position: relative;
                   float: left;
                   width: 580px;
                   margin-top: 40px;
              }
              .logo_stable {
                   position: relative;
                   float: left;
                   width: 580px;
                   margin-top: 0px;
                   margin-left: 20px;
                   z-index: 20;
               }
			  .logo_stext {
			     width: 540px;
			   }

              .logo_scell {
                 width: 163px;
                 background: #444;
                 float: left;
                 clear: both;
                 padding: 6px;
				 margin:30px 10px 0px 5px;
   background: -moz-linear-gradient(top,  rgba(148,115,61,1) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(148,115,611,1)), color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top,  rgba(148,115,61,1) 0%,rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top,  rgba(148,115,61,1) 0%,rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top,  rgba(148,115,61,1) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(top,  rgba(148,115,61,1) 0%,rgba(0,0,0,1) 100%);
    filter: progid :DXImageTransform.Microsoft.gradient( startColorstr='#947451', endColorstr='#000000',GradientType=0 );

              }

              .logo_colspan {
                width: 540px;
                float: left;
                clear: both;
                margin-left: 20px;
              }

.reviewform .left_section .textarea{ width:530px; }
.reviewform { width: 550px; margin-left: 10px;}
.reviewform form{ width:550px; }  
.reviewform .input{ width:530px; }


#left-content {
  position: relative;
  float: left;
  width: 560px; 
  margin-top: -10px;
  font-family: 'Crimson Text', serif;
  font-weight: 600;
  font-size: 14pt;
  line-height: 17pt;
  margin-right: 10px;
}

#right-content {
  position: relative;
  float: right;
  margin-top: -20px;
  width: 270px;
  padding-left: 20px;
}

.right-image {
  display: none;
}


#bottom-content {
  position: relative;
  float: left;
  margin-top: -20px;
  width: 600px;
  margin-left: 30px;
  margin-bottom: 10px;
}

.bottom-services {
  position: relative;
  float: left;
  width: 238px;
  height: 166px;
  margin-right: 35px;
  background: url("../images/bottom-sprite_01.png");
  background-position: -238px 0px;
}

.bottom-link {
  position: relative;
  float: left;
  margin-top: 40px;
  width: 238px;
  height: 80px; 
  display: block;

}

.bottom-fishing {
  position: relative;
  float: left;
  width: 238px;
  height: 166px;
  background: url("../images/bottom-sprite_02.png");
  background-position: -238px 0px;
}


.bottom-reviews {
  position: relative;
  float: left;
  width: 238px;
  height: 166px;
  margin-left: 0px;
  margin-right: 36px;
  background: url("../images/bottom-sprite_03.png");
  background-position: -238px 0px;
}


.bottom-about {
  position: relative;
  float: left;
  width: 238px;
  height: 166px;
  background: url("../images/bottom-sprite_04.png");
  background-position: -238px 0px;
}



.logos {
  width: 580px;
  margin-left: 0px;
}

.logobox {
  position: relative;
  width: 120px;
  height: 66px;
  margin-top: 4px;
  margin-right: 2px;
  float: left;
}		

#right-content img { float: right; width: 270px; margin-right: 00px; margin-top: 10px; }


#benzie_area .right-content-left-side .commercial {
  width: 260px;
  margin-left: -30px;
  margin-top: 20px;
}

#benzie_area .right-content-left-side {
  position: relative;
  float: left;
}

#benzie_area .right-content-right-side {
  position: relative;
  float: left;
  clear: both;
  margin-left: -40px; 
  margin-top: -70px;
  text-align: center;
}

.right-content-right-side .submit_text {
  margin-top: -30px;
}



#top-menu2 { display: block; float: right; margin-top: 0px; border: 2px solid #888; margin-right: 10px; }
#top-menu { display: none; }
.styled-select select {
   background: #444;
   width: 240px;
   padding: 2px;
   color: #fff;
   font-size: 14pt;
   line-height: 1;
   border: 0px;
   border-radius: 0px;
   height: 30px;
   -webkit-appearance: none;
   }

.contact_box fieldset { border: 0px; margin-left: 3px; margin-top: 200px;}
.contact_box { border: 0px; width: 260px;}
.contact_box .left_section{ width:260px; float:left; margin-left: 0px; margin-top: 20px; }
.contact_box .left_section form{ width:100%; float:left;}
.contact_box .left_section .input{ margin-left: -10px; width:260px; float:right; background:#f9f9f9; border:1px solid #d8d8d8; margin-bottom:3px; padding:12px 5px 12px 10px; font-size:10pt; line-height:15pt; font-weight:bold; color:#999999; font-family:Arial, Helvetica, sans-serif;}

.contact_box .submit_btn{ width:196px; height:38px; font-size:0px; line-height:0px; background:url(../images/sprite.png) no-repeat 0 0; border:none; cursor:pointer;}
.contact_box .submit_btn_over{ width:196px; height:38px; font-size:0px; line-height:0px; background:url(../images/sprite.png) no-repeat 0 -42px; border:none; cursor:pointer;}
.contact_box .submit_text {
  float: right;
  color: #1f55b7;
  border: 0px;
  margin-top: 0px;
  margin-right: 30px; 
  background: transparent;
  cursor: pointer;
  font-size: 10pt;
  font-family: Arial, sans-serif;	
  font-weight: bold;
}
.contact_box .right_section{ width:260px; float:left; clear: both; margin-left: 0px; text-align:center;}
.contact_box .right_section .textarea{ width:260px; float:right; margin-right: 0px; background:#f9f9f9; border:1px solid #d8d8d8; margin-bottom:13px; padding:10px 5px 10px 10px; font-size:10pt; line-height:15pt; font-weight:bold; color:#999999; font-family:Arial, Helvetica, sans-serif; height:175px;}
.contact_box .right_section p{ font-size:16px; line-height:21px; padding-bottom:25px;}
.contact_box .right_section p strong{ font-size:18px; line-height:21px;}
.thanks{ width:100%; color: #e56e15; font-size: 16pt; float:left; padding:5px 0 0 0;}

#copyright {
  margin-top: 20px;
  font-size: 12pt;
  font-family: Arial, sans-serif;
  font-weight: 200;
}

#gloomis { width: 112px; background: url("http://www.wolfeoutfitters.com/images/gloomis-on.png") no-repeat; background-position: -5px 0px; }
#hyde { width: 112px; background: url("http://www.wolfeoutfitters.com/images/hyne-on.png") no-repeat; background-position: -5px 0px;}
#igfa { width: 112px; background: url("http://www.wolfeoutfitters.com/images/ifga-on.png") no-repeat; background-position: -5px 0px;}
#humminbird { width: 112px; background: url("http://www.wolfeoutfitters.com/images/humminbird-on.png") no-repeat; background-position: -5px 0px;}
#minnkota { width: 112px; background: url("http://www.wolfeoutfitters.com/images/minnkota-on.png") no-repeat; background-position: -5px 0px;}
#anglingbuzz { width: 112px; background: url("http://www.wolfeoutfitters.com/images/anglingbuzz-on.png") no-repeat; background-position: -5px 0px; }
#underarmour { width: 112px; background: url("http://www.wolfeoutfitters.com/images/underarmour-on.png") no-repeat; background-position: -5px 0px; }            
#rapala { width: 112px; background: url("http://www.wolfeoutfitters.com/images/rapala-on.png") no-repeat; background-position: -5px 0px;}


#trout { width: 112px; background: url("http://www.wolfeoutfitters.com/images/trout-on.png") no-repeat; background-position: -5px 0px; }
#crystal { width: 112px; background: url("http://www.wolfeoutfitters.com/images/crystal-on.png") no-repeat; background-position: -5px 0px;}
#deep-blue { width: 112px; background: url("http://www.wolfeoutfitters.com/images/deep-blue-on.png") no-repeat; background-position: -5px 0px;}
#simms { width: 112px; background: url("http://www.wolfeoutfitters.com/images/simms-on.png") no-repeat; background-position: -5px 0px;}
#sage { width: 112px; background: url("http://www.wolfeoutfitters.com/images/sage-on.png") no-repeat; background-position: -5px 0px;}
#hatch { width: 112px; background: url("http://www.wolfeoutfitters.com/images/hatch-on.png") no-repeat; background-position: -5px 0px;}
#yeti { width: 112px; background: url("http://www.wolfeoutfitters.com/images/yeti-on.png") no-repeat; background-position: -5px 0px;}
#rio { width: 112px; background: url("http://www.wolfeoutfitters.com/images/rio-on.png") no-repeat; background-position: -5px 0px;}
#redington { width: 112px; background: url("http://www.wolfeoutfitters.com/images/redington-on.png") no-repeat; background-position: -5px 0px;}     
#puremichigan { width: 112px; background: url("http://www.wolfeoutfitters.com/images/pure-michigan-on.png") no-repeat; background-position: -5px 0px;}     
#sfm { width: 112px; background: url("http://www.wolfeoutfitters.com/images/sfm-on.png") no-repeat; background-position: -5px 0px;}     
#costa { width: 112px; background: url("http://www.wolfeoutfitters.com/images/costa-on.png") no-repeat; background-position: -5px 0px;}
#umpqua { width: 112px; background: url("http://www.wolfeoutfitters.com/images/umpqua-on.png") no-repeat; background-position: -5px 0px;}
#shimano { width: 112px; background: url("http://www.wolfeoutfitters.com/images/shimano-on.png") no-repeat; background-position: -5px 0px;}
#stealthcraft { width: 112px; background: url("http://www.wolfeoutfitters.com/images/stealthcraft-on.png") no-repeat; background-position: -5px 0px;}
#mrga { width: 112px; background: url("http://www.wolfeoutfitters.com/images/mrga-on.png") no-repeat; background-position: -5px 0px;}
#benzie { width: 112px; background: url("http://www.wolfeoutfitters.com/images/benzie-on.png") no-repeat; background-position: -5px 0px;}
#traversecv { width: 112px; background: url("http://www.wolfeoutfitters.com/images/traversecv-on.png") no-repeat; background-position: -4px 0px;}
#traversecc { width: 112px; background: url("http://www.wolfeoutfitters.com/images/traversecc-on.png") no-repeat; background-position: -3px 0px;}
#montanafly { width: 112px; background: url("http://www.wolfeoutfitters.com/images/montanafly-on.png") no-repeat; background-position: -5px 0px;}
#ifga { width: 112px; background: url("http://www.wolfeoutfitters.com/images/ifga-on.png") no-repeat; background-position: -5px 0px;}
#lamiglass { width: 112px; background: url("http://www.wolfeoutfitters.com/images/lamiglass-on.png") no-repeat; background-position: -5px 0px;}
#hyne { width: 112px; background: url("http://www.wolfeoutfitters.com/images/hyne-on.png") no-repeat; background-position: -5px 0px;}
#clackacraft { width: 112px; background: url("http://www.wolfeoutfitters.com/images/clackacraft-on.png") no-repeat; background-position: -5px 0px;}
#echo { width: 112px; background: url("http://www.wolfeoutfitters.com/images/echo-on.png") no-repeat; background-position: -5px 0px;} 
#templefork { width: 112px; ; background: url("http://www.wolfeoutfitters.com/images/templefork-on.png") no-repeat; background-position: -5px 0px;}



		.container { width: 580px; margin-top: -20px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 580px; }
    }






    @media only screen and (min-width: 470px) and (max-width: 599px) {


#main-content {
  margin-top: -30px;
  width: 450px;
  min-height: 300px;
  background-color: #f7f7f5;
}

#top-wrapper {
  z-index: 1;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 300px;
  background: url("../images/top-background3.jpg") no-repeat top center; 
  position: relative;
  overflow: hidden;
}

#social_media {
  position: absolute;
  top: 50px;
  left: 320px;
  width: 130px;
  height: 52px;
  background: url("../images/socialmedia-back.png") no-repeat top center;
}

#social_media_inside {
  margin-left: 8px;
  margin-top: 13px;
}


#social_media_inside img {
  margin-left: 8px;
  border: 0px;
}


#left-content p {
  padding: 5px 0px 20px 15px;
}

#left-content b {
  color: #e56e15;
}

#left-content h2 {
  padding: 25px 0px 0px 15px;
  color: #e56e15;
  font-size: 16pt;
}

#top-page-nav {
  color: #e56e15;
  margin-top: 20px;
  margin-left: 15px;
}

#top-page-nav2 {
  float: left;
  color: #e56e15;
  margin-top: 20px;
  border-bottom: 1px solid #000;
  margin-left: 7px;
}

#top-page-nav a {
  color: #e56e15;
  cursor: pointer;
  font-size: 14pt;
  line-height: 20pt;
  text-decoration: underline;
}

#top-page-nav a:hover {
  color: #000000;
}

hr.top {
  color: #000000;
  width: 200px;
  margin-left: 13px;
  margin-top: 15px;
}

.cell {
  width: 200px;
  float: left;

}


.about-top {
  width: 200px;
  line-height: 13pt;
  margin-top: 15px;
  margin-left: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.about-images {
  margin-left: 70px;
  margin-top: 0px;
  width: 100px;
}

.about-text {
  margin-left: 10px;
}

.about-text h2 {
  margin-bottom: 10px;
  margin: 0 auto 10px -15px;
}

h2.about {
  margin-bottom: 10px;
}

.about-large-images {
 width: 50%;
 height: auto;
 margin: 25px 10px 10px 0px;
}

.featured-image {
   width: 98%;
   min-height: 300px;
   margin-left: 10px;
   margin-top: 20px;
   margin-bottom: 20px;
}

#prev_button {
  margin-left: 10px; 
  margin-right: 0px;
}


              .logo_stable_full {
                   position: relative;
                   float: left;
                   width: 440px;
                   margin-top: 40px;
              }
              .logo_stable {
                   position: relative;
                   float: left;
                   width: 440px;
                   margin-top: 0px;
                   margin-left: 20px;
                   z-index: 20;
               }
			  .logo_stext {
			     width: 400px;
			   }

			   .logo_stext h2 {
			     margin-left: -12px;
			} 

              .logo_scell {
                 width: 380px;
                 background: #444;
                 float: left;
                 clear: both;
                 padding: 6px;
				 margin:30px 10px 10px 5px;
   background: -moz-linear-gradient(top,  rgba(148,115,61,1) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(148,115,611,1)), color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top,  rgba(148,115,61,1) 0%,rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top,  rgba(148,115,61,1) 0%,rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top,  rgba(148,115,61,1) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(top,  rgba(148,115,61,1) 0%,rgba(0,0,0,1) 100%);
    filter: progid :DXImageTransform.Microsoft.gradient( startColorstr='#947451', endColorstr='#000000',GradientType=0 );

              }

              .logo_colspan {
                width: 400px;
                float: left;
                clear: both;
                margin-left: 20px;
              }

.reviewform .left_section .textarea{ width:410px; }
.reviewform { width: 430px; margin-left: 10px;}
.reviewform form{ width:410px; }
.reviewform .input{ width:410px; }

.showmobile .left_section .textarea{ width:410px; }
.showmobile { width: 430px; margin-left: 10px;}
.showmobile form{ width:410px; }
.showmobile .input{ width:410px; }
	
.showmobile { display: block; float: left; margin-top: 10px; margin-bottom: 10px; }

.480text { display: none; }

#left-content {
  position: relative;
  float: left;
  width: 440px; 
  margin-top: -10px;
  font-family: 'Crimson Text', serif;
  font-weight: 600;
  font-size: 14pt;
  line-height: 17pt;
  margin-right: 28px;
}


.right-image {
  display: block;
  float: right;
  margin-right: 0px;
  margin-top: -5px;
  width: 200px;
  height: 193px;
  margin-bottom: 10px;
  margin-left: 10px;
  background: url("../images/contact_wo_200.png");
 
}

.right-image a {
  display: block;
}

.title {
  display: none;
}

.right-image2 {   
  display: block;            
  margin-left: 125px;
  margin-top: -5px;
  border: 0px;
  width: 200px;  
  height: 193px;
  margin-bottom: 10px;
  background: url("../images/contact_wo_200.png");

}     

.right-image a {
  display: block;
}


#right-content {
  display: none;
}

#bottom-content {
  position: relative;
  float: left;
  margin-top: -20px;
  width: 430px;
  margin-left: 20px;
  margin-bottom: 10px;
}

.bottom-services {
  position: relative;
  float: left;
  width: 180px;
  height: 124px;
  margin-right: 40px;
  background: url("../images/bottom-sprite_01_small.png");
  background-position: -180px 0px;
}

.bottom-link {
  position: relative;
  float: left;
  margin-top: 40px;
  width: 238px;
  height: 80px; 
  display: block;

}

.bottom-fishing {
  position: relative;
  float: left;
  width: 180px;
  height: 124px;
  background: url("../images/bottom-sprite_02_small.png");
  background-position: -180px 0px;
}

.bottom-reviews {
  position: relative;
  float: left;
  width: 180px;
  height: 124px;
  margin-left: 3px;
  margin-right: 40px;
  background: url("../images/bottom-sprite_03_small.png");
  background-position: -180px 0px;
}

.bottom-about {
  position: relative;
  float: left;
  width: 180px;
  height: 124px;
  background: url("../images/bottom-sprite_04_small.png");
  background-position: -180px 0px;

}

.logos {
  width: 470px;
  margin-left: 3px;
}

.logobox {
  position: relative;
  width: 110px;
  height: 66px;
  margin-top: 4px;
  margin-right: 3px;
  float: left;
}		

#right-content img { float: right; width: 350px; margin-right: 00px; }

#top-menu2 { display: block; float: right; margin-top: 0px; border: 2px solid #888; margin-right: 10px; }
#top-menu { display: none; }
.styled-select select {
   background: #444;
   width: 240px;
   padding: 2px;
   color: #fff;
   font-size: 14pt;
   line-height: 1;
   border: 0px;
   border-radius: 0px;
   height: 30px;
   -webkit-appearance: none;
   }

#copyright {
  margin-top: 20px;
  font-size: 12pt;
  font-family: Arial, sans-serif;
  font-weight: 200;
}

#gloomis { width: 109px; background: url("http://www.wolfeoutfitters.com/images/gloomis-on.png") no-repeat; background-position: -6px 0px; }    
#hyde { width: 109px; background: url("http://www.wolfeoutfitters.com/images/hyne-on.png") no-repeat; background-position: -6px 0px;}
#humminbird { width: 109px; background: url("http://www.wolfeoutfitters.com/images/humminbird-on.png") no-repeat; background-position: -6px 0px;}
#minnkota { width: 109px; background: url("http://www.wolfeoutfitters.com/images/minnkota-on.png") no-repeat; background-position: -6px 0px;}          
#igfa { width: 109px; background: url("http://www.wolfeoutfitters.com/images/ifga-on.png") no-repeat; background-position: -6px 0px;}        
#anglingbuzz { width: 109px; background: url("http://www.wolfeoutfitters.com/images/anglingbuzz-on.png") no-repeat; background-position: -6px 0px;}             
#underarmour { width: 112px; background: url("http://www.wolfeoutfitters.com/images/underarmour-on.png") no-repeat; background-position: -5px 0px; }            
#rapala { width: 112px; background: url("http://www.wolfeoutfitters.com/images/rapala-on.png") no-repeat; background-position: -5px 0px;}

#trout { width: 109px; background: url("http://www.wolfeoutfitters.com/images/trout-on.png") no-repeat; background-position: -6px 0px; }
#crystal { width: 109px; background: url("http://www.wolfeoutfitters.com/images/crystal-on.png") no-repeat; background-position: -6px 0px;}
#deep-blue { width: 109px; background: url("http://www.wolfeoutfitters.com/images/deep-blue-on.png") no-repeat; background-position: -6px 0px;}
#simms { width: 109px; background: url("http://www.wolfeoutfitters.com/images/simms-on.png") no-repeat; background-position: -6px 0px;}
#sage { width: 109px; background: url("http://www.wolfeoutfitters.com/images/sage-on.png") no-repeat; background-position: -6px 0px;}
#hatch { width: 109px; background: url("http://www.wolfeoutfitters.com/images/hatch-on.png") no-repeat; background-position: -6px 0px;}
#yeti { width: 109px; background: url("http://www.wolfeoutfitters.com/images/yeti-on.png") no-repeat; background-position: -6px 0px;}
#rio { width: 109px; background: url("http://www.wolfeoutfitters.com/images/rio-on.png") no-repeat; background-position: -6px 0px;}
#redington { width: 109px; background: url("http://www.wolfeoutfitters.com/images/redington-on.png") no-repeat; background-position: -6px 0px;}
#puremichigan { width: 109px; background: url("http://www.wolfeoutfitters.com/images/pure-michigan-on.png") no-repeat; background-position: -6px 0px;}
#sfm { width: 109px; background: url("http://www.wolfeoutfitters.com/images/sfm-on.png") no-repeat; background-position: -6px 0px;}

#costa { width: 109px; background: url("http://www.wolfeoutfitters.com/images/costa-on.png") no-repeat; background-position: -6px 0px;}
#umpqua { width: 109px; background: url("http://www.wolfeoutfitters.com/images/umpqua-on.png") no-repeat; background-position: -6px 0px;}
#shimano { width: 109px; background: url("http://www.wolfeoutfitters.com/images/shimano-on.png") no-repeat; background-position: -6px 0px;}
#stealthcraft { width: 109px; background: url("http://www.wolfeoutfitters.com/images/stealthcraft-on.png") no-repeat; background-position: -6px 0px;}
#mrga { width: 109px; background: url("http://www.wolfeoutfitters.com/images/mrga-on.png") no-repeat; background-position: -6px 0px;}
#benzie { width: 109px; background: url("http://www.wolfeoutfitters.com/images/benzie-on.png") no-repeat; background-position: -6px 0px;}
#traversecv { width: 109px; background: url("http://www.wolfeoutfitters.com/images/traversecv-on.png") no-repeat; background-position: -4px 0px;}
#traversecc { width: 109px; background: url("http://www.wolfeoutfitters.com/images/traversecc-on.png") no-repeat; background-position: -4px 0px;}
#montanafly { width: 109px; background: url("http://www.wolfeoutfitters.com/images/montanafly-on.png") no-repeat; background-position: -6px 0px;}
#ifga { width: 109px; background: url("http://www.wolfeoutfitters.com/images/ifga-on.png") no-repeat; background-position: -6px 0px;}
#lamiglass { width: 109px; background: url("http://www.wolfeoutfitters.com/images/lamiglass-on.png") no-repeat; background-position: -6px 0px ;}
#hyne { width: 109px; background: url("http://www.wolfeoutfitters.com/images/hyne-on.png") no-repeat; background-position: -6px 0px;}
#clackacraft { width: 109px; background: url("http://www.wolfeoutfitters.com/images/clackacraft-on.png") no-repeat; background-position: -6px 0px;}
#echo { width: 109px; background: url("http://www.wolfeoutfitters.com/images/echo-on.png") no-repeat; background-position: -6px 0px;}
#templefork { width: 109px; ; background: url("http://www.wolfeoutfitters.com/images/templefork-on.png") no-repeat; background-position: -6px 0px;}

		.container { width: 450px; margin-top: -20px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 450px; }
    }


    @media only screen and (min-width: 250px) and (max-width: 469px) {


#main-content {
  margin-top: -50px;
  width: 280px;
  background-color: #f7f7f5;
}

#social_media {
  position: absolute;
  top: 30px;
  left: 184px;
  width: 130px;
  height: 52px;
}

#social_media_inside {
  margin-left: 8px;
  margin-top: 13px;
}


#social_media_inside img {
  margin-left: 2px;
  border: 0px;
}


#top-wrapper {
  z-index: 1;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 280px;
  background: url("../images/top-background5.jpg") no-repeat top center; 
  position: relative;
  overflow: hidden;
}

#left-content p {
  padding: 5px 0px 20px 15px;
}

#left-content b {
  color: #e56e15;
}

#left-content h2 {
  padding: 25px 0px 0px 15px;
  color: #e56e15;
  font-size: 16pt;
}

#top-page-nav {
  color: #e56e15;
  margin-top: 20px;
  margin-left: 20px;
}

#top-page-nav a {
  color: #e56e15;
  cursor: pointer;
  font-size: 14pt;
  line-height: 20pt;
  text-decoration: underline;
}

#top-page-nav a:hover {
  color: #000000;
}

hr.top {
  color: #000000;
  width: 255px;
  margin-left: 13px;
  margin-top: 15px;
}

.cell {
  float: none;
  margin-top: 18px;
  margin-left: 20px;
  padding-bottom: 1px;
  width: 260px;
}


.about-top {
  width: 230px;
  line-height: 13pt;
  margin-top: 15px;
  margin-bottom: 20px;
  text-align: center;
}

.about-images {
  margin-left: 70px;
  margin-top: 0px;
  width: 100px;
  
}

.about-text {
  margin-left: 10px;
}

.about-text h2 {
  margin-bottom: 10px;
  margin: 0 auto 10px -15px;

}

.about-large-images {
 width: 90%;
 height: auto;
 margin: 10px 10px 10px 13px;
}

.featured-image {
   width: 98%;
   min-height: 200px;
   margin-left: 8px;
   margin-top: 20px;
   margin-bottom: 20px;
}

#prev_button {
  margin-left: 10px; 
  margin-right: 0px;
}

             .logo_stable_full {
                   position: relative;
                   float: left;
                   width: 300px;
                   margin-top: 40px;
              }
              .logo_stable {
                   position: relative;
                   float: left;
                   width: 260px;
                   margin-top: 0px;
                   margin-left: 20px;
                   z-index: 20;
               }
			  .logo_stext {
			     width: 240px;
			   }

			   .logo_stext h2 {
			     margin-left: -12px;
			} 

              .logo_scell {
                 width: 164px;
                 background: #444;
                 float: left;
                 clear: both;
                 padding: 6px;
				 margin:30px 10px 10px 30px;
   background: -moz-linear-gradient(top,  rgba(148,115,61,1) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(148,115,611,1)), color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top,  rgba(148,115,61,1) 0%,rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top,  rgba(148,115,61,1) 0%,rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top,  rgba(148,115,61,1) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(top,  rgba(148,115,61,1) 0%,rgba(0,0,0,1) 100%);
    filter: progid :DXImageTransform.Microsoft.gradient( startColorstr='#947451', endColorstr='#000000',GradientType=0 );

              }

              .logo_colspan {
                width: 240px;
                float: left;
                clear: both;
                margin-left: 20px;
              }

.showmobile .left_section .textarea{ width:240px; }
.showmobile { width: 240px; margin-left: 10px;}
.showmobile form{ width:240px; }
.showmobile .input{ width:240px; }

.reviewform .left_section .textarea{ width:240px; }
.reviewform { width: 240px; margin-left: 10px;}
.reviewform form{ width:240px; }
.reviewform .input{ width:240px; }


.title { display: none; }
.showmobile { display: block; margin-top: 20px; float: left; margin-bottom: 10px;}


#left-content {
  position: relative;
  float: left;
  width: 270px; 
  margin-top: -10px;
  font-family: 'Crimson Text', serif;
  font-weight: 600;
  font-size: 14pt;
  line-height: 17pt;
  margin-right: 28px;
}

.right-image,.right-image2 {
  display: block;
  border: 0px;
  width: 200px;
  height: 193px;
  margin-left: 38px;
  background: url("../images/contact_wo_200.png");
}

.right-image a {
  display: block;
}
.right-image2 a {
  display: block;
}


#right-content {
  display: none;
}

#bottom-content {
  position: relative;
  float: left;
  margin-top: -20px;
  width: 300px;
  margin-left: 50px;
  margin-bottom: 10px;
}

.bottom-services {
  position: relative;
  float: left;
  width: 180px;
  height: 124px;
  margin-right: 20px;
  background: url("../images/bottom-sprite_01_small.png");
  background-position: -180px 0px;
}

.bottom-link {
  position: relative;
  float: left;
  margin-top: 40px;
  width: 238px;
  height: 80px; 
  display: block;

}

.bottom-fishing {
  position: relative;
  float: left;
  width: 180px;
  height: 124px;
  margin-right: 20px;
  background: url("../images/bottom-sprite_02_small.png");
  background-position: -180px 0px;
}


.bottom-reviews {
  position: relative;
  float: left;
  width: 180px;
  height: 124px;
  margin-right: 20px;
  background: url("../images/bottom-sprite_03_small.png");
  background-position: -180px 0px;
}


.bottom-about {
  position: relative;
  float: left;
  width: 180px;
  height: 124px;
  margin-left: 2px;
  margin-right: 20px;
  background: url("../images/bottom-sprite_04_small.png");
  background-position: -180px 0px;
}

.logos {
  display: none;
}


#right-content img { float: right; width: 350px; margin-right: 00px; }

#top-menu2 { display: block; float: right; margin-top: 0px; border: 2px solid #888; margin-right: 0px; }
#top-menu { display: none; }
.styled-select select {
   background: #444;
   width: 130px;
   padding: 2px;
   color: #fff;
   font-size: 14pt;
   line-height: 1;
   border: 0px;
   border-radius: 0px;
   height: 30px;
   -webkit-appearance: none;
   }

#copyright {
  margin-top: 20px;
  font-size: 12pt;
  font-family: Arial, sans-serif;
  font-weight: 200;
}


		.container { width: 280px; margin-top: -20px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 280px; }
    }


    @media only screen and (min-width: 0px) and (max-width: 249px) {


#main-content {
  margin-top: -30px;
  width: 200px;
  background-color: #f7f7f5;
}

#top-wrapper {
  z-index: 1;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 200px;
  background: url("../images/top-background6.jpg") no-repeat top center; 
  position: relative;
  overflow: hidden;
}

#social_media {
  position: absolute;
  top: 130px;
  left: 0px;
  width: 100px;
  height: 28px;
}

#social_media_inside {
  margin-left: 8px;
  margin-top: 13px;
}


#social_media_inside img {
  margin-left: 2px;
  border: 0px;
}


#left-content p {
  padding: 5px 0px 20px 15px;
}

#left-content b {
  color: #e56e15;
}

#left-content h2 {
  padding: 25px 0px 0px 15px;
  color: #e56e15;
  font-size: 16pt;
}

#top-page-nav {
  color: #e56e15;
  margin-top: 20px;
  margin-left: 20px;
}

#top-page-nav a {
  color: #e56e15;
  cursor: pointer;
  font-size: 14pt;
  line-height: 20pt;
  text-decoration: underline;
}

#top-page-nav a:hover {
  color: #000000;
}

hr.top {
  color: #000000;
  width: 166px;
  margin-left: 13px;
  margin-top: 15px;
}

.cell {
  float: none;
  margin-top: 18px;
  margin-left: 20px;
  padding-bottom: 1px;
  width: 260px;
}


.about-top {
  width: 160px;
  line-height: 13pt;
  margin-top: 15px;
  margin-bottom: 20px;
  text-align: center;
}

.about-images {
  margin-left: 30px;
  margin-top: 0px;
  width: 100px;
 
}

.about-text {
  margin-left: 10px;
}

.about-text h2 {
  margin-bottom: 10px;
  margin: 0 auto 10px -15px;

}

.about-large-images {
 width: 90%;
 height: auto;
 margin: 10px 10px 10px 13px;
}

.featured-image {
   width: 98%;
   min-height: 160px;
   margin-left: 8px;
   margin-top: 20px;
   margin-bottom: 0px;
}

#prev_button {
  margin-left: 0px;
  margin-right: 0px;
}

#next_button {
  margin-right: -10px;
  margin-left: 0px;
}

             .logo_stable_full {
                   position: relative;
                   float: left;
                   width: 200px;
                   margin-top: 40px;
              }
              .logo_stable {
                   position: relative;
                   float: left;
                   width: 180px;
                   margin-top: 0px;
                   margin-left: 13px;
                   z-index: 20;
               }
			  .logo_stext {
			     width: 180px;
			   }

			   .logo_stext h2 {
			     margin-left: -12px;
			} 

              .logo_scell {
                 width: 164px;
                 background: #444;
                 float: left;
                 clear: both;
                 padding: 6px;
				 margin:30px 10px 10px 0px;
   background: -moz-linear-gradient(top,  rgba(148,115,61,1) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(148,115,611,1)), color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top,  rgba(148,115,61,1) 0%,rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top,  rgba(148,115,61,1) 0%,rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top,  rgba(148,115,61,1) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(top,  rgba(148,115,61,1) 0%,rgba(0,0,0,1) 100%);
    filter: progid :DXImageTransform.Microsoft.gradient( startColorstr='#947451', endColorstr='#000000',GradientType=0 );

              }

              .logo_colspan {
                width: 163px;
                float: left;
                clear: both;
                margin-left: 20px;
              }


.reviewform .left_section .textarea{ width:160px; }
.reviewform { width: 180px; margin-left: 10px;}
.reviewform form{ width:160px; }
.reviewform .input{ width:160px; }

.showmobile .left_section .textarea{ width:160px; }
.showmobile { width: 180px; margin-left: 10px;}
.showmobile form{ width:160px; }  
.showmobile .input{ width:160px; }


.title { display: none; }
.showmobile { display: block; margin-top: 20px; float: left; margin-bottom: 10px;}


#left-content {
  position: relative;
  float: left;
  width: 190px; 
  margin-top: -10px;
  font-family: 'Crimson Text', serif;
  font-weight: 600;
  font-size: 14pt;
  line-height: 17pt;
  margin-right: 28px;
}

#right-content {
  display: none;
}

.right-image,.right-image2 {
  display: block;
  border: 0px;
  width: 150px;
  height: 146px;
  margin-left: 25px;
  background: url("../images/contact_wo_150.png");
}

.right-image a {
  display: block;
}
.right-image2 a {
  display: block;
}


#bottom-content {
  position: relative;
  float: left;
  margin-top: -20px;
  width: 190px;
  margin-left: 10px;
  margin-bottom: 10px;
}

.bottom-services {
  position: relative;
  float: left;
  width: 180px;
  height: 124px;
  margin-right: 20px;
  background: url("../images/bottom-sprite_01_small.png");
  background-position: -180px 0px;
}

.bottom-link {
  position: relative;
  float: left;
  margin-top: 40px;
  width: 238px;
  height: 80px; 
  display: block;

}

.bottom-fishing {
  position: relative;
  float: left;
  width: 180px;
  height: 124px;
  margin-right: 20px;
  background: url("../images/bottom-sprite_02_small.png");
  background-position: -180px 0px;
}


.bottom-reviews {
  position: relative;
  float: left;
  width: 180px;
  height: 124px;
  margin-right: 20px;
  background: url("../images/bottom-sprite_03_small.png");
  background-position: -180px 0px;
}


.bottom-about {
  position: relative;
  float: left;
  width: 180px;
  height: 124px;
  margin-left: 2px;
  margin-right: 20px;
  background: url("../images/bottom-sprite_04_small.png");
  background-position: -180px 0px;
}




.logos {
  display: none;
}

#right-content img { float: right; width: 350px; margin-right: 00px; }

#top-menu2 { display: block; float: right; margin-top: 0px; border: 2px solid #888; margin-right: -5px; }
#top-menu { display: none; }
.styled-select select {
   background: #444;
   width: 100px;
   padding: 2px;
   color: #fff;
   font-size: 14pt;
   line-height: 1;
   border: 0px;
   border-radius: 0px;
   height: 30px;
   -webkit-appearance: none;
   }

#copyright {
  margin-top: 20px;
  font-size: 12pt;
  font-family: Arial, sans-serif;
  font-weight: 200;
}

		.container { width: 200px; margin-top: -20px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 200px; }
    }



    @media only screen and (max-device-width: 249px) {
#main-content {
  margin-top: -60px;
  width: 200px;
  background-color: #f7f7f5;
}

#top-wrapper {
  z-index: 1;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 200px;
  background: url("../images/top-background6.jpg") no-repeat top center; 
  position: relative;
  overflow: hidden;
}

#social_media {
  position: absolute;
  top: 110px;
  left: 0px;
  width: 100px;
  height: 28px;
}

#social_media_inside {
  margin-left: 8px;
  margin-top: 13px;
}


#social_media_inside img {
  margin-left: 2px;
  border: 0px;
}


#left-content p {
  padding: 5px 0px 20px 15px;
}

#left-content b {
  color: #e56e15;
}

#left-content h2 {
  padding: 25px 0px 0px 15px;
  color: #e56e15;
  font-size: 16pt;
}

#top-page-nav {
  color: #e56e15;
  margin-top: 20px;
  margin-left: 20px;
}

#top-page-nav a {
  color: #e56e15;
  cursor: pointer;
  font-size: 14pt;
  line-height: 20pt;
  text-decoration: underline;
}

#top-page-nav a:hover {
  color: #000000;
}

hr.top {
  color: #000000;
  width: 166px;
  margin-left: 13px;
  margin-top: 15px;
}

.about-top {
  width: 160px;
  line-height: 13pt;
  margin-top: 15px;
  margin-bottom: 20px;
  text-align: center;
}

.about-images {
  margin-left: 30px;
  margin-top: 0px;
  width: 100px;
  
}

.about-text {
  margin-left: 10px;
}

.about-text h2 {
  margin-bottom: 10px;
  margin: 0 auto 10px -15px;

}

.about-large-images {
 width: 90%;
 height: auto;
 margin: 10px 10px 10px 13px;
}

.featured-image {
   width: 98%;
   min-height: 160px;
   margin-left: 8px;
   margin-top: 20px;
   margin-bottom: 0px;
}

#prev_button {
  margin-left: 0px;
  margin-right: 0px;
}

#next_button {
  margin-right: -10px;
  margin-left: 0px;
}

             .logo_stable_full {
                   position: relative;
                   float: left;
                   width: 200px;
                   margin-top: 40px;
              }
              .logo_stable {
                   position: relative;
                   float: left;
                   width: 180px;
                   margin-top: 0px;
                   margin-left: 13px;
                   z-index: 20;
               }
			  .logo_stext {
			     width: 180px;
			   }

			   .logo_stext h2 {
			     margin-left: -12px;
			} 

              .logo_scell {
                 width: 164px;
                 background: #444;
                 float: left;
                 clear: both;
                 padding: 6px;
				 margin:30px 10px 10px 0px;
   background: -moz-linear-gradient(top,  rgba(148,115,61,1) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(148,115,611,1)), color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top,  rgba(148,115,61,1) 0%,rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top,  rgba(148,115,61,1) 0%,rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top,  rgba(148,115,61,1) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(top,  rgba(148,115,61,1) 0%,rgba(0,0,0,1) 100%);
    filter: progid :DXImageTransform.Microsoft.gradient( startColorstr='#947451', endColorstr='#000000',GradientType=0 );

              }

              .logo_colspan {
                width: 163px;
                float: left;
                clear: both;
                margin-left: 20px;
              }


.reviewform .left_section .textarea{ width:160px; }
.reviewform { width: 180px; margin-left: 10px;}
.reviewform form{ width:160px; }
.reviewform .input{ width:160px; }

.showmobile .left_section .textarea{ width:160px; }
.showmobile { width: 180px; margin-left: 10px;}
.showmobile form{ width:160px; }  
.showmobile .input{ width:160px; }


.title { display: none; }
.showmobile { display: block; margin-top: 20px; float: left; margin-bottom: 10px;}


#left-content {
  position: relative;
  float: left;
  width: 190px; 
  margin-top: -10px;
  font-family: 'Crimson Text', serif;
  font-weight: 600;
  font-size: 14pt;
  line-height: 17pt;
  margin-right: 28px;
}

#right-content {
  display: none;
}

.right-image,.right-image2 {
  display: block;
  width: 150px;
  border: 0px;
  height: 146px;
  margin-left: 25px;
  background: url("../images/contact_wo_150.png");
}

.right-image a {
  display: block;
}
.right-image2 a {
  display: block;
}


#bottom-content {
  position: relative;
  float: left;
  margin-top: -20px;
  width: 190px;
  margin-left: 10px;
  margin-bottom: 10px;
}

.bottom-services {
  position: relative;
  float: left;
  width: 180px;
  height: 124px;
  margin-right: 20px;
  background: url("../images/bottom-sprite_01_small.png");
  background-position: -180px 0px;
}

.bottom-link {
  position: relative;
  float: left;
  margin-top: 40px;
  width: 238px;
  height: 80px; 
  display: block;

}

.bottom-fishing {
  position: relative;
  float: left;
  width: 180px;
  height: 124px;
  margin-right: 20px;
  background: url("../images/bottom-sprite_02_small.png");
  background-position: -180px 0px;
}


.bottom-reviews {
  position: relative;
  float: left;
  width: 180px;
  height: 124px;
  margin-right: 20px;
  background: url("../images/bottom-sprite_03_small.png");
  background-position: -180px 0px;
}


.bottom-about {
  position: relative;
  float: left;
  width: 180px;
  height: 124px;
  margin-left: 2px;
  margin-right: 20px;
  background: url("../images/bottom-sprite_04_small.png");
  background-position: -180px 0px;
}




.logos {
  display: none;
}

#right-content img { float: right; width: 350px; margin-right: 00px; }

#top-menu2 { display: block; float: right; margin-top: 0px; border: 2px solid #888; margin-right: -5px; }
#top-menu { display: none; }
.styled-select select {
   background: #444;
   width: 100px;
   padding: 2px;
   color: #fff;
   font-size: 14pt;
   line-height: 1;
   border: 0px;
   border-radius: 0px;
   height: 30px;
   -webkit-appearance: none;
   }

#copyright {
  margin-top: 20px;
  font-size: 12pt;
  font-family: Arial, sans-serif;
  font-weight: 200;
}

		.container { width: 200px; margin-top: -20px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 200px; }
    }