/* Esprit : 06/18/08 */

/* ===== GLOBAL ================================================================================================================ */
 * {margin:0; padding:0; border:0;}

body {
	background:#003663;
	text-align:center;
	padding-top:26px;
}

h2, h3 {color:#FFFFFF;}

body {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	line-height:21px;
	color:#176284;
	text-align:justify;
}


#header {
	margin:0 auto; width:760px; height:62px; background: url(../media/img/common/logo.gif) no-repeat;
	border-left:#9aa2a6 solid 1px;
} 
#header_home {
	margin:0 auto; width:760px; height:62px; background: url(../media/img/common/logo_home.gif) no-repeat;
	border-left:#9aa2a6 solid 1px;
	position: relative;
} 
#header_boatslips {
	margin:0 auto; width:760px; height:62px; background: url(../media/img/common/logo_boatslips062309.gif) no-repeat;
	border-left:#9aa2a6 solid 1px;
}
#home_announcement {
	position: absolute;
	width: 445px;
	height: 50px;
	right: 17px;
	top: 8px;
	text-align: center;
	font-family: Verdana,Arial,Helvetica,sans-serif
}
#container {
	margin:0 auto;
	text-align:left;
	width:748px;
	padding:6px;
	background:#c9d9e0;
	border:#9aa2a6 solid 1px;
	border-top:none;
}

#container_small {
	margin:0 auto;
	text-align:left;
	width:400px;
	padding:6px;
	background:#c9d9e0;
	border:#9aa2a6 solid 1px;
	border-top:none;
}

#container p {line-height:18px;}

#sub_container {
	background-color:#FFFFFF !important;
	padding:20px 12px;
}

.hr1 {display:block; height:7px; background:url(../media/img/common/hr1.gif) repeat-x; }
.hr2 {display:block; height:6px; background:url(../media/img/common/hr2.gif) repeat-x; }
.hr3 {display:block; height:6px; background:url(../media/img/common/hr3.gif); background-repeat:repeat-x; margin-top:25px; padding-bottom:25px;}

.pb {border:#2d7595 solid 2px;}

#twitter{float:right; width:240px;border-left: solid 2px #dfe8ec;}
#twitter li { padding-top: 8px; }
.twittime { font-size:10px; font-style: italic; }

.fl{float:left;}
.fr{float:right;}

#email a { text-decoration:none;color:#176284;}
#email a:hover { text-decoration:underline;}
li{ list-style-position:inside;}
#li2{ margin-left:35px; list-style:disc;}
.storytitle{font-weight:bold;}
.date{ font-style:italic;}
#readmore{ float:right; font-weight:bold;}
#readmore a { text-decoration:none;color:#176284;}
#readmore a:hover { text-decoration:underline;}
#danews{padding:35px 15px 15px 15px; border:black solid 1px;}

input, select {
	border: #CCCCCC solid 2px;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	line-height:21px;
	color:#176284;
	margin-right: 5px;
}
/* NEW FLOORPLAN STYLES */
#fp_sidebar_links {
	margin-top:45px; 
	margin-left:10px;
	line-height: 120%;
}

#fp_sidebar_links .size {
	color: #004165;
	text-decoration:none;
}

#fp_sidebar_links .view {
	font-size:10px;
	color: #004165;
	text-transform:uppercase;
	margin-left:15px;
}

#fp_sidebar_links .room-selected {
	font-size:10px;
	color: #7a8085;
	margin-left:22px;
}

#fp_sidebar_links .room-unselected {
	text-decoration:none;
	font-size:10px;
	color: #004165;
	margin-left:30px;
}

#fp_main_top strong {
	font-size:14px;
}

#fp_main_img a {
	margin-left:5px; 
	margin-right:5px;
	color: #004165;
	text-decoration:none;
	text-transform:uppercase;
}

#fp_main_bottom a {
	margin-left:14px; 
	margin-right:14px;
}

#fp_main_bottom_2 a {
	margin-left:7px; 
	margin-right:7px;
}
/*/////  Floor Plans  ////*/
#marina{ color:#8f5c51; padding:15px 10px 15px 0; font-weight:bold;}
#waterfront{ color:#ffd204; padding:15px 10px 15px 0; font-weight:bold;}
#panorama{ color:#005676; padding:15px 10px 15px 0; font-weight:bold;}
#any{ color:#60abd1; padding:15px 15px 10px 0; font-weight:bold;}

#bed_L{width:184; float:left; margin-left:15px;}
#bed_M1{width:222; float:left; margin-left:35px; line-height:25px}
#bed_M2{width:133; float:left; margin-left:35px; line-height:25px}
#bed_R{width:184; float:left; padding-left:35px;}
#bed_L img {border:2px solid #2d7595} 
#bed_R img {border:2px solid #2d7595} 
#penthouse{margin:auto 0; margin-left:190px; margin-right:190px;}

#pent_L{width:150; float:left; margin-left:15px;}
#pent_M1{width:222; float:left; margin-left:20px; line-height:25px}
#pent_M2{width:133; float:left; margin-left:15px; line-height:25px}
#pent_R{width:150; float:left; padding-left:20px;}
#pent_L img {border:1px solid #2d7595} 
#pent_R img {border:1px solid #2d7595} 

#results{
	width:270px;
	padding-left:15px;
	float:left;
	}
#results img {border:2px solid #004165; margin-bottom:25px;} 
#preffs { padding-left:280px;}

#popbuttons{ width:243px; padding:15px 0; float:left}
#popbuttons img{padding:5px 0;}
/*------ Nav area -----*/
#nav {
	height:20px; 
	width:750px;
	background: url(../media/img/nav/nav.gif) no-repeat;
	margin:auto;
	padding:0;
	position: relative;
	border-top:#c9d9e0 solid 6px;
	border-bottom:#c9d9e0 solid 6px;
}	
	
 #nav li {
    margin: 0; padding:0; list-style: none;
    position: absolute;height:20px;display:block; }

  #nav li ul{
  padding:0;
  margin:0px 0 0 0;
  height:auto;
  }	
  
   
  #nav a{
  	display:block;
	height:20px;
	width:100%;
	}	
	
  #nav a span{display:none;}
  
  
 


#nav li ul {
  display: none;
  position: absolute; 
  top: 0;
  left: 0;
  }

#nav li > ul {
	top: auto;
	left: auto;
	margin-left: 0px;
	margin-top: 0px;
	}
	
#nav li:hover ul, #nav li.over ul{ display: block; }

	/** Nav links are plain text if CSS is turned off **/	
	

	#nav_home{left:0px;top:0px; height:20px;width:49px;}
	#nav_features{left:50px;top:0px;height:20px;width:148px;}
	#nav_floorplans{left:199px;top:0px;height:20px;width:90px;}
	#nav_map{left:289px;top:0px;height:20px;width:76px;}
	#nav_photos{left:364px;top:0px;height:20px;width:65px;}
	#nav_tour{left:427px;top:0px;height:20px;width:100px;}
	#nav_news{left:530px;top:0px;height:20px;width:44px;}
	#nav_interest{left:578px;top:0px;height:20px;width:90px;}
	#nav_docks{left:669px;top:0px;height:20px;width:79px;}
	
	
	#nav_home a:hover, #home #nav_home{
    background: transparent url(../media/img/nav/nav.gif) -0px -20px no-repeat;}

	.nav_features #nav_features a, #nav_features:hover a, #nav_features.over a, #features #nav_features, #concierge #nav_features{
    background: transparent url(../media/img/nav/nav.gif) -50px -20px  no-repeat;}

	.nav_floorplans #nav_floorplans a, #nav_floorplans:hover a, #nav_floorplans.over a, #floorplans #nav_floorplans, #room_planner #nav_floorplans{
    background: transparent url(../media/img/nav/nav.gif) -199px -20px no-repeat;}
	
	#nav_map a:hover, #map #nav_map{
    background: transparent url(../media/img/nav/nav.gif) -290px -20px no-repeat;}
	
	.nav_photos #nav_photos a, #nav_photos:hover a, #nav_photos.over a, #videos #nav_photos{
	background: transparent url(../media/img/nav/nav.gif) -364px -20px no-repeat;}
	
	#nav_tour a:hover, #tour #nav_tour{
	background: transparent url(../media/img/nav/nav.gif) -427px -20px no-repeat;}
	
	#nav_news a:hover, #news #nav_news{
	background: transparent url(../media/img/nav/nav.gif) -530px -20px no-repeat;}
	
	#nav_interest a:hover, #interest #nav_interest{
	background: transparent url(../media/img/nav/nav.gif) -578px -20px no-repeat;}
	
	#nav_docks a:hover,  #docks #nav_docks{
	background: transparent url(../media/img/nav/nav.gif) -669px -20px no-repeat;}
	
#subnav_floorplans li {
    margin: 0; padding: 0; list-style: none;
    position: relative;display:inline; height: 20px; }
  
   
#subnav_floorplans a{
	height:20px;
	width:100%;
	text-decoration:none;
	color: #c9d9e0;
	background-color:#004165;
	}	
	
#subnav_floorplans a:hover{
	height:20px;
	text-decoration:none;
	font-weight:bold;
	background-color:#004165;
	}	
	
  
#subnav_floorplans li a span{display:none;}
  
   
#subnav_floorplans {
	width:88px;
    background: #004165;
	margin:auto;
    position: relative;
	font-size: 11px;
	border-left:#004165 1px solid;
	border-right:#004165 1px solid;
	border-top:#004165 1px solid;
	border-bottom:#004165 1px solid;
	 z-index:99
	}	


#subnav_floorplans li  {
	top: auto;
	left: -1px;
	margin-top: 0px;
	height: 20px;
	width: 100%;
	}
	
#subnav_concierge li {
    margin: 0; padding: 0; list-style: none;
    position: relative;display:inline; }
  
   
#subnav_concierge a{
  	display:block;
	height:20px;
	width:100%;
	text-decoration:none;
	color: #c9d9e0;
	background-color:#004165;
	}	
	
#subnav_concierge a:hover{
  	display:block;
	height:20px;
	width:100%;
	text-decoration:none;
	font-weight:bold;
	background-color:#004165;
	}	
	
  
#subnav_concierge li a span{display:none;}
  
   
#subnav_concierge {
	width:146px;
	height:20px;
    background: #004165;
	margin:auto;
    position: relative;
	font-size: 11px;
	border-left:#004165 1px solid;
	border-right:#004165 1px solid;
	border-top:#004165 1px solid;
	border-bottom:#004165 1px solid;
	 z-index:99
	}	


#subnav_concierge li  {
	top: auto;
	left: -1px;
	margin-top: 0px;
	}

#subnav_videos li {
    margin: 0; padding: 0; list-style: none;
    position: relative;display:inline; z-index:99}
  
   
#subnav_videos a{
  	display:block;
	height:20px;
	width:100%;
	text-decoration:none;
	color: #c9d9e0;
	background-color:#004165;
	}	
	
#subnav_videos a:hover{
  	display:block;
	height:20px;
	width:100%;
	text-decoration:none;
	font-weight:bold;
	background-color:#004165;
	}	
	
  
#subnav_videos li a span{display:none;}
  
   
#subnav_videos {
	width:63px;
	height:20px;
    background: #004165;
	margin:auto;
    position: relative;
	font-size: 11px;
	border-left:#004165 1px solid;
	border-right:#004165 1px solid;
	border-top:#004165 1px solid;
	border-bottom:#004165 1px solid;
	 z-index:99
	}	


#subnav_videos li  {
	top: auto;
	left: -1px;
	margin-top: 0px;
	}
	
	#subnav_captains li {
    margin: 0; padding: 0; list-style: none;
    position: relative;display:inline; z-index:99 }
  
   
#subnav_captains a{
  	display:block;
	height:22px;
	width:100%;
	text-decoration:none;
	color: #c9d9e0;
	background-color:#004165;
	}	
	
#subnav_captains a:hover{
  	display:block;
	height:22px;
	width:100%;
	text-decoration:none;
	font-weight:bold;
	background-color:#004165;
	}	
	
  
#subnav_captains li a span{display:none;}
  
   
#subnav_captains {
	width:77px;
	height:22px;
    background: #004165;
	margin:auto;
    position: relative;
	font-size: 11px;
	border-left:#004165 1px solid;
	border-right:#004165 1px solid;
	border-top:#004165 1px solid;
	border-bottom:#004165 1px solid;
	}	


#subnav_captains li  {
	top: auto;
	left: -8px;
	margin-top: 0px;
	}	
	
/*===============Boat Slips SubNav ADDED 10.13.09 ==================*/


#bsnav {
	height:45px; 
	width:748px;
	background: url(../media/img/nav/boatsubnav.png) no-repeat;
	background-position:center top;
	margin:auto;
	padding:0;
	position: relative;
}	
	
 #bsnav li {
    margin: 0; padding:0; list-style: none;
    position: absolute;height:23px;display:block; }

  #bsnav li ul{
  padding:0;
  margin:0px 0 0 0;
  height:auto;
  }	
  
   
  #bsnav a{
  	display:block;
	height:23px;
	width:100%;
	}	
	
  #bsnav a span{display:none;}
  
  
 


#bsnav li ul {
  display: none;
  position: absolute; 
  top: 0;
  left: 0;
  }

#bsnav li > ul {
	top: auto;
	left: auto;
	margin-left: 0px;
	margin-top: 0px;
	}
	
#bsnav li:hover ul, #bsnav li.over ul{ display: block; background-position:center top; }

	/** Nav links are plain text if CSS is turned off **/	
	

	#bsnav_captains{left:0px;top:0px; height:23px;width:159px;}
	#bsnav_pricing{left:160px;top:0px;height:23px;width:139px;}
	#bsnav_criteria{left:299px;top:0px;height:23px;width:140px;}
	#bsnav_photos{left:439px;top:0px;height:23px;width:142px;}
	#bsnav_plans{left:582px;top:0px;height:23px;width:148px;}
	
	#bsnav_map{left:0px;top:24px;height:23px;width:159px;}
	#bsnav_directions{left:160px;top:24px;height:23px;width:139px;}
	#bsnav_news{left:299px;top:24px;height:23px;width:140px;}
	#bsnav_destin{left:439px;top:24px;height:23px;width:142px;}
	#bsnav_contact{left:582px;top:24px;height:23px;width:148px;}
	
	
	#bsnav_captains a:hover, .captains #bsnav_captains{
    background: transparent url(../media/img/nav/boatsubnav.png) 0px -46px no-repeat;}
	
	#bsnav_pricing a:hover, .pricing #bsnav_pricing{
    background: transparent url(../media/img/nav/boatsubnav.png)  -160px -46px no-repeat;}
	
	#bsnav_criteria a:hover, .criteria #bsnav_criteria{
    background: transparent url(../media/img/nav/boatsubnav.png) -299px -46px no-repeat;}
	
	#bsnav_photos a:hover, .bs_photos #bsnav_photos{
    background: transparent url(../media/img/nav/boatsubnav.png) -439px -46px no-repeat;}
	
	#bsnav_plans a:hover, .bs_plans #bsnav_plans{
	background: transparent url(../media/img/nav/boatsubnav.png) -582px -46px no-repeat;}
	
	
	#bsnav_map a:hover, .bs_map #bsnav_map{
	background: transparent url(../media/img/nav/boatsubnav.png)  0px -70px no-repeat;}
	
	#bsnav_directions a:hover, .bs_directions #bsnav_directions{
	background: transparent url(../media/img/nav/boatsubnav.png) -160px -70px no-repeat;}
	
	#bsnav_news a:hover, .bs_news #bsnav_news{
	background: transparent url(../media/img/nav/boatsubnav.png) -299px -70px no-repeat;}
	
	#bsnav_destin a:hover, .bs_destin #bsnav_destin{
	background: transparent url(../media/img/nav/boatsubnav.png) -439px -70px no-repeat;}
	
	#bsnav_contact a:hover, .bs_contact #bsnav_contact{
	background: transparent url(../media/img/nav/boatsubnav.png) -582px -70px no-repeat;}
	
	
	/*==============Slip Plans===================*/
	
	#bs_plansmenu{ 
	float:left;
	width:142px;
	text-align:center;
	}
	
	#sub_container_bs {
	background: url(../media/img/slips/bs_plans_bg.png) repeat-y;!important;
	padding:20px 12px;
	}
	#slip_pdfs{
	float:right;
	width:565px;
	text-align:center;
	}
	
	
	
	

/* ====== BROWSER HACKS : DON'T DELETE ================================= */

/*--------- CLEARFIX ---------*/
#sub_container:after, .clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
  
#sub_container, .clearfix {
	display: inline-block;
}  

/* Holly Hack Targets IE Win only \*/
	* html #sub_container, * html .clearfix {height: 1%;}
	
	#sub_container, .clearfix {display: block;}
/* End Holly Hack */
/*----------- END CLEARFIX -------------------*/
	
textarea{resize:none;}  /* Safari */
	
/* ====== end BROWSER HACKS : DON'T DELETE ================================= */

#footer {
	margin:0 auto; 
	width:760px; 
	font-size:10px;
	text-align:center;
	color:#FFFFFF;
}

#footer2 {
	margin:0 auto;
	margin-left: 10px;
	margin-top: 10px;
	font-size:11px;
	text-align:left;
	color:#96b1c0;
}