/* CSS Document */

h1, h2, h3, h4, h5, h6 { margin:0; }

a { text-decoration:none; color:#FF0; }

body { margin:0; font-family:Arial, Helvetica, sans-serif; background-color:#101010; text-align:center; margin:0 }

.wrapper { width:100%; }

.container { width:920px; margin:0 auto 0 auto; }

p { color:#fff; }

.highlight {color:#FF0; font-weight:bold}

#logo { display: inline-block; width: 570px; height: 86px; background: url(../images/live-elements.png) no-repeat; margin-top:30px; }


#duo {background:url(../images/duo.png) no-repeat; width:144px; height:250px; display:inline-block}

#info {text-align:left; display:block; padding:0 15px;}

footer {text-align:center; display:inline-block; width:920px; margin:0 auto 0 auto; height:116px;}

.pic { width:112px; height:112px; display:inline-block; margin:0 10px; border:1px #FFF dashed}

.bookings { width:353px; height:116px; display:inline-block; vertical-align:top;}

#fish-btn { display:inline-block; position: relative; text-indent: -9999px; width:388px; height:250px; background: url(../images/fish.png) no-repeat; }

#fish-btn span { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../images/fish_rollover.png) no-repeat; background-position: 0 0; opacity: 0; -webkit-transition: opacity .5s;
 -moz-transition:    opacity .5s;
 -o-transition:      opacity .5s;
}

#fish-btn:hover span { opacity: 1; }

#saxman-btn { display:inline-block; position: relative; text-indent: -9999px; width:388px; height:250px; background: url(../images/saxman.png) no-repeat; }

#saxman-btn span { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../images/saxman_rollover.png) no-repeat; background-position: 0 0; opacity: 0; -webkit-transition: opacity .5s;
 -moz-transition:    opacity .5s;
 -o-transition:      opacity .5s;
}

#saxman-btn:hover span { opacity: 1; }