/*Painted_Pooch_stylesheet2.0.css */

body  {
      color: #400000;
      background-image: url("compositebackground3.jpg");
      background-repeat: no-repeat;
      }
         
h1    {
      font-family:  "arial narrow";
      font-size:  5em;
      border: "transparent" 3px solid;
      background-color: "transparent";
      color:  #c85808; 
      width:  50%;
      margin-left:  50%; 
      text-align: center;
      margin-top: 80px;
      margin-right:13px;
      }  

h2    {
      font-family:  "Arial Narrow";
      font-size:  3em;
      float: right;
      text-align: right;
      margin-top: 80px;
      margin-bottom:30px;
      margin-right:15px;
      }
      
#main {
      font-family:  "Arial Narrow";
      z-index:  4;
      color: #400000;
      background-color: "transparent";
      text-align: right;
      font-size: large;
      line-height:  200%;
      margin-top: 50px;
      margin-bottom:  100px;
      margin-right:15px;
      width:  60%;
      float:  right;
      }
      
#menu ul    {
      position: fixed;
      width:100%;
      z-index:51;
      top: 0;
      margin-left: auto;
      margin-right: auto;
      padding:0;
      list-style-type:none;
      }
      
#menu a     {
      float:right;
      width:4em;
      text-decoration:none;
      font-family:  "Arial Narrow";
      text-align: center;
      color:white;
      background-color: #735973;
      padding:0.4em 0.8em;
      border:1px solid black;
      }
      
#menu a:hover {
      background-color:#98b8f0;
      }

#menu li    {
      display:inline
      }
      
#pageimage  {
      margin-left:  50%;
      margin-bottom:  20px;
      }
      
#designer {
      position: relative;
      font-style: italic;
      margin-left:  60%;
      color:  #98b8f0;
      }
      
.praise {
      font-family:  "Arial Narrow";
      z-index:  4;
      color: #400000;
      background-color: "transparent";
      text-align: left;
      font-size: x-large;
      line-height:  150%;
      margin-top: 50px;
      margin-bottom:  50px;
      margin-right:15px;
      width:  50%;
      float:  right;
      }

#contact  {
      font-family:  "Arial Narrow";
      z-index:  4;
      color: #400000;
      background-color: "transparent";
      text-align: center;
      font-size: x-large;
      line-height:  150%;
      margin-top: 50px;
      margin-bottom:  50px;
      margin-right:15px;
      width:  50%;
      float:  right; 
}

img { border: 0; }

#gallery {
      float:  right;
      width: 480px;
      margin: 45px auto;
      background: black;
      padding: 5px;
      }
            
#gallery a {
      position: relative;
      z-index: 10;
      display: block;
      float: left;
      width: 100px;
      height: 75px;
      margin: 10px;
      }
      
#gallery img {
      width: 100%;
      height: 100%;
      border: 1px solid;
      border-color: #999 #ddd #ddd #999;
      }
      
#gallery a:hover {
      z-index: 50;
      top: -45px;
      left: -53px;
      }
      
#gallery a:hover img {
      width: 200px; height: 150px;
      padding: 1px;
      background: #ccc;
      border: 2px solid; border-color: #eee #bbb #bbb #eee;
      }