body {
   background-color: none;
   background-image: url("../../Woodbackground2.jpg");
   background-repeat: repeat ;
   background-position: 0 px;
   font-size: 1em;
   margin: 0;
   padding: 0 70px;
}

div#wrapper {
   position: relative;
   width: 960px;
   height: 689px;
   margin: 0 auto;
}

/*----------TopNavigation_Logo--- */

div#Rods {
   position: absolute;
   width: 170px;
   height: 50px;
   top: 112px;
   left: -17px;
   text-decoration: none;
   text-align: right;   
   z-index: 1; 
}

img#rods {
   width: 96px;
   height: 56px;
   border: none;
}

div#Logo {
   position: absolute;
   width: 315px;
   height: 120px;
   top: 9px;
   left: 325px;
}

div#Gear {
   position: absolute;
   width: 168px;
   height: 35px;
   top: 112px;
   left: 783px;
   text-decoration: none; 
   text-align: center;
   padding-left: 70px;
   z-index: 1;
}

img#gear {
   width: 96px;
   height: 56px;
   border: none;
}

div#Rods a:link {color: #3083aa; text-decoration: none; }
div#Rods a:visited {color: #3083aa; text-decoration: none; }
div#Rods a:hover {color: white; text-decoration: none; }
div#Rods a:active {color: white; text-decoration: none; }

div#Gear a:link {color: #3083aa; text-decoration: none; }
div#Gear a:visited {color: #3083aa; text-decoration: none; }
div#Gear a:hover {color: white; text-decoration: none; }
div#Gear a:active {color: white; text-decoration: none; }

/*----------Main Content--- */

div#Content {
   position: absolute;
   width: 731px;
   height: 1000px;
   top: 170px;
   margin-left: -30px;
   background-image: url("../saltbackground2.png");   
}

div#Content a:link {color: #3083aa; text-decoration: none; }
div#Content a:visited {color: #3083aa; text-decoration: none; }
div#Content a:hover {color: #3083aa; text-decoration: underline; }
div#Content  a:active {color: #3083aa; text-decoration: none; }

h2.Fresh {
   text-align: center;
   font-size: 1.75em;
   font-family: Cambria, Georgia, Times, Times New Roman, serif;
   text-shadow: 2px 2px 2px #ccc;
   margin-top: 37px;
   margin-bottom: 22px;
   color: black;
}

h3.type {
   padding-left: 50px;
   font-size: 1.25em;
   text-align: left;
}

p.description {
   padding: 0 60px 18px 60px;
   font: 0.9375em Arial, Helvetica Neue, Helvetica, sans-serif;
   line-height: 1.375em;
   color: black;
}

/*----------Right Side--- */

div#Polaroid {
   position: absolute;
   top: 175px;
   left: 734px;
   width: 255px;
   height: 400px;
   background-image: url("../Polaroids/sunset2.png");
}

blockquote span {
   padding-right: 10px;
   margin-top: -43px;
   float: left;
   line-height: 2.3em;
   color: white;
   content:open-quote;
   font-size:4em;
}

blockquote span#end {
   padding-right: 79px;
   padding-top: 60px;
   float: right;
   line-height: .3em;
   content:close-quote;
}

p.quote {  
   padding: 0 15px 18px 15px;
   margin-top: 265px;
   font: italic 0.8em Arial, Helvetica Neue, Helvetica, sans-serif;
}

p.name {  
   float:right;
   padding-right: 45px;
   margin-top: -10px;
   font: italic 0.9em Arial, Helvetica Neue, Helvetica, sans-serif;
}

div#right {
   position: absolute;
   top: 600px;
   left: 734px;
   width: 255px;
   height: 289px;
   background-image: url("../yellow2.png");
}

div#right p {
   padding: 0 30px 5px 43px;
   font: 0.8125em Arial, Helvetica Neue, Helvetica, sans-serif;
   color: white;
}

div#right h3 {
   text-align: left;
   padding: 0 0 0 75px;
}

h3.guide {
  margin-top: 35px;
}

h3.warranty {
   margin-top: 33px;
}

h3.press {
   margin-top: 40px;
}

div#right a:link {color: black; text-decoration: none; }
div#right a:visited {color: black; text-decoration: none; }
div#right a:hover {color: black; text-decoration: underline; }
div#right a:active {color: black; text-decoration: underline; }

/*----------End Main Content--- */   
/*----------SubNavigation--- */

ul#SubNav {
   position: absolute;
   width: 975px;
   height: 50px;
   top: 1174px;
   margin-left: -12px;
   list-style: none;
   text-align: center;
}  
    
ul#SubNav li {
   display: inline;
   list-style: none;
}   
   
ul#SubNav li a {
   color: #FFFFFF;
   font-size: 1.2em; 
   font-weight: bold;
   line-height: 2em;
   word-spacing: -2px;
   text-decoration: none;
   padding: 0 20px;
}

ul#SubNav  li a:hover {
   background-color: white;
   color: grey;
   padding-top: 5px;
   padding-bottom: 5px;
   filter:alpha(opacity=70);
   moz-opacity:0.7;
   khtml-opacity: 0.7;
   opacity: 0.7;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 5px;
   -moz-border-radius-bottomright: 5px;
   -moz-border-radius-bottomleft: 5px;
   -webkit-border-top-left-radius: 5px;
   -webkit-border-top-right-radius: 5px;
   -webkit-border-bottom-right-radius: 5px;
   -webkit-border-bottom-left-radius: 5px;
}

/*----------Footer--- */

div#Footer {
   position: absolute;
   height: 293px;
   width: 1175px;
   top: 1260px;
   margin-left: -109px;
   z-index: 1;
   background-image: url("../../footer5.png");
   background-repeat: no-repeat;
   background-position: center;
}

h3 a:link, a:visited, a:hover, a:active {color: white; text-decoration: none; }
h3 a:hover, a:active {color: white; text-decoration: underline; }
p a:link, a:visited, a:hover, a:active {color: white; text-decoration: none; }
p a:hover, a:active {color: white; text-decoration: underline; }

h3 {
   font-family: Georgia;
   font-size: 1.1em;
}

h3.tides {   
   margin-top: 49px;
   margin-left: 768px;
}

h3.report {
   margin-top: 53px;
   margin-left: 768px;
}

h3.weather {
   margin-top: 46px;
   margin-left: 768px;
}

p {
   font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
   font-size: 0.625em;
   color: gainsboro;
   font-weight: bold;
   line-height: 1.3em;
}

p.text1 {
   margin-top: 53px;
   margin-left: 597px;
}

p.text2 {
   margin-top: px;
   margin-left: 597px;
}
 
p.text3 {
   margin-top: -26px;
   margin-left: 170px;
} 
   
p.text4 {
   margin-left: 170px;
}    

p.text5 {
   margin-top: -26px;
   margin-left: 815px;
}

img#twitter {
   position: absolute;
   top: 180px;
   left: 405px;
   width: 50px;
   height: 50px;
}

img#google {
   position: absolute;
   top: 163px;
   left: 469px;
   width: 50px;
   height: 50px;
}   

img#flickr {
   position: absolute;
   top: 115px;
   left: 420px;
   width: 50px;
   height: 50px;
}

img#digg {
   position: absolute;
   top: 33px;
   left: 510px;
   width: 50px;
   height: 50px;
}

img#facebook {
   position: absolute;
   top: 37px;
   left: 385px;
   width: 50px;
   height: 50px;
}

img#youtube {
   position: absolute;
   top: 53px;
   left: 450px;
   width: 50px;
   height: 50px;
}

/*----------Begin Drop Down--- */

@charset "UTF-8";

/** 
 * NVIDIA Advanced CSS Drop-Down Menu Theme
 *
 * @file		default.advanced.css
 * @name		NVIDIA
 * @version		0.1
 * @type		transitional
 * @browsers	Windows: IE5+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2008 Live Web Institute. All Rights Reserved.
 *
 */

 /*----------Left Side--- */ 
 
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 27px;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

/*----------Right Side--- */ 
 
ul.dropdown2,
ul.dropdown2 li,
ul.dropdown2 ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown2 {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown2 li {
 float: left;
 line-height: 27px;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown2 li.hover,
ul.dropdown2 li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown2 ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown2 ul li {
 float: none;
}

ul.dropdown2 ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown2 li:hover > ul {
 visibility: visible;
}
 
@import "default.css";

/*----------Left Side--- */

ul.dropdown li a {
 display: block;
 padding: 7px 14px;
}


/* ------------- Override default */

	ul.dropdown li {
	 padding: 0;
	}


/* ------------- Reinitiate default: post-override activities  */

	ul.dropdown li.dir {
	 padding: 7px 20px 7px px;
	}

/* ------------- Custom */

	ul.dropdown li {
     text-align: left; 
	}
	
	 ul.dropdown ul a {
	 padding: 3px 5px 3px 15px;
	 width: 103px; /* Especially for IE */
	 font-size: 0.875em;
	 font-weight: bold;	 
	 font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	}    
	
   li.one { 	
     border-top: 1px solid #f5f5f5;
	 border-bottom: 1px solid #f5f5f5;
     width: 123px;
	}
	
	ul.dropdown li.one a, ul.dropdown li.two a {
	 background-color: white;
	 text-align: left;
	}
	
	ul.dropdown li.one a {
	border-top: 1px solid #f5f5f5;
	 margin-top: -28px;
	}
	
	ul.dropdown li.two a {
	 -moz-border-radius-bottomleft: 5px;
     -moz-border-radius-bottomright: 5px;
     -webkit-border-bottom-left-radius: 5px;
	 -webkit-border-bottom-right-radius: 5px;
	}
	
	ul.dropdown li.one a:hover, ul.dropdown li.two a:hover {
	 background-color: #3083aa;
	 text-align: left;
	 font-weight: bold;
	}
	
	ul.dropdown li.two a:hover {
	 -moz-border-radius-bottomleft: 5px;
     -moz-border-radius-bottomright: 5px;
     -webkit-border-bottom-left-radius: 5px;
	 -webkit-border-bottom-right-radius: 5px;
	}
	
	ul.dropdown a.open {
	 background-color: ;
	 color: ;
	}

	ul.dropdown ul a.open {
	 background-color: ;
	 color: ;
	}


	/* CSS 2.1 */

	ul.dropdown li:hover > a.dir {
	 background-color: white;
	 height: 48px;
	 width: 95px;
	 -moz-border-radius-topleft: 5px;
     -moz-border-radius-topright: 5px;
     -webkit-border-top-left-radius: 5px;
	 -webkit-border-top-right-radius: 5px;
	}

	ul.dropdown ul li:hover > a.dir {
	 background-color: white;
	 -moz-border-radius-topleft: 5px;
     -moz-border-radius-topright: 5px;
     -webkit-border-top-left-radius: 5px;
	 -webkit-border-top-right-radius: 5px;
	}
	
	/*----------Right Side--- */

ul.dropdown2 li a {
 display: block;
 padding: 7px 14px;
}


/* ------------- Override default */

	ul.dropdown2 li {
	 padding: 0;
	}


/* ------------- Reinitiate default: post-override activities  */

	ul.dropdown2 li.dir {
	 padding: 7px px 7px 20px;
	}

/* ------------- Custom */

	ul.dropdown2 li {
     text-align: right; 
	}
	
	 ul.dropdown2 ul a {
	 padding: 3px 15px 3px 5px;
	 width: 103px; /* Especially for IE */
	 font-size: 0.875px;
     font-weight: bold;	 
	 font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	}    
	
	li.A, li.B, li.D {
	  border-top: 1px solid #f5f5f5;
	  width: 123px;
	}
	
	li.B { 	
	 border-bottom: 1px solid #f5f5f5;
	}
	
    ul.dropdown2 li.A a, ul.dropdown2 li.B a, ul.dropdown2 li.C a, ul.dropdown2 li.D a {
	 background-color: white;
	 text-align: right;
	 font-size: 0.875em;
	 font-weight: bold;
	}
	
	ul.dropdown2 li.A a {
	border-top: 1px solid #f5f5f5;
	 margin-top: -28px;
	}
	
	ul.dropdown2 li.D a {
	 -moz-border-radius-bottomleft: 5px;
     -moz-border-radius-bottomright: 5px;
     -webkit-border-bottom-left-radius: 5px;
	 -webkit-border-bottom-right-radius: 5px;
	}
	
	ul.dropdown2 li.A a:hover, ul.dropdown2 li.B a:hover, ul.dropdown2 li.C a:hover, ul.dropdown2 li.D a:hover    {
	 background-color: #3083aa;
	 text-align: right;
	 font-size: 0.875em;
	 font-weight: bold;
	}
	
	ul.dropdown2 li.D a:hover    {
	 -moz-border-radius-bottomleft: 5px;
     -moz-border-radius-bottomright: 5px;
     -webkit-border-bottom-left-radius: 5px;
	 -webkit-border-bottom-right-radius: 5px;
	}
	
	ul.dropdown2 a.open {
	 background-color: ;
	 color:  ;
	}

	ul.dropdown2 ul a.open {
	 background-color: ;
	 color: ;
	}


	/* CSS 2.1 */

	ul.dropdown2 li:hover > a.dir {
	 background-color: white;
	 height: 48px;
	 width: 95px;
	 -moz-border-radius-topleft: 5px;
     -moz-border-radius-topright: 5px;
     -webkit-border-top-left-radius: 5px;
	 -webkit-border-top-right-radius: 5px;
	}

	ul.dropdown2 ul li:hover > a.dir {
	 background-color: white;
	 -moz-border-radius-topleft: 5px;
     -moz-border-radius-topright: 5px;
     -webkit-border-top-left-radius: 5px;
	 -webkit-border-top-right-radius: 5px;
	}