/*---------DON'T DELETE THIS! CLEARFIX! ---------*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
  
 .clearfix {
display: inline-block;
}  

    /* Holly Hack Targets IE Win only */
    * html .clearfix {height: 1%;}
	.clearfix {display: block;}
    /* End Holly Hack */
	
textarea{
	resize:none;
	}
#reslinx{ font-size:24px; text-align:center;}
/*-----------END CLEARFIX----------*/
body{ font-family:Verdana, Arial, Helvetica, sans-serif; margin:0px;padding:0px; color:#fff;}
#container{width:900px; margin:0px auto; border:1px solid black;}
#head{ width:900px; height:188px; display:block; background:url(../media/images/header2.jpg); background-repeat:no-repeat; background-position:top;}
#mainpix1{ background:url(../media/images/scroller/01.jpg);width:900px; display:block; margin-top:-50px;}
#mainpix2{ background:url(../media/images/mainpix/02.jpg);width:900px; height:509px;display:block; margin-top:-50px;}

#mainpixgallery{ background:url(../media/images/mainpix/02gallery.jpg);width:900px; height:699px;display:block; margin-top:-50px;}
#mainpixgallery3Row{ background:url(../media/images/mainpix/02gallery3Row.jpg);width:900px; height:835px;display:block; margin-top:-50px;}
#mainpix2a{ background:url(../media/images/mainpix/02a.jpg);width:900px; height:529px;display:block; margin-top:-50px;}
#mainpix3{ background:url(../media/images/mainpix/03.jpg);width:900px;  margin-top:-50px;}
#mainpix4{ background:url(../media/images/mainpix/04.jpg);width:900px; height:579px;display:block; margin-top:-50px;}
#mainpix9{ background:url(../media/images/mainpix/09.jpg);width:900px; height:813px;display:block; margin-top:-50px;}
#spacer1{width:900px;height:360px; display:block;}
#spacer2{ width:900px;height:90px; display:block;}
#content{width:900px; display:block;  float:left;}
#contentavail{width:900px;min-height:150px;float:left;}
/*Home Page*/
#weatherblock{ width:248px; height:129px; background:url(../media/images/weather_bg.png); float:left;margin-left:17px; margin-top:2px; text-align:center;}
#hbuttons{width:136px;height:129px; float:left;}
#hbuttons img {text-align:center;margin:5px 0 0 16px; border:none;}
#hmaintext{width:433px;padding:5px 10px; background:#000;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#fff;}
#scrollbuttons2{float:right; margin-right:0px;}
#scrollbuttons{float:right; margin-right:3px;}
#scrollingtext{overflow:hidden; position:absolute; margin:10px;}
.buttonspacer{margin-top:85px; margin-left:5px;}
.buttonspacerT{margin-left:5px; margin-left:-90px;}
.buttonspacer2{margin-top:25px; margin-left:-90px;}
.buttonspacerT2{margin-left:5px;}
#hmaintext p{width:420px; margin:0px auto;height:109px;text-align:justify; padding-right:15px; margin-right:5px;}
/*Availability*/
#avmaintext{width:741px;min-height:140px;background:#000;float:left;font-size:10px;color:#fff;padding-bottom:15px; }
#avmaintext p{width:741px; margin:0px auto;text-align:center; }
#slipinfo{ width:575px; margin-left: 82px;}
#number{padding:0 38px 5px 8px; float:left; width:84px; text-align:center;  }
#size{ padding:0 11px 5px 0;width:85px; text-align:center;float:left; }
#rate{ width:90px; text-align:center;float:left;padding:0 6px 5px 0; }
#term{ width:75px;text-align:center;float:left;padding:0 23px 5px 0; }
#date{ width:127px;padding:0 6px 5px 0; text-align:center; float:left; }
#iefix3{ margin-top:-55px;}
#spacer{ float:left; width:80px; height:50px;}
/*Amenities*/
#amencontainer{width:741px; height:125px;display:block;background:#000;float:left; font-size:9px;}
#list1{width:224px;float:left;}
#list2{width:193px;float:left;}
#list3{width:300px;float:left;}
#spaceramen{ width:900px;height:290px; display:block;}
.amenlist{list-style-image:url(../media/images/bullet.gif); text-transform:uppercase; margin:0px;}
#snipes{ width:870px; margin:0 auto;margin-bottom:20px;}
#slips{float:right; padding-top:15px;} 
#tempamen{ padding-top:4px; float:left;width:741px;height:140px;display:block;background:url(../media/images/amenfull_bg.png)no-repeat;font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; background-position:top;}
/*Photo Gallery*/
#photocont{ width:741px; float:left;}
#iefix3{ margin-top:-3px;}
#iefixx{ margin-top:-3px;}
#galleryspacer{width:136px;height:59px; float:left;}
/*Video Gallery*/
#videospacer{width:136px;height:59px; float:left;}


/* Calendar */
#calendarback{
		width:860px;
		height:520px;
		display:block;
		margin-top:55px;
		margin-left:auto;
		margin-right:auto;
		background-color:#000000;
		}

/* Contact*/
#contactback{
		width:741px;
		display:block;
		float:left;
		background:#000;
		color:#fff;
		font-size:13px;
		float:left;
		}
#address{ margin-left:18px; width:347px; font-size:14px; font-weight:bold;float:left}
#address2{ margin-left:18px;width:347px; font-size:13px;float:left}
.rod{padding:5px 0}
#labelsleft{
		width:73px;
		float:left;
		margin-left:18px;
		line-height:40px;
		}
#inputleft{ width:265px;margin-top:10px; float:left;margin-right:15px;line-height:16px;}
input.text{ width:224px; display:block; background:#ca9226; border: none; height:15px; padding: 4px }

#capsL{ float:left;}
#capsR{float:right;margin-right:15px;}
#labelsright{
		width:105px;
		float:right;
		line-height:39px;
		text-align:left;
		margin-top:-5px;
		}
#inputright{ width:265px;margin-top:0px; float:right;line-height:16px;}
select{width:200px; display:block; background:#ca9226; border:none; height:26px; float:right; margin-right:18px; }
#submit{ text-align:center; margin:0px auto;}
#dockB{margin-bottom:-12px;}
#dockT{margin-top:-6px;} 
#footer{width:900px;height:51px;display:block;background:url(../media/images/footer/bg.jpg) no-repeat;color:#fff;font-size:13px;}
#fcopy{ padding-top:25px;}


/*====Added 01.19.10====Banner====*/
#banner{width:900px; padding-top:2px;}
#blurb{
 width:448px;
 height:33px; 
 display:block; 
 background:url(../media/images/banner/calloutbg.png) no-repeat;
 margin:0 auto;
 padding:2px 0 0 27px;
 font-size:20px;
 font-weight:bold;
 text-transform:uppercase;
 }
#bannerclick{float:right; font-size:10px;margin:7px 42px 2px 0;}
#bannerclick a{color:#bf9b33;}
#subcontent{
	position:absolute;
	margin-top:18px;
	margin-left:-65px; 
	visibility: hidden; 
	border: 4px solid black;
	background-color:#b99131; 
	width: 495px; 
	padding: 8px; 
	height:130px;
	z-index:12;
	color:#000;
	text-align:center;
	line-height:24px;
	font-size:16px}
.btitle{ font-size:19px; font-weight:bold;text-transform:uppercase;}
#closebanner{ text-align:right;}

#marineBttn {
	padding:0;
	margin:0;
	position: absolute;
	top: 0px;
	left:200px;
}		

#flashBanner {
	padding:0;
	margin:0;
	position: absolute;
	top: 4px;
	left:5px;
}

/*------ Nav area -----*/
#nav {
	height:50px; 
	width:900px;
	background:url(../media/images/nav.png) 0 5%;
	padding:0;
	margin:0;
	position: relative;
	top: 138px;
	left:0px;
}		
	
 #nav li {
    margin: 0; padding:0; list-style: none;
    position:absolute;height:42px;display:block; }

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


#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_availability{left:35px;top:0px;height:42px;width:74px;}
	#nav_amenities{left:123px;top:0px;height:42px;width:65px;}
	#nav_gallery{left:199px;top:0px;height:42px;width:69px;}
	#nav_map{left:288px;top:0px;height:42px;width:36px;}
	#nav_rate{left:343px;top:0px;height:42px;width:66px;}
	#nav_criteria{left:425px;top:0px;height:42px;width:78px;}
	#nav_application{left:526px;top:0px;height:42px;width:79px;}
	#nav_calendar{left:621px;top:0px;height:42px;width:83px;}
	#nav_contact{left:721px;top:0px;height:42px;width:85px;}
	#nav_news{left:826px;top:0px;height:42px;width:42px;}
	
	#nav_availability a:hover, #availability #nav_availability{
    background: transparent url(../media/images/nav.png)
    -35px -62px no-repeat;}

	#nav_amenities a:hover, #amenities #nav_amenities{
    background: transparent url(../media/images/nav.png)
    -123px -62px  no-repeat;}

	#nav_gallery a:hover, #gallery #nav_gallery{
    background: transparent url(../media/images/nav.png)
    -199px -62px no-repeat;}
	
	#nav_map a:hover, #map #nav_map{
    background: transparent url(../media/images/nav.png)
    -288px -62px no-repeat;}
	
	#nav_rate a:hover, #rate #nav_rate{
	background: transparent url(../media/images/nav.png)
    -343px -62px no-repeat;}
	
	#nav_criteria a:hover, #criteria #nav_criteria{
	background: transparent url(../media/images/nav.png)
    -425px -62px no-repeat;}
	
	#nav_application a:hover, #application #nav_application{
	background: transparent url(../media/images/nav.png)
    -526px -62px no-repeat;}
	
	#nav_calendar a:hover, #calendar #nav_calendar{
	background: transparent url(../media/images/nav.png)
    -621px -62px no-repeat;}
	
	#nav_contact a:hover, #contact #nav_contact{
	background: transparent url(../media/images/nav.png)
    -721px -62px no-repeat;}

	#nav_news a:hover, #news #nav_news{
	background: transparent url(../media/images/nav.png)
    -826px -62px no-repeat;}
	
/* GEUSTSLIPS ADDITIONS */

#contentSlips {
	margin: -240px 0px 0px 0px;
	background-image:url(http://www.marinaharboranchorage.com/media/images/guestslips/content_bg.gif);
	background-color:#2b5278;
	width:900px; 
	height:458px;
}

#slipsTop {
	position:absolute;
	margin: 15px 0px 0px 50px;
	width:600px;
	height:130px;
	/*border:#F00 solid 1px;*/
}

.slipsTitle {
	color:#2b5278;
	font-size:40px;
	letter-spacing:.2em;
}

.slipsSubTitle {
	color:#00AEB6;
	font-size:18px;
	letter-spacing:.08em;
}

#specialBox {
	position:absolute;
	margin: 139px 0px 0px 30px;
	width:550px;
	height:75px;
}

.sepecialLeft {
	margin-left:10px;
	float:left;	
}

.sepecialRight {
	margin-right:20px;
	float:right;	
}

#slipAmenities {
	position:absolute;
	margin: 213px 0px 0px 35px;
	width:550px;
	height:215px;
}

.slipAmenTitle {
	color:#2b5278;
	font-size:17px;
	font-weight:bold;
}

.leftList {
	padding-left:15px;
}

#slipAmenities ul {
	margin: 8px 0px 0px 0px;
	padding:0px;
	color:#000;
	font-size:11px;
	line-height:1.3em;
}

#yellowPhone {
	position:absolute;
	margin: 419px 0px 0px 150px;
	color:#c28c2b;
	font-size:15px;
	font-weight:bold;
}

#slipsMap {
	position:absolute;
	margin: 229px 0px 0px 606px;
}

#slipsPhotos {
	position:absolute;
	margin: 14px 0px 0px 606px;
}