body {
	background-color: #003366;
	color: #DEDECA;
}

td, th {
	color: #99CCCC;
}

h1 {
	color: #FFFF33;
}

h2 {
	color: #FFFF66;
}

h3, h4 {
	color: #FFFFCC;
}

h5, h6 {
	color: #6699CC;
}
a:link, a:visited {
	color: #FFFF33;
	text-decoration:none;
}
a:hover, a:active {
	color: white;
}
img {
	border: none;	
}
#content {
	width:500px;
	background: black;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid white;
	padding: 3px;
}
ul#off {
	list-style-type:none;
	padding:0;
	width:500px;
	height:130px;
	position:relative;
}
ul#off li {display:block; width:75px; height:100px; margin:10px; position:relative; float:left;}
ul#off li.gap {margin-left:75px;}
ul#off a {display:block; width:0; height:0; text-decoration:none; position:absolute; left:0; top:0;}

ul#off a em {cursor:pointer; font-style:normal; font-weight:bold;}
ul#off a span {display:none;}

ul#off a em.hz {position:absolute; display:block; height:20px; width:75px; cursor:pointer; text-align:center; line-height:20px; color:#fff;}
ul#off a em.vtc {position:absolute; display:block; height:60px; width:25px; cursor:pointer; left:0; top:20px;}
ul#off a em.vtl {position:absolute; display:block; height:80px; width:25px; cursor:pointer; left:0; top:0;}
ul#off a em.vtp {position:absolute; display:block; height:40px; width:25px; cursor:pointer;}
ul#off a em.bk {position:absolute; display:block; height:25px; width:25px; cursor:pointer;}

ul#off a em.toph {top:0; left:0;}
ul#off a em.midh {top:40px; left:0;}
ul#off a em.both {top:80px; left:0;}
ul#off a em.topr {top:0; left:50px;}

ul#off a em.bktl {top:20px; left:0;}
ul#off a em.bktr {top:20px; left:50px;}
ul#off a em.bkbl {top:60px; left:0;}
ul#off a em.bkbm {top:40px; left:25px;}
ul#off a em.bkbr {top:60px; left:50px;}

.ddd em {background:red;}
.eee em {background:blue;}
.rrr em {background:red;}
.kkk em {background:red;}

ul#off a:hover {color:#c00; background:#ddd;}
ul#off a.ddd:hover em {background:#a60000; color:#6ce;}
ul#off a.eee:hover em {background:#6a48d7; color:#6ce;}
ul#off a.rrr:hover em {background:#a60000; color:#6ce;}
ul#off a.kkk:hover em {background:#a60000; color:#6ce;}
ul#off a:hover span {display:block; width:75px; height:1px; font-size:3px; position:absolute; top:110px; left:0; border-top:5px dashed #000;}
ul#off a:active, ul#off a:focus {background:#eee;}
ul#off a:active em, ul#off a:focus em {background:#f0ca93; color:#000;}
ul#off a:active span, ul#off a:focus span {border-top:5px solid #f0ca93;}

ul.outer {padding:0; margin:0; list-style:none; width:108px; height:108px; float:left; position:relative;}
ul.outer ul {padding:0; margin:0; list-style:none;}
ul.outer span {display:none; color:#FFFF33; text-align:center; font:bold 11px/15px arial, sans-serif; position:absolute; top:107px; left:0; width:108px; z-index:100;}
ul.outer a {text-decoration:none;}

ul.outer table {border-collapse:collapse; padding:0; margin:-1px;}

ul.outer li {display:block; float:left; padding:2.5px; margin:0;}

* html ul.outer li {padding:0;} /* for IE6 */
* html ul.outer li a {float:left; display:block; padding:2.5px;} /* for IE6 */

ul.outer li.inner img {width:100%; display:block; border:0; cursor:pointer;}

ul.outer li:hover {padding:1px;}
ul.outer li:hover span {display:block;}
* html ul.outer a:hover {padding:1px;}
* html ul.outer a:hover span {display:block;}

ul.outer li.inner:hover img {width:96px; height:96px;}
#condo {
	position:absolute;
	width:228px;
	height:145px;
	z-index:1;
	left: 559px;
	top: 110px;
	color: #FFF;
	background-color: #000;
	padding: 3px;
	border: 2px solid #FFF;
}