body {
	background-color: #ffffff;
	font-family: Arial, "Monotype Corsiva", Georgia, Verdana, Chicago, Helvetica, sans-serif, "MS UI Gothic", "Trebuchet MS";
	margin-top: 10px;
}

h1 {
	color: #000080;
/*	background-color: #FFFFFF;	*/
	text-align: left;
	padding-left: 0.5em;
	font-weight: bold;
	font-size: 1.5em;
	font-family: Arial, "Monotype Corsiva", Georgia, Verdana, Chicago, Helvetica, sans-serif, "MS UI Gothic", "Trebuchet MS";
}

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

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

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

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

.color-picker {
	background:	transparent;
	width:		568px;
	height:		auto;
}

.color-picker td {
	padding:	1px;
}

.dynamic-slider-control {
	width:		auto;
	height:		20px;
	margin:		0;
}

.color-picker input {
	text-align:	right;
	width:		30px;
}

.slider-caption { 
	width: 40px;
	float: left;
}

.slider { 
	position: absolute;
	width: 400px;
	float: left;
	top: 0px;
	left: 45px;
}

.sl-input { 
	width: 30px;
	float: right;
}
	
#color-result {
/*
	width:				75px;
	height:				75px;
	border:				1px solid #000;
*/
	position: absolute;
	top: 40px;
	left: 10px;
	background-color:	white;
}

.s {
	border:1px solid #000;
	width: 75px;
	height: 75px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
	font-weight: bold;
	color: #000000;
	cursor: pointer;
	cursor: hand;
}

.t {
	color:#555555;
	margin-right: 5px;
	width: 75px;
	float: left;
	text-align: center;
	font-family: monospace;
	font-size: small;
}

.row { 
	position: relative;
	height: 25px;
}

#allsliders {
	width: 505px;
	visibility: hidden;
	position: absolute;
	top: 41px;
	left: 11px;
	background-color: #f0f0f0;
}

#slideleft { 
	width: 490px;
	float: left;
}

#slideright{
	width: 75px;
	float: right;
}

.spacer {
	clear: both;
}

.footer { 
	text-align: center;
}

#collist { 
	padding-top: 10px;
}

form {
	padding-top: 10px;
}

#sitewidth { 
	width:760px;
	margin: auto;
	text-align: left;
}

li input, li select, li option { 
	margin: 3px 0px;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: small;
}

#forms { 
	width: 325px;
	float: left;
}

#sample { 
	border: 1px solid rgb(0, 0, 0);
	background-color: rgb(255, 255, 255);
	width: 578px;
	margin-left: 10px; 
	margin-top: 5px;
}

#sampleh1 { 
	border: 1px solid #7F7F7F;
	color: #CCCCCC;
	background-color: #808080;
	font-size: 16px;
	margin: 5px;
	padding: 5px;
	text-align: center;
}

#sampleh2 { 
	border: 1px solid #7F7F7F;
	color: #CCCCCC;
	background-color: #808080;
	font-size: 14px;
	margin: 5px;
	padding: 5px;
	text-align: center;
}

#samplep { 
	color: #000000;
	background-color: #7F7F7F;
	font-size: 12px;
	margin: 10px;
	padding: 5px;
}

#samplelink { 
	color: #A6A6A6;
}

#samplehover { 
	color: #A6A6A6;
}

#samplep a { 
	color: #A6A6A6;
}

#samplep a:hover { 
	color: #A6A6A6;
}