/* CSS Document */

html {
  height: 101%;
}

body {
 background: #000;
 text-align: center;
 }

h1 { font-size: 14px;
margin-top: 150px;
text-align:left;
 }


body, ul, li, h1, p {
  margin: 0;
  padding: 0;
}
li {
  list-style-type: none;
}

a {
  text-decoration: none;
}
a.contact {
  text-decoration: underline;
  color:#000;
}


p {
  padding-bottom: 1em;
}


img {
  display: block;
  border: 0;
}

/*--FONT--*/

body {
  font: 70%/150%  Verdana, Arial, Helvetica, sans-serif, sans;
  }

#content h1 {
  font-weight: normal;
  margin-bottom: 1em;;
  letter-spacing: .1em;
}

/*--COLOR--*/

/*change top nav color here*/
body, a {
  color: #999;
  font-weight: bold;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  }



hr {
  background-color: #fff;
  color: #999;
}


/*--LAYOUT--*/

#container {
  width: 1160px;
  margin: 0 auto 0 auto;
     }

#leftpane {
  width: 180px;
  height:580px;
    float:left;
 margin-top:0px;
}

#contactleftpane {
  width: 80px;
  height:300px;
    float:left;
 margin-top:0px;
}






/*This is the logo as a background image the regular h1 text is in the HTML - need to place background image to hide the text*/
#leftpane h1.header {
  text-indent: -5000px;
  background: 25% 35% url(images/logo.jpg) no-repeat;
  height: 100px;
  margin-top:2px;
  margin-left:10px;
  }
  

#contactleftpane h1.header {
  text-indent: -1000px;
  background: 50% 35% url(images/newlogo7.jpg) no-repeat;
  height: 211px;
  margin-top: 25px;
  margin-left:24px;
  }







	
#rightpane2 {
  margin-left:50px;
        }	

footer {
    color:#333;
	}

#footer2 {
    color:#333;
	}

#nav {
  
  text-align: center; 
  height:30px;
  }

#nav li {
  display: inline;
  
  
}

#nav li a {
  padding:  0 15px 2px 15px;
}

#nav a:hover {
  background-color: #ccc;
  color: #666;
}

#nav a.special:hover {
  background-color: #666;
}

#nav li.current a, #nav a:hover {
  background-color: #333;
  color: #fff;
}


/*Move thumbnails down here*/
#leftpane ul.gallery {
width: 180px;
height:600px;
   margin: 0 auto 0 2em;
}

#leftpane ul.gallery li {
 float:left;
}


/*These are the thumbnails*/
#leftpane ul.gallery li a img {
  padding: 4px 1px 4px 0;
  width: 45px;
  height: 60px;
}

ul.john {
  padding: 15px 1px 2px 0;
  width: 200px;
  height: 200px;
}

/*this makes the thumbnail image shift higher when hovered over*/
#leftpane ul.gallery li a:hover img, #leftpane ul.gallery li a.current img {
  padding: 0 1px 8px 0;
}

/*this is the brown hr under the nav bar
#mcontent {
  border-top: 1.5px solid #c0c0c0;
  border-bottom: 1.5px solid #c0c0c0;

  }
*/

p.contact {
    font-weight:normal;
  color:#666;
  text-align:left;
  }
  
  h2.contact {

  
  color:#666;
  
  }
  
  h2{
  font-size:12px;
  text-align:left;
  }
  
#contact2{
   	color:#999999;
  float:left;
  }
  
#mcontent p {
  padding: 0;
}

#photo {
  margin: 0 auto 0 auto;
  }

#caption {
  padding: .5em 0 0 0;
}

p.footer {
 float: left;
  color: #999;
}

p.footer2 {
 float: left;
  color: #999;
      }