@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
body{font-family:"Courier New", Courier, monospace; font-size:11px; color:black;}
a{color:black;}
h1{position: absolute; z-index:1; font-weight:normal; color:red;}
h1{top:20px; left:35px; text-transform:uppercase;font-weight:normal}
h2{ text-transform:uppercase;font-weight:normal; padding:5px 0 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
img{border:none;}

.header{border-bottom:1px solid black;margin-bottom:5px;padding-bottom:5px; line-height:15px;}
.close{color:red;}
.close:hover{text-decoration:underline;}

.column{border-right:1px solid black; border-left:1px solid #eee;border-top:1px solid #eee;border-bottom:1px solid #eee; width:230px; position: absolute; z-index:1; padding:0 5px 10px 5px; background:white; }/*column:250 = 230 + 10 + 10*/
.column:hover{z-index:1000; border:1px solid black;}
.column a{display:block; color:black; text-decoration:none; border-bottom:1px solid black; line-height:18px;}
.column a:hover{color:red;}


.c1{top:50px;left:30px;}
.c2{top:50px;left:281px;}
.c3{top:50px;left:532px;}

#container{position: absolute; z-index:1; background:white; display:none; padding:5px; border:1px solid #eee;}
#container{top:90px; left:50px; }
#container:hover{z-index:1000; border:1px solid black;}
#container p{margin-bottom:5px;}
.thumbnailContainer{float:left;margin:5px;border-bottom:1px solid black;}
.thumbnailDescription{margin-bottom:5px;}
.description{width:510px; padding-bottom:10px;}

#detail{position: absolute; z-index:1; background:white; display:none;padding:5px; border:1px solid #eee;}
#detail{top:140px; left:70px;}
#detail:hover{ border:1px solid black;}

.detailButton{display:block; width:250px; height:200px; overflow:hidden; }
.thumbnailSmallContainer{display:inline;padding:0 5px;}
.detailSmallButton{width:25px; height:25px; overflow:hidden; }