body{
background:#836d5d;
text-align: center;
 
 }
 
#wrapper {
    background-color: #836d5d;
	width: 760px;
    text-align : left ;
    margin-left :auto;
    margin-right : auto ;
	margin-top: 22%;
     }	
 
 
 

#content {
    float:left;  
    width: 500px;
    background-color: #836d5d;
    font-size: .9em;
    line-height: 1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#dccec4;
	margin-top:100px;
    
     
	}


 #galleryh {
 float:left; 
  padding:0; 
  margin:250px auto 5em auto; 
  list-style-type:none; 
  overflow:hidden; 
  width:495px; 
  height:240px; 
  border:1px solid #00ff00; 
  background:#000 url(http://www.creativedistortion.com/images/win_backh.gif);
  }
#galleryh li {
  float:left;
  }
#galleryh li a {
  display:block; 
  height:240px;
  width:28px; 
  float:left; 
  text-decoration:none; 
  border-right:1px solid #fff; 
  cursor:default;
  }
#galleryh li a img {
  width:28px; 
  height:240px; 
  border:0;
  }
#galleryh li a:hover {
  background:#eee; 
  width:320px;
  }
#galleryh li a:hover img {
  width:320px;
  }


#galleryie {
  padding:0; 
  margin:0 auto; 
  list-style-type:none; 
  overflow:hidden; 
  width:495px; 
  height:240px; 
  border:1px solid #888; 
  background:#fff url(http://www.creativedistortion.com/images/windows/win_backh.gif);
  }
#galleryie li {
  float:left;
  }
#galleryie li a {
  display:block; 
  height:240px;
  width:28px;
  overflow:hidden;
  float:left; 
  text-decoration:none; 
  border-right:1px solid #fff; 
  cursor: e-resize;
  }
#galleryie li a img {border:0;}
#galleryie li a:hover {
  background:#eee; 
  width:320px;
  }
 
    

#footer {
	clear: both;
    color:#dccec4;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .7em;
    
}

#footer a{ color: #e28c4c; font-weight:normal; text-decoration:none; }
#footer a:hover{ color:#fffeab; text-decoration:none;cursor: e-resize; }