html { font-family: Verdana, Arial, Helvetica, sans-serif; background: #3CE url(../i/water_bkgnd.jpg) 50% bottom repeat-x fixed; font-size: 14px; }
p, li 			{ font-size: 12px; line-height: 18px; margin: 0 0 10px 0; padding: 0; }
h1						{ font-size: 16px; font-weight: bold; margin: 0 0 10px 0; color: #FF0;}
h2						{ font-size: 14px; font-weight: bold; margin: 5px 0 10px 0; color: #FF0; }
h3						{ font-size: 12px; font-weight: bold; margin: 0 0 5px 0; padding: 0;  color: #FF0; }
a 						{text-decoration: underline; color: #FF0; font-weight: bold; }
a:hover,
a:active				{ text-decoration: underline; }

a img.noborder				{ border: none; }
.center 				{ text-align: center; }
.hidden					{ display: none; }
.small					{ font-size: 9px; text-align: center; }
.indent1				{ padding-left: 25px; }
.indent2				{ padding-left: 50px; }

.largebold				{ font-size: 16px; font-weight: bold; }

a.box, 
a.box:hover 		{ line-height: 25px; padding: 1px 5px 1px 5px; border: 1px solid #FF0; text-decoration: none; }
a.box:active,
a.box:hover			{ line-height: 25px; padding: 1px 5px 1px 5px; border: 1px solid #FF0;  background-color: #FF0; color: #000; } 		

.clear { clear: both; }
.hide-text { display: none; }
.float-right { float: right; margin: 0 0 0 15px; }
.float-left { float: left; margin: 0 15px 0 0; }
.clear-right { clear: right; }
.clear-left { clear: left; }

/* DROP SHADOW FOR IMAGES */
html>body .outerpair1 { background: url(../i/ds/upperrightfade.png) right top no-repeat; margin-top: 3px; }
html>body .outerpair2 { background: url(../i/ds/lowerleftfade.png) left bottom no-repeat; padding-top: 6px; padding-left: 6px; }
html>body .shadowbox { background: url(../i/ds/shadow.png) bottom right; }
html>body .innerbox { position: relative; left: -6px; top: -6px; }
.shadowbox img { padding:1px; background-color: #FFF; border: 1px solid #888; vertical-align: bottom; } 

.purchase		{ display: none; font-size: 12px; font-weight: bold; margin-bottom: 15px; color: #7DF; }


.link-list	{ list-style: none; text-align: center; }

#pagewrap { width: 830px; margin: 10px auto; border: 1px solid #09F; background-color: #024174; padding: 5px;  }

#header		{ height: 70px; }

#mainmenu { float: left; clear: left; background-color: #024174; width: 150px; padding: 5px; margin: 0; }
#mainmenu ul { list-style: none; padding: 0; margin: 0; }
#mainmenu li { list-style: none; margin: 0; padding: 0; }

#content { float: right; border: 1px solid #09C; width: 600px; color: #FFF; margin: 0 0 5px 0; padding: 15px 20px 15px 20px; text-align: justify; background-color:#003366; min-height: 700px; }

#footer { clear: both; background-color:#003366; }
#footer p { font-size: 10px; text-align: center; color: #FFF; border: 1px solid #09C; margin: 0; padding: 10px 25px 10px 25px; }

#mm-phyto,
#mm-phytol,
#mm-roti,
#mm-arcti,
#mm-tigger,
#mm-macro,
#mm-fuzzy,
#mm-specialty,
#mm-oyster	{ float: left; clear: left; display: block; width: 149px; height: 55px; background-position: 0 56px; border: none; text-decoration: none; margin-top: 5px; }

#mm-locator,
#mm-ordering,
#mm-contact,
#mm-home,
#mm-butn		{ float: left; clear: left; display: block; width: 149px; height: 20px; color: #FFFF00; text-decoration: none; font-weight: bold; padding: 5px 10px 5px 10px; margin-top: 10px; }

.locator #mm-locator,
.ordering #mm-ordering,
.contact #mm-contact,
.home #mm-home,

#mm-locator:hover,
#mm-ordering:hover,
#mm-contact:hover,
#mm-home:hover,
#mm-butn:hover	{ color: #FFF; border: 1px solid #FFF; padding: 4px 9px 4px 9px; }

.phytofeast #mm-phyto,
.phytofeastlive #mm-phytol,
.rotifeast #mm-roti,
.arctipods #mm-arcti,
.tiggerpods #mm-tigger,
.macrofeast #mm-macro,
.fuzzyphytes #mm-fuzzy,
.oysterfeast #mm-oyster,
.specialty #mm-specialty,
#mm-phyto:hover,
#mm-phytol:hover,
#mm-roti:hover,
#mm-arcti:hover,
#mm-tigger:hover,
#mm-macro:hover,
#mm-fuzzy:hover,
#mm-specialty:hover,
#mm-oyster:hover	{ background-position: 0 0; }


#mm-phyto 		{ background-image: url(../i/phytofeast_butn.jpg); }
#mm-phytol 		{ background-image: url(../i/phytofeastlive_butn.jpg); }
#mm-roti 		{ background-image: url(../i/rotifeast_butn.jpg); }
#mm-arcti 		{ background-image: url(../i/arctipods_butn.jpg); }
#mm-tigger 		{ background-image: url(../i/tiggerpods_butn.jpg); }
#mm-macro 		{ background-image: url(../i/macrofeast_butn.jpg); }
#mm-fuzzy 		{ background-image: url(../i/fuzzyphytes_butn.jpg); }
#mm-oyster 		{ background-image: url(../i/oysterfeast_butn.jpg); }
#mm-specialty 	{ background-image: url(../i/specialty_butn.jpg); }