body { background-color: #FFF; font: 11px/16px Verdana, Arial, sans-serif; text-align: left; color: #333; margin: 0; }
body a { color: #09F; text-decoration: none; }
body a:hover { text-decoration: underline; }

.bodyone { font: 11px/16px Verdana, Arial, sans-serif; text-align: left; color: #333; margin: 0; }
.bodyone a { color: #09F; text-decoration: none; }
.bodyone a:hover { text-decoration: underline; }

.bodytwo { font: 11px/16px Verdana, Arial, sans-serif; text-align: left; color: #333; margin-bottom: 0; margin-top: 11px; }
.bodytwo a { color: #09F; text-decoration: none; }
.bodytwo a:hover { text-decoration: underline; }

#logo { width: 780px; height: 0px; margin: 20px auto; padding-top: 52px; overflow: hidden; position: relative; background-image: url(http://aquatite.com/aimages/logo.gif); background-repeat: no-repeat; }

/* TOP MENU */
#navheader { width: 780px; height: 30px; margin: 18px auto; position: relative; z-index: 9998; font: 12px Verdana, Arial, sans-serif; text-align: center; color: #09F; }
#navheader #sitenav { margin: 0; padding: 0; }
#navheader #sitenav li { display: inline; }
#navheader #sitenav li a { float: left; width: 156px; height: 23px; padding-top: 7px; overflow: hidden; }
#navheader #sitenav li a,
#navheader #sitenav { background-image: url(http://aquatite.com/aimages/Nav3-780x150.gif); background-repeat: no-repeat; background-position: 0 0;}

#navheader #sitenav li#nav-about a { background-position: 0 0; text-decoration: none; color: #09F; }
#navheader #sitenav li#nav-products a { background-position: -156px 0; text-decoration: none; color: #09F; }
#navheader #sitenav li#nav-partners a { background-position: -156px 0; text-decoration: none; color: #09F; }
#navheader #sitenav li#nav-contact a { background-position: -156px 0; text-decoration: none; color: #09F; }
#navheader #sitenav li#nav-store a { background-position: -624px 0; text-decoration: none; color: #09F; }

#navheader #sitenav li#nav-about a:hover { background-position: 0 -30px; text-decoration: none; color: #069; }
#navheader #sitenav li#nav-products a:hover { background-position: -156px -30px; text-decoration: none; color: #069; }
#navheader #sitenav li#nav-partners a:hover { background-position: -156px -30px; text-decoration: none; color: #069; }
#navheader #sitenav li#nav-contact a:hover { background-position: -156px -30px; text-decoration: none; color: #069; }
#navheader #sitenav li#nav-store a:hover { background-position: -624px -30px; text-decoration: none; color: #069; }

#navheader #sitenav li#nav-about a:active { background-position: 0 -60px; color: #FFF; }
#navheader #sitenav li#nav-products a:active { background-position: -156px -60px; color: #FFF; }
#navheader #sitenav li#nav-partners a:active { background-position: -156px -60px; color: #FFF; }
#navheader #sitenav li#nav-contact a:active { background-position: -156px -60px; color: #FFF; }
#navheader #sitenav li#nav-store a:active { background-position: -624px -60px; color: #FFF; }

#navheader.about #sitenav li#nav-about a { background-position: 0 -90px; !important; color: #FFF; }
#navheader.products #sitenav li#nav-products a { background-position: -156px -90px !important; color: #FFF; }
#navheader.partners #sitenav li#nav-partners a { background-position: -156px -90px !important; color: #FFF; }
#navheader.contact #sitenav li#nav-contact a { background-position: -156px -90px !important; color: #FFF; }
#navheader.store #sitenav li#nav-store a { background-position: -624px -90px !important; color: #FFF; }

/* MAIN CONTENT */
#content { width: 780px; margin: 30px auto; position: relative; min-height: 390px; }

/* WHERE AM I */
#tickerbar2 { background-image: url(http://aquatite.com/aimages/Nav3-780x150.gif); background-repeat: no-repeat; background-position: 0 -120px; width: 760px; height: 25px; margin: 30px auto; padding-top: 5px; padding-left: 20px; position: relative; font: 11px Verdana, Arial, sans-serif; text-align: left; color: #666; }
#tickerbar2 a { font: 11px Verdana, Arial, sans-serif; text-align: left; color: #666; text-decoration: none; }
#tickerbar2 a:hover { font: 11px Verdana, Arial, sans-serif; text-align: left; color: #09F; text-decoration: underline; }
.divider { font-size: 16px; color: #999;  }


/* ADVERTS */
/* HEADER */
#adheader { width: 780px; height: 90px; margin: 30px auto; position: relative; z-index: 9990; font: 12px/18px Verdana, Arial, sans-serif; text-align: center; color: #000; }
#adheader #siteads { margin: 0; padding: 0; }
#adheader #siteads li { display: inline; }
#adheader #siteads li a { float: left; width: 140px; height: 74px; padding: 8px; overflow: hidden; }
#adheader #siteads li a,
#adheader #siteads { background-image: url(http://aquatite.com/aimages/advertbg.gif); background-repeat: no-repeat; background-position: 0 0; }


/* singles */
#adheader #siteads li#ad1 a { background-position: 0 0; text-decoration: none; color: #000; width: 139px; margin-right: 1px; } 
#adheader #siteads li#ad2 a { background-position: -5px 0; text-decoration: none; color: #000; width: 139px; margin-right: 1px; }
#adheader #siteads li#ad3 a { background-position: -80px 0; text-decoration: none; color: #000; width: 139px; margin-right: 1px; }
#adheader #siteads li#ad4 a { background-position: -156px 0; text-decoration: none; color: #000; width: 139px; margin-right: 1px; }
#adheader #siteads li#ad5 a { background-position: -161px 0; text-decoration: none; color: #000; }
/* doubles */
#adheader #siteads li#ad12 a { background-position: 0 0; text-decoration: none; color: #000; width: 295px; margin-right: 1px; }
#adheader #siteads li#ad45 a { background-position: -5px 0; text-decoration: none; color: #000; width: 296px; }
#adheader #siteads li#feed12 a { background-position: 0 0; text-decoration: none; color: #000; width: 295px; margin-right: 1px; }
#adheader #siteads li#feed45 a { background-position: -5px 0; text-decoration: none; color: #000; width: 296px; }

/* singles hover*/
#adheader #siteads li#ad1 a:hover { background-position: 0 -90px; text-decoration: none; color: #FFF; } 
#adheader #siteads li#ad2 a:hover { background-position: -5px -90px; text-decoration: none; color: #FFF; }
#adheader #siteads li#ad3 a:hover { background-position: -80px -90px; text-decoration: none; color: #FFF; }
#adheader #siteads li#ad4 a:hover { background-position: -156px -90px; text-decoration: none; color: #FFF; }
#adheader #siteads li#ad5 a:hover { background-position: -161px -90px; text-decoration: none; color: #FFF; }
/* doubles hover*/
#adheader #siteads li#ad12 a:hover { background-position: 0 -90px; text-decoration: none; color: #FFF; }
#adheader #siteads li#ad45 a:hover { background-position: -5px -90px; text-decoration: none; color: #FFF; }
#adheader #siteads li#feed12 a:hover { background-position: 0 0; text-decoration: none; color: #FFF; }
#adheader #siteads li#feed45 a:hover { background-position: -5px 0; text-decoration: none; color: #FFF; }

/* STORE SELECT */
#storeselect { width: 780px; height: 390px; margin: 0; position: relative; z-index: 9990; font: 12px/18px Verdana, Arial, sans-serif; text-align: center; color: #000; }
#storeselect #choose { margin: 0; padding: 0; }
#storeselect #choose li { display: inline; }
#storeselect #choose li a { float: left; width: 272px; height: 350px; padding: 20px; overflow: hidden; }
#storeselect #choose li a,
#storeselect #choose { background-image: url(http://aquatite.com/aimages/store-nz.gif); background-repeat: no-repeat; background-position: 0 0; }


/* singles */
#storeselect #choose li#left a { background-position: 0 0; text-decoration: none; color: #000; width: 271px; margin-right: 1px; } 
#storeselect #choose li#right a { background-image: url(http://aquatite.com/aimages/store-world.gif); background-position: 0 0; text-decoration: none; color: #000; width: 428px; }

/* singles hover*/
#storeselect #choose li#left a:hover { background-position: 0 -390px; text-decoration: none; color: #FFF; } 
#storeselect #choose li#right a:hover { background-position: 0 -390px; text-decoration: none; color: #FFF; }

/* CELLS */
/* HEADER */
#cells { width: 780px; height: 130px; margin: 0px auto; position: relative; font: 12px/18px Verdana, sans-serif, Arial; text-align: center; color: #000; clear: left; }
#cells #cellads { margin: 0; padding: 0; }
#cells #cellads li { display: inline; }
#cells #cellads li a { float: left; width: 156px; height: 0px; padding-top: 130px; overflow: hidden; }
#cells #cellads li a,
#cells #cellads { background-image: url(http://aquatite.com/aimages/poster-placeholder_grey.gif ); background-repeat: no-repeat; background-position: 0 0; }

/* TOP-MID A */
#cells #cellads li#topleft a { background-position: 0 0; text-decoration: none; color: #000; width: 155px; margin-right: 1px; height: 0px; padding-top: 129px; margin-bottom: 1px; } 
#cells #cellads li#mid a { background-position: 0 0; text-decoration: none; color: #000; width: 155px; margin-right: 1px; height: 0px; padding-top: 129px; margin-bottom: 1px; }
#cells #cellads li#midright a { background-position: 0 0; text-decoration: none; color: #000; width: 156px; margin-right: 0px; height: 0px; padding-top: 129px; margin-bottom: 1px; }
#cells #cellads li#topright a { background-position: 0 0; text-decoration: none; color: #000; width: 156px; margin-right: 0px; height: 0px; padding-top: 129px; margin-bottom: 1px; }
/* BOTTOM A */
#cells #cellads li#botleft a { background-position: 0 0; text-decoration: none; color: #000; width: 155px; margin-right: 1px; }
#cells #cellads li#botmid a { background-position: 0 0; text-decoration: none; color: #000; width: 155px; margin-right: 1px; }
#cells #cellads li#botright a { background-position: 0 0; text-decoration: none; color: #000; width: 156px; margin-right: 0px; }

/* TOP-MID hover*/
#cells #cellads li#topleft a:hover { background-position: 0 -130px; text-decoration: none; color: #FFF; } 
#cells #cellads li#mid a:hover { background-position: -0px -130px; text-decoration: none; color: #FFF; }
#cells #cellads li#midright a:hover { background-position: -0px -130px; text-decoration: none; color: #FFF; }
#cells #cellads li#topright a:hover { background-position: -0px -130px; text-decoration: none; color: #FFF; }
/* BOTTOM hover*/
#cells #cellads li#botleft a:hover { background-position: 0 -130px; text-decoration: none; color: #FFF; }
#cells #cellads li#botmid  a:hover { background-position: -0px -130px; text-decoration: none; color: #FFF; }
#cells #cellads li#botright a:hover { background-position: -0px -130px; text-decoration: none; color: #FFF; }


/* RIGHTCELL 1 */
.rightcell ul { width: 156px; list-style-type: none; margin: 0px; padding: 0px; font: 12px/18px Verdana, Arial, sans-serif; position: absolute; top: 0; left: 624px; }
.rightcell li#topmid { color: #000; height: 129px; text-decoration: none; margin: 0px 0px 1px 0px; display: block; text-align: center; overflow: hidden;}
.rightcell li#topmid a { color: #000; height: 129px; text-decoration: none; margin: 0px; display: block; background-color:#EEE; margin-bottom: 1px; }
.rightcell li#topmid a:hover { color: #FFF; background-color:#CCC; background-position: 0px -130px; }
.rightcell li#bottom { color: #000; height: 130px; text-decoration: none; margin: 0px; display: block; text-align: center; overflow: hidden;}
.rightcell li#bottom a { color: #000; height: 130px; text-decoration: none; margin: 0px; display: block; background-color:#EEE; margin-bottom: 0; }
.rightcell li#bottom a:hover {  color: #FFF; background-color:#CCC; background-position: 0px -130px; }

/* RIGHTCELL 2 */
.rightcelltwo ul { width: 312px; list-style-type: none; margin: 0px; padding: 0px; font: 12px/18px Verdana, Arial, sans-serif; position: absolute; top: 0; left: 468px; }
.rightcelltwo li#one { color: #000; height: 259px; text-decoration: none; margin: 0px 0px 1px 0px; display: block; text-align: center; overflow: hidden;}
.rightcelltwo li#one a { color: #000; height: 259px; text-decoration: none; margin: 0px 0px 1px 0px; display: block; background-color:#EEE; }
.rightcelltwo li#one a:hover { color: #FFF; background-color:#CCC; background-position: 0px -260px; }

.border { float: right; width: 1px; height: 100%; background-color: FFF; }

/* TYPE */
h3 { font: 14px/21px Verdana, Arial, sans-serif; text-align: left; color: #000; font-weight: bold; margin-bottom: 0; }
newsh3 { font: 14px/21px Verdana, Arial, sans-serif; text-align: left; color: #000; font-weight: bold; margin-bottom: 0; margin-top: 0; }
.news-h3 { font: 14px/21px Verdana, Arial, sans-serif; text-align: left; color: #000; font-weight: bold; margin-bottom: 0; margin-top: 0; }
.adh3 { font: 14px/21px Verdana, Arial, sans-serif; text-align: center; color: #000; font-weight: bold; margin-bottom: 0; margin-top: 0; }
h4 { font: 11px/16px Verdana, Arial, sans-serif; text-align: left; color: #069; font-weight: bold; margin-bottom: 0; margin-top: 10px; }
.spanh4 { color: #069; font-weight: bold; }
.footer { font-size: 9px; color: #999; text-align: center; }
.footer a { color: #666; text-decoration: none; }
.footer a:hover { color: #09F; text-decoration: underline; }
.quote { font-style: italic; }
.credit { font: 9px/16px Verdana, Arial, sans-serif; text-transform: uppercase; color: #666; }


