body {
    font-family: Verdana Narrow,  Helvetica Narrow, sans-serif;
    color: azure;
    background-color: #000000;
}

  .master_image {
     position:absolute;
     top: 0px;
  }

  .main {
     padding-left: 60px;
  }

  .seeanimals {
     top: 12px;
     position:absolute;
     font-weight: 500;
     font-family: Verdana Narrow,  Helvetica Narrow, sans-serif;  
     color: black;
     font-size: 220%;
     letter-spacing: 1px;
     margin-bottom: -10px;
     text-transform: uppercase;
     background-color:azure;
	 opacity: 0.9;
  }
  
   .labels {
	width: 342px;
     font-family: Verdana Narrow,  Helvetica Narrow, sans-serif;  
     color: azure;
     font-size: 80%;
     letter-spacing: 1px;
     text-transform: uppercase;
     background-color:black;
  }

   .instructions {
	width: 342px;
     font-family: Verdana Narrow,  Helvetica Narrow, sans-serif;  
     color: azure;
     font-size: 75%;
     letter-spacing: 1px;
     text-transform: uppercase;
     background-color:black;
  }
  
  .shares {
	width: 342px;
     font-family: Verdana Narrow,  Helvetica Narrow, sans-serif;  
     color: azure;
     font-size: 80%;
     letter-spacing: 1px;
     text-transform: uppercase;
     background-color:black;
  }

  .mainpic {
     top: 80px;
     position:absolute;
     padding-top: 8px;
     padding-left: 20px;
  }

  h1,h2,h3,h4,h5,p,ul {
    font-family: Verdana Narrow,  Helvetica Narrow, sans-serif;
  }

  em { font-style: italic; font-weight: bold; }
  strong { text-transform: uppercase;  font-weight: bold; }

  h1 { 
    font-size: 200%; 
    text-transform: uppercase;
    padding: 0;
  }

  h2 { font-size: 150%; }
  h3 { font-size: 100%; }

  ul.navbar li {
    margin: 0.0em 0;
    padding-left: 0em;
    border-right: 0em solid black;
    text-indent: 15px;
    background-color: azure
  }

  ul.navbar hr {
    color: azure
  }

  ul.navbar a {
    text-decoration: none 
  }

  a:link {
    color: black
  }

  a:visited {
    color: black
  }

  a { text-decoration:none }

  .faq {
    position: absolute;
    top: 764px;
    font-size: 90%;
    font-style: normal;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 12px;
    padding-right: 12px;
    font-family: Helvetica Narrow, sans-serif;
    color: black;
    background-color: azure;
    border-bottom: solid azure;
    width: 140px;
  }

  .fabrics {
    position: absolute;
    top: 700px;
	left: 100px;
    font-size: 90%;
    font-style: normal;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    font-family: Helvetica Narrow, sans-serif;
    color: black;
    background-color: azure;
    border-bottom: solid azure;
    width: 700px;
	visibility: hidden;
	 opacity: 0.9;
  }
    
  .qoop {
     top: 600px;
     position:absolute;
     padding-top: 8px;
     padding-left: 10px;
  }

  .search {
     position: absolute;
     top: 735px;
     left: 500px;
     font-size: 70%;
     font-style: normal;
     font-weight: bold;
     padding-top: 0px;
     padding-bottom: 0px;
     padding-left: 8px;
     padding-right: 8px;
     font-family: Verdana Narrow,  Helvetica Narrow, sans-serif;
     color: azure;
     background-color: black;
     border-bottom: solid black;
     letter-spacing: 1px;
     margin-bottom: -10px;
     text-transform: uppercase;    
  }
  
   .search_lower {
     position: absolute;
     top: 850px;
     left: 500px;
     font-size: 70%;
     font-style: normal;
     font-weight: bold;
     padding-top: 0px;
     padding-bottom: 0px;
     padding-left: 8px;
     padding-right: 8px;
     font-family: Verdana Narrow,  Helvetica Narrow, sans-serif;
     color: azure;
     background-color: black;
     border-bottom: solid black;
     letter-spacing: 1px;
     margin-bottom: -10px;
     text-transform: uppercase;    
  }
  
    .result {
     top: 0px;
     left: 0px;
     font-size: 75%;
     font-style: normal;
     font-weight: bold;
     font-family: Verdana Narrow,  Helvetica Narrow, sans-serif;
     color: azure;
     background-color: black;
     border-bottom: solid black;
     letter-spacing: 1px;
     margin-bottom: -10px;
     text-transform: uppercase; 
  }
  
   .error {
     top: 360px;
     left: 290px;
     position:absolute;
     font-size: 75%;
     font-style: normal;
     font-weight: bold;
     padding-top: 8px;
     padding-bottom: 8px;
     padding-left: 8px;
     padding-right: 8px;
     font-family: Verdana Narrow,  Helvetica Narrow, sans-serif;
     color: azure;
     background-color: black;
     border-bottom: solid black;
     letter-spacing: 1px;
     margin-bottom: -10px;
     text-transform: uppercase; 
  }
  
  INPUT {
	 font-family: Verdana Narrow,  Helvetica Narrow, sans-serif;
     font-style: normal;
     font-weight: bold;
	 font-size: 85%;
     letter-spacing: 1px;
     text-transform: uppercase;  
	}

  .footer  {
     border-left: 164px solid azure;
     position: absolute;
     top: 580px;
     width: 740px;
  }

  .lower_footer  {
     border-left: 164px solid azure;
     position: absolute;
     top: 790px;
     width: 740px;
	 opacity: 0.9;
  }

  .lowest_footer  {
     border-left: 164px solid azure;
     position: absolute;
     top: 920px;
     width: 740px;
  }

  address {
    font-size: 50%;
    font-style: normal;
    margin-top: 8px;
    padding-top: 0px;
    padding-left: 8px;
    font-family: Helvetica Narrow, sans-serif;
    color: black;
    background-color: azure;
    border-bottom: solid azure;
  }

  .sizes  {
     position: absolute;
     top: 66px;
     left: 890px;
  }

  
  /* pixpanel is the image panel */

.pixpanel {width:850px; text-align:left; position:relative; margin:0 auto;  top: 108px;    position:absolute;    padding-top: 8px;    padding-left: 0px;}

.pixpanel ul.topic {padding:0; margin:0; list-style:none; width:850px; height:auto; position:relative; z-index:10;}

/* bar of topics */
.pixpanel ul.topic li {display:block; width:94px; height:31px; float:left;}

.pixpanel ul.topic li a.set {display:block; font-size:11px; width:93px; height:30px; text-align:center; line-height:30px; color:black; text-decoration:none; border:1px solid black; 
		border-width:1px 1px 0 0; background: azure; font-family:Verdana, Helvetica, sans-serif; text-transform: uppercase;}

.pixpanel ul.topic li a ul, 
.pixpanel ul.topic li ul 
{display:none;}

/* operations and hovering on bar of topics */

.pixpanel ul.topic li.active a
{color:azure; background:black;}

.pixpanel ul.topic li.toclick a
{color:black; background:white;}

.pixpanel ul.topic li a:hover,
.pixpanel ul.topic li:hover a
{color:azure; background:black;}

/* flips back panel to original one that is set to active in html */
.pixpanel ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:528px; background:black; width:781px; padding:40px 30px; border:2px solid azure; z-index:1;}

/* flips panel to hovered one*/
.pixpanel ul.topic li a:hover ul, 
.pixpanel ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:528px; background:black; width:781px; padding:40px 30px; border:2px solid azure; z-index:100;}

/* borders of images */

.pixpanel ul.topic li ul li
{display:inline; width:254px; height:174px; float:left; border:1px solid black; margin:1px;}

.pixpanel ul.topic li ul li a
{display:block; width:252px; height:172px; cursor:default; float:left; text-decoration:none; background: azure; border:0px solid azure;}

.pixpanel ul.topic li ul li a img
{display:block; width:240px; height:160px; border:2px solid azure;}

/* pops-up image to relative position */
.pixpanel ul.topic li a:hover ul li a:hover, 
.pixpanel ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

/* pops-up image when hovering */
.pixpanel ul.topic li a:hover ul li a:hover img, 
.pixpanel ul.topic li:hover ul li a:hover img 
{position:absolute; left:-68px; top:-40px; width:400px; height:268px; border-color:azure;}



  /* navpanel is the navigation image panel */

.navpanel {width:850px; text-align:left; position:relative; margin:0 auto;  top: 108px;    position:absolute;    padding-top: 8px;    padding-left: 0px;}

.navpanel ul.topic {padding:0; margin:0; list-style:none; width:850px; height:auto; position:relative; z-index:10;}

/* bar of topics */
.navpanel ul.topic li {display:block; width:94px; height:31px; float:left;}

.navpanel ul.topic li a.set {display:block; font-size:11px; width:93px; height:30px; text-align:center; line-height:30px; color:black; text-decoration:none; border:1px solid black; 
		border-width:1px 1px 0 0; background: azure; font-family:Verdana, Helvetica, sans-serif; text-transform: uppercase;}

.navpanel ul.topic li a ul, 
.navpanel ul.topic li ul 
{display:none;}

/* operations and hovering on bar of topics */

.navpanel ul.topic li.active a
{color:azure; background:black;}

/* flips back panel to original one that is set to active in html */
.navpanel ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:528px; background:black; width:781px; padding:40px 30px; border:2px solid azure; z-index:1;}

/* borders of images */

.navpanel ul.topic li ul li
{display:inline; width:380px; height:280px; float:left; border:1px solid black; margin:1px;}

.navpanel ul.topic li ul li a
{display:block; width:352px; height:240px; cursor:default; float:left; text-decoration:none; background: azure; border:0px solid azure;}

.navpanel ul.topic li ul li a img
{display:block; width:340px; height:228px; border:2px solid azure;}

/* pops-up image to relative position */
.navpanel ul.topic li a:hover ul li a:hover, 
.navpanel ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

/* pops-up image when hovering */
.navpanel ul.topic li a:hover ul li a:hover img, 
.navpanel ul.topic li:hover ul li a:hover img 
{position:absolute; left:-28px; top:-32px; width:400px; height:268px; border-color:azure;}



/* begin navlinks */

/*.navlinks {width:750px; text-align:left; position:relative; margin:0 auto;  top: 110px;    position:fixed;    padding-top: 8px;    padding-left: 30px;}*/

.navlinks ul.topic {
	padding:0; 
	margin:0; 
	list-style:none; 
	width:750px; 
	height:auto; 
	position:relative;
    top: 55px;
	left: 60px;
	opacity: 0.9;
  }

.navlinks ul.topic li {	
	display:block; 
	width:91px; 
	height:20px; 
	float:left; 
	font-family: Verdana Narrow,  Helvetica Narrow, sans-serif; 
	text-transform: uppercase; 
	letter-spacing: 1px;  
	font-weight: 600;			
	margin-bottom: 0px;
	opacity: 0.9;
  }

.navlinks ul.topic li a.set {	
	display:block; 
	font-size:11px; 
	width:90px; 
	height:20px; 
	text-align:center; 
	line-height:20px; 
	color:black; 
	text-decoration:none; 
	border:1px solid black; 
	border-width:1px 1px 0 0; 
	background: azure; 
	font-family: Verdana Narrow,  Helvetica Narrow, sans-serif; 
	text-transform: uppercase;
	opacity: 0.9;
}

.navlinks ul.topic li a ul, 
.navlinks ul.topic li ul 
{display:none;}

.navlinks ul.topic li.active a
{color:azure; background:black;}

.navlinks ul.topic li a:hover,
.navlinks ul.topic li:hover a
{color:azure; background:black;}

.navlinks ul.topic li a:hover ul li a:hover, 
.navlinks ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}