body {
 margin-top: 15px;
 padding: 0;
 text-align: left;
 background: #131617;
 font-family: Courier New, Courier, monospace;
 font-size: 13px;
 color: #E0BC9C;
}

select, input, textarea {
    background-color: #818DA2;
    border: 1px solid #C0C6D4;
    color: #212931;
    padding: 1px;
    font-family: arial, tahoma, verdana, helvetica, sans serif;
    font-size: 85%;
}

h1, h2, h3 {
 margin-top: 0;
 font-weight: normal;
 
}

h1 {
 font-size: 197%;
 color: #7C5F42;
}


h2 {
 font-size: 170%;
 font-weight: bold;
      color: #B86334;

}
p, ul, ol {
 margin-bottom: 1.6em;
 line-height: 180%;
}

p {
}

blockquote {
      font-family: arial, tahoma, verdana, helvetica, sans serif;
      font-weight: bold;
 font-size: 90%;
 color: #D2A278;
}

ul {
}

ol {
}

a {
 color: #A88E80;
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
}

small {
}

hr {
 display: none;
}

#page1 {
 clear: both;
 width: 731px;
      margin: 0 auto;
 text-align:center;
      background: #2C2828 url(../images/back.jpg) no-repeat;
}


#header {
 width: 720px;
 height: 67px;
 margin: 0 auto;

}


#logo {
 float: left;
 height: 67px;
}

#logo h1, #logo h2 {
 margin: 0;
}

#logo h1 {
 padding-left: 5px;
 padding-top: 20px;
 text-align: bottom;
 font-size: 250%;
 font-weight: bold;
}

#logo h2 {
 padding-left: 60px;
}

#logo a {
 text-decoration: none;
 color: #D3B1B1;
}


#menu {
 width: 720px;
 height: 45px;
 margin: 0 auto;
 background: url(../images/menbk6.gif) repeat-x;
}

#menu ul {
 margin: 0;
 padding: 15px 0 0 0;
 list-style: none;
}

#menu li {
 display: inline;
}

#menu a {
 display: block;
 float: left;
 padding: 0 8px 12px 15px;
 background: url(../images/men_down2.gif) no-repeat left center;
 text-align: center;
 text-decoration: none;
 font-size: 130%;
 font-weight: bold;
 color: #D99E77;
}

#menu a:hover {
 color: #F9CA9D;
}

#menu .active a {
 color: #C27C3E;
 background: url(../images/men_up2.gif) no-repeat left center; 
}


#page {
 clear: both;
 width: 720px;
 margin: 0 auto 20px auto;
 padding: 5px 0 0 0;
}


#content {
 text-align:left;
 float: right;
 width: 400px;
 height: 340px;
 padding: 10px 10px 15px 10px;
 font-size: 85%;
}


#content ul {
      list-style-position: outside;
      list-style-type: circle;
 line-height: 110%;
}


#sidebar {
 float: left;
 width: 255px;
 padding: 28px 2px 2px 22px;
      font-family: arial, tahoma, verdana, helvetica, sans serif;
 font-size: 80%;
 font-weight: bold;
      text-align: left;
 line-height: 180%;
}


#sidebar ul {
      list-style-position: outside;
      list-style-type: circle;
 margin: 0;
 padding-left: 25px;

}

#sidebar p {
 font-size: 105%;
}

#sidebar li ul {

}


#sidebar h2 {
 font-size: 125%;
 font-weight: bold;
 color: #D5C2B5;
}

#sidebar h3 {
 margin: 0;
}


#sidebar a {
 text-decoration: none;

}

#sidebar a:hover {
 color: #D0C2BA;
 text-decoration: underline;
}

 


#footer {
 clear: both;
 height: 55px;
 width: 705px;
 margin: 0 auto 0 auto;
 padding-top: 15px;
 padding-right: 15px;
 background: url(../images/footbar.jpg) no-repeat;
 color: #FFBD77;
}

#footer p {
 margin: 0;
 text-align: right;
 font-size: 77%;
}

#footer a {
 color: #FFBD77;
}

.gallerycontainer{
 position: relative;
}

.thumbnail img{
 border: 0;
 margin: 0 1px 1px 0;
}

.thumbnail:hover{
 background-color: transparent;
}

.thumbnail:hover img{
      border: 0;
}

.thumbnail span{
 position: absolute;
 background-color: transparent;
 padding: 0px;
 left: -1000px;
 border: 0;
 visibility: hidden;
      text-decoration: none;
}

.thumbnail span img{
 border-width: 0;
 padding: 0px;

}

.thumbnail:hover span{
 visibility: visible;
 top: -47px;
 left: -309px;
 z-index: 50;
}

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

forumotion.com