html, body, #wrap {height: 99%;background-color:#002a41;text-align:center;font-family:Tahoma, Geneva, sans-serif; }

body > #wrap {height: auto; min-height: 100%; margin:0px auto;text-align:left; width:1000px;z-index:5;}

.title { margin-left:20px;margin-top:17px !important;text-transform:uppercase; font-size:17px !important;}
div.oceanlife { color:#FFF; font-size:19px; font-family:Tahoma, Geneva, sans-serif;margin-top:25px;line-height:30px;letter-spacing:2px; }
hr { border:none; background-color:#577276;margin-right:10px; margin-top:20px;margin-bottom:20px;}

p {font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:16px; color:#577276; width:300px; }

h1 { color:#fff; font-size:20px;}
h2 { color:#FFF; font-size:13px;letter-spacing:3px;}

ul { color:#577276;margin-left:-20px;font-family:Verdana, Geneva, sans-serif;font-size:12px;line-height:20px;}
li {margin-bottom:10px;}

ul.no-bullets {list-style-type:none;}

#main {padding-bottom: 215px;}  /* must be same height as the footer */

#logo {position:relative;width:200px; float:left;}
#center-column {position:relative;width:320px; margin-right:15px;float:left;}
#center-column2 {position:relative;width:760px; float:left;}
#end-column{position:relative;width:440px;float:left;z-index:5;}

#center-column2 p { width: 740px;}

#flash {	position:relative;top:40px; }

#newsflash {
	position:absolute;
	top:400px;
	height:100px;
	left:30px;
	background-color:#577276;
	width:130px;
	padding:10px;
}

#newsflash p {	
	color:#002a41;	
	font-size:15px; 
	line-height:20px;
	margin-top:0px;
}

#link {
	position:absolute;
	top:550px;
	left: 30px;
	z-index:30;
}
#content {	position:relative;top:100px;}

#key_features { position:relative; top:120px; width:200px; float:left;margin-right:40px;}
#downloads { position:relative; top:120px; width:200px; float:left;}

#timeline { position:relative; top:120px; width:384px; height:542px; float:left; background:url(../images/timeline.jpg); margin-left:30px;}
#timeline ul { color:#fff; list-style:none; text-align:right; margin-right:100px; font-family:Verdana, Geneva, sans-serif;font-size:12px;line-height:18px; float:right;}
#timeline li {margin-bottom:12px;}
a {color:#577276; text-decoration:underline;font-size:12px;z-index:30;}
a:hover {color:#FFF; }

#newsflash a { color: #FFF; text-decoration:none; line-height:18px;margin-top:10px; }
#newsflash a:hover { text-decoration: underline; }

#footer {position: relative;
	margin-top: -174px; /* negative value of footer height */
	height: 284px;
	clear:both;
	background:url(../images/footer.jpg) top right no-repeat;
	margin-right:-6px;
	z-index:1;
	} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/*
	yDSF (ydnar Drop-Shadow-Fu)
	ydnar@sixapart.com - http://www.sixapart.com
*/

#movie {
	display: block;
	position: relative;
	top:100px; 
	
	z-index:5;
}