/* Combined Style Sheet for PAX Gemini -- Gallery & Product Pages */


/* Style for all bodies. */



body {
	margin: 0; padding: 0;
	
        background-color: #008;

 	text-align: left;

        font-family: BankGothic Md BT, Verdana, Arial, sans-serif;
        text-align: left;
 }



/* DIVS FOR USE WITH LAYOUT */



/* THE CONTAINER IS 770PX WIDE TO ALLOW FOR A MINIMUM OF 800X600 RESOLUTION (INCLUDING SCROLLBAR) */



#container{   margin: 0 auto 0 auto; padding: 0; 
              width: 770px; background-color: #fff; 
              background-image: url(images/cntnerbkgrnd.gif); 
              background-position: bottom left; 
              background-repeat: no-repeat; 
              overflow: hidden; }


#topleft  {   float: left; 
              margin-bottom: 15px; 
              padding: 0; width: 430px; height: 205px; 
              background-color: #ccc; 
              background-image: url(images/AZ_Sunrise.jpg); 
              background-position: left; 
              background-repeat: no-repeat; }


#topright {   float: left; 
              margin-bottom: 15px; 
              padding: 0; width: 340px; height: 205px; 
              background-color: #fff; }


#leftcol  {   float: left; 
              margin: 0; padding: 0; width: 225px; }


#maincontent {float: left; margin: 0; padding: 0; width: 540px; }


#copyright{   margin: 0 auto 0 auto; padding: 0; 
              width: 770px; height: 20px; 
              background-color: #F4F0ED; }


#design   {   margin: 0 auto 0 auto; padding: 0; 
              width: 770px; height: 20px; 
              background-color: #fff; }



#divblanksquares
          { 
  float: right; 
margin-left: 0; padding: 0;
              width: 340px; height: 35px;
              background-color: transparent; 
}



#navone   { 
  float: right;
  margin-left: 85px; padding: 0; 
           /* large left margin means this row is pushed down correctly */
  
              width: 255px; height: 85px; 
  
              background-color: transparent; 
}



#navtwo   {
  float: right;
  margin-left: 170px; padding: 0; 
          /* large left margin means this row is pushed down correctly */
  
             width: 170px; height: 85px; 
  
             background-color: transparent; 
}



div.topsquare 
          {
  float: right;
  margin-left: 10px; padding: 0;
  
             width: 75px; height: 35px;
  
             background-color: rgb(0, 0, 255);
}



div.midsquare 
          {
  float: right;
  margin-left: 10px; margin-top: 10px; padding: 0;
  
             width: 75px; height: 75px;
  background-color: rgb(0, 0, 192);
}



div.bttmsquare 
          {
  float: right;
  margin-left: 10px; margin-top: 10px; padding: 0;
  
             width: 75px; height: 75px;
  background-color: rgb(0, 0, 128);
}



/* DIVS FOR USE WITH CONTENT */



div.leftitem 
          {
  margin: 0 10px 10px 10px; padding: 0;
  
             background-color: #F4F0ED;
}



/* TEXT STYLES */


p         {
  margin: 5px; padding: 5px;
  
             font-size: 0.7em;
  
             line-height: 1.4em;
  
             font-weight: normal;
  
             color: #666;
 }



p.small   {
  margin: 1px 5px 1px 5px; 
             padding: 5px;
  
             font-size: 0.6em;
  
             line-height: 0.6em;
  
             font-weight: normal;
  
             color: #666;
 }



p.design  {
  margin: 1px 5px 1px 5px; 
             padding: 5px;
  
             font-size: 0.6em;
  
             line-height: 0.6em;
  
             font-weight: bold;
  
             text-align: center;
  
             color: #999;
 }



h1        {
  margin-top: 30px; 
             margin-left: 70px; 
             padding: 0;
  
             font-size: 2em; 
             font-weight: normal; 
             font-style: italic;
  
             line-height: 2em; 
             color: rgb(210, 80, 60);
 }



#slogan   {
  margin-top: 10px; 
             margin-left: 90px; 
             padding: 0;
  
             font-size: 0.8em; 
             font-weight: bold; 
             font-style: italic;
  
             line-height: 1.0em; 
             color: #444;
}



h2        {
  margin: 5px; 
             padding: 5px;
  
             font-size: 0.9em; 
             font-weight: bold; 
             font-style: normal;
  
             line-height: 1.4em;
  
             color: rgb(210, 80, 60);
 }



h3        {
  margin: 5px; 
             padding: 5px;
  
             font-size: 0.7em; 
             font-weight: bold; 
             font-style: normal;
  
             line-height: 1.4em;
  
             color: #666;
 }



ul li     {
  margin-left: 5; 
             padding: 0;
  
             font-size: 0.7em;
  
             line-height: 1.6em;
  
             font-weight: normal;
  
             color: #666;
  
             list-style-type: square;
 }



ol li     {
  margin: 0 0 0 10px; 
             padding: 0;
  
             font-size: 0.7em;
  
             line-height: 1.6em;
  
             font-weight: normal;
  
             color: #666;
  
             list-style-type: decimal-leading-zero;
 }



/* LINKS */


/* USE MAINNAV FOR THE FIRST ROW OF LINKS */



#mainnav  {
  width: 255px;
  
             height: 85px;
  
             margin: 0;
  
             padding: 0;
}



#mainnav li{ float: right;
  
             list-style: none; 
  
             margin: 0;
  
             padding: 0;
}



#mainnav a { margin: 10px 0 0 10px; 
          /* margin on only the left and top */
  
             padding: 0;
  
             display: block;
  
             width: 75px;
  
             height: 75px;
  
             text-align: right;
  
             font-weight: bold; 
             font-size: 10px;
}



#mainnav a:link, 
#mainnav a:visited 
           {
  color: #fff;
  
              text-decoration: none;
  
              background-color: rgb(0, 0, 192);
}



#mainnav a:hover, 
#mainnav a:active 
           {
  color: #fff;
  
              text-decoration: none;
  
              background-color: rgb(0, 0, 255);
}



/* USE SECOND NAV FOR THE SECOND ROW OF LINKS */



#secondnav {
  width: 170px;
  
              height: 85px;
  
              margin: 0;
  
              padding: 0;
}



#secondnav li 
          { 
  float: right;
  
              list-style: none; 
  
              margin: 0;
  
              padding: 0;
}



#secondnav a 
           {
  margin: 10px 0 0 10px; 
           /* margin on only the left and top */
  
              padding: 0;
  
              display: block;
  
              width: 75px;
  
              height: 75px;
  
              text-align: right;
  
              font-weight: bold; 
              font-size: 10px;
}



#secondnav a:link, 
#secondnav a:visited 
           {
  color: #fff;
  
              text-decoration: none;
  
              background-color: rgb(0, 0, 128);
}



#secondnav a:hover, 
#secondnav a:active 
           {
  color: #fff;
  
              text-decoration: none;
  
              background-color: rgb(0, 0, 192);
}



/* PARAGRAPH LINKS */


a:link, a:visited 
           {
  font-weight: bold;
  
              text-decoration: none;
  
              color: rgb(31, 104, 143);
}



a:hover, 
a:active   {
  font-weight: bold;
  
              text-decoration: none;
  
              color: rgb(109, 191, 235);
}



/* IMAGES */

/* LEFT AND RIGHT FLOATING IMAGES: */



img.left   {  float: left, border 0; }


img.right  {  float: right, border 0; }



/* ACRONYMS */

acronym { border-bottom: 1px dotted #777; }



/* ============================================================== */

/* Combined styles for the Image index pages and the slide pages. */

/* ============================================================== */



/* Style for all table cells. */


td         {
  font-family: Arial, sans-serif;
	
              font-size: 10px;
}



/* Put a border on all generated images */

.image     {
  border-width: 1px;

	      border-color: black;
	      border-style: solid;

	      margin: 5px;
}



/* Align the content of the cells on the index pages to the center and top. */


#index td  {
  text-align: center;

	      vertical-align: top;
}



/* Remove the margin under the images on the index pages. */


#index.image
           {
  margin-left: 2px;

	      margin-right: 2px;

	      margin-bottom: 0;
}



/* Don't have margins on the slide pages. */


body#slide {
  margin: 0;
}



/* Highlight the image name on the slide pages. */


#slide.name {
 font-weight: bold;

	      font-size: 14px;
}




#imageinfo {
  visibility: hidden;
}