/*-------------------------------------------------------------------------------------------
	CSS for THE STARBOARD
	MJP // 04-09 // D3Corp
---------------------------------------------------------------------------------------------*/	



/*********************************************
	/ Page setup
*********************************************/	
body {
	background: url(../images/bg.jpg) left top repeat-x #f5d417;
	margin: 0;
}


img, div { behavior: url(js/iepngfix.htc); }

/*********************************************
	/ Here is the header and the nav
*********************************************/

div.top-wrapper {
	width: 1000px;
	height: 195px;
	margin: 0 auto;
}

div.top-header {
	width: 1000px;
	height: 195px;
	padding: 0;
	position: absolute;
	margin: 0;
	z-index: 5;
}

div.top-weather {
	width: 160px;
	height: 80px;
	background: url(../images/weather-box.jpg) right top no-repeat;
	padding: 0 10px 0 0;
	float:left;
	clear: right;
}

	div.temp {
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 30px;
		font-weight: bold;
		color: #fff;
	}
	
	div.words {
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 12px;
		color: #fff;
	}


/*********************************************
	/ Here is the flash header 
*********************************************/

div.flash-header {
	width: 1000px;
	height: 283px;
	margin: 0 auto;
	padding:0;
}


/*********************************************
	/ Here is the content box 
*********************************************/

div.content {
	width: 900px;
	background: /*url(../images/content-bg.jpg) left top no-repeat */#feffff;
	margin: 0 auto;
	padding: 20px 50px 20px 50px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #000;
}

	.content a { 
		color: #012e58;
		text-decoration: underline;
	}
	
	.content a:hover { 
		color: #000;
		text-decoration: none;
	}



/*********************************************
	/ Here is the Footer area 
*********************************************/

div.footer {
	width: 940px;
	margin: 0 auto;
	background: url(../images/footer-bg.jpg) left top no-repeat #002d57;
	padding: 20px 30px 20px 30px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px; 
	color: #fff;
	text-align: center;
} 

	/* Links for footer */
	.footer a { 
		text-decoration: none;
		color: #fbd41d;
	} 
	
	.footer a:hover {
		text-decoration: underline;
		color: #fff;
	}
	
	
	/* the footer nav */
	div.footer-nav {
		text-align: center;
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #fbd41d;
	}
	
		.footer-nav a {
			text-decoration: none;
			color: #fbd41d;
		}
		
		.footer-nav a:hover {
			text-decoration: underline;
			color: #fff;
		}
	
		


/*********************************************
	/ Here ist he menu content
*********************************************/	

div.menu-holder {
	width: 870px;
	padding: 5px;
	border-bottom: 1px solid #012e58;
	margin: 10px 0 10px 0;
}

	.menu-category {
		font-family: Tahoma, Geneva, sans-serif;
		font-size: 19px;
		line-height: 22px;
		color: #012e58;
		font-weight: bold;
	}

	.menu-category-options {
		font-size: 13px;
		line-height: 15px;
		color: #000000;
		font-style:italic;
	}

	.menu-title {
		font-size: 13px;
		line-height: 15px;
		color: #012e58;
		font-weight: bold;
		float: left;
	}

	.menu-description {
		font-size: 13px;
		color: #000;
		line-height: 15px;
		float: left;
	}
	
	.menu-price {
		position: bottom right;
		color: #012e58;
		font-weight:bold;
		font-size: 19px;
		line-height: 22px;
		float: right;
		
	}
	
	.menu-picture {
		float: left;
		padding: 5px;
		margin: 0px 5px 5px 0px;
		border: 1px solid #012e58;
	}


/*********************************************
	/ Beach House Setup
*********************************************/	


.table_bg {
	background-color:#FF9;
	width:600px;
	border:#000 1px solid;
	  	   
		   }
.table_bg1 {
	background-color: #FFC;
	width:600px;
	  	   
		   }		   


div.beach-holder {
	width: 870px;
	padding: 10px;
	border-bottom: 1px dotted #002d57;
	clear: both;
}

/*the picture*/
	
div.picture-holder {
		float: left;
	}
	
	.beach-picture {
		padding: 5px;
		margin: 0px 5px 5px 0px;
		border: 1px solid #fbc378;
	}
	
/*the right content*/

div.info-right {
	float: left;
}

	div.info-row-1 {
		width: 560px;
		padding: 5px;
		border-bottom: 1px solid #fbc378;
	}
	
	
	


/*********************************************
	/ Small tabs
*********************************************/


div.tab-left {
	float: left;
	width: 350px;
	margin: 0 30px 0 30px;
}

div.tab-right {
	float: left;
	width: 350px;
}

.tab-small{ /*style of tab content oontainer*/
	width: 296px;
	background: url(../images/tab-small.jpg) left top repeat-y;
	padding: 20px 5px 5px 5px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	color: #000;
	font-size: 12px;
	clear: both;
}

.tab-small-bot {
	word-spacing: 306px;
	height: 24px;
	display: block;
	background: url(../images/tab-but-small.jpg) left top no-repeat;
	clear: both;
}


div.info-row-2 {
		width: 280px;
		clear: both;
		float: left;
		padding: 5px;
		border-bottom: 1px solid #fbc378;
	}

/*********************************************
	/ Newsletter setup
*********************************************/

div.tip-sheet {
	width: 860px;
	padding: 5px;
	border-bottom: 1px dotted #012e58;
	font-size: 13px;
	line-height: 20px;;
	clear: both;
}

	.tip-sheet a {
		padding: 2px;
		border: 1px solid #000;
		background: #012e58;
		color: #fff;
		font-size: 10px;
		text-decoration: none;
	}
	
	.tip-sheet a:hover {
		padding: 2px;
		border: 1px solid #000;
		background: #f5d417;
		color: #000;
		font-size: 10px;
		text-decoration: none;
	}
	


/*********************************************
	/ I <3 Spacers
*********************************************/	

div.spacer {
	clear: both;
}

div.spacer-padding {
	clear: both;
	padding-bottom: 10px;
}

div.spacer-padding-large {
	clear: both;
	padding-bottom: 20px;
}