/*
occasionally I use a css/xhtml friendly way to do rollover images
view http://www.simplebits.com/notebook/2003/09/30/accessible_imagetab_rollovers.html
for the method
*/

/* following code a base for the image replacements occuring throughout this site */
.ir {
	background: no-repeat 0 0;
	display: block;
	height/**/:/**/ 0 !important;
	overflow: hidden;
}

body {
	background:#19223f;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#accac1;
	text-align:center;
	font-size: 12px;
	line-height: 1.4em;
}

a img {
	border:0;
}

#container {
	width:1000px;
	text-align:left;
	background:#043246;
	border:1px solid #000000;
	margin:0 auto 20px auto;
	background:#010b2b;
	position:relative;
	padding:0;
}

#content {
	padding:0 50px 0 50px;
}

p {
	
}

ul {

}

a {
	color:#9dbadd;
	font-weight:bold;
}

a:hover {
	text-decoration:none;
}

#backlink {
	width:146px;
	height:106px;
	padding:106px 0 0 0;
	background:url(./images/backlink.jpg) no-repeat top left;
	position:absolute;
	bottom:0;
	right:0;
	margin:0;
}

#header {
	height:205px;
	width:1000px;
	padding:205px 0 0 0;
	background:url(./images/h1.jpg) no-repeat top left;
	margin:0;
	font-size:1px;
}

#seaglass_nav, #seaglass_fnav, #battery_fnav, #histImgs, #thumblist {
	list-style:none;
	margin:0;
	padding:0;
}

#seaglass_nav li, #seaglass_fnav li, #battery_fnav li, #histImgs li, #thumblist li {
	display:inline;
	padding:0;
	list-style:none;
}

#seaglass_nav {
	background:transparent url(./images/navbg.jpg) no-repeat top left;
	width:800px;
	height:46px;
	margin:0px;
	padding:10px 0 0 200px;
}

#seaglass_nav li {
	display:block;
	float:left;
}

#nIndex, #nHistory, #nDesign, #nVideo, #nSponsor, #nPress, #nIndex_sel, #nHistory_sel, #nDesign_sel, #nVideo_sel, #nSponsor_sel, #nPress_sel {
	height:16px;
	padding:16px 0 0 0;
	margin:0 30px 0 0;
}

#nIndex {
	background: url(./images/nIndex.jpg) no-repeat top left;
	width:87px;
}

#nHistory {
	background: url(./images/nHistory.jpg) no-repeat top left;
	width:76px;
}

#nDesign {
	background: url(./images/nDesign.jpg) no-repeat top left;
	width:63px;
}

#nVideo {
	background: url(./images/nVideo.jpg) no-repeat top left;
	width:54px;
}

#nSponsor {
	background: url(./images/nSponsor.jpg) no-repeat top left;
	width:117px;
}

#nPress {
	background: url(./images/nPress.jpg) no-repeat top left;
	width:54px;
}

#nIndex_sel {
	background: url(./images/nIndex_sel.jpg) no-repeat top left;
	width:88px;
}

#nHistory_sel {
	background: url(./images/nHistory_sel.jpg) no-repeat top left;
	width:76px;
}

#nDesign_sel {
	background: url(./images/nDesign_sel.jpg) no-repeat top left;
	width:65px;
}

#nVideo_sel {
	background: url(./images/nVideo_sel.jpg) no-repeat top left;
	width:56px;
}

#nSponsor_sel {
	background: url(./images/nSponsor_sel.jpg) no-repeat top left;
	width:118px;
}

#nPress_sel {
	background: url(./images/nPress_sel.jpg) no-repeat top left;
	width:54px;
}

#indexH2, #historyH2, #designH2, #videoH2, #sponsorH2, #pressH2 {
	height:30px;
	width:250px;
	padding:30px 0 0 0;
	margin:0px;
	font-size:1px;
}

#indexH2 {
	background: url(./images/indexH2.jpg) no-repeat top left;
}

#comingsoon {
	color:#9dbadd;
}

#indexleft, #indexright {
	width:420px;
	margin:0 40px 0 0;
	display:block;
	float:left;
	line-height:20px;
}

#indexright {
	margin:0;
}

#indexright span {
	color:#9dbadd;
	font-weight:bold;
}

#historyH2 {
	background: url(./images/historyH2.jpg) no-repeat top left;
}

#designH2 {
	background: url(./images/designH2.jpg) no-repeat top left;
}

#videoH2 {
	background: url(./images/videoH2.jpg) no-repeat top left;
}

#sponsorH2 {
	background: url(./images/sponsorH2.jpg) no-repeat top left;
}

#pressH2 {
	background: url(./images/pressH2.jpg) no-repeat top left;
}

#sponsor-fish {
	position:relative;
	top:-90px;
	right:-40px;
	margin-left: 80px;
	z-index: 4;
}

#histImgs {
	margin:20px 0 0 140px ;
}

#histImgs li {
	margin:0 20px 0 0;
}

#swf {
	margin:0 0 0 230px;
	width:425px;
	height:350px;
}

#presslist p {
	margin:3px 0 10px 0;
}

#thumblist {
	margin:20px 0 0 0;
}

#thumblist img {
	border:1px solid #8e9bac;
	border-top:1px solid #adbed2;
	border-left:1px solid #adbed2;
}

#thumblist li {
	margin:0;
	height:100px;
}

/*//////footer and below///////*/

#footer {
	font-size:12px;
	width:1000px;
	height:160px;
	background:url(./images/footerbg.jpg) no-repeat top left;
	color:#87a0be;
	padding:4px 0 0 0;
	margin:30px 0 0 0;
	line-height: 1.6em;
	clear:both;
}

#footer ul {
	padding:0 0 0 160px;
	list-style:none;
}

#footer a, #seaglass_fnav a, #battery_fnav a, #fAddress a {
	font-weight:normal;
}

#footer a, #footer span {
	color:#9dbadd;
}

#footer a:hover {
	text-decoration:none;
	color:#9dbadd;
}

#seaglass_fnav a, #battery_fnav a, #fAddress a {
	color:#9bb3ac;
}

#seaglass_fnav a:hover, #battery_fnav a:hover, #fAddress a:hover {
	color:#9dbadd;
	text-decoration: none;
}

#designH3 {
	height:14px;
	width:84px;
	background:url(./images/designH3.jpg);
	padding:14px 0 0 0;
	margin:40px 0 0 152px;
}

#battery_fnav, #fAddress {
	font-size:10px;
}

#battery_fnav {
	
}

#faddress {
	
}