
body
{
 padding:0;
 margin:10px;
 background: url("images/back.jpg") #d9ffff;
 background-repeat:repeat-x;
 font-family: Tahoma, Geneva, sans-serif;
}
#main
{
 width:1000px;
 height:100%;
 margin: 0 auto;
 background:white;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
 border:1px solid black;
 overflow: hidden;
}

#banner
{
 width: 1000px;
 height: 120px;
 background: url("images/banner.jpg") right top no-repeat;

}

#text
{
 position: relative;
 min-height: 300px;
 line-height:200%
}

#goNautical
{
box-shadow: 3px 3px 5px #ccc;

}

#text p
{ margin: 40px;
 text-indent:50px;
}

#mainImage
{ background: url("images/cloudsBack.jpg") #FFFFFF;
 background-repeat:repeat-x; -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
 float: left;
 border: 1px solid black;
 text-align:center;
 padding-top: 15px;
 padding-bottom: 15px;
 margin-left: 32px;
 margin-right: 32px;
 margin-bottom: 40px;
 height: 450px;
}
#mainImage img
{
	margin-left:8px;
	margin-right:10px;
}
#mainImage img
{ border: 1px solid #4C3C1B;
 padding: 5px;
 background-color: #DDDDDD;
}

h2
{
	background: url("images/tip.jpg") #0077e6;;
    background-position: top right;
    background-repeat: no-repeat;
	padding: 2px 2px 2px 19px;
	font-size:1.5em;
	color: white;
	margin-right:200px;
	clear: both;
	text-shadow: 1px 1px 1px #000;
}
#wavesBack
{
 background-image: url("images/waves.gif");
 background-repeat: repeat-x;
 width:952px;
 height:50px;
 clear:both;
}
#map
{ float:left;
 border: 1px solid #4C3C1B;
 padding: 5px;
 background-color: #DDDDDD;
 width: 425px;
 padding:10px;
 margin:15px;
 text-align:center;
 font-size: 1.5em;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
 box-shadow: 3px 3px 5px #888;
}

a
{ color:black;
}


#address
{
 float:left; width:200px;
 margin:5px;
 padding:5px;
 margin-bottom:50px;
 border-left: black dotted 3px;
}



form ol {
		list-style:none;
		margin:0;
		padding:0;
		width:400px;
		margin:20px;
		padding:10px;
		border:1px solid black;
		box-shadow: 3px 3px 5px #888;
		}

		form li {
			padding:6px;
			background:#e1e1e1;
			margin-bottom:1px;
			}

			form li#send {
				background:none;
				margin-top:6px;
				}
form label {
			float:left;
			width:70px;
			text-align:right;
			margin-right:7px;
			color:#0066CC;
			line-height:23px;	 /* This will make the labels vertically centered with the inputs */
			}

		form input,
		form textarea {
			padding:4px;
			font:13px Georgia, "Times New Roman", Times, serif;
			border:1px solid #999999;
			width:200px;
			}

			form input:focus,
			form textarea:focus {
				border:1px solid #666;
				background:#e3f1f1;
				}
form li#send button {
			background:#003366 url(images/css-form-send.gif) no-repeat 8px 50%;
			border:none;
			padding:4px 8px 4px 28px;
			border-radius:15%; /* Don't expect this to work on IE6 or 7 */
			-moz-border-radius:15%;
			-webkit-border-radius:15%;
			color:#fff;
			margin-left:77px; /* Total width of the labels + their right margin */
			cursor:pointer;
			}

			form li#send button:hover {
				background-color:#006633;
				}