body,td,th {
	font-family: "Lucida Sans", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}
body {
	background-color: #000;
	margin-left: 50px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
p {
	margin-top: 0px;
	margin-bottom: 20px;
	line-height: 18px
}
h1 {
	font-size: 13px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 20px;
	line-height: 18px
}
a:link, a:visited, a:hover, a:active {
	color: #62C9C0;
}
#nav {
	height: 80px;
	padding-top: 120px;
	width: 990px;
}
#nav a, #nav a:link, #nav a:active, #nav a:visited {
	font-weight: bold;
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
	margin-left: 40px;
	margin-right: 40px;
}
#nav a:hover {
	color: #62C9C0;
}
.act {
	color: #62C9C0;
}
#main {
	margin-left: 90px;
	width: 900px;
}
#main div {
	height: 530px;
}
#left {
	width: 28px;
	margin-right: 40px;
	float: left;
	text-align: center;
	font-size: 12px;
	border: 1px solid #666;
}
#left a, #list a {
	display: block;
	width: 99,9%;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration: none;
}
#list a {
	text-indent: 10px;
}
#left a:link, #left a:visited, #list a:link, #list a:visited {
	color: #FFF;
}
#left a:hover, #left a:active, #list a:hover, #list a:active {
	color: #000;
	background-color: #62C9C0;
}
#middle {
	width: 360px;
	margin-right: 40px;
	margin-left: 70px;
	float: left;
}
#right {
	width: 400px;
	float: left;
}
#list {
	width: 248px;
	margin-right: 20px;
	float: left;
	border: 1px solid #666;
	overflow: auto;
}
#detail {
	width: 228px;
	margin-right: 20px;
	float: left;
	border: 1px solid #666;
	overflow: auto;
}
#sample {
	width: 228px;
	float: left;
	border: 1px solid #666;
	overflow: auto;
}
#detail h1, #sample h1 {
	color: #000;
	background-color: #62C9C0;
	height: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	margin-bottom: 0px
}
#detail p, #sample p {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 16px;
	margin-bottom: 4px;
}
#sample .colormatch {
	width: 18px;
	height: 18px;
	border: 1px solid #666;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	cursor: pointer;
}
.colormatch a {
	text-decoration: none;
	display: block;
	height: 99%;
	width: 99%;
}
#FrogJS {
	width: 540px;
	height: 600px;
	margin: 0 auto;
}
#FrogJS img {
	border: none;
}
#FrogJSCredit {
	text-align: right;
	font-size: 9px;
	color: #FFF;
	padding: 1px;
}
#FrogJSCaption {
	text-align: left;
	line-height: 140%;
}

<!-- 
.tooltip { 
  position: absolute; 
  display: none; 
  background-color: #000; 
}
 -->