body
{
font-size: 15px;
font-family: "Verdana";
margin: 0px;
background-color: #252525;
}
a
{
color: #ffffff;
font-weight: none;
text-decoration: none;
}
a:hover
{
color: #c4b902;
}
#content
{
position: absolute;
width: 1000px;
height: 650px;
left: 50%;
top: 50%;
margin-left: -503px;
margin-top: -328px;
background-image: url(img/background.jpg);
border: 3px solid #636361;
}
#menu
{
position: absolute;
left: 20px;
top: 50px;
padding: 0px;
list-style: none;
}
#landmenu
{
display: none;
padding-left: 15px;
list-style: none;
}
#landscape
{
color: #ffffff;
}
#landscape:hover 
{
color: #c4b902;
}
#landscape:hover #landmenu
{
display: block;
}
#inside
{
position: absolute;
width: 568px;
height: 500px;
left: 50%;
top: 50%;
margin-left: -287px;
margin-top: -250px;
border: 0px solid red;
}
#image
{
width: 420px;
height: 390px;
}
#preview
{
padding-top: 15px;
height: 60px;
}
#prv
{
width: 12px;
height: 60px;
background-image: url(img/prv.gif);
background-position: top left;
}
#prv:hover
{
background-position: top right;
}
#nxt
{
width: 12px;
height: 60px;
background-image: url(img/nxt.gif);
background-position: top left;
}
#nxt:hover
{
background-position: top right;
}
#images
{
position: absolute;
left: 50%;
margin-left: -209px;
width: 418px;
}
#textinfo
{
position: absolute;
left: 50%;
top: 50%;
margin-left: -190px;
margin-top: -170px;
font-size: 12px;
width: 380px;
height: 340px;
overflow: auto;
}
.infohref
{
color: #847d01;
}
.infohref:hover
{
color: #d8cc00;
}
#info
{
position: absolute;
top: 100%;
left: 50%;
margin-left: -500px;
width: 1000px;
color: #636361;
}