body, table, th, td, p, div, form, input, textarea, select, h1, h2, h3, h4, h5, a{
font-family:Tahoma;
font-size:12px;
color:#FFF;
margin:0;
padding:0;
font-size:100%;
}
body{
position:relative;
background:#000 url('../img/bg.jpg') top left repeat-y;
font-size:12px;
}
a, a:link, a:visited{
color:#FFF;
text-decoration:underline;
}
a:hover{
text-decoration:none;
}
a.more, a.more:link, a.more:visited{
display:block;
text-align:right;
text-decoration:none;
}
a.more:hover{
font-weight:bold;
}
#c0{
position:relative;
width:970px;
margin:0;
padding:0 0 0 69px;
background:url('../img/c0.bg.jpg') top left no-repeat;
}
html>body #c0{
}
#c1{
width:970px;
height:630px;
position:relative;
background:#000 url('../img/top.bg.jpg') top left no-repeat;
}
html>body #c1{
height:auto;
min-height:630px;
}
#topline{
position:relative;
height:22px;
background:#000 url('../img/topline.jpg') top left repeat-x;
}
#top{
position:relative;
float:left;
width:331px;
height:630px;
}
html>body #top{
height:auto;
min-height:630px;
}
#top h1{
position:absolute;
left:116px;
top:27px;
width:184px;
height:41px;
background:url('../img/h1.gif') top left no-repeat;
}
#top h1 a, #top h1 a:link, #top h1 a:visited{
display:block;
position:relative;
width:184px;
height:41px;
z-index:100;
}
#top h1 span{
display:none;
}
#photographer{
position:absolute;
left:219px;
top:76px;
width:78px;
padding:85px 0 0 0;
background:url('../img/photo.jpg') top left no-repeat;
font-size:9px;
}
a#za, a#za:link, a#za:visited{
display:block;
position:absolute;
left:0px;
top:0px;
width:78px;
padding-top:83px;
}
#menu{
position:absolute;
left:111px;
top:209px;
}
#menu ul{
display:block;
position:relative;
margin:0;
padding:0;
list-style-type:none;
}
#menu ul li.m1{
position:absolute;
left:-95px;
top:95px;
width:102px;
height:158px;
background:#000;
}
#menu ul li a, #menu ul li a, #menu ul li a:visited{
display:block;
position:absolute;
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
z-index:100;
text-decoration:none;
color:#000;
font-weight:bold;
left:0px;
top:0px;
}
#menu ul li a:hover{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
#menu ul li.m1 a, #menu ul li.m1 a, #menu ul li.m1 a:visited{
left:0px;
top:0px;
width:102px;
height:158px;
background:url('../img/m1.jpg') top left no-repeat;
}
#menu ul li.m2 a, #menu ul li.m2 a, #menu ul li.m2 a:visited{
left:20px;
top:95px;
width:175px;
height:98px;
background:url('../img/m2.jpg') top left no-repeat;
}
#menu ul li.m3 a, #menu ul li.m3 a, #menu ul li.m3 a:visited{
left:-95px;
top:265px;
width:159px;
height:101px;
background:url('../img/m3.jpg') top left no-repeat;
color:#FFF;
}
#menu ul li.m4 a, #menu ul li.m4 a, #menu ul li.m4 a:visited{
left:73px;
top:207px;
width:120px;
height:159px;
background:url('../img/m4.jpg') top left no-repeat;
}
#menu ul li a span{
display:none;
}
#menu ul li a:hover span{
display:block;
padding:3px;
}
#menu ul li.m2 a:hover span{
text-align:right;
}
#menu ul li.m3 a:hover span{
padding-top:75px;
}
#menu ul li.m4 a:hover span{
padding-top:120px;
text-align:right;
}
#main{
position:relative;
float:left;
width:570px;
height:630px;
background:url('../img/vline.jpg') top left no-repeat;
}
html>body #main{
height:auto;
min-height:630px;
}
#content{
position:relative;
padding:20px 20px 50px 20px;
}
#content h2{
font-size:24px;
text-transform:uppercase;
font-family:Tahoma;
font-weight:normal;
}
#content p{
padding-bottom:1em;
}
div.message{
color:#FFF;
background:#333;
margin:1em 0;
padding:1em;
}
#bot{
position:absolute;
left:0px;
bottom:0px;
width:970px;
height:40px;
background:url('../img/hline.jpg') top right no-repeat;
}
#copy{
display:block;
padding:23px 20px 0 0;
text-align:right;
font-size:9px;
color:#999;
}
#counter{
display:block;
position:absolute;
left:50%;
top:20px;
}
#content ul.group_list{
margin:0;
padding:0 0 8px 20px;
}
#content ul.group_list li{
display:inline;
padding:0 0 0 10px;
background:url('../img/bul.gif') center left no-repeat;
}
#lc{
position:relative;
width:500px;
height:500px;
}
#photoView{
width:480px;
height:480px;
border:solid 3px #FFF;
}
ul#list{
list-style-type:none;
display:block;
margin:0px;
padding:0px;
position:absolute;
left:500px;
top:68px;
width:100px;
height:486px;
overflow:hidden;
}
html>body ul#list{
left:520px;
}
ul#list li{
margin:0;
padding:0;
height:1em;
}
html>body ul#list li{
height:auto;
}
ul#list li a, ul#list li a:link, ul#list li a:visited{
display:block;
padding:3px;
}
html>body ul#list li a{
margin-bottom:2px;
}
ul#list li a:hover, ul#list li a.active, ul#list li a.active:link, ul#list li a.active:visited{
background:#CCC;
}
ul#list li img{
border:solid 1px #FFF;
}
a#up, a#up:link, a#up:visited{
display:block;
width:90px;
height:20px;
position:absolute;
left:500px;
top:43px;
filter:alpha(opacity=25);
-moz-opacity:.25;
opacity:.25;
background:url('../img/up.gif') top center no-repeat;
}
a#up:hover{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
html>body a#up, html>body a#up:link, html>body a#up:visited{
left:520px;
}
a#up span{
display:none;
}
a#down, a#down:link, a#down:visited{
display:block;
width:90px;
height:20px;
position:absolute;
left:500px;
top:555px;
filter:alpha(opacity=25);
-moz-opacity:.25;
opacity:.25;
background:url('../img/down.gif') bottom center no-repeat;
}
a#down:hover{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
html>body a#down, html>body a#down:link, html>body a#down:visited{
left:520px;
}
a#down span{
display:none;
}