﻿/* 
Style Sheet
-------------------------------------------------------
Copyright (c) 2010, RantaConsulting.com

Last Updated: Mark Garczewski
Date: 1/08/2010 */   

/* Color Schemes

#FFFFFF: White
#333333 : Dark Grey
 */
/*//////////////////////////// DESIGN ///////////////////////////////////////////////////*/

body 
{
	background-color: #FFFFFF;
	font-size: 13px;
	font-family: Georgia, Times New Roman, Times, serif;
	color: #333333;
}
.homepage
{
	background-image: url('/images/bkgnd_homefull.jpg');
	background-repeat: no-repeat;
	background-position: top center;
}
.content
{
	background-image: url('/images/bgngd_marinas.jpg');
	background-repeat: repeat-x;
}
.clear, .clean
{
	background-image: url('/images/bgngd_marinas.jpg');
	background-repeat: repeat-x;
}
.forms
{
	background-image: url('/images/bgngd_marinas.jpg');
	background-repeat: repeat-x;
}

div#page
{  
}
.homepage div#page
{
}

div#branding a.irvine, a.irvine:link{
  display: block;
  position: absolute;
  top: 25px;
  right: 0px;
  width: 270px;
  height: 30px;
  text-decoration: none;
}


div#header
{
}

div#content
{
}
.homepage div#content
{
}

div#layout
{
	vertical-align: top;
}
.homepage div#layout
{
	vertical-align: top;
}
.forms div#layout
{
	vertical-align: top;
	padding-top: 35px;
}

div#main
{
   	vertical-align: top;
   	padding-left: 25px;
	padding-bottom: 30px;
}
.homepage div#main
{
   	vertical-align: top;
}
.forms div#main
{
   	padding-left: 0px;
}

div#sub
{
   vertical-align: top;
}

div#footer
{
	background-image: url('/images/footer.jpg');
	background-position: top;
	background-repeat: repeat-x;
}

/*marina left nav*/
div.LeftNav
{
	border-bottom: solid 1px #CCCCCC;
	padding: 8px 0px 0px 0px;
}
.open a:link, .open a:active, .open a:visited, .open a:hover
{
    text-decoration: underline;
}
.open
{
	padding-bottom: 15px !Important;
}
div.first
{
	padding-top: 0px;
}
/*END marina left nav*/

/*Marina pages*/
div.marinaContent
{
	background-color: #f6f6f6;
	padding-left: 40px;
	padding-top: 40px;
	width: 100%;
	min-height: 320px;
	padding-bottom: 30px;
}
div.marinaContent li
{
	padding-bottom: 10px;
}
div#flashcontent {
}
        
/*END Marina pages*/

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*//////////////////////////// TYPOGRAPHY ///////////////////////////////////////////////////*/

img
{
	border: 0px;
}

img.border
{
}

p
{
	font-size: 13px;
	line-height:1.4em;
	padding:0 0 1.5em 0;
}

blockquote
{
	margin-left:10px;
	border-left:10px solid #333333;
}

pre
{
	font-family:monospace;
	font-size:1em;
}

strong,b
{
	font-weight:700;
}

em,i
{
	font-style:italic;
}

code
{
	font-family:"Courier New",Courier,monospace;
	font-size:1em;
	white-space:pre;
}

 /*HEADINGS */
h1 /*form headers*/
{
	font-size: 21px;
	line-height:1.5em;
	padding:0.5em 0 0.5em;
	padding:0;
	color: #000000;
}

h2 /*content left subnav headers*/
{
  	color: #333333;
  	font-size:16px;
	line-height:1.5em;
	padding:0 0 12px 0;
}

h3
{ 
}

/* END HEADINGS 

 SPECIAL CLASSES */
.center
{
	text-align:center;
}

.small
{
	font-size: 8px;
}

.medium
{

	font-size: 12px;
	font-weight: normal;

}
/*END SPECIAL CLASSES 

///////////////////// LINKS */
a,a:link,a:active
{
	color: #333333;
	font-size:1em;
	text-decoration: none;
}

a:visited
{
	color: #333333;
	background-color:transparent;
}

a:hover
{
	color: #333333;
	text-decoration:underline;
}

/* Footer LINKS */
#navFooter
{
	color: #666666;
	font-size: 11px;
}
#navFooter a:link, #navFooter a:active, #navFooter a:active  
{
	text-decoration: none;
}
#navFooter a:hover
{
	text-decoration: underline;
}

#navFooter .topLVL
{
       color: #4C4C4C;
	font-size: 16px;
        line-height: 24px;
}

#navFooter .topLVL a:link, #navFooter .topLVL a:visited, #navFooter .topLVL a:active, #navFooter .topLVL a:hover
{
	color: #4C4C4C;
	font-size: 12px;
	line-height: 8px;
}

#navFooter #midLVL a:link, #navFooter #midLVL a:visited, #navFooter #midLVL a:active, #navFooter #midLVL a:hover,
#navFooter #tidecals a:link, #navFooter #tidecals a:visited, #navFooter #tidecals a:active, #navFooter #tidecals a:hover
{
        color: #4C4C4C;
	font-size: 12px;
}

#navFooter #midLVL .sublink a:link, #navFooter #midLVL .sublink a:visited, #navFooter #midLVL .sublink a:active, #navFooter #midLVL .sublink a:hover

{
	color: #4C4C4C;
	font-size: 10px;
}




/* END Footer LINKS */



/* navs */

/*Header link lists*/
/* Header LINKS */
.homeNavDiv, .innerNavDiv
{
	padding: 19px 0px 28px 0px;
	position: relative;
}
.innerNav ul
{
	list-style-type: none;
	width: 919px;
	height: 14px;
	position: relative;
}
.innerNav li
{
	position: absolute;
	border-right: solid 1px #CCCCCC;
	top: 19px;
}
.innerNav li, .innerNav a, .innerNav a:link, .innerNav a:visited
{
	height: 14px;
	display: block;
	color: #252525;
	font-size: 12px;
	text-transform: uppercase;	
	font-family: Geneva, Arial, Verdana;
	text-align: center;
}
.innerNav a:hover
{
	text-decoration: underline;
	text-transform: uppercase;
}
.innerNav #liMarinas
{
	left: 18px;
	width: 180px;
	border-left: solid 1px #CCCCCC;
}
.innerNav #liDestinations
{
	left: 198px;
	width: 180px;
}
.innerNav #liChart
{
	left: 378px;
	width: 180px;
}
.innerNav #liContactUs
{
	left: 558px;
	width: 180px;
}
.innerNav #liHome
{
	left: 738px;
	width: 180px;
}

.homeNav ul
{
	list-style-type: none;
	width: 919px;
	height: 14px;
	position: relative;
}
.homeNav li
{
	position: absolute;
	border-right: solid 1px #ffffff;
	top: 19px;
}
.homeNav li, .homeNav a, .homeNav a:link, .homeNav a:visited
{
	height: 14px;
	display: block;
	color: #ffffff;
	font-size: 12px;
	text-transform: uppercase;	
	font-family: Geneva, Arial, Verdana;
	text-align: center;
}
.homeNav a:hover
{
	text-decoration: underline;
	text-transform: uppercase;
}
.homeNav #liMarinas
{
	left: 18px;
	width: 180px;
	border-left: solid 1px #CCCCCC;
}
.homeNav #liDestinations
{
	left: 198px;
	width: 180px;
}
.homeNav #liChart
{
	left: 378px;
	width: 180px;
}
.homeNav #liContactUs
{
	left: 558px;
	width: 180px;
}
.homeNav #liHome
{
	left: 738px;
	width: 180px;
}
/*End Header links*/


/* Marina links */
.forms .marinaNav ul
{
	display: none;
}

/*internal marina nav*/
.marinaNav ul{list-style-type:none;width:894px;height:122px;background-image:url('/images/nav/sprite_marina.jpg');position:relative;margin:0 auto;}
.marinaNav li{position:absolute;top:0;}
.marinaNav li,.marinaNav a{height:122px;display:block;}
.marinaNav #liBayshore a:hover{background-color:Transparent;background-image:url('/images/nav/sprite_marina.jpg');background-repeat:no-repeat;background-position:0 -122px;}
.marinaNav #liBalboa{left:176px;width:158px;}
.marinaNav #liBalboa a:hover{background-color:Transparent;background-image:url('/images/nav/sprite_marina.jpg');background-repeat:no-repeat;background-position:-176px -122px;}
.marinaNav #liBayside{left:334px;width:159px;}
.marinaNav #liBayside a:hover{background-color:Transparent;background-image:url('/images/nav/sprite_marina.jpg');background-repeat:no-repeat;background-position:-334px -122px;}
.marinaNav #liVillaCove{left:493px;width:159px;}
.marinaNav #liVillaCove a:hover{background-color:Transparent;background-image:url('/images/nav/sprite_marina.jpg');background-repeat:no-repeat;background-position:-493px -122px;}
.marinaNav #liBairIsland{left:652px;width:159px;}
.marinaNav #liBairIsland a:hover{background-color:Transparent;background-image:url('/images/nav/sprite_marina.jpg');background-repeat:no-repeat;background-position:-652px -122px;}
.marinaNav #liSignup{left:811px;width:83px;}
.BayshoreOn ul{list-style-type:none;width:927px;height:122px;background-image:url('/images/nav/sprite_marina.jpg');position:relative;background-position:0 -244px;}
.BayshoreOn #liBayshore{left:0;width:209px;}
.BayshoreOn #liBayshore a:hover{background-color:Transparent;background-image:url('/images/nav/sprite_marina.jpg');background-repeat:no-repeat;background-position:0 -366px;}
.BayshoreOn #liBalboa{left:209px;width:158px;}
.BayshoreOn #liBalboa a:hover{background-color:Transparent;background-image:url('/images/nav/sprite_marina.jpg');background-repeat:no-repeat;background-position:-209px -366px;}
.BayshoreOn #liBayside a:hover{background-color:Transparent;background-image:url('/images/nav/sprite_marina.jpg');background-repeat:no-repeat;background-position:-367px -366px;}
.BayshoreOn #liVillaCove a:hover{background-color:Transparent;background-image:url('/images/nav/sprite_marina.jpg');background-repeat:no-repeat;background-position:-526px -366px;}
.BayshoreOn #liBairIsland a:hover{background-color:Transparent;background-image:url('/images/nav/sprite_marina.jpg');background-repeat:no-repeat;background-position:-685px -366px;}
.BalboaOn ul{list-style-type:none;width:927px;height:122px;background-image:url('/images/nav/sprite_marina.jpg');position:relative;background-position:0 -488px;}
.BalboaOn #liBayshore a:hover{background-color:Transparent;background-image:url('/images/nav/sprite_marina.jpg');background-repeat:no-repeat;background-position:0 -610px;}
.BalboaOn #liBalboa{left:176px;width:191px;}
.BalboaOn #liBalboa a:hover{background-color:Transparent;background-image:url('/images/nav/sprite_marina.jpg');background-repeat:no-repeat;background-position:-176px -610px;}
.BalboaOn #liBayside a:hover{background-color:Transparent;background-image:url('/images/nav/sprite_marina.jpg');background-repeat:no-repeat;background-position:-367px -610px;}
.BalboaOn #liVillaCove a:hover{background-color:Transparent;background-image:url('/images/nav/sprite_marina.jpg');background-repeat:no-repeat;background-position:-526px -610px;}
.BalboaOn #liBairIsland a:hover{background-color:Transparent;background-image:url('/images/nav/sprite_marina.jpg');background-repeat:no-repeat;background-position:-685px -610px;}
.BaysideOn ul{list-style-type:none;width:927px;height:122px;background-image:url('/images/nav/sprite_marina.jpg');position:relative;background-position:0 -732px;}
.BaysideOn #liBayshore a:hover{background-color:Transparent;background-image:url('/images/nav/sprite_marina.jpg');background-repeat:no-repeat;background-position:0 -854px;}
.BaysideOn #liBalboa a:hover{background-color:Transparent;background-image:url('/images/nav/sprite_marina.jpg');background-repeat:no-repeat;background-position:-175px -854px;}
.BaysideOn #liBayside{left:335px;width:191px;}
.BaysideOn #liBayside a:hover{background-color:Transparent;background-image:url('/images/nav/sprite_marina.jpg');background-repeat:no-repeat;background-position:-335px -854px;}
.BaysideOn #liVillaCove a:hover{background-color:Transparent;background-image:url('/images/nav/sprite_marina.jpg');background-repeat:no-repeat;background-position:-526px -854px;}
.BaysideOn #liBairIsland a:hover{background-color:Transparent;background-image:url('/images/nav/sprite_marina.jpg');background-repeat:no-repeat;background-position:-685px -854px;}
.VillaCoveOn ul{list-style-type:none;width:927px;height:122px;background-image:url('/images/nav/sprite_marina.jpg');position:relative;background-position:0 -976px;}
.VillaCoveOn #liBayshore a:hover{background-color:Transparent;background-image:url('/images/nav/sprite_marina.jpg');background-repeat:no-repeat;background-position:0 -1098px;}
.VillaCoveOn #liBalboa a:hover{background-color:Transparent;background-image:url('/images/nav/sprite_marina.jpg');background-repeat:no-repeat;background-position:-175px -1098px;}
.VillaCoveOn #liBayside a:hover{background-color:Transparent;background-image:url('/images/nav/sprite_marina.jpg');background-repeat:no-repeat;background-position:-335px -1098px;}
.VillaCoveOn #liVillaCove{left:494px;width:191px;}
.VillaCoveOn #liVillaCove a:hover{background-color:Transparent;background-image:url('/images/nav/sprite_marina.jpg');background-repeat:no-repeat;background-position:-494px -1098px;}
.VillaCoveOn #liBairIsland{left:685px;width:160px;}
.VillaCoveOn #liBairIsland a:hover{background-color:Transparent;background-image:url('/images/nav/sprite_marina.jpg');background-repeat:no-repeat;background-position:-685px -1098px;}
.VillaCoveOn #liSignup{left:845px;width:83px;}
.BairIslandOn ul{list-style-type:none;width:927px;height:122px;background-image:url('/images/nav/sprite_marina.jpg');position:relative;background-position:0 -1220px;}
.BairIslandOn #liBayshore a:hover{background-color:Transparent;background-image:url('/images/nav/sprite_marina.jpg');background-repeat:no-repeat;background-position:0 -1342px;}
.BairIslandOn #liBalboa a:hover{background-color:Transparent;background-image:url('/images/nav/sprite_marina.jpg');background-repeat:no-repeat;background-position:-175px -1342px;}
.BairIslandOn #liBayside a:hover{background-color:Transparent;background-image:url('/images/nav/sprite_marina.jpg');background-repeat:no-repeat;background-position:-335px -1342px;}
.BairIslandOn #liVillaCove{left:494px;width:160px;}
.BairIslandOn #liVillaCove a:hover{background-color:Transparent;background-image:url('/images/nav/sprite_marina.jpg');background-repeat:no-repeat;background-position:-494px -1342px;}
.BairIslandOn #liBairIsland{left:654px;width:191px;}
.BairIslandOn #liBairIsland a:hover{background-color:Transparent;background-image:url('/images/nav/sprite_marina.jpg');background-repeat:no-repeat;background-position:-654px -1342px;}
.BairIslandOn #liSignup{left:845px;width:82px;}
div.marinaNav,.BalboaOn,.BaysideOn,.VillaCoveOn,.BairIslandOn{padding-bottom:20px;}
.marinaNav #liBayshore,.BalboaOn #liBayshore{left:0;width:176px;}
.BayshoreOn #liBayside,.BalboaOn #liBayside{left:367px;width:159px;}
.BayshoreOn #liVillaCove,.BalboaOn #liVillaCove,.BaysideOn #liVillaCove{left:526px;width:159px;}
.BayshoreOn #liBairIsland,.BalboaOn #liBairIsland,.BaysideOn #liBairIsland{left:685px;width:159px;}
.BayshoreOn #liSignup,.BalboaOn #liSignup,.BaysideOn #liSignup{left:844px;width:83px;}
.BaysideOn #liBayshore,.VillaCoveOn #liBayshore,.BairIslandOn #liBayshore{left:0;width:175px;}
.BaysideOn #liBalboa,.VillaCoveOn #liBalboa,.BairIslandOn #liBalboa{left:175px;width:160px;}
.VillaCoveOn #liBayside,.BairIslandOn #liBayside{left:335px;width:159px;}
/*END Interior marina nav*/

/*home marina nav*/
.homeMarinaNav
{
}
.homeMarinaNav ul
{	
	list-style-type: none;
	width: 931px;
	height: 116px;
	background-image: url('/images/nav/sprite_home.png');
	position: relative;
}
.homeMarinaNav li
{	
	position: absolute;
	top: 0;
}
.homeMarinaNav li, .homeMarinaNav a
{
	height: 116px;
	display: block;
}
.homeMarinaNav #liBayshore
{
	left: 0px; 
	width: 144px;
}
.homeMarinaNav #liBayshore a:hover
{
	
	background-color: Transparent;
	background-image: url('/images/nav/sprite_home.png');
	background-repeat: no-repeat;
	background-position: 0px -116px;
}
.homeMarinaNav #liBalboa
{
	left: 144px; 
	width: 143px;
}
.homeMarinaNav #liBalboa a:hover
{	
	background-color: Transparent;
	background-image: url('/images/nav/sprite_home.png');
	background-repeat: no-repeat;
	background-position: -144px -116px;
}
.homeMarinaNav #liBayside
{
	left: 287px; 
	width: 144px;
}
.homeMarinaNav #liBayside a:hover
{	
	background-color: Transparent;
	background-image: url('/images/nav/sprite_home.png');
	background-repeat: no-repeat;
	background-position: -287px -116px;
}
.homeMarinaNav #liVillaCove
{
	left: 431px; 
	width: 143px;
}
.homeMarinaNav #liVillaCove a:hover
{	
	background-color: Transparent;
	background-image: url('/images/nav/sprite_home.png');
	background-repeat: no-repeat;
	background-position: -431px -116px;
}
.homeMarinaNav #liBairIsland
{
	left: 574px; 
	width: 144px;
}
.homeMarinaNav #liBairIsland a:hover
{	
	background-color: Transparent;
	background-image: url('/images/nav/sprite_home.png');
	background-repeat: no-repeat;
	background-position: -574px -116px;
}
.homeMarinaNav #liSignup
{
	left: 724px; 
	width: 213px;
}

/* END Marina link list */


/*Footer link lists*/
div#navFooter
{
	text-align: right;
}
div#navFooter #copy
{		
	font-size: 10px;
}

div.topLVL
{
   padding-bottom: 8px;
}
div.topLVL ul
{
	list-style-type: none;
	text-align: right;
}
div.topLVL li
{
	display: inline;
	margin-left: 16px;
}


div#midLVL ul
{
	list-style-type: none;
	text-align: right;
	margin-bottom: .5em;
}
div#midLVL ul.sublink
{
	margin-bottom: 2px;
}
div#midLVL li
{
	display: inline;
	margin-left: 16px;
}


div#copy
{
	list-style-type: none;
	text-align: right;
}

div#tidecals {
   text-align: left;
}

div#tidecals ul
{
	list-style-type: none;
	margin-bottom: .5em;
}

/*End Footer link lists*/

/* END LISTS */


