/* ---------------------------------------------
Style Sheet for Marine Warehouse Aquarium 
00ccff -blu
cccc33 -ylw
99cc33 -grn
@import url();
===============================================*/


body  {
	color: #fff;
  background:#000;
  font-family:sans-serif;
	font-size:82%;
}  

a {color:#00ccff; font-weight:bold; text-decoration:none; cursor:pointer;}
a:hover {color:#fff;}

/* ---------------------------------------------
type
===============================================*/
p	{
	margin:1em;
	line-height:1.4em;
}
h1	{
	color: #99cc33; 
	font-size:150%;
	margin-left:1em;
}
h1:first-letter	{
	color: #99cc33; 
	font-weight:bold;
	font-size:220%;

}
p#b:first-line	{
	font-weight:bold;

}
p#c	{
	color: #fff; 
	font-weight:bold;
}
p#quote	{
	float:right;
	display:block;
	width:130px;
	padding:.2em;
	color: #cccc33; 
	font-weight:bold;
	letter-spacing:.02em;
	line-height:1.6em;
	margin-top:0;
}
p#quote b	{
	color: #cccc33; 
	font-family:arial;
	font-weight:bold;
	font-size:200%;
}

ul li	{
	line-height:1.4em;
	margin-right:1em;
}
ul li	{
	list-style-image: url(../media/yel_bullet.gif);
}

h6 {
	font-family: sans-serif;
	font-size: 12px;
	color: #fff;
	border-bottom:1px solid #fff;
	padding-top: 5px;
	background: left bottom no-repeat url(../media/category_top.gif);
	padding-left: 10px;
	text-align: left;
	width:95%;
	margin-left:11px;
	margin-bottom:0;
}
*html h6 {	width:96.2%;}
h5 {
	font-family: sans-serif;
	font-size: 12px;
	color: #fff;
	background: right top no-repeat url(../media/header_top2.gif);
	text-align: right;
	padding-bottom: 4px;
	padding-right: 1em;
	margin:0px;
}
h5 a:hover	{
	text-decoration:none;
}
h4 {
	font-family: sans-serif;
	font-size: 14px;
	color: #fff;
	margin-left:1em;
}
/* ---------------------------------------------
lightbox tweaks
===============================================*/

iframe#iframe2	{
	width:99%;
	margin:5px;
	margin-top:0;
	height:450px;
  background:#fff;
	border:1px solid #587B13;
	border-top:none;
}
div#tabberWrap	{
	background:#99cc33;
	width:97%;
	margin-left:11px;
	margin-top:0;
}
html>body div#tabberWrap {padding-right:5px;width:96%;}
/* ---------------------------------------------
layout
===============================================*/
table#photos tr td img	{border:2px solid #00ccff;}
table#photos tr td img:hover	{border:2px solid #fff;}

iframe#iframe	{
	width:100%;
	height:550px;
}

table#layout	{
  background:#004C85;
	margin-right:1em;
	border:1px solid #00ccff;
}
table#layout	th	{
  background:#004C85;
}
table#layout	td	{
	vertical-align:top;
	text-align:left;
}

table#layout td#footer	{
  background:#004C85;
  text-align: center;
}
table#layout	tr td#center	{
	background: left top repeat url(../media/background.jpg);
	width:100%;
	border:1px solid #99cc33;
	border-bottom:none;
	vertical-align:top;
}
table#layout tr td#left, table#layout tr td#right	{
	width:123px;
	cursor:pointer;
}

/* ---------------------------------------------
welcome page buttons
===============================================*/

div#front	{
	margin:1em;
}

a div.front1	{
	color: #00CCFF;
	font-weight:bold;
	text-decoration:none;
	height:100px;
	width:100px;
	text-align:center;
  background: left bottom no-repeat url(../media/front1.gif);
}
a div.front1ro	{
	color: #fff;
	font-weight:bold;
	text-decoration:none;
	height:100px;
	width:100px;
	text-align:center;
  background: left bottom no-repeat url(../media/front1_ro_anim.gif);
}

a div.front2	{
	color: #00CCFF;
	font-weight:bold;
	text-decoration:none;
	height:100px;
	width:100px;
	text-align:center;
  background: left bottom no-repeat url(../media/front2.gif);
}
a div.front2ro	{
	color: #fff;
	font-weight:bold;
	text-decoration:none;
	height:100px;
	width:100px;
	text-align:center;
  background: left bottom no-repeat url(../media/front2_ro_anim.gif);
}

a div.front3	{
	color: #00CCFF;
	font-weight:bold;
	text-decoration:none;
	height:100px;
	width:100px;
	text-align:center;
  background: left bottom no-repeat url(../media/front3.gif);
}
a div.front3ro	{
	color: #fff;
	font-weight:bold;
	text-decoration:none;
	height:100px;
	width:100px;
	text-align:center;
  background: left bottom no-repeat url(../media/front3_ro_anim.gif);
}

a div.front4	{
	color: #00CCFF;
	font-weight:bold;
	text-decoration:none;
	height:100px;
	width:100px;
	text-align:center;
  background: left bottom no-repeat url(../media/front4.gif);
}
a div.front4ro	{
	color: #fff;
	font-weight:bold;
	text-decoration:none;
	height:100px;
	width:100px;
	text-align:center;
  background: left bottom no-repeat url(../media/front4_ro_anim.gif);
}