/* CSS for  Tacklebox.com */



* {

	margin: 0;

	padding: 0;

}

body {

	font: 80% arial, helvetica, sans-serif;

  background: #000000 url("../images/bg-body.jpg") 50% 0 repeat-x;



}



a {color: #c8a379; text-decoration: underline; font-weight: bold;}

a:link {color: #c8a379;}

a:visited {color: #c8a379;}

a:hover {color: #d4bea7; text-decoration: none;}

a:active {color: #d31d34;}



h1 {

	color: #004fbc;

	font-size: 1.5em;

	margin: 0 0 10px 0;

}

h2 {

	color: #4a8ecb;

	font-size: 1.3em;

	margin: 0 0 10px 0;

}

h3 {

	color: #599763;

	font-size: 1.1em;

	margin: 0 0 10px 0;

}

input { padding: 2px; }

option { padding: 1px 3px 1px 2px; }

ul { margin: 0 0 0 25px; }

p { margin: 0 0 10px 0; }



a img{ border: 0; }



.l { float: left; }

.r { float: right; }



.clear { clear: both; }

.clear-l { clear: left; }

.clear-r{ clear: right; }



.m-tb-5 { margin: 5px 0; }

.m-tb-10 { margin: 10px 0; }

.m-t-10 { margin: 10px 0 0 0; }



.b { font-weight: bold; }

.no-b { font-weight: normal; }



.u { text-decoration: underline; }

.no-u { text-decoration: none; }



.i { font-style: italic; }

.no-i { font-style: normal; }



.small { font-size: .9em; }

.large { font-size: 1.2em; }



.t-r { text-align: right; }

.t-l { text-align: left; }

.t-c { text-align: center; }





/*Footer Blue Water Media styling */

#footer a.bwm:hover{ 

	color: #4a8ecb; 

}



#main { /* Main div, wrap entire page with this div */

  height: 865px;

  width: 1024px;

  margin: 0 auto;

} 



#main a:hover div{

  cursor: pointer;

}



#left-col{

  float: left;

}



#left-col img.logo{

  margin-top: -15px;

  position: absolute;

  z-index: 100;

}



#left-col img.lobster-pot-faq{

  position: absolute;

  z-index: 75;

  margin-top: 155px;

  margin-left: 260px;

}



#pots-to-go{

  position: absolute;

  z-index: 100;

  width: 315px;

  height: 297px;



  margin-top: 220px;

  margin-left: 85px;

}



#curb-side-promo {

	position: absolute;

	z-index: 52;

	top: -25px;

	right:-9px;

}



#pots-to-go img.pots-top{

  margin-left: 1px;

}



#pots-to-go img.pots-bottom{

  margin-left: 34px;

}



#left-col img.hours{

  margin-top: 595px;

  margin-left: 100px;

  position: absolute;

}



#left-col img.compass{

  margin-top: 665px;

  margin-left: 190px;

  position: absolute;

}


#left-col img.facebook{

  margin-top: 768px;

  margin-left: 285px;

  position: absolute;

}

#left-col img.twitter{

  margin-top:  768px;

  margin-left: 245px;

  position: absolute;

}



#photo{

  width: 216px;

  height: 245px;

  margin-top: 545px;

  margin-left: 150px;

  position: absolute;

  background: url("../images/bg-photo.png") no-repeat;

}



#photo img{

  margin-top: 38px;

  margin-left: 8px;

}





#chalkboard{

  width: 665px;

  height: 786px;

  margin-top: 32px;

  background: url("../images/bg-chalkboard.jpg") 6px 7px no-repeat;

  position: absolute;

  z-index: 100;

  margin-left: 380px;

}



#chalkboard img.top-border{

  margin-left: 1px;

}



#chalkboard img.bottom-border{

  margin-left: 4px;

}


#nav, #nav ul { /* all lists */

	padding: 0;

	margin: 0;

	list-style: none;

	line-height: 1;

	z-index:9999;

}



#nav a {

	float: left;

  padding: 13px 0 7px 0;

  font-family: Courier New, Courier, monospace;

  color: #fff;

  text-decoration: none;

  font-size: 1.25em;

  margin: 0 5px;

  vertical-align: text-top;

}



#nav a:hover{

  color: #d31e35;

}



#nav li { /* all list items */

	float: left;

	width: auto; /* width needed or else Opera goes nuts */

  margin-bottom: 2px;

}



#nav li ul { /* second-level lists */

	position: absolute;

	border:medium solid #fff;

	background-image: url('http://www.tackleboxrestaurant.com/images/ulbg.jpg');

	width: 10em;

	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

}



#nav li ul a:hover{ /* second-level lists */

  color: #58060c;

}



#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */

	left: auto;

}



#flash-div{

  height: 230px;

  width: 528px;

  position: absolute;

  margin-top: 30px;

  margin-left: -20px;

}

#flash-div1{

  height:230px;

  position:absolute;

  left:60px;

  top:101px;

  width:528px;

}



#header-img{

  height: 205px;

  width: 464px;

  position: absolute;

  margin-top: 50px;

  margin-left: 20px;

  background: url("../images/bg-header.png") no-repeat;

}



#header-img img{

  margin-top: 8px;

  margin-left: 10px;

}



#flash-height{

  height: 205px;

}





#bwm-copy { /*  Place main content into this div in every page so it can be easily extracted later should the need arise */

  padding: 55px 75px 60px 75px;

  font-family: Trebuchet MS, Helvetica, sans-serif;

}





#bwm-full-col{

  width: 490px;

  margin-top: 10px;

}



#bwm-full-col p{

  color: #fff;

  font-size: .88em;

  line-height: 1.6em;

}



#bwm-left-col{

  width: 313px;

  float: left;

  margin-top: 10px;

}



#bwm-left-col p{

  color: #fff;

  font-size: .88em;

  line-height: 1.6em;

}



#bwm-right-col{

  float: left;

  width: 176px;

}



#bwm-right-col p{

  color: #fff;

  font-size: .88em;

  line-height: 1.6em;

}



#bwm-copy div.bwm-menu-col{

  width: 240px;

  margin-right: 10px;

  margin-top: 3px;

}



#bwm-copy div.bwm-menu-col p{

  color: #fff;

  text-align: center;

  font-size: .9em;

  line-height: 1.25em;

}



#blue-crabs{

  width: 185px;

  height: 195px;

  background: url("../images/blue-crab-center.jpg") 11px 30px no-repeat;

  float: left;

}

#webby{

  width: 185px;

  height: 195px;

  background: url("../images/webby-oh09.jpg") 11px 30px no-repeat;

  float: left;

}

#webby img.blue-crab-top{

  margin-bottom: -4px;

}

#webby img.blue-crab-bottom{

  margin-left: 9px;

}



#blue-crabs img.blue-crab-top{

  margin-bottom: -4px;

}



#blue-crabs img.blue-crab-bottom{

  margin-left: 9px;

}



#email-list{

  float: left;

}



#email-list input{

  width: 170px;

  padding: 2px 2px;

  border: 1px solid #000;

  font-family: Trebuchet MS, Helvetica, sans-serif;

  margin: 4px 0;

}

#email-list textarea{

  width: 170px;

  padding: 2px 2px;

  border: 1px solid #000;

  font-family: Trebuchet MS, Helvetica, sans-serif;

  margin: 4px 0;

}



#footer{

  width: 100%;

  height: 83px;

  background: url("../images/footer-bg.jpg") 50% 0 repeat-x;

  margin-top: -73px;

}



#footer-center{

  width: 1024px;

  margin: 0 auto;

}



#footer-nav{

  width: 665px;

  text-align: center;

  margin-top: 30px;

  float: right;

}



#footer-nav p{

  text-align: center;

  color: #fff;

  font-size: .88em;

  line-height: 1.4em;

  font-family: Courier New, Courier, monospace;

  margin-bottom: 0px;

}



#footer-nav a{

  color: #fff;

  text-decoration: none;

}



#footer-nav a:hover{

  text-decoration: underline;

}



#footer-nav a:hover.bwm{

  text-decoration: none;

}



#hooklogo { position:absolute; top:710px; left:550px; padding:0; margin:0;}

#hooklogo img{ border:0; }

#breakfast-ad { left:0; margin:0 0 0 -160px;padding:0;position:absolute; top:433px;}



#bwm-full-short{  width: 490px;  margin-top: 10px; }

#bwm-full-short p{  color: #fff; font-size: .88em; line-height: 1.3em; }



#socialnetwork { position:absolute; margin:225px 0 0 115px;}

#socialnetwork img a{ border:none;}



#music { position:absolute; margin:15px 0 0 -460px; padding:0;}



.specials p{

margin-left:15px;

font-size:14px;

}

.specials strong{

font-size:18px;

}