body {
	background: #CCCCCC url(http://www.gfxferret.com/images/bkg.jpg) repeat-x left top;
	margin: 0px;
	font: 13px Verdana, Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}

.container {
	width: 750px;
	text-align: left;
	margin: 30px auto 25px auto;
	padding: 0px 0px 0px 0px;
}

.single {
	width: 700px;
	text-align: left;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
.single td {
	padding: 2px 0px 3px 0px;
}

img {
	border: 0px;
}


/* left navigation definitions
----------------------------------------------- */
.leftnav {
	float: left;
	display: inline;
	width: 150px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	background: url(http://www.gfxferret.com/images/layout/bg-leftnav.jpg) no-repeat left bottom;
}
.leftnav p {
	margin: 0px 0px 10px 0px;
	padding: 0px 25px;
	font-size: 90%;
	line-height: 12px;
	text-align: left;
	color: #999999;
}
.leftnav p a:link, 
.leftnav p a:visited, 
.leftnav p a:active, 
.leftnav p a:link, 
.leftnav p a:visited, 
.leftnav p a:active {
	color: #CCCCCC;
	text-decoration: underline;
}

.leftnav p a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}


/* body content definitions
----------------------------------------------- */
.content {
	margin: 0px 0px 0px 0px;
	padding: 15px 25px 20px 0px;
} 
.content p, .content ul {
	padding: 0px 25px 2px 0px;
	line-height: 16px;
	text-align: left;
	color: #FFFFFF;
}

.content p a:link, 
.content p a:visited, 
.content p a:active, 
.content li a:link, 
.content li a:visited, 
.content li a:active {
	color: #0099ff;
	text-decoration: underline;
}

.content p a:hover, 
.content li a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

.content p a img {
	margin-bottom: -5px;
}

.content h1, 
.content h2, 
.content h3 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.content h1 {
	font-size: 90%;
	font-weight: normal;
}	
.content h2 {
	font-size: 120%;
}
.content h3 {
	font-size: 140%;
}
.title {
	font-size: 120%;
	color: #ffff00;
	font-weight: bold;
}	

.content ul {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	list-style: none;
}

.content li {
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

select {
	font: 11px Verdana, Helvetica, Arial, sans-serif;
}

input {
	font: 11px Verdana, Helvetica, Arial, sans-serif;
}


/* subnavigation definitions
----------------------------------------------- */


#subnav {
	clear: left;
	background: url(http://www.gfxferret.com/images/bkg_footer.jpg) no-repeat left bottom;
	height: 100px;
	padding-top: 10px;
	text-align: center;
}

.subnav p {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 90%;
	color: #666666;
}

.subnav p a:link, .subnav p a:visited, .subnav p a:active {
	color: #CCCCCC;
	text-decoration: none;
	padding: 0px 2px;
	border-bottom: 1px solid #666666;
}

.subnav p a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

/* footer definitions
----------------------------------------------- */


#footer {
	clear: left;
	background: url(http://www.gfxferret.com/images/bkg_footer.jpg) no-repeat left bottom;
	height: 100px;
	padding-top: 10px;
	text-align: center;
}

.footer p {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 90%;
	color: #666666;
}

.footer p a:link, .footer p a:visited, .footer p a:active {
	color: #CCCCCC;
	text-decoration: none;
	padding: 0px 2px;
	border-bottom: 1px solid #666666;
}

.footer p a:hover {
	color: #FFFFFF;
	text-decoration: none;
}