/*
	Hellier Yacht Sales style sheet 2/10/08
	Rev: Original
*/

		body {
			margin: 0;
			padding: 0;
			font: .8em "Trebuchet MS",Verdana,Helvetica,Arial,Sans-serif;
			background-color: #eee;
		}
		
		#container {
			width:764px;
			margin: 10px auto;
			background: #fff url(../graphics/shared/base_bg.gif) repeat-y;
			border: 1px solid #135;
		}
		
		#topbar {
			_height:1%;
			min-height:0;
			font-size: .94em;
		}
		#topbar ul {
			width:100%;
			float:left;
			margin:0;
			padding:0;
			background: #135 url(../graphics/shared/grad1.gif);
			border-bottom:1px solid #999;
		}
		#topbar li {
			float:right;
			width:auto;
			display:inline;
			padding:2px 10px;
			background:url(../graphics/shared/menu2d.gif) no-repeat;
		}
		#topbar ul li a, #topbar ul li a:visited {
			text-decoration:none;
			color:#e3e3e3;
		}
		#topbar ul li a:hover {
			color:#fff;
		}
		
		#banner {
			background:#fff;
		}
		#banner .lt {
			float:left;
		}
		#banner .rt {
			float:right;
		}
		
		#menu {
			clear:both;
			font: bold 13px Arial,Sans-serif;
			letter-spacing:1px;
		}
		#menu ul{
			width: 100%;
			margin: 0;
			padding: 0;
			float: right;
			background: #d4e2ef url(../graphics/shared/menu3a.gif) 0 50%;
			border: 1px solid #eee;
			border-width:1px 0;
		}
		#menu li{
			display: inline;
			width:auto;
		}
		#menu ul li a{
			float: right;
			color: #004;
			padding: 3px 11px;
			text-decoration: none;
			background: url(../graphics/shared/menu3c.gif) 0 50%;
		}
		#menu ul li a:visited{
			color: #004;
		}
		#menu ul li a:hover, #menu ul li .current{
			color: #135;
			padding-top: 4px; /* shift text down 1px */
			padding-bottom: 2px; /* shift text down 1px */
			background: url(../graphics/shared/menu4c.gif) 0 50%;
		}
		
		#nav {
			float: left;
			width: 150px;
			min-height:240px;
			padding-bottom:20px;
			background: url(../graphics/shared/menu5a.gif) repeat-x;
		}
		#nav h3 {
			margin:8px 5px;
			color:#004;
		}
		#nav p {
			font-size:13px;
			font-weight:bold;
			letter-spacing:1px;
			color:#004;
			margin:10px 5px 5px;
			padding:0;
		}
		#nav ul {
			list-style: none;
			margin:0;
			padding:0;
		}
		#nav li a {
			display:block;
			width:124px;
			margin:0 0 0 10px;
			padding:0 0 0 4px;
			background:#cddfef;
			border:1px solid;
			border-color:#def #abd #abd #def;
		}
		#nav a, #nav a:visited {
			text-decoration:none;
			color:#004;
		}
		#nav a:hover {
			background:#cadcec;
			border-color:#abd #abd #def #def;
			color:#268;
		}
		#nav .navlist {
			height:180px;
		}
		
		#nav ul.logo li a {
			padding-left:3px;
			text-align:center;
			background:none;
			border:none;
		}
		#nav ul.logo a, #nav ul.logo a:hover {
			background:none;
			border:none;
		}
		#main {
			clear:right;
			margin: 0 0 0 150px;
			padding:0;
			min-height:400px;
		}
		#content {
			margin:0;
			padding:8px 7px;
		}
		#content a:link, #main a:visited, #main a:active {
			color:#009;
		}
		#content a:hover {
			color:#00f;
		}
		img.lt {
			float:left;
			margin-right:8px;
		}
		img.rt {
			float:right;
			margin-left:8px;
		}
			
		h2 {
			font-size:1.25em;
			font-weight:bold;
			color:#963;
			margin:0;
			padding:0;
		}
		h3 {
			font-size:1.25em;
			font-weight:bold;
			color:#135;
			margin:0;
			padding:0;
		}
		
		#footer {
			_height:1%;
			clear:both;
			color:#fff;
			padding:5px 10px;
			background:#135 url(../graphics/shared/grad1.gif) repeat-x;
			border-top:1px solid #ddd;
		}
		#footer p {
			margin:0;
			padding:0;
		}
		#footer img {
			margin:0 6px;
		}
		#footer a, #footer a:visited {
			text-decoration:none;
			color:#ddd;
		}
		#footer a:hover {
			color:#fff;
		}
		.fl {
			float:left;
			width:150px;
		}
		.fc {
			width:auto;
			text-align:center;
		}
		.fr {
			float:right;
			width:150px;
			text-align:right;
		}

		div.clearer {
			clear:both;
			height:1px;
			margin: -1px 0 0 0;
			padding:0;
			visibility: hidden;
		}