*
{
	cursor: default;
	outline: none;
}

body
{
	background-color: #5BC7FF;
	margin: 0px;
	padding: 0px;
}

#control
{
	height: 30px;
	position: fixed;
	right: 0px;
	top: 0px;
	width: 350px;
	z-index: 101;
}

#control-login
{
	float: left;
	height: 27px;
	padding-top: 3px;
	padding-right: 1px;
	width: 349px;
}

#logo
{
	background: url(../images/site_logo.png) no-repeat;
	color:#045077;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	height: 110px; /* 95 */
	left: 20px;
	padding-top: 100px;
	position: fixed;
	text-align: center;
	top: 20px;
	width: 174px;
	z-index: 100;
}

#o
{
	height: 1px;
	left: 0px;
	overflow: visible;
	position: absolute;
	top: 50%;
	width: 100%;
}

#o-i
{
	background: url(../images/site_bg.png) no-repeat;
	height: 400px;
	left: 50%;
	margin-left: -309px; /* (width/2) */
	position: absolute;
	top: -227px; /* (height / 2)+floor(toolbar.height/2) */
	width: 618px;
}

#o-i-1
{
	display: block;
	height: 78px;
	left: 368px;
	position: absolute;
	top: 64px;
	width: 47px;
}

#o-i-1:hover
{
	background: url(../images/xlite_hover.png) no-repeat;
}

#o-i-1-i
{
	background: url(../images/avatars/xLite.php) no-repeat;
	display: block;
	height: 92px;
	left: 360px;
	position: absolute;
	top: 70px;
	width: 67px;
}

#o-i-2
{
	display: block;
	height: 77px;
	left: 222px;
	position: absolute;
	top: 113px;
	width: 65px;
}

#o-i-2:hover
{
	background: url(../images/lab-rat_hover.png) no-repeat;
}

#o-i-2-i
{
	background: url(../images/avatars/Lab-Rat.php) no-repeat;
	display: block;
	height: 92px;
	left: 214px;
	position: absolute;
	top: 118px;
	width: 67px;
}

#o-i-3
{
	display: block;
	height: 81px;
	left: 276px;
	position: absolute;
	top: 212px;
	width: 49px;
}

#o-i-3:hover
{
	background: url(../images/wings_hover.png) no-repeat;
}

#o-i-3-i
{
	background: url(../images/avatars/Wings.php) no-repeat;
	display: block;
	height: 92px;
	left: 267px;
	position: absolute;
	top: 221px;
	width: 67px;
}

#o-i-4
{
	display: block;
	height: 110px;
	left: 81px;
	position: absolute;
	top: 129px;
	width: 95px;
}

#o-i-4:hover
{
	background: url(../images/fireplace_hover.png) no-repeat;
}

#o-i-5
{
	display: block;
	height: 98px;
	left: 140px;
	position: absolute;
	top: 94px;
	width: 95px;
}

#o-i-5:hover
{
	background: url(../images/bookshelf_hover.png) no-repeat;
}

#o-i-6
{
	display: block;
	height: 77px;
	left: 541px;
	position: absolute;
	top: 63px;
	width: 95px;
}

#o-i-6:hover
{
	background: url(../images/twitter_hover.png) no-repeat;
}

#o-i-7
{
	display: block;
	height: 69px;
	left: 324px;
	position: absolute;
	top: 180px;
	width: 50px;
}

#o-i-7:hover
{
	background: url(../images/arcade_hover.gif) no-repeat;
}

#o-i-8
{
	display: block;
	height: 90px;
	left: 463px;
	position: absolute;
	top: 134px;
	width: 51px;
}

#o-i-8:hover
{
	background: url(../images/lmao_hover.png) no-repeat;
}

#o-i-8-i
{
	background: url(../images/avatars/Lmao.png) no-repeat;
	display: block;
	height: 92px;
	left: 457px;
	position: absolute;
	top: 143px;
	width: 67px;
}

#o-i-9
{
	display: block;
	height: 89px;
	left: 240px;
	position: absolute;
	top: 13px;
	width: 95px;
}

#o-i-9:hover
{
	background: url(../images/maps_hover.png) no-repeat;
}

#survey
{
	background: url(../images/survey/survey_ad_btn.gif) no-repeat;
	bottom: 55px;
	height: 32px;
	left: 0px;
	position: fixed;
	width: 189px;
	z-index: 99;
}

#survey-l
{
	cursor: pointer;
	display: block;
	float: left;
	height: 32px;
	width: 189px;
}

#toolbar
{
	background: url(../images/toolbar_bg.png) repeat-x;
	bottom: 0px;
	height: 55px;
	left: 0px;
	position: fixed;
	width: 100%;
	z-index: 102;
}

#toolbar-c
{
	height: 55px;
	margin: 0 auto;
	width: 220px;
}

#toolbar-c-1
{
	background: url(../images/btn_1.png) no-repeat;
	float: left;
	height: 55px;
	width: 55px;
}

#toolbar-c-1:hover
{
	background: url(../images/btn_1_hover.png) no-repeat;
}

#toolbar-c-2
{
	background: url(../images/btn_2.png) no-repeat;
	float: left;
	height: 55px;
	width: 55px;
}

#toolbar-c-2:hover
{
	background: url(../images/btn_2_hover.png) no-repeat;
}

#toolbar-c-3
{
	background: url(../images/btn_3.png) no-repeat;
	float: left;
	height: 55px;
	width: 55px;
}

#toolbar-c-3:hover
{
	background: url(../images/btn_3_hover.png) no-repeat;
}

#toolbar-c-4
{
	background: url(../images/btn_4.png) no-repeat;
	float: left;
	height: 55px;
	width: 55px;
}

#toolbar-c-4:hover
{
	background: url(../images/btn_4_hover.png) no-repeat;
}

#toolbar-c-5
{
	background: url(../images/btn_5.png) no-repeat;
	float: left;
	height: 55px;
	width: 55px;
}

#toolbar-c-5:hover
{
	background: url(../images/btn_5_hover.png) no-repeat;
}

#window
{
	display: none;
	height: 163px;
	position: fixed;
	width: 294px;
	z-index: 105;
}

#window-dragarea
{
	float: left;
	height: 30px;
	width: 260px;
}

#window-closearea
{
	float: left;
	height: 13px;
	margin-left: 6px;
	margin-top: 8px;
	width: 13px;
}

#window-mail
{
	height: 23px;
	left: 255px;
	position: relative;
	top: 28px;
	width: 29px;
}

#window-mail-i
{
	background: url(../images/profile_mail.png) no-repeat;
	display: block;
	height: 23px;
	width: 29px;
}

#window-mail-i:active
{
	background: url(../images/profile_mail_hover.png) no-repeat;
}

#contactwindow
{
	background: url(../images/contactwindow_bg.png) no-repeat;
	display: none;
	height: 280px;
	position: fixed;
	width: 271px;
	z-index: 106;
}

#contactwindow-dragarea
{
	float: left;
	height: 30px;
	width: 237px;
}

#contactwindow-closearea
{
	float: left;
	height: 13px;
	margin-left: 6px;
	margin-top: 8px;
	width: 13px;
}

#contactwindow-tb
{
	color: #464646;
	float: left;
	font-family: Verdana;
	font-size: 10px;
	height: 14px;
	margin-left: 42px;
	margin-top: 15px;
	padding-left: 5px;
	width: 198px;
}

#contactwindow-ta
{
	float: left;
	height: 136px;
	margin-left: 23px;
	margin-top: 30px;
	position: relative;
	width: 221px;
}

#contactwindow-ta-i
{
	background: none;
	border: none;
	color: #464646;
	float: left;
	font-family: Verdana;
	font-size: 10px;
	height: 125px;
	overflow-y: auto;
	padding: 5px;
	width: 211px;
}

#contactwindow-send
{
	float: left;
	height: 19px;
	margin-left: 186px;
	margin-top: 10px;
	position: relative;
	width: 59px;
}

#contactwindow-send-i
{
	display: block;
	float: left;
	height: 19px;
	width: 59px;
}

#alertwindow
{
	background: url(../images/alertwindow_bg.png) no-repeat;
	display: none;
	height: 163px;
	position: fixed;
	width: 295px;
	z-index: 200;
}

#alertwindow-dragarea
{
	float: left;
	height: 30px;
	width: 295px;
}

#alertwindow-tb
{
	color: #787878;
	float: left;
	font-family: Verdana;
	font-size: 10px;
	height: 80px;
	margin-left: 11px;
	padding: 5px;
	text-align: center;
	width: 260px;
}

#alertwindow-ok
{
	float: left;
	height: 18px;
	margin-left: 116px;
	margin-top: 2px;
	width: 59px;
}

#catalogue
{
	background: url(../images/catalogue_bg.png) no-repeat;
	display: none;
	height: 371px;
	position: fixed;
	width: 471px;
	z-index: 103;
}

#catalogue-dragarea
{
	float: left;
	height: 30px;
	width: 437px;
}

#catalogue-closearea
{
	float: left;
	height: 13px;
	margin-left: 6px;
	margin-top: 8px;
	width: 13px;
}

#catalogue-l
{
	clear: left;
	float: left;
	height: 327px;
	margin-left: 11px;
	width: 139px;
}

#catalogue-l-1
{
	float: left;
	height: 188px;
	width: 139px;
}

#catalogue-l-1-l
{
	float: left;
	width: 97px;
}

#catalogue-l-1-l-1
{
	color: #0084CA;
	display: block;
	float: left;
	font-family: Verdana;
	font-size: 9px;
	height: 20px;
	margin-left: 7px;
	margin-top: 9px;
	padding-left: 10px;
	padding-top: 7px;
	text-decoration: none;
	width: 97px;
}

#catalogue-l-1-l-2
{
	color: #0084CA;
	display: block;
	float: left;
	font-family: Verdana;
	font-size: 9px;
	height: 20px;
	margin-left: 7px;
	margin-top: 9px;
	padding-left: 10px;
	padding-top: 7px;
	text-decoration: none;
	width: 97px;
}

#catalogue-l-1-l-3
{
	clear: left;
	color: #0084CA;
	display: block;
	float: left;
	font-family: Verdana;
	font-size: 9px;
	height: 20px;
	margin-left: 7px;
	margin-top: 9px;
	padding-left: 10px;
	padding-top: 7px;
	text-decoration: none;
	width: 97px;
}

#catalogue-l-1-l-4
{
	clear: left;
	color: #0084CA;
	display: block;
	float: left;
	font-family: Verdana;
	font-size: 9px;
	height: 20px;
	margin-left: 7px;
	margin-top: 9px;
	padding-left: 10px;
	padding-top: 7px;
	text-decoration: none;
	width: 97px;
}

#catalogue-l-1-l-5
{
	clear: left;
	color: #0084CA;
	display: block;
	float: left;
	font-family: Verdana;
	font-size: 9px;
	height: 20px;
	margin-left: 7px;
	margin-top: 9px;
	padding-left: 10px;
	padding-top: 7px;
	text-decoration: none;
	width: 97px;
}

#catalogue-l-1-r
{
	float: left;
	height: 188px;
	margin-left: 22px;
	width: 13px;
}

#catalogue-l-1-r-scrollt
{
	display: block;
	float: left;
	height: 15px;
	margin-top: 9px;
	width: 15px;
}

#catalogue-l-1-r-scrollm
{
	clear: left;
	float: left;
	height: 139px;
	margin-bottom: 1px;
	margin-top: 1px;
	width: 15px;
}

#catalogue-l-1-r-scrollb
{
	clear: left;
	display: block;
	float: left;
	height: 15px;
	width: 15px;
}

#catalogue-l-2
{
	background: url(../images/catalogue_ltstitm_bg.png) no-repeat;
	clear: left;
	float: left;
	height: 128px;
	margin-top: 11px;
	width: 139px;
}

#catalogue-l-2-t-1
{
	color: #949494;
	float: left;
	font-family: Verdana;
	font-size: 10px;
	margin-left: 51px;
	margin-top: 25px;
	width: 85px;
}

.catalogue-l-2-t-2
{
	clear: left;
	color: #949494;
	float: left;
	font-family: Verdana;
	font-size: 10px;
	margin-left: 51px;
	margin-top: 2px;
	width: 85px;
}

#catalogue-l-2-cost
{
	clear: left;
	float: left;
	margin-left: 20px;
	margin-top: 13px;
	width: 55px;
}

#catalogue-l-2-t-3
{
	color: #949494;
	float: left;
	font-family: Verdana;
	font-size: 10px;
	margin-top: 13px;
	width: 55px;
}

#catalogue-l-2-img
{
	float: left;
	height: 51px;
	margin-left: 8px;
	margin-top: 7px;
	width: 51px;
}

#catalogue-r
{
	float: left;
	height: 320px;
	margin-left: 11px;
	padding-left: 6px;
	padding-top: 7px;
	width: 290px;
}

#catalogue-r-loading
{
	height: 177px;
	padding-left: 128px;
	padding-top: 143px;
	width: 162px;
}

#catalogue-r-home
{
	height: 320px;
	float: left;
	width: 290px;
}

#catalogue-r-home-bg
{
	background: url(../images/catalogue_home.png) no-repeat;
	height: 276px;
	margin: 0 auto;
	margin-top: 15px;
	width: 206px;
}

#catalogue-r-item
{
	background: url(../images/catalogue_item_bg.png) no-repeat;
	height: 320px;
	float: left;
	width: 290px;
}

#catalogue-r-item-l
{
	float: left;
	margin-left: 89px;
	margin-top: 12px;
	width: 140px;
}

.catalogue-r-item-l-t
{
	clear: left;
	color: #949494;
	float: left;
	font-family: Verdana;
	font-size: 11px;
	margin-bottom: 3px;
	width: 140px;
}

#catalogue-r-item-r
{
	float: left;
	height: 67px;
	margin-top: 3px;
	width: 51px;
}

#catalogue-r-item-r-img
{
	float: left;
	height: 50px;
	width: 51px;
}

#catalogue-r-item-r-cost-g
{
	background: url(../images/catalogue_g_bg.png) no-repeat;
	clear: left;
	color: #7D4902;
	float: left;
	font-family: Verdana;
	font-size: 10px;
	height: 15px;
	padding-top: 2px;
	text-align: center;
	width: 51px;
}

#catalogue-r-item-r-cost-s
{
	background: url(../images/catalogue_s_bg.png) no-repeat;
	clear: left;
	color: #787878;
	float: left;
	font-family: Verdana;
	font-size: 10px;
	height: 17px;
	padding-top: 2px;
	text-align: center;
	width: 51px;
}

#catalogue-r-item-b
{
	clear: left;
	color: #505050;
	float: left;
	font-family: Verdana;
	font-size: 10px;
	height: 187px;
	margin-left: 4px;
	margin-top: 21px;
	padding: 5px;
	overflow-y: auto;
	width: 266px;
}

#catalogue-r-item-back
{
	clear: left;
	float: left;
	width: 290px;
}

#catalogue-r-item-back-h
{
	height: 15px;
	margin: 0 auto;
	margin-top: 9px;
	width: 150px;
}

#catalogue-r-item-back-h-l-1
{
	background: url(../images/catalogue_btn_edititem.png) no-repeat;
	display: block;
	float: left;
	height: 15px;
	margin-right: 10px;
	width: 70px;
}

#catalogue-r-item-back-h-l-2
{
	background: url(../images/catalogue_btn_back.png) no-repeat;
	display: block;
	float: left;
	height: 15px;
	width: 70px;
}

#catalogue-r-item-back-h-l-3
{
	background: url(../images/catalogue_btn_saveitem.png) no-repeat;
	display: block;
	height: 15px;
	margin: 0 auto;
	margin-top: 9px;
	width: 70px;
}

#catalogue-r-item-back-l
{
	background: url(../images/catalogue_btn_back.png) no-repeat;
	display: block;
	height: 15px;
	margin: auto;
	margin-top: 9px;
	width: 76px;
}

#catalogue-r-footer
{
	clear: left;
	float: left;
	margin-top: 5px;
	width: 290px;
}

#catalogue-r-footer-con
{
	margin: 0 auto;
	width: 120px;
}

#catalogue-r-footer-1
{
	float: left;
	height: 19px;
	width: 10px;
}

#catalogue-r-footer-2
{
	color: #787878;
	float: left;
	font-family: Verdana;
	font-size: 10px;
	margin-top: 1px;
	text-align: center;
	width: 100px;
}

#catalogue-r-footer-3
{
	float: left;
	height: 19px;
	width: 10px;
}

.catalogue-r-item
{
	float: left;
	height: 67px;
	margin: 3px;
	width: 51px;
}

.catalogue-r-item-img
{
	float: left;
	height: 50px;
	width: 51px;
}

.catalogue-r-item-cost-g
{
	background: url(../images/catalogue_g_bg.png) no-repeat;
	clear: left;
	color: #7D4902;
	float: left;
	font-family: Verdana;
	font-size: 10px;
	height: 15px;
	padding-top: 2px;
	text-align: center;
	width: 51px;
}

.catalogue-r-item-cost-s
{
	background: url(../images/catalogue_s_bg.png) no-repeat;
	clear: left;
	color: #787878;
	float: left;
	font-family: Verdana;
	font-size: 10px;
	height: 17px;
	padding-top: 2px;
	text-align: center;
	width: 51px;
}

#aboutwindow
{
	background: url(../images/about_bg_1.png) no-repeat;
	display: none;
	height: 225px;
	position: fixed;
	width: 321px;
	z-index: 104;
}

#aboutwindow-dragarea-1
{
	float: left;
	height: 30px;
	width: 94px;
}

#aboutwindow-dragarea-2
{
	float: left;
	height: 30px;
	width: 66px;
}

#aboutwindow-dragarea-3
{
	float: left;
	height: 30px;
	width: 123px;
}

#aboutwindow-closearea
{
	float: left;
	height: 13px;
	margin-left: 9px;
	margin-top: 8px;
	width: 13px;
}

#aboutwindow-body
{
	clear: left;
	float: left;
	height: 179px;
	margin-left: 13px;
	margin-top: 2px;
	width: 294px;
}

#aboutwindow-body-1
{
	color: #959595;
	display: none;
	height: 169px;
	float: left;
	font-family: Verdana;
	font-size: 10px;
	overflow-y: auto;
	padding: 5px;
	text-align: justify;
	width: 284px;
}

#aboutwindow-body-2
{
	color: #959595;
	display: none;
	height: 169px;
	float: left;
	font-family: Verdana;
	font-size: 10px;
	overflow-y: auto;
	padding: 5px;
	text-align: justify;
	width: 284px;
}

.aboutwindow-body-2-staff
{
	border-bottom: solid 1px #959595;
	clear: left;
	float: left;
	margin-bottom: 3px;
	padding-bottom: 3px;
	width: 267px;
}

.aboutwindow-body-2-staff-l
{
	float: left;
	font-weight: bold;
	height: 100%;
	text-align: right;
	width: 70px;
}

.aboutwindow-body-2-staff-m
{
	float: left;
	height: 100%;
	text-align: center;
	width: 10px;
}

.aboutwindow-body-2-staff-r
{
	float: left;
	height: 100%;
	text-align: justify;
	width: 187px;
}

.aboutwindow-body-2-staff-r-l
{
	color: #959595;
	cursor: pointer;
	text-decoration: underline;
}

.aboutwindow-body-2-staff-r-l:hover
{
	color: #959595;
	text-decoration: none;
}

#aboutwindow-body-3
{
	color: #959595;
	display: none;
	height: 164px;
	float: left;
	font-family: Verdana;
	font-size: 10px;
	overflow-y: auto;
	padding: 5px;
	padding-bottom: 10px;
	text-align: justify;
	width: 284px;
}

.aboutwindow-body-3-l
{
	color: #959595;
	cursor: pointer;
	text-decoration: underline;
}

.aboutwindow-body-3-l:hover
{
	color: #959595;
	text-decoration: none;
}

