/* Copyright 2007-2009 Mike Miklavic & Keepoffthedunes.com*/

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

html,body{
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
body{
	font-family: "Trebuchet MS";
	text-align:center;
	color: #666666;
	font-size: 14px;
	background-color: #D2E5F3;
}

a:link, a:visited, a:hover {
	color: #0099FF;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #FFFFFF;
	background-color: #0099FF;
	font-weight: bold;
}
a.searchbox:link, a.searchbox:visited, a.searchbox:hover {
	color: #FFF;
	text-decoration: underline;
}
a.searchbox:hover {
	color: #FFFFFF;
	background-color: #0099FF;
	text-decoration: none;
}
.sharethis a:hover {
	color: #0099FF;
}
a.noBG:hover {
	background: none;
}

p{
	margin: 20px 20px 10px 0px;
}

h1{
	font-size: 20px;
	color: #0668A9;
}

h2{
	font-size: 16px;
	color: #666666;
}

img{
	border: 0px;
}

DIV#loader {
}

DIV#loader.loading {
}

/*Home Page ******************************************/
#home_shell{
	width: 900px;
	margin: 10px auto;
}
	#home_shell .inner_shell{
		text-align: center;
		padding: 0px 0px 10px 0px;
		background-color: #FFFFFF;
	}
	.home_shell_footer{
		 background: #fc7c00;
	}
	#blog_feed_shell{
		width: 330px;
		height: 190px;
		margin: 0px 0px 0px 20px;
	}
		#blog_feed_shell .header{
			text-align:left;
		}	
		#blog_feed_shell .body{
			padding: 5px 8px;
			text-align: left;
			line-height: 22px;
		}
		
	#feature_beach_shell{
		width: 320px;
		height: 205px;
	}
		#feature_beach_header{
			text-align:center;
		}
		.stepcarousel{
			position: relative; /*don't touch*/
			overflow: scroll; /*don't touch*/
			width: 270px; /*Width of Carousel Viewer itself*/
			height: 160px; /*Height should enough to fit largest content's height*/
		}

			.stepcarousel .belt{position: absolute;left: 0;top: 0;}
			.stepcarousel .panel{
				float: left; /*don't touch*/
				overflow: hidden; /*don't touch*/
				margin: 10px; /*margin around each panel*/
				width: 250px;
				background-color: #FFFFEE;
				border-top:1px solid #FFFFAA;
				border-bottom:1px solid #FFFFAA;
			}

	#topten_shell{
		border-top: 1px dashed #CCCCCC;
		width:720px;
		text-align: center;
		margin: 0px auto;
	}
			
/* Contents and Layout **********************************/
#shell{
	width: 1000px;
	text-align:left;
	margin: 12px auto;
}
	#header_box {
    background: url(../images/header_bg.png) repeat-x;
	}
		.header_top div { background: url(../images/rounded_corners/tl.png) no-repeat top left;}
		.header_top { background: url(../images/rounded_corners/tr.png) no-repeat top right;}
		.header_bottom div { background: url(../images/rounded_corners/bl_orange.png) no-repeat bottom left; }
		.header_bottom { background: url(../images/rounded_corners/br_orange.png) no-repeat bottom right; }

		.header_top div, .header_top, .header_bottom div, .header_bottom {width: 100%;height: 10px;font-size: 1px;}
		.header_top_content { margin: 0 10px; }
			.search_box_shell{
				position: absolute;
				background-color: #0668A9;
				width: 325px;
				float: right;
				margin: 0px 0px 0px 655px;
			}
			.search_box_shell_for_home_page{
				background-color: #0668A9;
				width: 380px;
				margin: 0px auto;
			}
				.search_input{
					border:1px solid #999999;
					color:#777777;
					font-size:15px;
					height:20px;
					margin:3px 0px 5px 5px;
					width:250px;
				}
			.search_box_top div { background: url(../images/rounded_corners/blue_tl.png) no-repeat top left;}
			.search_box_top { background: url(../images/rounded_corners/blue_tr.png) no-repeat top right;}
			.search_box_bottom div { background: url(../images/rounded_corners/blue_bl.png) no-repeat bottom left; }
			.search_box_bottom { background: url(../images/rounded_corners/blue_br.png) no-repeat bottom right; }

			.search_box_top div, .search_box_top, .search_box_bottom div, .search_box_bottom {width: 100%;height: 10px;font-size: 1px;}
			.search_box_content { margin: 0 10px; }
				
		#header_nav{
			margin: 8px 10px 0px 10px;
			text-align: right;
			color: #FFFFFF;	
		}
			div#header_nav ul {
					 line-height: 14px;
			}
			div#header_nav li {
					 list-style-type: none;
					 display: inline;
			}
			div#header_nav li a {
					 text-decoration: bold;
					 padding: /*5px*/ 3px;
					 color: #FFF;
			}
			div#header_nav li a:link {
					 color: #FFF;
			}
			div#header_nav li a:hover {
					 font-weight: bold;
					 color: #FFF;
					 background-color: #0668A9;
			}


	/* Main Beach Page --> /Beach/Overview/ */
	#left_col {
		display:inline;
		width:180px;
		float:left;
		margin: 0px 0px 10px 0px;
	}
		.left_nav ul {
			list-style: none;
			margin: 0;
			padding: 0;
			border: none;
		}
		.left_nav li {
			border-bottom: 0px solid #CCCCCC;
			margin: 0;
		}
		.left_nav li a{
			display: block;
			height: 20px;
			padding: 3px 3px 3px 3px;
			border-left: 2px solid #FFFFFF;
			border-right:2px solid #FFFFFF;
			text-decoration: none;
		}
		.left_nav li a:hover {
			height: 20px;
			border-left: 2px solid #DEDEDE;
			border-right:2px solid #DEDEDE;
			background-color: #F4FAFF;
			color: #0099FF;
		}
		.left_nav img{
			border: 0px;
			padding: 3px 0px 0px 0px;
		}
			
	#middle_col {
		display:inline;
		width:470px;
		float:left;
		margin: 0px 0px 20px 15px;
	}
			.categories{
				color: #0099FF;
			}
			.sharediv{
				width: 435px;
				display: none;
				padding:5px;
				margin: 10px auto 0px auto;
				border:2px solid #FADDA9;
				background-color:#FDF4E1;
				text-align: center;
				
			}	
		.review_boxes{
			border:1px solid #FFFFAA;
			background-color: #FFFFEE;
		}
		.displaynone{
			display: none;
		}

	#right_col {
		display:inline;
		border:0px solid #DEDEDE;
		width:320px;
		float:right;
		margin: 0px 0px 10px 0px;
	}
		
	.search_results_header{
		background-color: #FFFFEE;
		border-left:1px solid #FFFFAA;
		border-right:1px solid #FFFFAA;
		width: 100%;
		padding: 2px 0px;
		text-align: left;
		height: 20px;
	}
	.searchresult{
		border: 1px dotted #DEDEDE;
		width: 500px;
		margin: 0px 10px 10px 0px;
		padding: 10px;
		position: abosolute;
		text-align: left;
	}
		.searchresult:hover{
			border: 1px solid #DEDEDE;
			width: 500px;
			margin: 0px 10px 10px 0px;
			padding: 10px;
			position: abosolute;
			background-color: #F9FDFE;
			text-align: left;
		}
		.searchresult title{
			margin: 0px 10px 0px 0px;
			position: abosolute;
		}
	#paging{
	  background-color: #FFFFEE;
	  border-top:1px solid #FFFFAA;
	  height: 40px;
	  clear: both;
	  width: 100%;
	  text-align: center;
	}
	
	#large_left_col{
		display:inline;
		width:665px;
		float:left;
		margin: 0px 0px 10px 0px;
	}
	
	/* Info *****************************************************************/
	#info_left_col{
		margin: 0px 20px 10px 0px;
		padding: 0px 10px 0px 0px;
		border-right: 1px dotted #CCCCCC;
	}
		#info_left_col ul {
			list-style: none;
			margin: 0;
			padding: 0;
			border: none;
		}
			#info_left_col ul  ul{
				margin-left: 12px;
			}
		#info_left_col li {
			border-bottom: 1px dashed #CCCCCC;
			margin: 0;
			padding: 5px 5px 5px 0px;
		}
		#info_left_col li a{
			display: block;
			height: 20px;
			border-left: 0px solid #221E1F;
			color: #0668A9;
			text-decoration: none;
		}
		#info_left_col li a:hover {
			border-left: 0px solid #003399;
			background-color: #F9FDFE;
			height: 20px;
			color: #0668A9;
			text-decoration: none;
		}
		#info_left_col img{
			border: 0px;
			padding: 3px 0px 0px 0px;
		}
	#info_right_col{
		background-color: #00FF00;
		width:730px;
		float:right;
		margin: 0px 0px 10px 0px;
	}
	.contact_inputs{
		border:1px solid #999999;
		color:#777777;
		font-size:15px;
		height:20px;
		margin:3px 0px 5px 5px;
	}
	/* Photos ***************************************************************/
	#ThumbNailShell{
		border-top: 1px dotted #DEDEDE;
		border-bottom: 1px dotted #DEDEDE;
		background-color: #FFFFEE;
		width:625px; 
		padding: 10px;
	}
	#PhotoShell{
		border-top: 1px dotted #DEDEDE;
		border-bottom: 1px dotted #DEDEDE;
		background-color: #FFFFEE;
		width:625px; 
		padding: 10px;
	}
		.photos_links{
			color: #0099FF;
			cursor: pointer;
		}
			.photos_links:hover{
				color: #FFFFFF;
				background-color: #0099FF;
			}
		.thumbnail{
			border: 4px solid #D7EDFF;
			background-color: #FFFFFF;
		}
			.thumbnail:hover{
				border: 4px solid #AEDBFF;
				background-color: #FFFFFF;
			}	
		
		/* AddNewBeach **********************************************************/
		.threeEasySteps{
			background-color: #FFFFEE;
			width: 960px;
			text-align: center;
			padding: 10px;
		}
		.enterDetails{
			background-color: #EFEFEF;
			border: 1px solid #DEDEDE;
			width: 960px;
			padding: 10px;
		}	
		
	#vertical_spacer_before_footer{
		background-color: #FFFFFF;
		height: 20px;
	}
	#footer{
		margin:  12px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		clear: both;
		width: 100%;
		text-align: center;
		font-size: 12px;
	}
		
/* Ads ****************************************/
.ad_300by250{
	font-size: 12px;
	text-align: center;
	color: #CCCCCC;
}
	
/* Rounded Corners ***********************************/
.rounded_box {
   background: #ffffff;
   margin: 12px 0px 0px 0px;
}
.rounded_box_top div {
   background: url(../images/rounded_corners/tl.png) no-repeat top left;
}
.rounded_box_top {
   background: url(../images/rounded_corners/tr.png) no-repeat top right;
}
.rounded_box_bottom div {
   background: url(../images/rounded_corners/bl.png) no-repeat bottom left;
}
.rounded_box_bottom{
   background: url(../images/rounded_corners/br.png) no-repeat bottom right;
}

.rounded_box_top div, .rounded_box_top, .rounded_box_bottom div, .rounded_box_bottom {
   width: 100%;
   height: 10px;
   font-size: 1px;
}
.rounded_box_content{ margin: 0 10px; }

	
/* **
Colors:   
Light Blue: #dceaf5
Orange: #FB7E00
***/

/* MM08 */