
body {
	margin: 0;
	padding: 0;
	min-height: 900px;
	background: #05222a url(images/bg.jpg) repeat-x bottom;
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#99cccc;
}

h1, h2, h3 {
	color: #ffffff;
	margin: 0;
	padding: 0;
}

h2 {
	font-size: 1.6em;
	padding: 0 0 20px 0;
}

h3 {
	margin: 0;
	font-size: 1em;
	padding: 15px 0 5px 0;
}

p, ul, ol, blockquote {
	margin-top: 0;
}

a:link {
	border-bottom: 1px dotted #556644;
	text-decoration: none;
	color: #887766;
}

a:visited {
	border-bottom: 1px dotted #556644;
	text-decoration: none;
	color: #4D79FF;
}

a:hover {
	border-bottom: 1px solid #556644;
}

img {
	border: none;
}

/* Header */

#header {
	width: 800px;
	height: 250px;
	margin: 0 auto;
	background: transparent url(images/hd.jpg) no-repeat right;
}

#header * {
	margin: 0;
	border: none;
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;
}

#header h1 {
	position: relative;
	top: 95px;
	left: 120px;
	font-size: 2.5em;
}

#header h2 {
	position: relative;
	top: 95px;
	left: 250px;
	font-size: 1em;
	color:#99cccc;
}

#header h3 {
	position: relative;
	top: 118px;
	left: 580px;
	font-size: .8em;
	color:#99cccc;
}

#header h4 {
	position: relative;
	top: 98px;
	left: 105px;
	font-size: .8em;
	color:#99cccc;
}

/* Content */

#content {
	margin: 0 auto;
	width: 800px;
	background: transparent; // url(images/img.gif) no-repeat bottom left;
}

#colOne {
	float: right;
	width: 350px;
	padding: 25px 25px 0 25px;
	background: transparent;
	text-align: justify;
}

#colTwo {
	float: left;
	width: 250px;
	padding: 25px 25px 0 125px;
	background: transparent;
}

#box{
	width: 100%;
	margin: 0;
	clear: both;
}

#color {
	float: left;
	width: 58px;
	height: 58px;
	margin: 2px;
	color: #636363;
	text-align: center;
	font-size: 1.5em;
}

#digit {
	float: right;
	height: 90px;
	margin: 0px;
	color: #636363;
	text-align: center;
	font-size: 1.5em;
}

/* Footer */

.footer {
	width: 675px;
	padding: 10px 0 50px 125px;
	font-size: smaller;
	color: #ddbbaa;
}


.white {background: #ffffff url(images/c0.gif);}
.yellow	{background: #ffff00 url(images/c1.gif);}
.orange	{background: #ff6500 url(images/c2.gif);}
.red {background: #ff0000 url(images/c3.gif);}
.lightgreen {background: #00ff00 url(images/c4.gif);}
.green {background: #009900 url(images/c5.gif);}
.turquoise {background: #00ffff url(images/c6.gif);}
.navyblue {background: #0065ff url(images/c7.gif);}
.blue {background: #0000ff url(images/c8.gif);}
.whine {background: #ff00ff url(images/c9.gif);}
.purple {background: #660066 url(images/c10.gif);}
.black {background: #000000 url(images/c11.gif);}
.transp {background: transparent;}

.pwhite {background: transparent url(images/p0.gif);}
.pyellow {background: transparent url(images/p1.gif);}	
.porange {background: transparent url(images/p2.gif);}
.pred {background: transparent url(images/p3.gif);}
.plightgreen {background: transparent url(images/p4.gif);}
.pgreen {background: transparent url(images/p5.gif);}
.pturquoise {background: transparent url(images/p6.gif);}
.pnavyblue {background: transparent url(images/p7.gif);}
.pblue {background: transparent url(images/p8.gif);}
.pwhine {background: transparent url(images/p9.gif);}
.ppurple {background: transparent url(images/p10.gif);}
.pblack {background: transparent url(images/p11.gif);}

