﻿/* 
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#branding a.irvine, a.irvine:link{
  display: block;
  position: absolute;
  top: 25px;
  right: 0px;
  width: 270px;
  height: 30px;
  text-decoration: none;
}


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;
}



p
{
	font-size: 13px;
	line-height:1.4em;
	padding:0 0 1.5em 0;
}

blockquote
{
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 50px;
  padding-left: 15px;
  border-left: 3px solid #ccc;
}

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;
}



/* END HEADINGS 

 SPECIAL CLASSES */
.center
{
	text-align:center;
}

.small
{
	font-size: 8px;
}

.medium
{

	font-size: 12px;
	font-weight: normal;

}

.large
{

      font-size: 14px;
      font-weight: normal;
      line-height: 30px;

}
/*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 */
div#navFooter
{
	text-align: center;
}

div#navFooter h4
{
	font-weight: normal;
        font-size: 18px;
        margin-bottom: 20px;
}

div#navFooter p
{
        font-size: 10px;
        line-height: 22px;
}




/* 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;
}



/* 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*/







/* END LISTS */


    
