/* CSS Document */

body{background: #FFFFFF url('../images/para-bg.gif') repeat-x;}
p {font-family: "Franklin Gothic Medium", Verdana, Arial, Helvetica, Franklin,  sans-serif; 
	font-size: 13px; color: #336699; letter-spacing: 0.08em;} 
a img{border: 0px;}


th{font-family: "Franklin Gothic Medium", Verdana, Arial, Helvetica, Franklin,  sans-serif; color: #4E97D1; font-size: 15px;}

td{font-family: "Franklin Gothic Medium", Verdana, Arial, Helvetica, Franklin, sans-serif; 
	font-size: 16px; color: #FF9D00;}


#container{width: 720px; padding: 0px; margin:-10px auto; 
	background-color: #FFFFFF;
	background-image: url('../images/para-head.jpg');
	background-repeat: no-repeat;}
#header{padding: 0px; margin:0px;  width:100%;}
	#header h1{display: none;}


#navigation{position: relative; left: 20px; top: 270px; width: 200px; display: block;}
  #nav{margin: 0px; padding: 0px; list-style: none;}
  #nav li{display: block; width: 140px; position: relative;}
  #nav li a.on{display: block; height: 25px; padding: 0 !important;}
  #nav li a.on strong{display: none;}
    	  li#about a.on {background: transparent url(../images/nav-about.gif) top left no-repeat;}
		  li#about a.on:hover {background-position: bottom left;}
  		  li#contact a.on {background: transparent url(../images/nav-contact.gif) top left no-repeat;}
		  li#contact a.on:hover {background-position: bottom left;}
  		  li#directions a.on {background: transparent url(../images/nav-directions.gif) top left no-repeat;}
		  li#directions a.on:hover {background-position: bottom left;}
  		  li#prices a.on {background: transparent url(../images/nav-prices.gif) top left no-repeat;}
		  li#prices a.on:hover {background-position: bottom left;}
  		  li#store a.on {background: transparent url(../images/nav-store.gif) top left no-repeat;}
		  li#store a.on:hover {background-position: bottom left;}
  		  li#jetskiing a.on {background: transparent url(../images/nav-jetski.gif) top left no-repeat;}
		  li#jetskiing a.on:hover {background-position: bottom left;}
  		  li#surflessons a.on {background: transparent url(../images/nav-surf.gif) top left no-repeat;}
		  li#surflessons a.on:hover {background-position: bottom left;}
  		  li#parasailing a.on {background: transparent url(../images/nav-parasail.gif) top left no-repeat;}
		  li#parasailing a.on:hover {background-position: bottom left;}
  		  li#kayakrentals a.on {background: transparent url(../images/nav-kayak.gif) top left no-repeat;}
		  li#kayakrentals a.on:hover {background-position: bottom left;}
  		  li#boatrentals a.on {background: transparent url(../images/nav-boat.gif) top left no-repeat;}
		  li#boatrentals a.on:hover {background-position: bottom left;}

  		  li#coupons a.on {background: transparent url(../images/nav-coupons.gif) top left no-repeat;}
		  li#coupons a.on:hover {background-position: bottom left;}

#content{position: relative; left: 230px; top: 20px; width: 450px; display: block;}
	#content h3{font-family: "Franklin Gothic Medium", Verdana, Arial, Helvetica, Franklin, sans-serif; 
	font-size: 18px; color: #FF9D00;}

#footer{position: relative; text-align: center; 
	bottom: -20px; 
	margin-bottom: 30px; 
	height: 185px;
	background-image: url('../images/hoopers.gif');
	background-repeat: no-repeat;}
	#footer p{color: #FF9D00; vertical-align: bottom; padding-top: 100px;}