@charset "utf-8";
/* Dickson Mok CSS Document */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a { margin: 0px; padding: 0px; border: 0px; }

body		{ color: #000000; font: 11px Georgia, Times New Roman, Times, serif; background: url(../images/background.gif) top center }

a:link,
a:visited	{ color: #000000; text-decoration: none; }
a:hover		{ cursor: pointer; color: #ff4800; text-decoration: none; }

.none		{ display: none; }

/* Layout Styles */

#container						{ position: relative; width: 845px; height: 151px; display: block; background: url(../images/header.gif) no-repeat; margin: 0px auto; }

#logo							{ z-index: 1; position: absolute; top: 44px; left: 16px; width: 88px; height: 0px; overflow: hidden; background: url(../images/logo.gif) no-repeat; padding: 54px 0px 0px 0px; }

#works							{ z-index: 3; position: absolute; top: 149px; left: 12px; width: 130px; background: url(../images/works.gif) no-repeat; padding: 32px 0px 0px 0px; }
#works ul						{ list-style: none; }
#works ul li					{ width: 130px; float: left; }
#works ul li a					{ width: 120px; display: block; float: left; text-decoration: none; }
#works ul li a strong			{ float: left; font-weight: normal; background: #ffffff; padding: 3px 6px 3px 5px; }
#works ul li a:link.on,
#works ul li a:visited.on 		{ color: #ff4800; text-decoration: underline; }
#works ul li a:link.off,
#works ul li a:visited.off		{ color: #000000; text-decoration: none; }
#works ul li a:link.done,
#works ul li a:visited.done 	{ color: #000000; text-decoration: none; }
#works ul li a.on:hover,
#works ul li a.off:hover,
#works ul li a.done:hover 		{ color: #ff4800; text-decoration: none; }

.screen							{ z-index: 4; position: absolute; top: 151px; left: 152px; }
.screen a:hover					{ color: #000000; }
.screen a:hover span.image		{ border-color: #00b31d; }
.screen a:hover p strong.online	{ text-decoration: underline; }
.screen span.image				{ width: 498px; height: 279px; display: block; background: #000000 url(../images/screen.gif) repeat-x; border: 1px solid #ff4800; }
.screen span.text				{ display: block; text-align: right; padding: 12px 0px 0px 0px; }
.screen span.text span.bk		{ background: #ffffff; padding: 0px 0px 0px 6px; }
.screen span.text strong.offline{ color: #ff4800; font-weight: normal; }
.screen span.text strong.online	{ color: #00b31d; font-weight: normal; }

#contact						{ z-index: 2; position: absolute; top: 149px; left: 678px; width: 167px; background: url(../images/contact.gif) no-repeat; padding: 32px 0px 0px 0px; }
#contact ul						{ list-style: none; }
#contact ul li					{ width: 167px; float: left; }
#contact ul li 					{ width: 167px; display: block; float: left; text-decoration: none; }
#contact ul li strong			{ float: left; font-weight: normal; background: #ffffff; padding: 3px 5px; }