@import "calendar.css";

html, body {
	margin: 0;
	padding: 0;
	font-family: verdana, tahoma, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #808285;
	text-align: center;
}

html {
	background: #003366 url(../images/bg_img.gif) center top no-repeat;
}

form, h1, h2, h3, h4, button {
	margin: 0;
	padding: 0;
}

input {
	font-family: verdana, tahoma, sans-serif;
	font-size: 11px;
	color: #808285;
}

a {
	color: #808285;
}

a img {
	border: none;
}

.clear {
	position: relative;
	display: block;
	clear: both;
	overflow: hidden;
	height: 1px !important;
}

#wrapper {
	position: relative;
	display: block;
	width: 944px;
	height: 1%;
	margin: 0 auto;
	padding: 12px 18px 18px 18px;
	background-color: #fff;
	text-align: left;
}

/* header */

#header {
	position: relative;
	display: block;
	height: 60px;
	margin-bottom: 18px;
	background: transparent url(../images/header_punchline.gif) right 43px no-repeat;
}

/* logo */

#header h1  {
	display: block;
	width: 600px;
	height: 60px;
	margin: 0;
	padding: 0;
}

#header h1 a {
	display:block;
	height: 100%;
	background: transparent url(../images/marine_logo.gif) left top no-repeat;
}

#header h1 a span {
	display: none;
}

/* search */

#search {
	position: relative;
	float: right;
	display: block;
}

#search form {
	display: inline;
}

#search .search_input, #search .search_submit {
	margin:0;
	font-size: 10px;
	height: 14px;
	border: 1px solid #afafaf;
	vertical-align: middle;
}

#search .search_submit {
	position: relative;
	width: 52px;
	border: none;
	background: #fff url(../images/btn_search.gif) center center no-repeat;
	text-indent: -10000px;
	cursor: pointer;
}

#search .search_submit:hover {
	background: #fff url(../images/btn_search_over.gif) center center no-repeat;
}


#search #select_marine {
	position: relative;
	font-size: 10px;
	color: #808285;
	float: left;
	height: 16px;
	width: 140px;
	margin-right: 6px;
}

div.searchresultfirst, div.searchresult {
	padding-top: 12px;
}

div.searchresultfirst a, div.searchresult a {
	font-weight: bold;
	color: #036;
	font-size: 1.2em;
}

.pages {
	margin-top: 12px;
}

.pages a {
	color: #036;
}

/* menu */

#menu {
	position: relative;
	display: block;
	height: 28px;
	margin-bottom: 6px;
	background: #426ca3 url(../images/menu/menu_bg.gif) left top repeat-x;
}

#main_menu, #menu_right ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#main_menu {
	position: absolute;
	left: 18px;
	top: 90px;
}

#main_menu li, #menu_right ul li {
	display: block;
	float: left;
	height: 28px;
	line-height: 28px;
}

#main_menu li a, #menu_right ul li a {
	display: block;
	height: 28px;
}

#main_menu li a span, #menu_right ul li a span {
	display: none;
}

#main_menu li ul {
	display: none;
}

#main_menu li:hover ul, #main_menu li.over ul {
	display: block;
}


#main_menu li.igy_home a { 
	width: 95px;
	background: transparent url(../images/menu/igy_home.gif) left top no-repeat;
}

#main_menu .marina a { 
	width: 75px;
	background: transparent url(../images/menu/marina.gif) left top no-repeat;
}

#main_menu .services a { 
	width: 78px;
	background: transparent url(../images/menu/services.gif) left top no-repeat;
}

#main_menu .amenities a { 
	width: 86px;
	background: transparent url(../images/menu/amenities.gif) left top no-repeat;
}

#main_menu .local_area a { 
	width: 97px;
	background: transparent url(../images/menu/local_area.gif) left top no-repeat;
}

#main_menu .lifestyle a { 
	width: 76px;
	background: transparent url(../images/menu/lifestyle.gif) left top no-repeat;
}

/*#main_menu .real_estate a { 
	width: 93px;
	background: transparent url(../images/menu/real_estate.gif) left top no-repeat;
}*/
#main_menu .real_estate a { 
	width: 67px;
	background: transparent url(../images/menu/sales.gif) left top no-repeat;
}

#menu_right .contact_us a { 
	width: 74px;
	background: transparent url(../images/menu/contact_us.gif) left top no-repeat;
}

#menu_right .location a { 
	width: 62px;
	background: transparent url(../images/menu/location.gif) left top no-repeat;
}

/*feedback*/
#main_menu .content_feedback a { 
	width: 89px;
	background: transparent url(../images/menu/menu_feedback.gif) left top no-repeat;
}

#main_menu li:hover a, #main_menu li.over a, #main_menu li.selected a, #menu_right li:hover a,  #menu_right li.over a, #menu_right li.selected a {
	background-position: bottom;
}

#main_menu ul.submenu {
	position: absolute;
	margin: 0;
	padding: 0;
	z-index: 120;
	width: 132px;
	background: transparent url(../images/menu/submenu_bg.png) left top repeat;
}

#main_menu ul.submenu li {
	float: left;
	clear: left;
	display: block;
	width: 132px;
	height: 20px;
}

#main_menu ul.submenu li a {
	display: block;
	background: transparent;
	width: 118px;
	height: 20px;
	color: #0b2754;
	line-height: 20px;
	padding-left: 14px;
	text-decoration: none;
}

#main_menu ul.submenu li a:hover {
	color: #fff;
	background-color: #003366;
}

/* page */

#page {
	position: relative;
	display: block;
	margin-bottom: 35px;
}

#page.fp {
	margin-bottom: 11px;
}

/* first page */
#fp_upper {
	position: relative;
	display: block;
	margin-bottom: 6px;
	height: 360px;
}

#captain {
	position: relative;
	display: block;
	width: 584px;
	height: 35px;
	margin-top: 6px;
	padding: 8px 8px;
	background: transparent url(../images/box_captain/bg.gif) left top repeat-x;
	font-size: 11px;
	color: #fff;
	overflow: hidden;
}

#captain #info_scroll {
	display: block;
	float: left;
	font-size: 13px;
	line-height: 35px;
	width: 208px;
	height: 35px;
	border-right: 1px solid #899fbd;
	margin-right: 8px;
	overflow: hidden;
}

#captain #info_scroll div {
	position: absolute;
	display: none;
	height: 35px;
	padding: 8px 0;
}


#captain #info_scroll div a {
	color: #fff;
	text-decoration: none;
}

#captain #info_scroll div a:hover {
	text-decoration: underline;
}

#captain #gps_location {
	display: block;
	float: left;
	height: 35px;
	width: 178px;
	border-right: 1px solid #899fbd;
	margin-right: 8px;
	
	line-height: 18px;
}

#captain #tel {
	position: relative;
	display: block;
	float: left;
	height: 35px;
	line-height: 18px;
}

#captain a {
	color: #fff;
	text-decoration: none;
}

/* UPGRADE  */

#captain {
	padding:0;
	width: 600px;
	height: 51px;
}


#captain .info {
	position: relative;
	display: block;
	float: left;
	width: 182px;
	height: 35px;
	padding: 8px 9px;
	line-height: 17px;
	background:red;
	background: transparent url(../images/box_marinainfo/cptbg.gif) right center no-repeat;
}

#captain .last {
	background: none;
}

#captain .info a:hover {
	text-decoration: underline;
}

#marinainfo {
	position:absolute;
	right: 0px;
	bottom: 0px;
	display: block;
	width: 338px;
	height: 154px;
}

#marinainfo h3 {
	margin:0;
	padding:0;
	height: 38px;
	padding-left: 11px;
	margin-bottom: 1px;
	line-height: 38px;
	background: transparent url(../images/box_marinainfo/titlebg.gif) left top repeat-x;
	
	color: #fff;
	font-size: 16px;
}

#marinainfo p {
	display: block;
	margin:0;
	padding:7px 10px 0 10px;
	height: 78px;
	border: 1px solid #939393;
	color: #666;
	font-weight: bold;
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 1px;
}

#marinainfo p a {
	text-decoration: none;
	color: #666;
}

#marinainfo #gps {
	display: block;
	height: 27px;
	padding-left: 11px;
	font-size: 13px;
	font-weight: bold;
	line-height: 27px;
	color: #fff;
	background: transparent url(../images/box_marinainfo/gpsbg.gif) left top repeat-x;
}

/* END UPGRADE */

#slip_weather {
	position: absolute;
	right: 0px;
	top: 0px;
	display: block;
	width: 338px;
	height: 200px;
}

#news {
	position:relative;
	display: block;
	width: 336px;
	height: 152px;
	border: 1px solid #939393;
	margin-bottom: 6px;
}

#news h4 {
	display: block;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border-bottom: 1px solid #939393;
	background: transparent url(../images/box_news_events/news_events.gif) left top no-repeat;
}

#news h4 a {
	display: block;
	height: 31px;
	width: 120px;
}

#news h4 a span{
	display: none;
}

#news #rss {
	position: absolute;
	display: block;
	width: 14px;
	height: 14px;
	right: 8px;
	top: 9px;
}

#news #scroller {
	position: relative;
	display: block;
	height: 64px;
	border-bottom: 1px solid #939393;
	background: transparent url(../images/box_news_events/bg_middle.gif) left top repeat-x;
	overflow: hidden;
}

#news #scroller div {
	position: absolute;
	display: none;
	height: 40px;
	padding: 18px 12px 12px 12px; 
}

#news #scroller div a {
	text-decoration: none;
	color: #808285;
}

#news #scroller div a:hover {
	text-decoration: underline;
}

#news #enews {
	background: transparent url(../images/box_news_events/bg_bottom.gif) left top repeat-x;
	height: 47px;
	padding-top: 8px;
	padding-left: 8px;
}

#news fieldset {
	margin:0;
	padding:0;
	height: 47px;
	display: block;
	border: none;
	padding: 0;
}

#news fieldset div {
	display: block;
	background:red;
	text-indent: -10000px;
	height: 19px;
	background: transparent url(../images/box_news_events/txt_subscribe.gif) left top no-repeat;
}

#news form input {
	font-size: 11px;
	color: #023667;	
	border: 1px solid #aeaeae;
	padding: 3px;
	width: 226px;
	vertical-align: middle;
}

#news #enews input, #news #enews button {
	vertical-align: middle;
}

#news form button, #forms .submit {
	border: none;
	margin-left: 6px;
	width: 52px;
	height: 19px;
	text-indent: -10000px;
	cursor: pointer;
	background: transparent url(../images/box_news_events/submit.gif) left top no-repeat;
}



#forms .submit {
	margin: 0;
	display: block;
}

#news form button:hover, #forms .submit:hover {
	background-position: left bottom;
}

#fp_lower {
	position: relative;
	clear:both;
	height: 1%;
}

#fp_lower .block1, #fp_lower .block2 {
	display: block;
	width: 294px;
	float:left;
	margin-right: 12px;
}

#fp_lower .block2 {
	margin-right: 6px;
}

#fp_lower .gallery_interest {
	position: relative;
	display: block;
	float: right;
	width: 338px;
}

#interest {
	display: block;
	height:126px;
	background: #033767 url(../images/box_interests/bg.gif) left top repeat-x;
}

#interest h4 {
	display: block;
	height: 24px;
	text-indent: -10000px;
	background: transparent url(../images/box_interests/title.gif) 12px 0px no-repeat;
}

#interest div {
	padding: 3px 0 0 4px;
	height: 99px;
}

#interest div a {
	display: block;
	float: left;
	margin-left: 2px;
}

#gallery_fp {
	position: relative;
	display: block;
	height: 180px;
	background: #003257 url(../images/box_gallery_fp/bg.gif) left top repeat-x;
	margin-bottom: 6px;
}

#gallery_fp h4 {
	display: block;
	height: 24px;
	text-indent: -10000px;
	background: transparent url(../images/box_gallery_fp/title.gif) 9px 0px no-repeat;
}

#image_ph {
	position: relative;
	display: block;
	height: 138px;
} 

#top_image {
	position: absolute;
	left: 0px;
	top: 0px;
}

#prev, #next {
	display: block;
	float: left;
	width: 18px;
	height: 18px;
	background: transparent url(../images/box_gallery_fp/previous.gif) left top no-repeat;
}

#prev span, #next span {
	display: none;
}

#next {
	float: right;
	background: transparent url(../images/box_gallery_fp/next.gif) left top no-repeat;
}

#prev:hover, #next:hover {
	background-position: left bottom;
}

#indicator {
	position: absolute;
	display: none;
	left: 10px;
	top: 33px;
	z-index: 100;
}

#gallery_fp #nav {
	height: 18px;
}

#gallery_fp #nav #btns {
	text-align:center;
}

#gallery_fp #nav input {
	border: none;
	margin:5px 2px 0 0;
	padding:0;
	width: 8px;
	height:8px;
	background: transparent url(../images/box_gallery_fp/but.gif) left top no-repeat;
	cursor: pointer;
}

#gallery_fp #nav input.selected {
	background-position: left bottom;
}

.mar_b_6 {
	margin-bottom: 6px;
}

/* weather box */

#weather_box {
	position: relative;
	display: block;
	float: right;
	width: 166px;
	height: 200px;
	background: transparent url(../images/box_weather/bg.gif) left top repeat-x;
	font-family: verdata, tahoma, sans-serif;
	font-size: 11px;
	color: #fff;
}

#current {
	display: block;
	height: 64px;
	padding: 6px 3px;
}

#current img {
	float: left;
	margin-right: -10px;
}

#current div {
	display: block;
	float: right;
	width: 80px;
	text-align: center;
}

#current div span {
	font-size: 36px;
	line-height: 36px;
}

#current div span sup {
	font-size: 12px;
}

#forecast {
	position: relative;
	height: 75px;
	padding: 0 3px;
}

#forecast div {
	display: block;
	float: left;
	width: 40px;
	text-align: center;
	line-height: 12px;
}

#forecast div span {
	display: block;
	line-height: 16px;
}
	
	
#tides {
	display: block;
	height: 50px;
	padding: 17px 3px 0 3px;
	font-family: arial;
	font-size: 10px;
	background: transparent url(../images/box_weather/tide_text.gif) 3px 0px no-repeat;
}

#tides div {
	display: block;
	width: 50px;
	float: left;
	margin-left: 24px;
	line-height: 11px;
	text-align: right;
}

#tides div.high {
	margin-left: 26px;
}

/* reserve a slip - box */

#slip_fp, #slip {
	position: relative;
	float: left;
	display: block;
	width: 142px;
	height: 188px;
	padding: 6px 12px 6px 12px;
	background: transparent url(../images/box_reserve/bg.gif) left top repeat-x;
}

#slip {
	float: right;
	width: 196px;
	height: 138px;
	background: transparent url(../images/box_reserve/bg_small.gif) left top repeat-x;
}

#slip_fp h4, #slip h4 {
	display: block;
	height: 20px;
	text-indent: -10000px;
	background: transparent url(../images/box_reserve/title.gif) 0px -1px no-repeat;
}

#slip h4 {
	height: 18px;
}

#slip_fp select, #slip_fp option, #slip select, #slip option {
	font-family: arial;
	font-size: 10px;
	margin:0;
	padding-left: 0px;
}

#slip_fp select {
	margin-bottom: 10px;
	margin-right: -2px;
}

#slip select {
	margin-bottom: 0px;
}

#slip_fp label, #slip label {
	display: block;
	height: 19px;
	text-indent: -10000px;
}

.arrival {
	background: transparent url(../images/box_reserve/arrival.gif) left top no-repeat;
}

.departure {
	background: transparent url(../images/box_reserve/departure.gif) left top no-repeat;
}

.yt {
	height: 17px;
	background: transparent url(../images/box_reserve/yt.gif) left top no-repeat;
}

#slip .yt {
	height: 20px;
	background: transparent url(../images/box_reserve/yt.gif) 0px 3px no-repeat;
}

.submit {
	margin-top: -20px;
}

#slip .submit, #slip_fp .submit {
	display: block;
	position: absolute;
	border: none;
	width: 62px;
	height: 21px;
	text-indent: -10000px;
	cursor: pointer;
	background: transparent url(../images/box_reserve/btn_reserve.gif) left top no-repeat;
}

#slip .submit {
	right: 12px;
}

#slip_fp .submit {
	position: relative;
	margin-top: -2px;
}

#slip_fp .cal, #slip .cal {
	float: right;
	margin-top: 3px;
	margin-bottom: -3px;
}

#slip .cal {
	float: none;
	margin-top: -16px;
}

#slip_fp #year1, #slip_fp #year2 {
	margin-right: -10px;
}

/* submenu */

#submenu {
	margin: 0;
	padding: 0;
	list-style: none;
}

#submenu li {
	display: block;
	float: left;
	clear: left;
}

#submenu a {
	display: block;
	font-size: 12px;
	color: #808285;
	text-decoration: none;
	padding-top: 8px;
}

#submenu a:hover, #submenu a.selected {
	color: #0b2754;
}

/* body */

#toolbox {
	position: absolute;
	right: 0px;
	top: 10px;
	width: 61px;
	height: 20px;
}

#toolbox a {
	display: block;
	width: 20px;
	height: 20px;
	float: left;
	background-position: left top;
	background-repeat: no-repeat;
}

#toolbox a span {
	display: none;
}

#toolbox a:hover {
	background-position: left bottom;
}

#toolbox .lh {
	background-image: url(../images/text_toolbox/lh.gif);
}

#toolbox .ts {
	width: 21px;
	background-image: url(../images/text_toolbox/ts.gif);
}

#toolbox .print {
	background-image: url(../images/text_toolbox/print.gif);
}

#page_upper {
	position: relative;
	display: block;
	height: 150px;
	margin-bottom: 6px;
}

#page_upper .img_1 {
	float: left;
	display: block;
	width: 220px;
	height: 150px;
	margin-right: 6px;
	background-position: -37px 0px;
	background-repeat: no-repeat;
}

#page_upper .img_2 {
	display: block;
	float: left;
	width: 266px;
	height: 150px;
	margin-right: 6px;
	background-position: -14px 0px;
	background-repeat: no-repeat;
}

#page_upper .img_3 {
	display: block;
	float: left;
	width: 220px;
	height: 150px;
	margin-right: 6px;
	background-position: -37px 0px;
	background-repeat: no-repeat;
}

#page_upper .reserve_slip {
	display: block;
	float: right;
	width: 220px;
	height: 150px;
	background: navy;
}

#page_lower {
	position: relative;
	height: 1%;
}

#leftblock, #rightblock {
	position: relative;
	display: block;
	float: left;
	width: 220px;
	margin-right: 18px;
	padding-top: 3px;
}

#rightblock {
	margin: 0;
}

/* content */

#content {
	position: relative;
	display: block;
	float: left;
	height: 1%;
	width: 468px;
	margin-right: 18px;
	padding-top: 3px;
	font-size: 1em;
	line-height: 1.6em;
}

#content h3 {
	display: block;
	width: 368px;
	font-size: 16px;
	color: #036;
	margin-top: 9px;
	margin-bottom: 8px;
}

#content #map {
	display: block;
	width: 468px;
	height: 468px;
	margin-top: 12px;
}

#content .listitem {
	padding-bottom: 12px;
	border-bottom: 1px solid #808285;
	margin-bottom: 12px;
}

#content .listitem h4 {
	font-size: 1em;
	margin-bottom: 6px;
}

#content .listitem h4 a {
	font-size: 1.2em;
	color: #315f8c;
	text-decoration: none;
}

#content .listitem h4 a:hover {
	color: #0b2754;
}

/* body gallery */
#bodygallery {
	position: relative;
	display: block;
	margin-top: 12px;
	margin-right: -20px;
}

#bodygallery img {
	display: block;
	float: left;
	width: 60px;
	height: 60px;
	border: 1px solid #ccc;
	margin-right: 19px;
	margin-bottom: 19px;
}

#forms {
	margin-top: 18px;
}

#forms .title {
	display: block;
	color: #036;
	font-weight: bold;
	margin-top: 12px;
	margin-bottom: 6px;
	height: 1%;
	border-bottom: 1px solid #808285;
}

#forms label.inputfield_t {
	display: block;
}

#forms label.inputfield_i {
	float: left;
	display: block;
	width: 260px;
}

#forms input.inputfield_i {
	width: 200px;
	margin-left: 0px;
}

#forms input.narrow {
	width: 177px;
}

#forms textarea.inputfield_t {
	width: 98%;
	height: 100px;
	font-family: verdana, tahoma, sans-serif;
	font-size: 11px;
}


#forms div.form_field {
	display: block;
	clear: both;
	margin-bottom: 12px;
}


/* gallery box */

#gallery, #more_info, #documents {
	position: relative;
	display: block;
	height: 1%;
	padding: 12px;
	margin-bottom: 6px;
	background-color: #797979;
	color: #fff;
}

#gallery h4, #more_info h4, #documents h4 {
	display: block;
	height: 19px;
	margin-bottom: 6px;
	text-indent: -10000px;
	background-position: top left;
	background-repeat: no-repeat;
	background-color: transparent;
}

#gallery h4 {
	background-image: url(../images/box_gallery/title.gif);
}


#gallery div {
	margin-right: -5px;
	margin-bottom: -5px;
}

#gallery img {
	float: left;
	border: 1px solid #fff;
	margin-right: 5px;
	margin-bottom: 5px;
}

/* related content box */

#more_info h4 {
	background-image: url(../images/box_more_info/title.gif);
}

/* documents box */

#documents h4 {
	background-image: url(../images/box_documents/title.gif);
}

#documents a, #more_info a {
	display: block;
	font-size: 10px;
	line-height: 16px;
	margin-bottom: 3px;
	color: #fff;
	text-decoration: none;
}


#documents a {
	padding-left: 22px;
	background-position: left top;
	background-repeat: no-repeat;
}

/* footer */
#footer {
	position: relative;
	clear: both;
	display: block;
	height: 26px;
	font-size: 10px;
	line-height: 26px;
	color: #797979;
	background: transparent url(../images/footer/foot_bg.gif) left bottom repeat-x;
}

#footer div {
	display: block;
	float: right;
}

#footer a {
	display: block;
	height: 26px;
	float: left;
}

#footer a span { display: none; }

#footer a.contact {
	display: block;
	width: 73px;
	background: transparent url(../images/footer/foot_contactus.gif) left top no-repeat;
}

#footer a.location {
	display: block;
	width: 65px;
	background: transparent url(../images/footer/foot_locations.gif) left top no-repeat;
}

#footer a.igy_marina {
	display: block;
	width: 143px;
	background: transparent url(../images/footer/foot_igymarina_new.gif) left top no-repeat;
}

#footer a.legal {
	display: block;
	width: 80px;
	background: transparent url(../images/footer/foot_legalnotice.gif) left top no-repeat;
}

#footer a.about {
	display: block;
	width: 87px;
	background: transparent url(../images/footer/foot_aboutthesite.gif) left top no-repeat;
}

#footer a:hover { 
	background-position: left bottom; 
}

/* print */
#print {
	background: #fff;
	padding: 10px;
}

#print #logo {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-bottom: 12px;
	margin-top: 11px;
}

#print #content {
	background: #fff;
	margin:0;
	width: 100%;
	text-align: left;
	padding-bottom: 21px;
	border-bottom: 1px solid #ccc;
}

/* ugrade: how was your stay */

#marinainfo {
	right: 0px;
	bottom: auto;
	top: 263px;
}

#yourstay {
	position: absolute;
	display: block;
	right: 0px;
	top: 206px;
	width: 338px;
	height: 51px;
}

div.gallery_interest {
	margin-top: 57px;
}

#forms label.inputfield_i, #forms label.inputfield_n{
	float: left;
	display: block;
	width: 260px;
}

#forms input.inputfield_i, #form_9885,#forms input.inputfield_n {
	width: 200px;
	margin-left: 0px;
}
#forms input.inputfield_n {
	float: right;
	margin: 10px 0;
}