/* GENERAL  */


html, body {
	margin: 0;
	border: 0;
	width: 100%;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	line-height: 13px;
	background-color: #000;
	background-image: url(../images/background/background.jpg);
	background-position: top;
	background-repeat: repeat-x;
}

img {
	border: 0;
	outline: none;
}

.hidden {
	visibility: hidden;
}


/* TEXT */


a {
	color: #000;
	outline: none;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	color: #000;
	text-decoration: none;
}

p {
	margin-top: 0px;
	margin-bottom: 5px;
}

.sp {
	margin-top: -3px;
	margin-bottom: 5px;
}

.table {
	line-height: 18px;
}

.form_heading {
	height: 16px;
}

.form {
	height: 15px;
	line-height: 15px;
	background-color: #BBCFE4;
	margin-bottom: 3px;
}

.form_split {
	height: 15px;
	line-height: 15px;
	background-color: #BBCFE4;
	margin-bottom: 3px;
}

.field {
	height: 12px;
	border: none;
	outline: none;
	width: 250px;
	background-color: #BBCFE4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; 
}

.field_split {
	height: 12px;
	border: none;
	outline: none;
	background-color: #BBCFE4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; 
}


/* MAIN MENU */


#menu {
	height: 30px;
	width: 960px;
	font-family: "Square 721", Helvetica, Arial, san-serif;
	font-size: 13px;
	position: relative;
	z-index: 250;
}

#menu a {
	height: 30px;
	color: #000;
	background-color: none;
	text-decoration: none;
}

#menu .tab {
	height: 30px;
	line-height: 16px;
	float: left;
}

#menu .separator {
	margin-top: 8px;
	padding: 0px 7px 0px 7px;
	border-left: 1px #000 solid;
}

#menu .selected {
	background-color: #000;
	color: #FFF;
}

#menu .border {
	height: 30px;
	margin: 0px -1px 0px 0px;
	border-right: 1px #000 solid;
}

#control {
	font-size: 14px;
	text-align: right;
	position: absolute;
	top: 542px;
	left: 599px;
	width: 20px;
	height: 15px;
	z-index: 100;
}

#keyline {
	position: absolute;
	left: -5000px;
	height: 0px;
	width: 10000px;
	border-bottom: 1px #000 solid;
	z-index: 100;
}


/* SUB MENUS */


#storage_menu, #berthsforsale_menu, #links_menu {
	top: -1000px;
	line-height: 20px;
	padding: 8px 8px 6px 8px;
	position: absolute;
	background-image: url(../images/background/trans_white_25.png);
}

#storage_menu a:hover, #berthsforsale_menu a:hover, #links_menu a:hover {
	color: #FFF;
}

#links_menu {
	text-align: right;
}


/* BACKGROUND IMAGES */


#intro, #home, #wetberth, #dryberth, #clubrooms, #services, #berthsforsale, #membership, #luxuryapartments, #contact, #links {
	width: 960px;
	height: 570px;
	background-repeat: no-repeat;
	position: relative;
	float: left;
}

#home {
	background-image: url(../images/home/background.jpg);
}

#wetberth {
	background-image: url(../images/storage/wetberth/background.jpg);
}

#dryberth {
	background-image: url(../images/storage/dryberth/background.jpg);
}

#clubrooms {
	background-image: url(../images/clubrooms/background.jpg);
}

#services {
	background-image: url(../images/services/background.jpg);
}

#berthsforsale {
	background-image: url(../images/berthsforsale/background.jpg);
}

#membership {
	background-image: url(../images/membership/background.jpg);
}

#luxuryapartments {
	background-image: url(../images/luxuryapartments/background.jpg);
}

#contact {
	background-image: url(../images/contact/background.jpg);
}

#links {
	background-image: url(../images/links/background.jpg);
}


/* CONTENT */


.content {
	position: absolute;
	width: 430px;
	height: 455px;
	top: 115px;
	left: 220px;
	background-color: #FFF;
}

.content .heading {
	height: 35px;
}

.cycle {
	width: 395px;
	height: 278px;
	overflow: hidden;
}

.cycle img {
	width: 395px;
	height: 260px;
	position: absolute;
}

.cycle #pano {
	position: relative;
	width: 790px;
}

.cycle #img_2 {
	position: absolute;
	left: 0px;
	top: 35px;
}

.cycle #img_3 {
	position: absolute;
	left: 0px;
	top: 35px;
}

.content .text {
	top: 278px;
	width: 370px;
	height: 135px;
	padding-left: 25px;
	padding-right: 10px;
	overflow: hidden;
}

#logo {
	width: 220px;
	height: 150px;
	background-image: url(../images/background/logo.png);
	background-repeat: no-repeat;
	position: relative;
}

#sidebar_link {
	position: absolute;
	top: 425px;
	width: 200px;
	height: 50px;
	text-align: right;
	color: #FFF;
	z-index: 100;
}

#dry_berth_sidebar_link {
	position: absolute;
	top: 409px;
	width: 215px;
	height: 27px;
	text-align: right;
	color: #FFF;
	z-index: 100;
}


/* CONTAINER */


#container {
	position: absolute;
	display: table;
	width: 100%;
	height: 100%;
	z-index: 100;
	overflow-x: hidden;
}

#outer {
	#position: absolute;
	#top: 50%;
	display: table-cell;
	vertical-align: middle;
}

#inner {
	#position: relative;
	#top: -50%;
	width: 960px;
	height: 600px;
	margin: 0 auto;
}