@charset "utf-8";
/* CSS Document */
body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
margin:0 auto;
}
h1 {
color:#FFFFFF;
font-size:18px;
margin:5px 10px 0px 0px;
padding:0px;
}
.cl {
clear:both;
}
#main_container {
width:656px;
}
#intro {
line-height:16px;
background-color:#666666;
color:#ffffff;
margin:4px 4px 4px 0px;
padding:4px 4px 4px 4px;
}

#intro p img{
float:left;
margin:4px 4px 4px 0px;
padding:4px 4px 4px 4px;
border:1px solid #999999;
}
#gallery {
width:700px;
}
#gallery ul{
list-style:none;
padding:0px;
margin:0px;
font-weight:bold;
}
#gallery ul li{
list-style:none;
display:inline;
float:left;
width:215px;
height:144px;
padding:0px 0px 0px 0px;
line-height:50px;
font-size:14px;
margin:0px 4px 4px 0px;
color:#FFFFFF;
}
#gallery ul li a:link{
width:215px;
height:144px;
float:left;
text-decoration:none;
padding:0px;
margin:0px 5px 0px px;
color:#FFFFFF;
text-align:center; 
}
#gallery ul li a:hover{
width:215px;
height:144px;
text-decoration:none;
color:#FFFFFF;
padding:0px;
margin:0px 5px 0px px;
}
#gallery ul li a.current{
width:215px;
height:144px;
float:left;
text-decoration:none;
padding:0px;
margin:0px;
color:#FFFFFF;
}
.rollover_img {
width:215px;
height:144px;
font:13px normal Arial, Helvetica, sans-serif;
line-height:18px;
float:left;
margin:0 10px 10px 0;
}

.rollover_img a {
color: #fff;
width:215px;
height:144px;
display: block;
text-decoration: none;
}

.rollover_img a:hover {
background:#000;
opacity:.80;
filter:alpha(opacity=80);
}

.rollover_img a div {
display: none;
width: 215px;
padding:5px;
margin:0px 5px 0px 0px;
}

.rollover_img a:hover div {
display: block;
}