/*	MHG Marine Benefits Stylesheet
	Author: Propeller Interactive
	Last Updated: 06/22/2006  */

body {
	background: #FFFFFF url("../images/bg_gradient.gif") repeat-x 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; }

a { font-weight: bold; }
a:hover { text-decoration: underline; }
div.clear { clear: both; }

#sitewrapper {
	width: 730px;
	margin: 0 auto; }
	#sitewrapper #header {
		background: url("../images/img_static-boat.jpg") no-repeat 100% 100%;
		height: 385px; }
		#sitewrapper #header #logo {
			position: relative;
				left: -6px; }
			#sitewrapper #header #logo a {
				background: url("../images/logo.jpg") no-repeat 0 0;
				display: block;
				height: 94px;
				width: 219px;
				text-indent: -5000px; }
		#sitewrapper #header ul#navigation {
			height: 19px;
			width: 445px;
			position: absolute;
			top: 0;
			left: 50%;
			margin: 20px 0 0 -80px;
			background: url("../images/navigation2.gif") no-repeat 0 0; }
			#sitewrapper #header ul#navigation li { height: 19px; float: left; }
				#sitewrapper #header ul#navigation li a {
					display: block;
					height: 19px;
					text-indent: -5000px; }
					/* #sitewrapper #header ul#navigation li a:hover { border-bottom: 2px solid #FFFFFF; } */
					#sitewrapper #header ul#navigation li a#home { width: 41px; }
					#sitewrapper #header ul#navigation li a#about-mhg { width: 77px; }
					#sitewrapper #header ul#navigation li a#buy-now { width: 65px; }
					#sitewrapper #header ul#navigation li a#partners { width: 67px; }
					#sitewrapper #header ul#navigation li a#links { width: 43px; }
					#sitewrapper #header ul#navigation li a#contact-us { width: 79px; }
		#sitewrapper #header h1 {
			height: 45px;
			width: 258px;
			background: url("../images/hdr_protect-your-investment-in-officers-and-crew.gif") no-repeat 0 0;
			text-indent: -5000px;
			position: relative;
			top: 60px;
			left: 30px; }
		#sitewrapper #header h2 {
			height: 16px;
			width: 161px;
			background: url("../images/hdr_show-me-plans-for.gif") no-repeat 0 0;
			text-indent: -5000px;
			position: relative;
			top: 115px;
			left: 5px; }
		#sitewrapper #header ul#plans {
			width: 320px;
			position: relative;
			top: 145px;
			left: 5px; }
			#sitewrapper #header ul#plans li {
				background: url("../images/blt_wave-red.gif") no-repeat 0 6px;
				padding-left: 15px;
				line-height: 160%;
				width: 145px; }
				#sitewrapper #header ul#plans li.left { float: left }
				#sitewrapper #header ul#plans li.right { float: right; }
				#sitewrapper #header ul#plans li a { color: #000000; }

	#sitewrapper #boats {
		float: right;
		position: absolute;
		top: 48px;
		left: 50%;
		margin-left: -48px; }

		#sitewrapper #right_pic {
			float: right;
			margin: 0px 5px 0 5px;
		}
	
	#sitewrapper #box {
		background: #0A3063 url("../images/bg_box_round-top.gif") no-repeat 0 0;
		color: #FFFFFF;
		width: 730px;
		float: left;
		padding-top: 17px; }
		#sitewrapper h3 {
			text-indent: -5000px;
			margin-bottom: 15px; }
		#sitewrapper #box #plan-features {
			width: 223px;
			height: 222px;
			margin-left: 20px !important;
			margin-left: 10px;
			background: url("../images/img_dot.gif") repeat-y 100% 0;
			float: left; }
			#sitewrapper #box #plan-features h3 {
				height: 16px;
				width: 201px;
				background: url("../images/hdr_our-plans-enable-you-to.gif") no-repeat 0 0; }
			#sitewrapper #box #plan-features ul { }
				#sitewrapper #box #plan-features li {
					background: url("../images/blt_ring-red.gif") no-repeat 0 6px;
					line-height: 160%;
					padding-left: 15px;
					margin-bottom: 10px; }
			#sitewrapper #box #plan-features a.more {
				color: #81BDF6;
				text-decoration: underline;
				line-height: 160%;
				background: url("../images/blt_wave-blue.gif") no-repeat 0 3px;
				padding-left: 15px; }
				#sitewrapper #box #plan-features a.more:hover { }
		
		#sitewrapper #box #tools-and-support {
			width: 227px;
			height: 222px;
			margin-left: 14px;
			background: url("../images/img_dot.gif") repeat-y 100% 0;
			float: left; }
			#sitewrapper #box #tools-and-support h3 {
				height: 36px;
				width: 220px;
				background: url("../images/hdr_tools-and-support_ls.jpg") no-repeat 0 0;
				 }
			#sitewrapper #box #tools-and-support p {
				line-height: 150%;
				margin-bottom: 10px;
				margin-right: 5px; }
			#sitewrapper #box #tools-and-support a#btn_customize-your-plan {
				height: 37px;
				width: 207px;
				display: block;
				margin-bottom: 10px;
				background: url("../images/btn_customize-your-plan.gif") no-repeat 0 0;
				text-indent: -5000px; }
			#sitewrapper #box #tools-and-support a#btn_contact-a-representative {
				height: 38px;
				width: 207px;
				display: block;
				background: url("../images/btn_contact-a-representative.gif") no-repeat 0 0;
				text-indent: -5000px; }
		
		#sitewrapper #box #group-login {
			width: 208px;
			margin-left: 20px;
			float: left; }
			#sitewrapper #box #group-login h3 {
				height: 17px;
				width: 149px;
				background: url("../images/hdr_group-plans-login.gif") no-repeat 0 0;
				position: relative;
				top: 10px; }
			#sitewrapper #box #group-login form {
				background: url("../images/bg_login.gif") no-repeat 0 0;
				padding: 10px 0 10px 0; }
				#sitewrapper #box #group-login form label {
					display: block;
					margin: 0 0 0 12px; 
					padding: 0 0 5px 0;}
					#sitewrapper #box #group-login form label input { }
						#sitewrapper #box #group-login form label input#username {
							width: 180px;
							margin-top: 3px; }
						#sitewrapper #box #group-login form label input#password {
							width: 130px; }
						#sitewrapper #box #group-login form label input#go {
							width: 34px;
							position: relative;
							top: 5px;
							left: 3px; }

		#sitewrapper #box #round-bottom {
			height: 13px;
			width: 730px;
			clear: both;
			background: url("../images/img_box_round-bottom.gif") no-repeat 0 0; }
	
	#sitewrapper #footer {
		clear: both;
		padding: 20px 0;
		color: #989898;
		font-size: 10px;
		line-height: 150%; }
		#sitewrapper #footer a { color: #989898; }