body{
	font-family:Helvetica, Arial,sans-serif;
	font-size: 75%;
	color: #333;
	margin: 0px;
	padding: 0px;
	line-height:1.6em;
	background-color:#ffffff;
    text-align: center;

}
img, div { behavior: url(../iepngfix.htc) }
#wrap {
width:960px;
margin-top:10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
position: relative;
background-image: url(../images/sidebar.jpg);
z-index: 0;
}
#header {
  background-image: url(../images/header.png);
  background-position: top left;
  background-repeat: no-repeat;
  height: 166px;
}

#sideLeft {
  margin-top: 10px;
  background-image: url(../images/menuAndChalk4.png);
  background-repeat: no-repeat;
  background-position: top center;
  width: 197px;
  color: #fff;
  float: left;
  font-size: 150%;
 /* border: 1px solid #FFA500; */
}
#sideLeft ul {
  text-decoration: none;
  list-style-type: none;
}
#sideLeft li {
  text-decoration: none;
  list-style-type: none;
  color: #fff;
}



#sideRight {
  position: relative;
  width: 52px;
  color: #fff;
  float: right;


}

#footer {
  clear: both;
  background-image: url(../images/footer_bottom.png);
  background-position: bottom left;
  background-repeat: no-repeat;
  height: 69px;
}
img.basket {
   position: absolute;
  bottom: 89px;
  left: 81px;
}
img.basketA {
   position: absolute;
  bottom: 89px;
  left: 81px;
}
img.basketEat {
   position: absolute;
  bottom: 89px;
  left: 81px;
}
img.basketShop {
   position: absolute;
  bottom: 89px;
  left: 81px;
}
img.sideRight
{
  position: absolute;
  bottom: 68px;
  right: 0px;
}

#content {
  position: relative;
  margin: 0 55px 0 200px;
 text-align: justify;
 padding: 0 20px 0 40px;
 line-height: 1.4em;
}
#content .left {
  color: #333;
 margin: 0px 5px 5px 0px;
 padding: 5px;
 width: 410px;
 float: left;
/*border: 1px solid red; */
}


#content .right {
  color: #333;
 margin: 0px 5px 5px 0px;
 padding: 5px;
 width: 196px;
 float: right;
/*border: 1px solid green; */
}
#contentTank {
  position: relative;
  margin: 0 55px 0 200px;
 text-align: justify;
 padding: 0 20px 0 40px;
 line-height: 1.4em;
 min-height: 850px;
}
#contentContact {
  position: relative;
  margin: 0 55px 0 200px;
 text-align: justify;
 padding: 0 20px 0 40px;
 line-height: 1.4em;
 min-height: 650px;
 /*background-image: url(../images/contactShop.jpg);
 background-repeat: no-repeat;
 background-position: 50% 95%;*/
}

#contactMap a#map {
  position:absolute; left:300px; top:30px;width: 108px; height: 216px;
  background-image: url(../images/mapButton.jpg);
}

#contactMap a#map:hover { background-image: url(../images/mapButtonHover.jpg); z-index:5;}
.contactTitle {
  font-size:110%;
  font-weight: 800;
}


/*/////paragraphs/////*/
p.top {
  margin-top: -10px;
}


p.one {
  width: 210px;
  margin-left: 220px;
}

p.two {
  width: 420px;
}
p.three {

}

p.threeOrange {
  color:#CB3C10;
}
p.imgLogo {
position: absolute;
  top: 460px;
  right: 100px;
/* margin-top: -65px;
  padding-left: 30px; */
}
p.imgLogoSm {
  text-align: center;
  margin-top: -20px;
}
p.imgLogoVsm{
  padding-left: 40px;
  margin-top: 4px;
}

p.sig {
  font-size: 90%;
  text-align: left;
  margin-top: -5px;
}
p.note {
  font-size:110%;
  font-weight: 800;
}
p.tank {
  float: right;
  margin-left: 20px;
  width: 420px;
}
p.mid {
  text-align: center;
  width: 210px;
}
p.box {
  border: 3px double #6CC5F2;
  margin-right: 5px;
  padding: 1em;
  font: 90%/1.4em Helvetica, sans serif;
  color: #555;
}


/*/////images/////*/
img.media {
  position: absolute;
  bottom: 100px;
  right: 90px;
}
img.commaTop {
  float: left;
  margin-right: 8px;
}
img.commaBot {
  float: right;
  margin-left: 8px;
}
img.homeCatch {
  margin-top: 30px;
}
img.fishJohn {
  margin-top: -10px;
  float: left;
  margin-right: 20px;
}
img.index1 {
  float:left;
  margin-right: 20px;
}
img.index2 {
  float:left;
  padding-right: 20px;
  margin-top: 0px;
}
img.aboutStaff {
  margin-top: 20px;
}

img.buying {
  z-index: 0;
}
img.shopping {
  position: absolute;
  bottom: 100px;
  right: 90px;
  z-index: 9;
}
img.halfFish {
  position: absolute;
  top: 400px;
  left: -3px;
  z-index: 9;
}
img.bubbles {
  position: absolute;
  bottom: 100px;
  right:20px;
  z-index: 1;
}
img.fishContact {
  position: absolute;
  top: -15px;
  right: -3px;
 z-index: 9;
}

.captioned_photo {
  width: 190px
}
.captioned_photo p{
  width: 100%;
  margin: 0;
  padding: 1em 0;
  font: 75%/1.75em Verdana, sans serif;
  color: #666;

}



/*/////links/////*/
#content a {
    color: #6CC5F2;
    text-decoration: none;
    background-color: white;
    font-weight: bold;
}
#content a:hover, a:active {
  color:#333;
  text-decoration: none;
  background-color: white;
}
#contentShopping a {
    color: #6CC5F2;
    text-decoration: none;
    background-color: white;
    font-weight: bold;
}
#contentShopping a:hover, a:active {
  color:#333;
  text-decoration: none;
  background-color: white;
}
#contentMedia a {
    color: #6CC5F2;
    text-decoration: none;
    background-color: white;
    font-weight: bold;
}
#contentMedia a:hover, a:active {
  color:#333;
  text-decoration: none;
  background-color: white;
}
#contentContact a {
    color: #6CC5F2;
    text-decoration: none;
    background-color: white;
    font-weight: bold;
}
#contentContact a:hover, a:active {
  color:#333;
  text-decoration: none;
  background-color: white;
}
/*/////debug/////*/
#debug {
    clear: both;
  width: 960px;
  height: 20px;
  font-size: 80%;
  background-color: white;
}
#debug p.left {
  float: left;
  padding-left: 0;
  color: #999;
}
#debug p.right {
  float: right;
  padding-right: 0;
   color: #999;
}
#debug a:link, a:visited {
    color: #999;
    text-decoration: none;
    background-color: white;
}
#debug a:hover, a:active {
  color:#003399;
  text-decoration: none;
  background-color: white;
}


/*//////media page////*/
#contentMedia {
  position: relative;
  margin: 0 55px 0 200px;
 text-align: justify;
 padding: 20px 20px 0 40px;
 line-height: 1.4em;
  min-height: 760px;
}
.leftMedia {
  color: #333;
 margin: 0px 5px 5px 0px;
 padding: 5px;
 width: 196px;
 float: left;
 /*border: 1px solid red;*/
}
.midMedia {
  color: #333;
 margin: -17px 0px 5px 0px;
 padding: 5px;
 width:196px;
 float: left;
/* border: 1px solid blue; */
}
.rightMedia  {
  color: #333;
 margin: -5px 0px 5px 0px;
 padding: 10px;
 width: 196px;
 float: right;
}
#contentShopping {
  position: relative;
  margin: 0 55px 0 200px;
 text-align: justify;
 padding: 20px 20px 0 40px;
 line-height: 1.4em;
  min-height: 680px;
}
#contentShopping .left {
  color: #333;
 margin: 0px 5px 5px 0px;
 padding: 5px;
 width: 410px;
 float: left;
/*border: 1px solid red; */
}

#contentShopping .right {
  color: #333;
 margin: 0px 5px 5px 0px;
 padding: 5px;
 width: 196px;
 float: right;
/*border: 1px solid green; */
}

#fishtank {
  float: right;
  margin-left: 20px;
  width: 420px;
}
/*/////////main nav///////*/
#navigation {
 position: relative;
  width: 197px;
  height: 300px;
  background-image: url(../images/navigation.gif);
  margin-top: 50px;
}

#navigation ul {
  position: relative;
  margin: 0;
  padding: 0;
}
#navigation li {list-style-type:none; display:inline; width:197px;}
#navigation a, #navigation a:visited {display:block; width:197px; height:25px; text-decoration:none;background: transparent;}
#navigation a#home {position:absolute; left:0px; top:-2px;width: 197px; height: 25px;}
#navigation a#about {position:absolute; left:0px; top:26px; width: 197px; height: 25px; }
#navigation a#about_fish {position:absolute; left:0px; top:55px; width: 197px; height: 25px; }
#navigation a#people  {position:absolute; left:0px; top:83px;width: 197px; height: 25px;}
#navigation a#shop_us {position:absolute; left:0px; top:113px; width: 197px; height: 25px;}
#navigation a#shop_on {position:absolute; left:0px; top:142px; width: 197px; height: 25px; }
#navigation a#eating {position:absolute; left:0px; top:171px; width: 197px; height: 25px; }
#navigation a#fishtank {position:absolute; left:-20px; top:198px; width: 197px; height: 25px;}
#navigation a#recipes {position:absolute; left: 0px; top:229px; width: 197px; height: 25px; }
#navigation a#contact {position:absolute; left:0px; top:259px; width: 197px; height: 25px; }

#navigation a#home:hover { background-image: url(../images/nav/home.gif); z-index:100;}
#navigation a#about:hover { background-image: url(../images/nav/about.gif); z-index:100;}
#navigation a#about_fish:hover {background-image: url(../images/nav/about_fish.gif); z-index:100;}
#navigation a#people:hover {background-image: url(../images/nav/people.gif); z-index:100;}
#navigation a#shop_us:hover {background-image: url(../images/nav/shop_us.gif); z-index:100;}
#navigation a#shop_on:hover { background-image: url(../images/nav/shop_on.gif); z-index:100;}
#navigation a#eating:hover { background-image: url(../images/nav/eating.gif); z-index:100;}
#navigation a#fishtank:hover {background-image: url(../images/nav/fishtank.gif); z-index:100;}
#navigation a#recipes:hover { background-image: url(../images/nav/recipes.gif); z-index:100;}
#navigation a#contact:hover { background-image: url(../images/nav/contact.gif); z-index:100;}
/*/////h1 image replacement/////*/
h1 {
  position: relative;
  width: 300px;
  height: 30px;
  overflow: hidden;
  font-size: 180%;
  color:#6CC5F2;
}
h1 span.home {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/headings/welcome.png);
  background-repeat: no-repeat;
}
h1 span.about {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/headings/about.png);
  background-repeat: no-repeat;
}
h1 span.about_fish {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/headings/about_fish.png);
  background-repeat: no-repeat;
}
h1 span.people {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/headings/people.png);
  background-repeat: no-repeat;
}
h1 span.shop_us {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/headings/shop_us.png);
  background-repeat: no-repeat;
}
h1 span.eating{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/headings/eating.png);
  background-repeat: no-repeat;
}
h1 span.fishtank {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/headings/fishtank.png);
  background-repeat: no-repeat;
}
h1 span.recipes {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/headings/recipes.png);
  background-repeat: no-repeat;
}
h1 span.contact {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/headings/contact.png);
  background-repeat: no-repeat;
}
h2 {
   height: 30px;
  background-image: url(../images/headings/buying_home.png);
  background-repeat: no-repeat;
  text-indent: -9999px;
  /*position: relative;
  width: 300px;
  height: 30px;
  overflow: hidden;
  font-size: 180%;
  color:#6CC5F2; */
}
/*h2 span.buying {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/headings/buying_home.png);
  background-repeat: no-repeat;
}*/
h3 {
   height: 30px;
   background-image: url(../images/headings/cooking.png);
  background-repeat: no-repeat;
  text-indent: -9999px;
 /* position: relative;
  width: 300px;
  height: 30px;
  overflow: hidden;
  font-size: 130%;
  color:#6CC5F2; */
}
/*h3 span.recipes {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/headings/cooking.png);
  background-repeat: no-repeat;
}*/
ul {
  color: #333;
  text-decoration: none;
  font-size: 100%;
}
li {
  margin-bottom: 0.5em;
}