body{background:url(images/bg_sliver_hp.jpg); background-repeat: repeat-x; width:100%; background-color:#00085b; margin: 0 auto 0; text-align: center; }
#header{
	width:986px;
	margin:0 auto 0;
	/*border: red solid 1px;*/
}
	#header h1{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.7em;
			text-align: center;
			position: absolute;
			left: 319px;
			top:40px;
			z-index: 10;
		}
		
#top-container{width:100%; margin: 0 auto 0; text-align: center;}
	
	#top_graphic_hp{
		background-image:url(images/header_bg_hp.png);
		background-repeat:no-repeat;
		width:1400px;
		height:390px;
		border-left:#000000 solid 0px;
		border-right:#000000 solid 0px;
		position: relative;
		top: -20px;
		/*border: red solid 1px;*/
		margin: 0 auto 0;
	}
	
	strong{background: #80aedc; color: #052051;}
		#the-logo{
			background-image:url(images/waterfall_logo.png);
			background-repeat:no-repeat;
			float:left;
			padding-left:100px;
			padding-top:105px;
			padding-right:170px;
			position:relative;
			left:180px;
			top: 20px;
		}
		#top_graphic_hp h1{z-index: 1; position: relative; top:15px; left: -197px;}

		#menu{
			position:relative;
			left:9px;
			width:1000px;
			top:20px;
			font-family:Arial, Helvetica, sans-serif;
			z-index: 9999;
			/*border: red solid 1px;*/
		}
		#menu ul li{
			display:inline;
			padding-right:5px;
			padding-top:20px;
			padding-left:5px;
			padding-bottom: 5px;
		}
		#menu ul li:hover{
			display:inline;
			padding-right:5px;
			background-color:#80aedc;
			color:#FFFFFF;
		}
			#ul1{
				position:absolute;
				left:367px;
				top:24px;
				text-align: left;
			}
			#ul2{
				position:absolute;
				left:460px;
				top:24px;
				text-align: left;
				}
			#ul3{
				position:absolute;
				left:569px;
				top:24px;
				text-align: left;
				}
			#ul4{
				position:absolute;
				left:706px;
				top:24px;
				text-align: left;
				width:150px;
				}

			#menu ul li ul{
				display:none;
				padding-left:5px;
				padding-right:5px;
				padding-bottom: 5px;
				padding-top: 10px;
			}				
			#menu ul li:hover > ul{
				display:block;
				background-color:#80aedc;
				position:absolute;
				color:#FFFFFF;
				border: navy solid 1px;

			}
			#menu ul li ul li{
				width:60px;
				padding-left:5px;
				padding-top:0px;
				color:#FFFFFF;
				padding-bottom: 5px;
				
			}
			#menu ul li ul li:hover{
				width:60px;
				padding-left:5px;
				padding-top:0px;
				color:#000000;
				
			}
				#menu ul li a{
					color:#000000;
					text-decoration:none;
				}
				#menu ul li:hover > a{
				background-color:#80aedc;
				color:#FFFFFF;
					
				}		
				.current_page{			
					display:inline;
					padding-right:5px;
					background-color:#80aedc;
					font-family:Arial, Helvetica, sans-serif;
					color:#FFFFFF;
				}

		
			
				


#container{
	margin:0 auto 0;
	width:998px;
	height: 100%;
	min-height: 600px;
	position:relative;
	top:-415px;
	text-align:center;
	/*border: white solid 1px;*/
	clear: both;

}
#the-logo{left:-0px;}
#main_content_hp{
	background:url(images/content_bg_hp.png);
	background-repeat:no-repeat;
	width:986px;
	height:700px;
	position:relative;
	top:230px;
	left:0px;
	padding-left:10px;
	padding-top:1px;
	padding-bottom:0px;
	
	/*border:solid 1px;*/
}
	#main_content_hp p{
		text-align:left;
		width:600px;
		padding-left:30px;
		padding-top:0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: 500;
		color:#FFFFFF;
		position: relative;
		top: 0px;
	}
	#main_content_hp h2{
		text-align:left;
		padding-left:30px;
		padding-top:30px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight: 700;
		color:#052051;
		line-height:8px;
		position: relative;
		top: -20px;
		left: -230px;
	}
#side_bar_hp{
	position:absolute;
	top:-40px;
	left:650px;
	width:200px;
	/*border: red solid 1px;*/
}
	#side_graphic{
		position:absolute;
		top:0px;
		width:300px;
		height:600px;
		background-image:url(images/sidebar_graphic_hp.png);
		background-repeat:no-repeat;
	}
	#form_hp{
		position: absolute;
		left: 40px;
		top:455px;
		width:200px;
	}

		#form_hp input{
		position: relative;
		border: none;

	}
	#submit{background-color: none; -moz-border-radius: 3px;}
		
	#message{
		background-color: #80aedc;
		border: none;
		padding: 2px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: 600;
		color: white;
		width:207px;
	}
	#form_hp h2{
	position: relative;
	top:0px;
	left:17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: white;

}
			#name{
				position: absolute;
				top: -7px;
				background-color: #80aedc;
				padding: 3px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				font-style: normal;
				font-weight: 600;
				color: white;
				width: 205px;
			}
			#email{
				position: absolute;
				top: -5px;
				background-color: #80aedc;
				padding: 3px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				font-style: normal;
				font-weight: 600;
				color: white;
				width: 205px;
			}
			#subject{
				position: absolute;
				top: -2px;
				background-color: #80aedc;
				padding: 3px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				font-style: normal;
				font-weight: 600;
				color: white;
				width: 205px;
			}
			#name-miss{
				position: absolute;
				top: -7px;
				background-color: #80aedc;
				padding: 3px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				font-style: normal;
				font-weight: 600;
				color: red;
				width: 205px;
			}
			#email-miss{
				position: absolute;
				top: -5px;
				background-color: #80aedc;
				padding: 3px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				font-style: normal;
				font-weight: 600;
				color: red;
				width: 205px;
			}
			#subject-miss{
				position: absolute;
				top: -2px;
				background-color: #80aedc;
				padding: 3px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				font-style: normal;
				font-weight: 600;
				color: red;
				width: 205px;
			}
	#message-miss{
		background-color: #80aedc;
		border: none;
		padding: 2px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: 600;
		color: red;
		width:207px;
	}
	#message-sent{
		background-color: #80aedc;
		border: none;
		padding: 2px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: 600;
		color: navy;
		width:207px;
	}
#boxer{
	position: absolute;
	left: 60px;
	top: 438px;
}
#boxer a, img{
	border-style: none;
	text-decoration: none;
}
#boxer a:hover{
	border-style: none;
	text-decoration: none;
	color: white;
}
.fix{position: relative;top:-2px;}
.error{width:50px; color: red;}
.dare{position: relative; left: -72px; color: #80aedc; font-family: Arial, sans-serif;}
.sys-over{position: relative; left: -15px; color: #80aedc; font-family: Arial, sans-serif;}
.eco-friendly{position: relative; color: #80aedc; left: 52px; font-family: Arial, sans-serif;}
.eco-logo{position: relative; left: 180px; z-index: 9997; top:-45px; }
#footer{

	margin: 0 auto 0;
	width:980px;
	height: 100px;
	background-repeat: no-repeat;
	position: absolute;
	bottom: -35px;
	left: 0px;
}
#footer a:link{color: white; font-size: 14px; font-family: Arial, sans-serif;}
#footer a:hover{color: white; font-size: 14px; text-decoration: underline;}
#footer a:visited{color: white; font-size: 14px; text-decoration: underline;}


.footer-nav span{padding-right: 10px; position: relative; top:70px; float: left; padding-left: 20px; color: white; font-size: 14px; font-family: Arial, sans-serif;}

.required{color:red;}

.eco-logo{position: relative; left: 315px; z-index: 9997; top:-693px; }