/* Global
--------------------------------------------------------------------------------------- */
html, body{ 
  padding:0px;
  margin:0px;
}

body {
  background: #f6f6f6 url(/g/gulfbeachguide/background.png) top center repeat-y;
  font-size: 12px;
  font-family: arial,lucinda,verdana,geneva,sans-serif;
  color:#000000;
}
	
a { 
color: #0bbcfe;
text-decoration: none; 
}

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

p
{
	padding:1px;
	margin:1px;
}

blockquote {
	font: 12px Georgia, "Times New Roman", Times, serif;
	width: 80%;
	background: #fff url(/g/gulfbeachguide/close-quote.gif) no-repeat right bottom;
	padding-left: 18px;
	text-indent: -18px;
	margin:10px auto 10px auto;
	padding:4px;
	color: #424242;
}
blockquote:first-letter {
	background: url(/g/gulfbeachguide/open-quote.gif) no-repeat left top;
	padding-left: 18px;
	font: italic 20px Georgia, "Times New Roman", Times, serif
}
/******************************************
*   Headlines                         
******************************************/
h1 {
	color: #0bbcfe;
	font-size: 18px;
	margin: 2px;
	padding: 1px;
	}
	
h2 {
	color: #0bbcfe;
	font-size: 16px;
	margin: 2px;
	padding: 1px;
	}

h3 {
	margin: 2px;
	padding: 1px;
	font-weight:bold;
	color:#0bbcfe;
	}

h4 {
	font-size:12px;
	margin: 2px;
	padding: 1px;
	}


/****** Images ****************************/

img a, img
{
	border:0;
}

img.left, img.left a{ 
float:left;
margin:2px 5px 2px 2px;
padding:2px;
border: 1px #fff solid;
}

img.right, img.right a{ 
float:right;
margin:2px 2px 2px 5px;
padding:2px;
border: 1px #fff solid;
}

img.about, #video {

	margin-right:10px;

	float:left;

	}


img.left:hover, img.left a:hover, img.right:hover{ 
border: 1px #e3e3e3 solid;
}

img.center
{ 
	display:block; margin:0 auto 5px auto; 
}
img.right{ float:right; margin:0 0 5px 12px; }
img align left{ float:left; margin:0 12px 5px 0; }

/* Top Navigation
--------------------------------------------------------------------------------------- */

#navbar
{
	width:930px;
	margin:0px auto 0px auto;
	background: #5a5b5d url(/g/gulfbeachguide/navigation.png) top left repeat-x;
	font-size:12px;
	padding:0px;
}
#navigation
{
	width:930px;
	margin:0px auto 0px auto;
	height:34px;
	font-size:12px;
	padding:0px;
}

#navbar ul {
	margin:0 auto;
	list-style: none;
	padding:0px;
	background: url(/g/gulfbeachguide/navborder.png) top left repeat-x;
	float:left;
}

#navbar li {
	float: left;
	list-style:none;
	margin-right:1px;
}

#navbar li a:link, #navbar li a:visited {
	padding:0 27px;
	margin:0 auto;
	line-height:34px;
	color:#f1f1f1;
	display: block;
	text-decoration:none;
	font-weight:bold;
	background: #5a5b5d url(/g/gulfbeachguide/navigation.png) top left repeat-x;
}

#navbar li a:hover, #navbar li a:hover.currentitem {
	color:#fff;
	text-decoration:none;
	background: #5a5b5d url(/g/gulfbeachguide/navhover.png) top left repeat-x;
}

/* Header Layout
--------------------------------------------------------------------------------------- */

#header
{
	width:930px;
	margin:0 auto;
	padding:0px 0 0px 0;
	background: #fff url(/g/gulfbeachguide/headbar.png) top left repeat-x;
	height:89px;
}

#header .inside
{
	width:100%;
	margin:0 auto;
	padding:0px 0 0px 0;
	height:89px;
	background:url(/g/gulfbeachguide/header.jpg) top right no-repeat;
}

#title
{

	margin:0 auto 0 auto;
	width: 920px;
	padding-left:10px;
	padding-top:15px;
}

#title span
{
	color: #8cd1f8;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
}


#title h1, #title h1 a {

	margin:0px auto 0 auto;
	padding:0;
	font: 25px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#424242;

}

#title h1 a:hover{

color:#999;
text-decoration: none;

}

#title h2{

margin:0 auto;
padding:10px 0 10px 0;
color: #7c7c7c;
letter-spacing:-1px;
font: 12px Verdana, Arial, Helvetica, sans-serif;

}

/* Main Content
--------------------------------------------------------------------------------------- */
#wrap
{
	width:100%;
	float:left;
	margin:0 auto;
}

#wrapper
{
	width:930px;
	height:auto;
	margin: 0 auto;
}

#content {
	width:930px;
	margin:0px auto;
	color:#000;
	float: left;
	background: #969696;
		}
		
#topbar_content
{
	width:100%;
	float:left;
	margin:0px auto 0px auto;
	font-size: 12px;
	background: #646464 url(/g/gulfbeachguide/featureback.png) top left repeat-x;
	color: #fff;
	border-bottom: #4f4f4f 5px solid;
}


#topbar_content .feature
{
	padding:8px;
	margin:0px auto 0 auto;
	font-size: 12px;
	overflow:auto;
}

#topbar_content span
{
	color: #999;
	padding-left:5px;
	font:11px Georgia, "Times New Roman", Times, serif;
}

.titleh2{

padding-left:0;
margin: 5px 0 5px 5px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;

}

.titlespan
{
	color: #999;
	padding-left:5px;
	font:11px Georgia, "Times New Roman", Times, serif;
}

#left_main{
	
	width:580px;
	float:left;
	margin:0px auto 0px auto;
	padding-top:5px;
	background: #969696 url(/g/gulfbeachguide/lefttop.png) top left repeat-x;
		}
	
#right_main{
	
	width:350px;
	float:right;
	margin:0px 0px 0px 0px;
}


#content .main_content
{
	width:560px;
	float:left;
	height:auto;
	margin:0px auto 5px 4px;
	font-size: 12px;
	padding:6px;
	background: #fff;
}

#content .main_content h3 a
{
	padding-bottom:5px;
	padding-top:5px;
	padding-left:5px;
	margin: 0px 5px 5px 0px;
	font-size: 16px;
}

#content .main_content p
{
margin: 10px 5px 5px 5px;
}
/*Blocks and Sidebar
--------------------------------------------------------------------------------------- */

#block_left
{
	width:585px;
	float:left;
	margin-left: 3px;
	padding:5px;
	background: #5F5F5F;
	
}

#block_right
{
	width:280px;
	float:left;
	padding:5px;
	margin-left: 11px;
	background: #5F5F5F;

}

#block_s
{

	width:100%;
	margin:0 auto;
	padding: 10px 0 10px 0;
	color:#fff;
	clear:both;
	float:left;
	background: #4c4c4c;
}

#block_holder
{

	width:900px;
	margin:0 auto 5px auto;
	padding: 10px 0;
	color:#f1f1f1;
	clear:both;
}

#block_holder ul 
	{

		margin:0px auto 10px auto; padding:0px;

	}

#block_holder ul li 
	{

		margin:0 auto;
		list-style:none;
		text-decoration:none;
		font-size:12px;		
		color: #444444;

	}
	
#block_holder ul li a
	{	margin:0px auto 2px auto; 
		padding:10px;
		display:block;
		background: #5a5b5d;
	}
	
#block_holder ul li a:hover
	{

		display:block;
		background: #efeeeb;

	}
		
#block_holder h3{

padding-bottom:15px;
text-align:center;
font-size: 14px;
color: #fff;

}
#sidebar
{
	width :342px;
	float:right;
	margin:0 auto;
	background: #fafafa url(/g/gulfbeachguide/sidebarback.png) top left repeat-x;
	padding:2px;
	border: #4f4f4f 2px solid;
	border-top:0;
}

#sidebar span, #sidebar a span
{
	display:block;
	color: #7c7c7c;
	font:11px Georgia, "Times New Roman", Times, serif;
}

#sidebar ul 
	{

		margin:0px; padding:0px;
		margin-bottom:10px;

	}

#sidebar ul li 
	{

		margin:0px 0 2px 0;
		list-style:none;
		text-decoration:none;
		font-size:12px;		
		color: #444444;	

	}
	
#sidebar ul li a
	{	margin:0px; 
		padding:10px;
		display:block;
		background: #666666;
		color: #CCCCCC;

	}
	
#sidebar ul li a:hover
	{

		margin:0px; 
		padding:10px;
		display:block;
		background: #4c4c4c;
		color: #fff;

	}

#sidebar .sidetopics
{
		margin:0px; 
		padding:4px;
		display:block;
		margin-bottom:10px;
}

#sidebar h3{

padding:5px 0 5px 0;
font-size: 16px;
color: #7d7d7d;

}

#adbox
{
	width: 300px;
	height:282px;
	background: url(/g/gulfbeachguide/adbox.jpg) center bottom no-repeat;
}		

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

#footwrap
{
	width:900px;
	margin:0 auto;
}

#footer
{
	width:100%;
	font-size:12px;
	background: #fff url(/g/gulfbeachguide/footer.png) top left repeat-x;
	height:35px;
	margin:0 auto;
	padding:0;
	clear:both;
	float:left;
	border-top: 2px #3a3a3a solid;
}

#foot_inside
{
	width:875px;
	float: left;
	margin:0px auto;
	line-height:35px;
	clear:both;
	color: #fcfcfc;
}


#footer_left
{
float: left;
}

#footer_right
{
float: right;
padding-right:5px;

}

#footrightinfo
{
margin-right:25px;
}


.rssicon
{
 height:24px;
 width:24px;
 float:right;
 margin-top:7px
}


#footwrap a
{
		color:#0bbcfe;
}

#footwrap a:hover, #footwrap img:hover
{
		color:#0bbcfe;
		border-bottom:1px #fff dotted;
		cursor: help;
}