@charset "utf-8";
/* CSS Document */
/*Based on the CSS "image maps" article @
http://www.noobcube.com/tutorials/html-css/css-image-maps-a-beginners-guide-/
by Jarod Taylor*/
body {
	/*background-color: #000;*/
	background: #28324b url(../images/homebg.jpg) top center no-repeat;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;

}
div#wrapper {
	text-align: center;
}
ul#tobindesk {
	margin: 0 auto;
	list-style: none;
	background:url(../images/tobin-desk.png) no-repeat 0 0;
	position: relative;
	width: 950px;
	height: 672px;
	padding: 0;
}
ul#tobindesk li {
	/*border: 1px solid #000;*/
	position: absolute;
}
ul#tobindesk li a{
	display: block;
	height: 100%;
	/*text-indent: -9000px;*/
}
#flag {
	width: 368px;
	height: 283px;
	top: 14px;
	left: 103px;
}
ul#tobindesk li#flag a:hover {
	background: url(../images/flag.png) no-repeat 0 0;
}
#telescope {
	width: 275px;
	height: 105px;
	top: 251px;
	left: 114px;
}
ul#tobindesk li#telescope a:hover {
	background: url(../images/telescope.png) no-repeat 0 0;
}
#compass {
	width: 64px;
	height: 90px;
	top: 257px;
	left: 442px;
}
ul#tobindesk li#compass a:hover {
	background: url(../images/compass.png) no-repeat 0 0;
}
#radio-news {
	width: 244px;
	height: 271px;
	top: 53px;
	left: 426px;
}
ul#tobindesk li#radio-news a:hover {
	background: url(../images/radio-news.png) no-repeat 0 0;
}
#radio-media {
	width: 174px;
	height: 271px;
	top: 53px;
	left: 670px;
}
ul#tobindesk li#radio-media a:hover {
	background: url(../images/radio-media.png) no-repeat 0 0;
}
#coins {
	width: 237px;
	height: 94px;
	top: 304px;
	left: 142px;
}
ul#tobindesk li#coins a:hover {
	background: url(../images/coins.png) no-repeat 0 0;
}
#map {
	width: 424px;
	height: 188px;
	top: 304px;
	left: 229px;
}
ul#tobindesk li#map a:hover {
	background: url(../images/map.png) no-repeat 0 0;
}
#crew-roster {
	width: 194px;
	height: 116px;
	top: 308px;
	left: 575px;
}
ul#tobindesk li#crew-roster a:hover {
	background: url(../images/crew-roster.png) no-repeat 0 0;
}
#sextant {
	width: 177px;
	height: 132px;
	top: 382px;
	left: 435px;
}
ul#tobindesk li#sextant a:hover {
	background: url(../images/sextant.png) no-repeat 0 0;
}
#wanted {
	width: 193px;
	height: 152px;
	top: 364px;
	left: 604px;
}
ul#tobindesk li#wanted a:hover {
	background: url(../images/wanted.png) no-repeat 0 0;
}
#logbook {
	width: 275px;
	height: 205px;
	top: 467px;
	left: 539px;
}
ul#tobindesk li#logbook a:hover {
	background: url(../images/logbook.png) no-repeat 0 0;
}
#ink {
	width: 101px;
	height: 133px;
	top: 432px;
	left: 740px;
}
ul#tobindesk li#ink a:hover {
	background: url(../images/ink.png) no-repeat 0 0;
}
ul#tobindesk li a span {
	display: none;
}

ul#tobindesk li a:hover span {
	display: block;
}
ul#tobindesk li a{
	display: block;
	height: 100%;
	text-decoration: none;
}
ul#tobindesk li a:hover span {
	display: block;
	padding: 5px;
	width: 150px;
	background: #000;
	position: relative;
	top: 50%;
	left: 25%;
	font: 11px Arial, Helvetica, sans-serif;
	opacity: .75;
	filter:alpha(opacity=75);
	color: #FFF;
}
#footer {
	padding: 5px 0;
	color: #fff;
	font-size:10px;
	/*background: #222;*/
	background: #000;
	opacity: .75;
	filter:alpha(opacity=75);
	border-bottom: solid 1px #000;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
p#copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999;
}