#body {
	position: absolute;
	background-color: #c8d7f9;
	overflow:hidden;
	font-size:10px;
	line-height: 12px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
}

body, a {
	/* font-family: "Trebuchet MS","Lucida Grande", Verdana, Arial, Helvetica, sans-serif; */
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
/* ---------------------------------------------------- */

#scroll_canvas {
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	overflow:auto;
}

#canvas {
	position:relative;
	width:860px;
	height:auto;
	top:0px;
	left:0px;
	margin-left:auto;
	margin-right:auto;
}


#backpic {
	position: absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	border: 0px none;
}

#init_pane {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	visibility:hidden;
}

#win_init {
	position:relative;
	margin-right:auto;
	margin-left:auto;
	top:300px;
	left:0px;
	width:200px;
	height:25px;
	margin-top:-20px;
}

#win_init .content div {
	position: absolute;
	top: 0px;
	left: 8px;
	font-size:11px;
	color:#FFF;
}

#win_init .content img {
	position: absolute;
	right: 5px;
	top: 2px;
}

/* ---------------------------------------------------- */

#left_row {
	position:absolute;
	left:100px;
	top:170px;
	width:100px;
	height:auto;
}

#center_row {
	position:absolute;
	left:245px;
	top:170px;
	width:465px;
	height:auto;
}

#right_row {
	position:absolute;
	left:740px;
	top:170px;
	width:100px;
	height:auto;
}

/* ---------------------------------------------------- */

img {
	border: 0px none;
}

#animation_pane {
	position: absolute;
	left:0px;
	top:0px;
}

#pattern {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-image: URL(../img/back.png);
}

#logo {
	position: absolute;
	left: -100px;
	top: -20px;
}

.window {
	position: absolute;
	left: 0px;
	top: 0px;
	margin-top:18px;
}

.window .tl {
	position:absolute;
	width: 6px;
	height: 23px;
	left:-6px;
	top:-23px;
	background-image: URL(../img/tl.png);
}

.window .t {
	position:absolute;
	width: 100%;
	height: 23px;
	top: -23px;
	left: 0px;
	background-image: URL(../img/t.png);
}

.window .tr {
	position:absolute;
	right:-10px;
	top: -23px;
	width: 10px;
	height: 23px;
	background-image: URL(../img/tr.png);
}

.window .l {
	position:absolute;
	left:-6px;
	top: 0px;
	width: 6px;
	height: 100%;
	background-image: URL(../img/l.png);
}

.window .r {
	position: absolute;
	right: -10px;
	top: 0px;
	width: 10px;
	height: 100%;
	background-image: URL(../img/r.png);
}

.window .b  {
	position: absolute;
	left: 0px;
	bottom: -10px;
	width: 100%;
	height: 10px;
	background-image: URL(../img/b.png);
}

.window .bl {
	position: absolute;
	left: -6px;
	bottom: -10px;
	width: 9px;
	height: 10px;
	background-image: URL(../img/bl.png);
}

.window .br {
	position: absolute;
	right: -10px;
	bottom: -10px;
	width: 10px;
	height: 10px;
	background-image: URL(../img/br.png);
}

.window .content {
	position: relative;
	top: 0px;
	left: 0px;
	width:100%;
	height:100%;
	overflow:hidden;
	background-color: #4D7FCD;
}

.window .t h1 {
	position:relative;
	width: 100%;
	height: 18px;
	left:3px;
	top:4px;
	background-repeat: no-repeat;
	background-position: 20px -2px;
	font-size:10px;
	font-weight:bold;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
}

.window .t h1 span {
  visibility: hidden;
}

.window img.icon {
	position: absolute;
	top: 5px;
	left: 5px;
}

.window .dragbar {
  position: absolute;
	  width: 60%;
  top: 4px;
  right: 20px;
}

.window .closer {
	top:6px;
	right:2px;
}
/* ---------------------------------------------------- */
.closer {
	position:absolute;
	display:block;
	width:12px;
	height:12px;
	background-image: URL(../img/close.gif);
	}

.closer span {
	visibility:hidden;
	display:block;
	}
	
.closer:hover {
	background-position:-12px;
}


/* ---------------------------------------------------- */

#loadindicator {
	background-image: URL(../img/loadindicator.png);
 	position: absolute;
 	width: 23px;
 	height: 11px;
 	top: 4px;
 	left: 6px;
}

#sound {
 	position: absolute;
 	width: 30px;
 	height: 15px;
 	top: 2px;
 	right: 12px;
}
/* ---------------------------------------------------- */
#bottombar {
	position:relative;
	width:100%;
	height:auto;
	margin-bottom:16px;	
}

#bottombar .panel {
	position:absolute;
	bottom:0px;
	height:100%;
	background-color:#4D7FCD;
}	

#bottombar .pinfo {
	background-image: URL(../img/welcome.png);
	background-repeat: no-repeat;
	position:absolute;
	width:100%;
	bottom:0px;
	height:110px;
}	

#bottombar .pinfo .btr {
	position:absolute;
	width:100%;
	text-align:right;
	bottom:0px;
	height:19px;
}	

#bottombar .content a, #win_about .content a {
	font-size:9px;
	background-image: URL(../img/linkback.png);
	background-color: #4D7FCD;
	border: 1px solid;
	border-color: #FFFFFF #000000 #000000 #FFFFFF;
	padding: 0px 5px;
	text-decoration: none;
	color: #FFFFFF;
	margin-left:5px;
	margin-right:5px;
}

#bottombar .content a:hover, #win_about .content a:hover {
	background-color: #A6D8FF;
	color:#4444FF;
}

/* ---------------------------------------------------- */

#win_impress, #win_credits {
	position:absolute;
	top:280px;
	left:250px;
	width:340px;
	height:auto;
	visibility:hidden;
	z-index:100;
}

#win_impress .content, #win_credits .content {
	background-image: URL(../img/winback.gif);
	background-color: #B6D0FA;
	background-repeat: repeat-y;
	color: #2B3954;
	font-size:10px;
	height:180px;
	line-height:14px;
}

#win_impress .content .inner, #win_credits .content .inner {
	position:absolute;
	top:0px;
	left:20px;
	width:300px;
}

#win_impress .content .inner .name {
	font-weight:bold;
}

#win_impress .content .inner .left {
	font-weight:bold;
	float:left;
	margin-right:40px;
}

#win_impress .content .inner .right {
	font-weight:bold;
	position:relative;
}

#win_impress h1 {
	background-image: url(../img/headlines/impress.gif);
}

#win_credits h1 {
	background-image: url(../img/headlines/credits.gif);
}

/* ---------------------------------------------------- */