body {
	background-color: #fff;
	font: 14px "Trebuchet MS", Verdana, sans serif;
}

#container {
	position: absolute;
	top: 40px;
	left: 0px;
	width: 780px;
}

#banner {
	width: 240px;
	height: 160px;
	position: absolute;
	left: -40px;
	top: 0px;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	background-position: 0px -16px;
	text-indent: -77777px;
	overflow: visible;
}

#gadget {
	position: absolute;
	top: 10px;
	right: 0px;
	width: 600px;
	height: 85px;
	background-position: 0px 15px;
	background-image: url(images/gadbkg.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

#contents {
	position: absolute;
	top: 150px;
	width: 780px;
	padding: 0px;
	margin: 0px;
}

#menu {
	position: absolute;
	top: 100px;
	left: 192px;
	width: 600px;
	height: 50px;
	padding: 0px;
	margin: 0px;
}

a.menubtt {
	display: block;
	width: 83px;
	height: 30px;
	text-align: center;
	float: left;
	border: 1px solid #fff;
	border-width: 0px 1px 0px 0px;
	text-decoration: none;
	padding: 10px 0px 0px 0px;
	font: bold 12px "Trebuchet MS", Verdana, sans serif;
	letter-spacing: 1px;
	margin: 0px;
}

a.menubtt:link, a.menubtt:visited {
	text-decoration: none;
	color: #ddd;
	background-color: #000;
	background-image: url(images/menu_out.gif);
}

a.menubtt:hover {
	color: #fff;
	background-color: #93c843;
	background-image: url(images/menu_over.gif);
}

#leftcol {
	float: left;
	width: 180px;
	height: 350px;
	padding: 60px 0px 10px 0px;
	margin: 0px;
}

a:link, a:visited {
	text-decoration: none;
	color: #5a1;
}

a:hover {
	text-decoration: underline;
	color: #000;
}

#rightcol {
	float: right;
	width: 580px;
	padding:  0px 0px 10px 0px;
	margin: 0px;
}

.iconhome {
	display: block;
	height: 40px;
	padding: 195px 0px 25px 0px;
	margin: 0px;
	text-align: center;
	float: left;	
	background-repeat: no-repeat;
	line-height: 16px;
	letter-spacing: 3px;
	overflow: visible;
}

a.iconhome:link, a.iconhome:visited {
	color: #777;
	text-decoration: none;
}

a.iconhome:hover {
	color: #000;
	text-decoration: underline;
}

a#icon_graph:link, a#icon_graph:visited {
	background-image: url(images/icon_a.gif);
	width: 140px;
}

a#icon_graph:hover{
	background-image: url(images/icon_ax.gif);
	width: 140px;
}

a#icon_web:link, a#icon_web:visited {
	background-image: url(images/icon_b.gif);
	width: 132px;
}

a#icon_web:hover{
	background-image: url(images/icon_bx.gif);
	width: 132px;
}

a#icon_script:link, a#icon_script:visited {
	background-image: url(images/icon_c.gif);
	width: 141px;
}

a#icon_script:hover{
	background-image: url(images/icon_cx.gif);
	width: 141px;
}

a#icon_stuff:link, a#icon_stuff:visited {
	background-image: url(images/icon_d.gif);
	width: 157px;
}

a#icon_stuff:hover{
	background-image: url(images/icon_dx.gif);
	width: 157px;
}

#navibar {
	width: 560px;
	height: 60px;
	font: 11px "Trebuchet MS", Verdana, sans serif;
	position: absolute;
	right: 0px;
	top: 0px;
	color: #6a2;
	text-align: right;
	padding: 0px;
	margin: 0px;
}

#navibar p {
	padding: 0px;
	margin: 0px;
}

#navibar span {
	color: #000;
	padding: 0px;
	margin: 0px;
}

#navibar a:link, #navibar a:visited {
	text-decoration: none;
	color: #777;	
}

#navibar a:hover {
	text-decoration: underline;
	color: #f90;
}

#leftcol p {
	padding: 0px 10px 10px 0px;
	margin: 0px 0px 10px 0px;
	font: 13px "Trebuchet MS", Verdana, sans serif;
	color: #777;
	line-height: 22px;
}

#leftcol h1 {
	font: bold 22px "Trebuchet MS", Verdana, sans serif;
	color: #333;
	padding: 0px 0px 30px 0px;
	margin: 0px 0px 0px 0px;
	text-transform: uppercase;
}

#leftcol h1:first-letter { 
	display: block;
	float: left;
	padding: 3px;
	margin: -10px 3px 0px 0px;
	background-color: #9c3;
	color: #fff;
	font-size: 40px;
}

div.icongad {
	width: 60px;
	height: 60px;
	float: left;
}

#clock {
	position: absolute;
	left: 500px;
	top: 20px;
	width: 100px;
	height: 20px;
}

#ctime {
	position: absolute;
	left: -77777px;
	top: 0px;
}

#counter {
	background-image: url(images/cnt_bkg.gif);
	position: absolute;
	left: 422px;
	top: 38px;
	width: 102px;
	height: 32px;
}

#cnt_data {
	font: bold 12px "Trebuchet MS", Verdana, sans serif;
	letter-spacing: 7px;
	color: #eee;
	position: absolute;
	left: 12px;
	top: 4px;
}

img.lcd_img {
	position: absolute;
	margin: 0px;
	padding: 0px;
}

#hands {
	overflow: hidden;
	width: 105px;
	height: 20px;
	position: absolute;
	left: 30px;
	top: 17px;
}

#clk_h1 {
	left: 0px;
}

#clk_h2 {
	left: 11px;
}

#clk_sep {
	left: 22px;
}

#clk_m1 {
	left: 33px;
}

#clk_m2 {
	left: 44px;
}

#optlistarea {
	position: absolute;
	left: 192px;
	top: 141px;
	width: 400px;
	height: 10px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

.optul {
	position: absolute;
	top: -240px;
	left: 0px;
	list-style-type: none;
	list-style-position: outside;
	padding: 0px 0px 1px 0px;
	margin: 0px;
	background: #eee;
	border: 1px solid #000;
	border-width: 0px 1px 1px 1px;
	border-color: #fff #777 #555 #ddd;
	line-height: 12px;
}

.optul li {
	padding: 0px;
	margin: 0px;
	text-indent: 0px;
	display: block;
	height: 22px;
	width: 140px;
	overflow: hidden;
	border: 1px solid #ccc;
	border-width: 0px 0px 1px 0px;

}

.optul li a {
	display: block;
	height: 12px;
	width: 120px;
	padding: 5px 3px 5px 22px;
	margin: 0px;
	font: 13px "Trebuchet MS", Verdana, sans serif;
	line-height: 11px;
	text-decoration: none;
	background-repeat: repeat;
}

.optul li a:link {
	background-color: #eee;
	color: #111;
	background-image: url(images/opt_out.gif);
}

.optul li a:visited {
	background-color: #eee;
	color: #555;
	background-image: url(images/opt_out.gif);
}

.optul li a:hover {
	background-color: #8b3;
	color: #fff;
	background-image: url(images/opt_over.gif);
}
#opt1 {
	left: 84px;
}

#opt2 {
	left: 168px;
}

#opt3 {
	left: 252px;
}

.subiconarea {
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 560px;
	height: 250px;
	padding: 20px 0px 0px 40px;
}

a.subicon {
	display: block;
	width: 85px;
	height: 20px;
	padding: 10px 0px 50px 80px;
	margin: 0px;
	overflow: hidden;

	background-position: left top;
	background-repeat: no-repeat;
	text-decoration: none;
	float: left;
	margin: 15px 15px 10px 0px;
}

#rightcol h1 {
	display: block;
	color: #000;
	text-align: left;
	width: 240px;
	height: 35px;
	padding: 60px 0px 0px 40px;
	margin: 0px 20px 20px 0px;
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 22px;
}

#rightcol h1:first-letter {
	font-size: 28px;
}

#rightcol h2 {
	display: block;
	text-align: left;
	padding: 20px 0px 0px 40px;
	margin: 0px 20px 20px 0px;
}

a.subicon:link {
	text-decoration: none;
	color: #555;
}

a.subicon:visited {
	text-decoration: none;
	color: #999;
}

a.subicon:hover {
	text-decoration: underline;
	color: #000;
}

a#sub_g1:link,a#sub_g1:visited {
	background-image: url(images/sub_g1out);
}

a#sub_g1:hover {
	background-image: url(images/sub_g1over);
}

a#sub_g2:link,a#sub_g2:visited {
	background-image: url(images/sub_g2out);
}

a#sub_g2:hover {
	background-image: url(images/sub_g2over);
}

a#sub_g3:link,a#sub_g3:visited {
	background-image: url(images/sub_g3out);
}

a#sub_g3:hover {
	background-image: url(images/sub_g3over);
}

a#sub_g4:link,a#sub_g4:visited {
	background-image: url(images/sub_g4out);
}

a#sub_g4:hover {
	background-image: url(images/sub_g4over);
}

a#sub_g5:link,a#sub_g5:visited {
	background-image: url(images/sub_g5out);
}

a#sub_g5:hover {
	background-image: url(images/sub_g5over);
}

a#sub_g7:link,a#sub_g7:visited {
	background-image: url(images/sub_g7out);
}

a#sub_g7:hover {
	background-image: url(images/sub_g7over);
}

a#sub_w1:link,a#sub_w1:visited {
	background-image: url(images/sub_w1out);
}

a#sub_w1:hover {
	background-image: url(images/sub_w1over);
}

a#sub_w2:link,a#sub_w2:visited {
	background-image: url(images/sub_w2out);
}

a#sub_w2:hover {
	background-image: url(images/sub_w2over);
}

a#sub_w3:link,a#sub_w3:visited {
	background-image: url(images/sub_w3out);
}

a#sub_w3:hover {
	background-image: url(images/sub_w3over);
}

a#sub_p1:link,a#sub_p1:visited {
	background-image: url(images/sub_p1out);
}

a#sub_p1:hover {
	background-image: url(images/sub_p1over);
}

a#sub_p2:link,a#sub_p2:visited {
	background-image: url(images/sub_p2out);
}

a#sub_p2:hover {
	background-image: url(images/sub_p2over);
}

#homeiconarea {
	height: 250px;
	padding: 100px 0px 0px 0px;
}

#copyleft {
	display: block;
	width: 210px;
	height: 33px;
	float: right;
	text-align: right;
	color: #999;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	border: 1px solid #000;
	border-width: 1px 0px 0px 0px;
	font: 11px "Trebuchet MS", Verdana, sans serif;
}

#footer {
	width: 177px;
	height: 40px;
	clear: left;
	float: left;
	text-align: left;
	color: #777;
	margin: 10px 0px;
	padding: 0px 3px 0px 0px;
	font: 12px "Trebuchet MS", Verdana, sans serif;
	background-image: url(images/foot_bkg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#footer a {
	display: block;
	width: 65px;
	height: 33px;
	float: right;
	text-indent: -77777px;
}

#footer span {
	display: block;
	clear: both;
	font: 11px "Trebuchet MS", Verdana, sans serif;
	color: #ccc;	
	position: absolute;
	right: 5px;
	top: 35px;
	border: 1px solid #777;
	border-width: 1px 0px 0px 0px;
}
a#xhtml:link, a#xhtml:visited {
	background-image: url(images/xhtml_out.gif);
}

a#xhtml:hover {
	background-image: url(images/xhtml_over.gif);
}

a#css2:link, a#css2:visited {
	background-image: url(images/css_out.gif);
}

a#css2:hover {
	background-image: url(images/css_over.gif);
}

#gallery {
	width: 780px;
	height: 440px;
}

#viewer {
	width: 778px;
	height: 360px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 10px;
}

#prevtab {
	width: 780px;
	height: 80px;
	border: 1px solid #777;
	border-width: 1px 0px 1px 0px;
	position: absolute;
	top: 360px;
	background: #eee;
}

#viewstrip {
	width: 9000px;
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
}

div.vunit {
	width: 780px;
	height: 360px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.itempic {
	display: block;
	float: left;
	padding: 0px;
	margin: 40px 0px 0px 0px;
	border: 0px;
}

.itemdsc {
	display: block;
	width: 296px;
	padding: 20px 4px 0px 0px;
	text-align: right;
	margin: 0px;
	border: 0px;
	float: right;
}

.itemctrl {
	display: block;
	width: 64px;
	height: 32px;
	position: absolute;
	left: 716px;
	top: 310px;
}

img.previcon {
	height: 60px;
	border: 0px;
	padding: 4px;
	margin: 0px;
	background-color: #fcfcfc;
}

a.prevlnk {
	float: left;
	margin: 3px 2px;
	padding: 0px;
	background-color: #fff;
	border: 1px solid #fff;
	border-color: #fff #ccc #ddd #fafafa;
}

a.prevlnk:link {
	border-color: #fff #ccc #bbb #fafafa;
}

a.prevlnk:hover {
	border: 1px solid #7b2;
}

a.prevbtt {
	display: block;
	width: 32px;
	height: 32px;
	text-indent: 77777px;
	position: absolute;
	left: 0px;
	top: 0px;
}

a.prevbtt:link, a.prevbtt:visited {
	background-image: url(images/ctr_lt_out.gif);
}

a.prevbtt:hover {
	background-image: url(images/ctr_lt_over.gif);
}

a.nextbtt {
	display: block;
	width: 32px;
	height: 32px;
	text-indent: 77777px;
	position: absolute;
	left: 32px;
	top: 0px;
}

a.nextbtt:link, a.nextbtt:visited {
	background-image: url(images/ctr_rt_out.gif);
}

a.nextbtt:hover {
	background-image: url(images/ctr_rt_over.gif);
}

form#sendform {
	display: block;
	width: 540px;
	height: 461px;
	background-image: url(images/letter.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 40px 0px 0px 0px;
}

fieldset {
	display: block;
	width: 540px;
	height: 461px;
	padding: 0px;
	border: 0px;
}

#emaildsc {
	font: italic 11px "Trebuchet MS", Verdana, sans serif;	
	color: #562;
	display: block;
	width: 200px;
	position: absolute;
	left: 510px;
	top: 255px;
}

#msgdsc {
	font: italic 11px "Trebuchet MS", Verdana, sans serif;	
	color: #562;
	display: block;
	width: 200px;
	position: absolute;
	left: 420px;
	top: 80px;
}

#msgtx {
	display: block;
	width: 240px;
	height: 140px;
	overflow: auto;
	border: 1px solid #562;
	border-width: 0px 0px 1px 0px;
	background: none;
	font: 12px "Trebuchet MS", Verdana, sans serif;
	position: absolute;
	left: 420px;
	top: 110px;
}

#email {
	display: block;
	width: 150px;
	height: 20px;
	overflow: auto;
	border: 1px solid #562;
	border-width: 0px 0px 1px 0px;
	background: none;
	font: 12px "Trebuchet MS", Verdana, sans serif;
	position: absolute;
	left: 510px;
	top: 275px;
}

#sendbtt {
	display: block;
	width: 60px;
	height: 20px;
	border: 0px;
	background: none;
	font: 14px "Trebuchet MS", Verdana, sans serif;
	position: absolute;
	left: 500px;
	top: 310px;
}

#senderr {
	margin: 50px 0px 0px 100px;
}

#sendok {
	margin: 50px 0px 0px 90px;
}

form#bookform {
	display: block;
	width: 360px;
	height: 250px;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

fieldset#bookfield {
	display: block;
	width: 360px;
	height: 250px;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

#bookdsc {
	color: #562;
	font: 12px "Trebuchet MS", Verdana, sans serif;
	float: left;
}

#signdsc {
	color: #562;
	font: 12px "Trebuchet MS", Verdana, sans serif;
	float: left;
	display: block;
	width: 110px;
	text-align: left;
}

#booktx {
	clear: both;
	display: block;
	width: 360px;
	height: 145px;
	overflow: hidden;
	border: 0px;
	background: none;
}

#booksign {
	display: block;
	width: 190px;
	height: 20px;
	overflow: auto;
	border: 1px solid #562;
	border-width: 0px 0px 1px 0px;
	background: none;
	font: 12px "Trebuchet MS", Verdana, sans serif;
	float: left;
}

#bookbtt {
	display: block;
	width: 55px;
	height: 20px;
	border: 0px;
	background: none;
	font: 14px "Trebuchet MS", Verdana, sans serif;
	float: left;
}

a.booknavi {
	font: 12px "Trebuchet MS", Verdana, sans serif;
	position: absolute;	
}


a.booknavi:link, a.booknavi:visited {
	text-decoration: none;
	color: #562;
}

a.booknavi:hover {
	text-decoration: underline;
	color: #562;
}

#bookprev {
	left: 370px;
	top: 345px;
}

#bookfirst {
	left: 320px;
	top: 345px;
}

#bookframe {
	display: block;
	width: 570px;
	height: 379px;
	background-image: url(images/book.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 40px 0px 0px 10px;
}

#pageprev {
	left: 370px;
	top: 345px;
	display: none;
}

#pagefirst {
	left: 320px;
	top: 345px;
	display: none;
}

#pagenext {
	left: 570px;
	top: 345px;
}

#pagelast {
	left: 620px;
	top: 345px;
}

span.pagenr {
	font: 16px "Trebuchet MS", Verdana, sans serif;
	display: block;
	clear: right;
	color: #555;
}

#noteframe {
	display: block;
	position: absolute;
	left: 320px;
	top: 140px;
	width: 360px;
	height: 220px;
	overflow: auto;
	border: 0px;
	background: none;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}

span.signed {
	font: italic 12px "Trebuchet MS", Verdana, sans serif;
	display: block;
	height: 32px;
	float: right;
	padding: 14px 0px;
	margin: 0px;
	color: #555;
}

div#notestrip {
	position: absolute;
	width: 360px;
	left: 0px;
	top: 0px;
	padding: 0px;
	margin: 0px;
}

p.notetext {
	display: block;
	width: 360px;
	height: 140px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	color: #555;
}

p.notetext:first-letter {
	font-size: 21px;
}

div.viewnote {
	display: block;
	width: 360px;
	height: 250px;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

ul.simplelist {
	list-style-type: none;
}

li a:link, li a:visited {
	color: #5a1;
	display: block;
	height: 20px;
	background-image: url(images/stillarr.gif);
	background-repeat: no-repeat;
	background-position: center left;
	text-decoration: none;
	padding: 4px 0px 0px 30px;
}

li a:hover {
	color: #000;
	display: block;
	height: 20px;
	background-image: url(images/animarr.gif);
	background-repeat: no-repeat;
	background-position: center left;
	text-decoration: underline;
	padding: 4px 0px 0px 30px;
}