/* CSS Document */

* { margin:0; padding:0; list-style:none; text-decoration:none; border:0; outline:none; }

body { background: #000 url(../images/wood_bg.jpg) repeat; }

#horizon {
	background: transparent url(../images/ggp.gif) no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	height: 550px; 
	width: 800px;
	margin:0 auto;
	margin-top:-275px;
	margin-left:-400px;
}	

#container {
	position:relative;
	top: 0px; 
	left: 0px;
	width:800px;
	height:550px;
	margin-left:auto;
	margin-right:auto; 
	font: normal normal 12px arial, helvetica, verdana, sans-serif;
	text-align:left;
}

a:link, a:visited { color:#f93; }
a:hover, a:active { color:#999; }

#title {position:absolute; top:10px; left:20px; }
#menu {position:absolute; top:40px; left:20px; }
#submenu {position:absolute; top:57px; left:79px; width:701px;}
#title img, #menu img, #submenu img { border:none; padding:0; }

#thumb {position:absolute; top:86px; left:15px;; width:772px; height:420px; background:#000; }
#thumb img { border:none; padding:0; }
.vthumb a { display:block; height:100px; width:75px; overflow:hidden; }
.vthumb a:hover { display:block; text-indent:-75px; }
.hthumb a { display:block; height:100px; width:150px; overflow:hidden; }
.hthumb a:hover { display:block; text-indent:-150px; }

#thumb1 { position:absolute; top:10px; left:10px; }
#thumb2 { position:absolute; top:10px; left:85px; }
#thumb3 { position:absolute; top:10px; left:160px; }
#thumb4 { position:absolute; top:10px; left:235px; }
#thumb5 { position:absolute; top:10px; left:310px; }
#thumb6 { position:absolute; top:10px; left:385px; }
#thumb7 { position:absolute; top:10px; left:460px; }
#thumb8 { position:absolute; top:10px; left:535px; }
#thumb9 { position:absolute; top:10px; left:610px; }
#thumb10 { position:absolute; top:10px; left:685px; }
#thumb11 { position:absolute; top:110px; left:10px; }
#thumb12 { position:absolute; top:110px; left:85px; }
#thumb13 { position:absolute; top:110px; left:160px; }
#thumb14 { position:absolute; top:110px; left:235px; }
#thumb15 { position:absolute; top:110px; left:310px; }
#thumb16 { position:absolute; top:110px; left:385px; }
#thumb17 { position:absolute; top:110px; left:460px; }
#thumb18 { position:absolute; top:110px; left:535px; }
#thumb19 { position:absolute; top:110px; left:610px; }
#thumb20 { position:absolute; top:110px; left:685px; }
#thumb21 { position:absolute; top:210px; left:10px; }
#thumb22 { position:absolute; top:210px; left:85px; }
#thumb23 { position:absolute; top:210px; left:160px; }
#thumb24 { position:absolute; top:210px; left:235px; }
#thumb25 { position:absolute; top:210px; left:310px; }
#thumb26 { position:absolute; top:210px; left:385px; }
#thumb27 { position:absolute; top:210px; left:460px; }
#thumb28 { position:absolute; top:210px; left:535px; }
#thumb29 { position:absolute; top:210px; left:610px; }
#thumb30 { position:absolute; top:210px; left:685px; }
#thumb31 { position:absolute; top:310px; left:10px; }
#thumb32 { position:absolute; top:310px; left:85px; }
#thumb33 { position:absolute; top:310px; left:160px; }
#thumb34 { position:absolute; top:310px; left:235px; }
#thumb35 { position:absolute; top:310px; left:310px; }
#thumb36 { position:absolute; top:310px; left:385px; }
#thumb37 { position:absolute; top:310px; left:460px; }
#thumb38 { position:absolute; top:310px; left:535px; }
#thumb39 { position:absolute; top:310px; left:610px; }
#thumb40 { position:absolute; top:310px; left:685px; }

.still { height:63px; width:105px; }
.still a { display:block; width:105px; overflow:hidden; }
.still a:hover { display:block; text-indent:-105px; }
.still img { border:0; }

.stillvid { height:90px; width:150px; }
.stillvid a { display:block; width:150px; overflow:hidden; }
.stillvid a:hover { display:block; text-indent:-150px; }
.stillvid img { border:0; }

.stillf { height:120px; width:240px; }
.stillf a { display:block; width:240px; overflow:hidden; }
.stillf a:hover { display:block; text-indent:-240px; }
.stillf img { border:0; }

.contact { color: #fff; }
.contact a:link, a:visited { color:#fff; text-decoration: none; }
.contact a:hover, a:active { color:#f93; text-decoration: none; }

.text { color: #963; letter-spacing:1px; }
.text a:link, a:visited { color:#963; }
.text a:hover, a:active { color:#f93; }

div#reel { position:absolute; top:111px; left:190px; width:420px; text-align:center; font:normal normal normal 12px verdana, arial, helvetica, sans-serif; }
#reel a { display:block; width:420px; overflow:hidden; }
#reel a:hover { display:block; text-indent:-420px; }
#reel img { border:0; }

.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }