/*	MHG Marine Benefits Stylesheet
	Author: Propeller Interactive
	Last Updated: 06/13/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("") no-repeat 100% 100%;
		height: 100px; 
		width: 730px;
		}
		#sitewrapper #header #logo{
			background: url("../images/logo.jpg") no-repeat 0 0;
			position: relative;
			width:209px;
			height: 94px;
			float: left;
		}

		#sitewrapper #header #right{
			position: relative;
			width: 521px;
			float: right;
		}
			#sitewrapper #header #right ul#navigation {
				height: 19px;
				width: 445px;
				position: absolute;
				top: 0;
				right: 0;
				margin: 20px 0 0 0;
				background: url("../images/navigation2.gif") no-repeat 0 0; }
				#sitewrapper #header #right ul#navigation li { height: 19px; float: left; }
					#sitewrapper #header #right 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 #right #category {
					background: url("") no-repeat 100% 100%;
					position: absolute;
					display:inline;
					color: #092E62;
					font-size: 28px;
					font-family: Georgia, "Times New Roman", Times, serif;
					font-style: normal;
					font-weight: normal;
					width: 400px;
					height: 5px;
					text-align: right;
					top: 65px;
					right: 0px;
				}

	#sitewrapper #subheader {
	background: url("") no-repeat 100% 100%;
	margin: 0 0 10px 6px;
	width: 730px;
	height: 125px;
	position: relative;
	}
	
		#sitewrapper #subheader #top  {
			background: url("") no-repeat 100% 100%;
			width: 730px;
			position: relative;
		}

		#sitewrapper #subheader #top #round-curve-top  {
			background: url("../images/bg_box_curve-top.gif") no-repeat 0 0;
			height: 25px;
			width: 730px;
			position: relative;
		}
		
		#sitewrapper #subheader #bottom  {
			background: url("") no-repeat 100% 100%;
			width: 730px;
			height: 103px;
			background-color: #0A3063;
		}
	
		#sitewrapper #subheader #bottom #image {
			vertical-align:bottom;
			width: 206px;
			height: 97px;
			display: inline;
			padding: 0 0 0 0;
			margin: 0 0 0 0;
			position: absolute;
			bottom: -2px;
			float:left;
		}
	
		#sitewrapper #subheader #bottom #description {
			font-size: 12px;
			color: #FFFFFF;
			vertical-align: top;
			width: 485px;
			font-weight: normal;
			padding: 5px 10px 5px 235px;
			line-height: 125%;
			background-color: #0A3063;

		}
			#sitewrapper #subheader #bottom #description h1 {
				display: inline;
			}
			#sitewrapper #subheader #bottom #description ul#points {
				width: 425px;
			}
			#sitewrapper #subheader #bottom #description ul#points li {
				background: url("../images/blt_wave-blue.gif") no-repeat 0 6px;
				font-weight: bold;
				padding-left: 25px;
				line-height: 160%;
				width: 425px; 
			}
		#sitewrapper #subheader #bottom #tabs {
			vertical-align:bottom;
			height: 26px;
			display: inline;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			right: -1px;
			bottom: -3px;
			position: absolute;
			float:right;
		}	

	
	#sitewrapper #directory {
	color:#0A3063;
	background: url("") no-repeat 100% 100%;
	width: 730px;
	height: 30px;
	background-color: #FFFFFF;
	position: relative;
	text-indent: 10px;
	margin: 15px 0 15px 6px;
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	}
		#sitewrapper #directory h1 {
			color:#0A3063;
			display: inline;
		}
		#sitewrapper #directory a {
			color:#0A3063;
			display: inline;
			text-decoration: underline;
			font-weight: normal;
		}
		#sitewrapper #directory a:visited {
			display: inline;
			color:#0A3063;
			text-decoration: underline;
			font-weight: normal;
		}
		#sitewrapper #directory a:hover {
			display: inline;
			color:#0A3063;
			text-decoration: underline;
		}			
		
	#sitewrapper #content {
		position: relative;
		margin: 10px 0 0 10px;
		height:100%;
	}	
		#sitewrapper #content #left {
			background: url("") no-repeat 100% 100%;
			width: 200px;
			height: 450px;
			background-color: #F3F6FB;
			
			float: left;
			padding: 10px 0 0 15px;
		}
			#sitewrapper #content ul#plans {
				width: 185px;
			}
			#sitewrapper #content ul#plans li {
				background: url("../images/blt_ring-red.gif") no-repeat 0 6px;
				font-weight: bold;
				padding-left: 20px;
				line-height: 200%;
				width: 155px; 
			}		
			#sitewrapper #content ul#plans li a {
				color: #000000;
				font-weight: bold;
			}
			#sitewrapper #content ul#plans li a:visited {}
			#sitewrapper #content ul#plans li a:hover {}

				#sitewrapper #content ul#plans ul#sub {
					width: 180px;
					padding-left: 0px;
				}
				#sitewrapper #content ul#plans ul#sub li {
					background: url("../images/blt_wave-red.gif") no-repeat 0 6px;
					font-weight: normal;
					padding-left: 20px;
					width: 145px; 
				}		
				#sitewrapper #content ul#plans ul#sub li a {
					color: #000000;
					font-weight: normal;
				}
				#sitewrapper #content ul#plans ul#sub li a:visited {}
				#sitewrapper #content ul#plans ul#sub li a:hover {}
			
		#sitewrapper #content #right {
			background: url("") no-repeat 100% 100%;
			width: 500px;
			height: auto;
			background-color: #FFFFFF;
			float: right;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #000000;
			padding:5px 0 15px 5px;
			position: relative;
		}
		#sitewrapper #content #right #pic {
			width: 190px;
			height: 150px;
			float: right;

		}
		
		
		#sitewrapper #content #right ul#features {
			width: auto;
		}

				#sitewrapper #content #right ul#features li {
					background: url("../images/blt_wave-red.gif") no-repeat 0 6px;
					font-weight: normal;
					padding: 0px 0 5px 25px;
					width: auto; 
					height: auto;
					min-height: 21px;
					line-height: 160%;
					position: relative;
				}		

		#sitewrapper #content #right ol#features {
			width: auto;
		}

				#sitewrapper #content #right ol#features li#one {
					background: url("../images/blt_one.gif") no-repeat 0 6px;
					padding: 5px 0 5px 25px;
					width: auto; 
					line-height: 125%;
					font-weight: normal;
					margin: 5px 0 5px 0;
					height:auto;
					min-height:21px;
					position: relative;
				}
				#sitewrapper #content #right ol#features li#two {
					background: url("../images/blt_two.gif") no-repeat 0 6px;
					padding: 5px 0 5px 25px;
					width: auto; 
					line-height: 125%;
					font-weight: normal;
					margin: 5px 0 5px 0;
					height:auto;
					min-height:21px;
				}
				#sitewrapper #content #right ol#features li#three {
					background: url("../images/blt_three.gif") no-repeat 0 6px;
					padding: 5px 0 5px 25px;
					width: auto; 
					line-height: 125%;
					font-weight: normal;
					margin: 5px 0 5px 0;
					height:auto;
					min-height:21px;
				}
				#sitewrapper #content #right ol#features li#four {
					background: url("../images/blt_four.gif") no-repeat 0 6px;
					padding: 5px 0 5px 25px;
					width: auto; 
					line-height: 125%;
					font-weight: normal;
					margin: 5px 0 5px 0;
					height:auto;
					min-height:21px;
				}
				#sitewrapper #content #right ol#features li#five {
					background: url("../images/blt_five.gif") no-repeat 0 6px;
					padding: 5px 0 5px 25px;
					width: auto; 
					line-height: 125%;
					font-weight: normal;
					margin: 5px 0 5px 0;
					height:auto;
					min-height:21px;
				}																
		#sitewrapper #content #right #line {
			background: url("../images/img_dotted-465.gif") no-repeat 0 0;
			height: 10px;
			width: 465px;
			vertical-align:bottom;
			position: relative;
		}				
		
		#sitewrapper #content #right p {
			
		}
		#sitewrapper #content #right h1 {
			
		}
		#sitewrapper #content #right h2 {
			color:#FF0000;
			margin: 0 0 15px 0;
		}
		#sitewrapper #content #right h3 {
			color: #000000;
			display: inline;
		}		
		#sitewrapper #actionbar {
			width: 730px;
			height: 50px;
			position: relative;
			
		}
		#sitewrapper #actionbar #bluebar {
			background: url("../images/bg_box_blue.gif") no-repeat 100% 100%;
			width: 481px;
			height: 50px;
			float: right;
			color: #FFFFFF;
			font-size: 11px;
			line-height: 160%;
			padding-left: 15px;
			display:none; /* delete this line to redisplay the blue bar*/
		}
		#sitewrapper #actionbar #bluebar #txt {
			color: #FFFFFF;
			margin: 3px 10px 0 15px;
		}
		#sitewrapper #actionbar #bluebar a {
			color: #FFFFFF;
			text-decoration: underline;
		}
		#sitewrapper #actionbar #bluebar a:visited {
			color: #FFFFFF;
			text-decoration: underline;
		}		
		#sitewrapper #actionbar #bluebar a:hover {
			color: #FFFFFF;
			text-decoration: underline;
		}
					
		#sitewrapper #actionbar #bluebar #left {
			width: 249px;
			height: 25px;
		}

		#sitewrapper #actionbar #bluebar #button {
			display: inline;
			vertical-align: middle;
			color: #FFFFFF;
			font-size: 12px;
			font-family: Arial, Helvetica, sans-serif;

		}
			#sitewrapper #actionbar #bluebar #button a {
				color: #FFFFFF;
				display: inline;
				font-size: 12px;
				font-family: Arial, Helvetica, sans-serif;
				font-weight: bold;
				padding: 12px 10px 7px 15px;
				float: left;
				line-height: 130%;
				vertical-align: middle;
			}
			#sitewrapper #actionbar #bluebar #button a:visited {
				color: #FFFFFF;
			}
			#sitewrapper #actionbar #bluebar #button a:hover {
				text-decoration: underline;
		
			}
			#sitewrapper #actionbar #bluebar #div1{
				float: left;
			}			
			#sitewrapper #actionbar #bluebar #spacer{
			 	width: 5%;
				float:left;
				display: inline;
				
			}
			
		#sitewrapper #back {
			height: 15px;
			width: 730px;
			margin: 15px 0 20px 0;
		}
			#sitewrapper #back a {
				background: url("../images/btn_back-to-top.gif") no-repeat 100% 100%;
				height: 13px;
				width: 730px;
				vertical-align:bottom;
				float: right;
				position: relative;
				margin: 15px 0 15px 0;
			}
		
		#sitewrapper #line {
			background: url("../images/img_dotted.gif") repeat-x 0 0;
			padding: 0px 0 0 6px;
			height: 10px;
			width: 730px;
			position: relative;
			clear:both;
		}

		#sitewrapper #pdf {
		 color: #999999;
		 font-size: 9px;
		}
				#sitewrapper #pdf a{
					 color: #999999;
					 font-size: 9px;
				}

		#sitewrapper #pdf_link a{
		 color: #FF0000;
		 line-height: 200%;

		}
		#sitewrapper #content ul#features {
			width: auto;
		}

				#sitewrapper #content ul#features li {
					background: url("../images/blt_wave-red.gif") no-repeat 0 6px;
					font-weight: normal;
					padding: 0px 0 5px 25px;
					width: auto; 
					line-height: 160%;
					position: relative;
				}		
		#sitewrapper #content h2 {
			color:#FF0000;
			line-height: 160%;
		}
		#sitewrapper #content h3 {
			color:#FF0000;
			line-height: 160%;
			display: inline;
		}		
		#sitewrapper #content #right_pic {
			float: right;
			margin: 5px 10px 0 5px;
		}
		#sitewrapper #content #left_pic {
			float: left;
			margin: 0 10px 0 5px;
		}		
		#sitewrapper #content #map {
			float: left;
		}				
		#sitewrapper #address {
			margin: 15px 5px 0 0;
			float: right;
			line-height: 160%;
		}
			#sitewrapper #address a{
				color:#FF0000;
			}
		#sitewrapper #exec_white {
			background-color: #FFFFFF;
			height: 175px;
			margin: 5px 0 5px 0;
			padding: 5px 10px 5px 10px;
		}
		#sitewrapper #exec_blue {
			background-color: #F3F6FB;
			height: 175px;
			margin: 5px 0 5px 0;
			padding: 5px 10px 5px 10px;		
		}

	#sitewrapper #footer {
	position: relative;
	background: #ffffff;
	clear: both;
	padding: 15px 0;
	margin: 0 0 0 6px;
	width: 730px;
	color: #989898;
	font-size: 10px;
	line-height: 150%;
}
		#sitewrapper #footer a { color: #989898; }


