/* Begin Typography & Colors */
html,body {margin:0;padding:0;background-image:url(/images/bg_repeat.gif); background-repeat:repeat-x; background-position:top; background-color:#f3ece2; font-family:arial,sans-serif;font-size:small; color:black;}
#wrapper {width: 100%; margin: 326px 0px 0px 0px; background-image:url(/images/bg.jpg); background-repeat:repeat-x;}

#home {position: absolute; top: 0px; left:159px; width:692px;; height:390px; background-image:url(/images/home.jpg); z-index:10;}
#homeInfo {position: absolute; top: 385px; left:10px; width:500px; height:295px; padding:10px 10px 10px 10px; background-image:url(/images/home_info_bg.gif); background-repeat:repeat-x; z-index:10; font-size:14px; line-height:20px;}
#eventInfo {position: absolute; top: 112px; left:175px; width:665px; height:557px;z-index:10; overflow:auto; text-align:left;background-color:white; border-left:5px solid #00AEEF; border-right:5px solid #00AEEF;  border-bottom:5px solid #00AEEF;}
#restInfo {position: absolute; top: 112px; left:175px; width:855px; height:360px;z-index:10; overflow:auto; text-align:left;background-color:white; border-left:5px solid #00AEEF; border-right:5px solid #00AEEF;  border-bottom:5px solid #00AEEF;}
#contactInfo {position: absolute; top: 112px; left:175px; width:665px; height:443px;z-index:10; overflow:auto; text-align:left;background-color:white;}

#youtube{position: absolute; top: 385px; left:540px; width:480px; height:295px; padding:0;  z-index:10;}
#nav_container {position: absolute; top: 0px; left:0px; width:159px; height:326px; z-index:5; background-image:url(/images/nav_bg.gif); background-repeat:repeat-x;}
#nav {position: absolute; top: 44px; left:0px; font-size:16px; color:#FFFFFF; }
#nav a {display:block; width: 159px; height:25px; padding:5px 0px 0px 7px; font-size:16px; color:#FFFFFF; background: url("/images/rollover.png") 0 0 no-repeat; text-decoration: none;}
#nav a:hover { height: 25px; background-position: 0 -30px; font-size:16px; color:#FFFFFF;}

#water {position: absolute; top: 326px; left:0px; width: 100%; height:352px; background-image:url(/images/bg.jpg); background-repeat:repeat-x; z-index:1;}

.14{ font-size:14px;}
.18{ font-size:18px;}
.21{ font-size:21px;}

h1, h2, h3, h4, h5 {font-family: lucida sans, sans-serif; margin: 0;padding: 0; }
h1 {font-size: 25px; color:#006DB8;}
h2 {font-size: 16px; font-weight:normal; color:#006DB8;}
h3 {font-size: 16px; font-weight:normal; color:#006DB8;}
h4 {font-size: 18px;}
h5 {font-size: 18px;}

#dining_container{ float:left; width:300px; height:280px;padding: 20px 0px 0px 20px; text-align:left;}
#dining{ width:351px; height:316px; padding: 30px 0px 0px 0px; margin: 0px 10px 0px 0px;}

.spacer{
	 background-image:url(/images/spacer.gif);width:665px; height:16px;}
#box8 div.spacer{
	 background-image:url(/images/spacer.gif);width:665px; height:20px;}
#box8 div.intro{
	width:665px; line-height:25px;font-size:14px;}
	#box8 div.intro h1{
	font-size:22px;text-align:left; padding:10px;}
	
#box8 h3{font-size:30px; padding:0px;}

.ad-banner {
	position: relative; 
	top: 133px; 
	left: 275px; 
	z-index:100; 
	/*border:1px solid #000000; */
	width: 300px; 
	height: 250px;
}

.ad-banner a:link, .ad-banner a:active, .ad-banner a:visited {
	background: url('http://visitsurfsidefl.com/wp-content/themes/default/images/surfside-spice-small.png') left top no-repeat;
	display:  block;
	width: 300px;
	height: 250px;
} 

.ad-banner a:hover {
	background: url('http://visitsurfsidefl.com/wp-content/themes/default/images/surfside-spice.jpg') left top no-repeat;
	display:  block;
	width: 300px;
	height: 250px;
}