/*********************************************
	STYLES FOR BROWSER
	1. Developer, this is the individual 
	   css file for a web browser
	2. Please keep your code CLEAN. 
	3. Bring over ANY custom tags. 
	4. Make SURE to test the "Big 5" Browsers:
		-- IE7, IE8 - A MUST! 
		-- Firefox
		-- Chrome
		-- Safari
		-- Opera
*********************************************/
html, body{
	margin:0;
	padding:0;
}

body { /* Use both the px/em variable */
	font: 11px/1.3em Verdana, Geneva, sans-serif; 
	color: #000;
	background:#ffffff url(/images/bg.jpg) center top no-repeat;
}

body.subpage{ /* Use both the px/em variable */
	font: 11px/1.3em Verdana, Geneva, sans-serif; 
	color: #000;
	background:#ffffff url(/images/bg-sub.jpg) center top no-repeat;
}


		
a { /* default link styles*/
	color:#2e3389;
	text-decoration: none;
}
	
	a:hover{
		text-decoration: underline;
	}

.wrapper{ /* This is where you would change by default. A SAFE width is 320px */
	width: 997px;
	margin:0 auto;
}


/*********************************************
	STANDARD TAGS:
	These are our standard tags. YOU MUST
	USE THESE TO HAVE THE SITE WORK PROPERLY
	WITH MOBILE AND DEFAULT CSS
	1) .header
	2) .main-nav -- located in nav.css
	3) h1, h2, h3, h4, h5
	4) .breadcrumbs
	5) .content
		-- .col-1
		-- .col-2 
		-- .col-3
		-- Make more if needed.
	6) .footer
*********************************************/

.header { 
	height: 420px;
	z-index: 10;
	position: relative;
}


.sub_header { 
	height: 100px;
	z-index: 10;
	position: relative;
}


.header-title{
	background: #2e3389 url(/images/title-master.png);
	background-repeat:no-repeat;
}

.header-title{text-indent:-9999px; height:26px; padding:10px; margin:0 0 10px 0; }

#header_rotater{
	position:absolute;
	top:126px;
	left:43px;
}

/* graphic page titles */
h1.welcome1{background-position:10px 12px;}
h1.about{background-position:10px -26px;}
h1.boat{background-position:10px -66px;}
h1.operations{background-position:10px -106px;}
h1.contact{background-position:10px -146px;}
h1.marketing{background-position:10px -186px;}
h1.adv{background-position:10px -226px;}
h1.personal{background-position:10px -266px;}
h1.public{background-position:10px -306px;}
h1.benefits{background-position:10px -346px;}
h1.why{background-position:10px -386px;}
h1.market{background-position:10px -426px;}
h1.reviews{background-position:10px -466px;}
h1.beach{background-position:10px -506px;}
h1.specials{background-position:10px -546px;}
h1.ocadvertising{background-position:10px -586px;}
h1.sitemap{background-position:10px -626px;}
h1.thanks{background-position:10px -666px;}

.sub-title{
	height:46px;
	padding:0 10px;
	background:#5e85c1;
	margin:0 0 10px 0;
}



h2, h3, h4, h5 { /* Format as you need, use em's */
}

.breadcrumbs { /* Format as you need with your a tags, etc. */
	color: #000;
	position:absolute;
	left:15px;
	top:-15px;
	font-weight:bold;
	font-size:10px;
}

.content { /* Format as you need. Use em's where you can to keep consistent */
	position: relative;
	z-index: 9;
	background:url(/images/bg-content.png) repeat-y;
	width:997px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;

}

.inner-content{
	overflow:hidden; /* for equal height columns */
}

/* for equal height columns */
.col{
	float:left;
	margin-bottom:-3000px;
	padding-bottom:3000px;
}

	.col-1 { 
		width: 360px;
		float: left;
		padding:0 30px 0 0;
	}
	
	.col-1-sub { 
		width: 640px;
		float: left;
		padding:0 30px 0 0;
	}
	
	.col-2 { 
		width: 250px;
		float: left;
		padding:0 30px 0 0;
	}
	
	.col-3 { 
		width: 250px;
		float: left;
	}
	
.footer { /* Format as you need. Set width if not contained in wrapper */
	background:url(/images/bg-footer.png) no-repeat;
	width:997px;
	height:194px;
}

.footer-links{
	color:#2e3389;
	font-weight:bold;
	margin:0 0 20px 0;
} 


	.footer a {
		color:#2e3389;
		text-decoration: none;
	}
	
	.footer a:hover {
		color: #666666;
		text-decoration: underline;
	}
	
	/* Use this for your footer nav to make it easier on spacing! */
	/* nav class inherited from core.css */
	
	.footer ul.nav { 	
		text-align:center;
		margin:0 auto 5px;
	}
	
		.footer ul.nav li { 
			position:relative;
			display: inline;
			float:none;
			border-left: 1px solid #008c9a;
			padding:0 5px 0 10px;
		}
	
/*******************************************
	SITE SPECIFIC FORMATTING
	1. This is where you will test and put 
	   your site specific tags. 
********************************************/


.content-bottom{
	width:997px;
	background:url(/images/bg-content-bottom.png) no-repeat;
	height:27px;

}

.content-top{
	width:997px;
	background:url(/images/bg-content-top.png) no-repeat;
	height:26px;
	
}

.content-inner{
	width:941px;
	margin:0 auto;
	min-height:250px;
  	height:auto !important;
  	height:250px;
	background:#ffffff url(/images/bg-content-inner.png) no-repeat;
}