/***** General formatting only ****/

body {
background: #000;
margin:0 0 0 0;
}
img {border:0;}

div.page {
width:800px;
margin:auto;
min-height: 100%;
}

div.head {
width:800px;
height:177px;
text-align:center;
padding:0px;
margin:0px;
float:left;
}

div.content {
width:800px;
height:331px;
margin:auto;
}

div.left {
margin:auto;
width:400px;
height:331px;
text-align:center;
position: relative;
float: left;
}
div.right {
margin:auto;
width:400px;
height:331px;
text-align:center;
position: relative;
float: left;
}

div.table {
width:800px;
margin:auto;
text-align:center;
position:relative;
float:left;
}

div.foot {
width:800px;
height:100px;
margin:auto;
padding-top:20px;
text-align:center;
}

.text {
font: 12px trebuchet, arial, helvetica, sans-serif;
color:#777;
text-align:center;
}
table.text a, a:visited {
color:#777;
font: 12px trebuchet, arial, helvetica, sans-serif;
text-decoration: none;
}
.text a:hover {
color:#28ff05;
font: 12px trebuchet, arial, helvetica, sans-serif;
text-decoration: none;
}
/**************** upper menu *****************/


/**************** links *****************/
.menu {
margin-top: 20px;
width: 400px;
height:30px;
text-align:center;
}

.menu a:hover, .menu .current{
color:#28ff05 !important;
font: bold 14px trebuchet, arial, helvetica, sans-serif;
text-decoration: none;
}

.menu a, a:visited {
color:#777;
font: bold 14px trebuchet, arial, helvetica, sans-serif;
text-decoration: none;
padding:0 0px 0 0px;
}

.menu img a {
border:none;
text-decoration:none;
}
/**************** content panel *****************/
.copy {
font: 12px trebuchet, arial, helvetica, sans-serif;
color:#777;
}
.con {
font: 12px trebuchet, arial, helvetica, sans-serif;
color:#28ff05;
}

/* START OF CODE FOR POPUP PHOTOS */
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 10;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fff;
padding: 0;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
z-index: 10;
top: -50px;
left: 10px; /*position where enlarged image should offset horizontally */
}
/*  END OF CODE FOR POPUP PHOTOS */
/*  START OF CODE FOR POPUP PHOTOS  */
.thumbnail1{
position: relative;
z-index: 0;
}
.thumbnail1:hover{
background-color: transparent;
z-index: 10;
}
.thumbnail1 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fff;
padding: 0;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail1 span img{ /*CSS for enlarged image*/
border-width: 0;
}
.thumbnail1:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
z-index: 10;
top: -150px;
left: 10px; /*position where enlarged image should offset horizontally */
}
/* END OF CODE FOR POPUP PHOTOS */
/* START OF CODE FOR POPUP PHOTOS */
.thumbnail2{
position: relative;
z-index: 0;
}
.thumbnail2:hover{
background-color: transparent;
z-index: 10;
}
.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fff;
padding: 0;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
}
.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
z-index: 10;
top: -350px;
left: 10px; /*position where enlarged image should offset horizontally */
}
/*  END OF CODE FOR POPUP PHOTOS  */

a:hover img {filter:none;}
div.Div1 {position:relative; width:400px; height:331px; border:0;}
div.Div0 {position:relative; top:0px; width:100px; height:100px; border:0;}
a.img2 {position:absolute; top:0px; left:0px;}
a.img1 {position:absolute; top:0px; left:0px;}

a:hover img {filter:none;}
div.Div1 {position:relative; width:400px; height:331px; border:0;}
div.Div0 {position:relative; top:0px; width:100px; height:100px; border:0;}
a.img1 {position:absolute; top:0px; left:0px;}
a.img2 {position:absolute; top:0px; left:0px;}

a.img1:hover img{visibility:hidden;}
a.img2 img {visibility:hidden;}
a.img2:hover img {visibility:visible;}