body {
	margin: 0;
	background: #3E6CAA url("../images/pattern_background.gif") 0 0 repeat-x;
	font: 12px/17px Arial, sans-serif;
	color: #666;
}
a {
	border-bottom: 1px dotted #ccc !important;
	border-bottom: 1px solid #ccc;
	color: #444;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #9e312b;
}
img, a img {
	border: none;
}
h2 {
	margin: 31px 0;
}
h3 {
	font: bold 12px/15px Arial, sans-serif;
	color: #97A33F;
}
acronym {
	font-style: normal;
	border-bottom: 1px dotted #bbb !important;
	border-bottom: none;
}
img.screenshot {
	margin: 10px 0 0 12px;
}
fieldset {
	border: 1px solid #ccc;
	margin: 10px 0 20px;
}
fieldset dl dt{
	padding: 5px 0 5px;
}
#container {
	position: relative;
	background: #fff url("../images/content_background.png") repeat-y;
	padding: 0 8px;
	width: 600px;
	margin: 108px auto 0 auto;
}
#header {
	position: absolute;
	background: #c1c1b6 url("../images/header_background.gif") left top repeat-x;
	margin: -32px 0 0 0;
	height: 214px;
	width: 598px;
	border: 1px solid #fff;
}
#header h1 {
	position: absolute;
	top: -77px;
	margin: 0 0 0 -4px;
	background: url("../images/logo.gif") left top no-repeat;
	padding: 0px 0 0 200px;
	overflow: hidden;
	height: 70px;
	width: 0 !important;
	color: #333;
}
#navigation {
	margin: 0;
	padding: 0;
	list-style: none;
}
#navigation li {
	float: left;
	border-right: 1px solid #B2C4E0;
}
#navigation li#current {
	background: #cbd87f url("../images/hover.gif" ) left top repeat-x;
}
#navigation li a {
	display: block;
	padding: 0 12px;
	border: none !important;
	border: none;
	font: bold 11px/30px Tahoma, Arial, sans-serif;
	color: #B2C4E0;
}
#navigation li a:hover, #navigation li#current a {
	color: #fff;
}
#content {
	position: relative;
	padding: 142px 10px 0;
	margin: 0;
}
#content p {
	margin: 0;
	padding: 0 0 15px;
}
#content h2 {
	background: transparent url("../images/h2.gif") no-repeat left bottom;
	font: 18px/20px Arial, sans-serif;
	padding: 0 0 30px 0;
	margin: 20px 0 -5px 0;
}
#content ul {
	margin: 0 0 15px;
}
#content ul li {
	margin-left: 0 !important;
	margin-left: 20px;
}
dd {
	margin-bottom: 10px;
}
dl.overview {
	margin: 0 13px 0 0;
	width: 180px;
	float: left;
} 
dl.overview dd {
	margin: 0;
	padding: 5px;
}
dl.overview dt {
}
dl.overview dt a {
	border: none !important;
	border: none;
}
dl.overview dt a img {
	background: #eee;
	margin: 0;
	padding: 0;
	border: none;
}
dl#features dt {
	font: bold 12px/18px Arial, sans-serif;
	margin-bottom: 5px;
	padding: 0;
	color: #63773A;	
}
dl#features dd {
	margin: 0;
}
dl.features h3 {
	position: relative;
	margin-bottom: -6px;
	top: 2px;
}
dl.specs {
	background: #fff url("../images/section-divisor.jpg") left top no-repeat;
	padding: 20px 0 0 20px;
}
dl.specs dt {
	font: bold 12px/18px Arial, sans-serif;
}
dl.specs dd {
	margin: 0 0 20px 0;
}
dl#steps dt {
	color: #888;
	background-color: #eee;
	font: bold 12px Arial, sans-serif;
	padding: 5px;
}
dl#steps dd {
	border: 1px solid #eee;
	padding: 10px;
	margin: 0 0 20px 0;
}
ul#thumb-screen {
	float: right;
	list-style: none;
	margin: 10px 12px 0 0;
	padding: 0;
}
ul#thumb-screen li {
	padding: 1px;
	margin: 5px;
	border: 1px solid #ccc;
}
ul#thumb-screen li a {
	color: #fff;
	font: bold 12px/32px Verdana, sans-serif;
	text-align: center;
	display: block;
	width: 40px;
	height: 30px;
	background: #eee url("../images/thumb-screen.gif") left bottom repeat-x;
	border: 1px solid #ddd !important;
}
ul#thumb-screen li a:hover,
ul#thumb-screen li a.on {
	color: #A1A584;
	background: #ddd url("../images/thumb-screen.gif") left top repeat-x;
}
#additional {
	position: relative;
	top: 20px;
	font: 12px/17px Arial, sans-serif;
	text-align: right;
	padding: 10px;
	margin-bottom: 20px;
	color: #fff;
	background: #4e4e4e;
	clear: left;
}
#additional p {
	text-align: left;
}
#additional a{
	color: #bbb;
	text-decoration: underline;
	font-weight: normal;
	border: none !important;
}
#additional a:hover{
	color: #fff;
	font-weight: normal;
	border: none !important;
}
ul.action {
	margin: 0;
}
ul.action li {
	width: 10%;
	float: left;
}
#footer {
	background: url("../images/footer_background.gif") 50% 25px no-repeat;
	margin: 0;
	padding: 55px 0 15px 0;
	clear: both;
}
#footer p {
	margin: 0 0 8px 0;
	text-align: center;
	font-size: 11px;
	color: #a4a4a4;
}
a.crea-doo {
	font-weight: normal;
	color: #a4a4a4;
}
a.firefox {
	padding-left: 16px;
	background: url("../images/firefox.gif") left top no-repeat;
}
a.download {
	padding-left: 16px;
	background: url("../images/download.gif") left top no-repeat;
}
a.download:hover {
	background: url("../images/download.gif") 0 -15px no-repeat;
}
a.key {
	padding-left: 16px;
	background: url("../images/key.gif") left top no-repeat;
}
a.key:hover {
	background: url("../images/key.gif") 0 -15px no-repeat;
}
p#feature-list {
	background-color: #eee;
	text-align: center;
	padding: 10px;
}
.error {
	color: #F00;
}
.code {
	background-color: #EFEFEF;
	border: 1px;
	border-style: dashed;
	border-color: #777777;
}
.table {
	border: 0px;
}
.table .cellleft {
	text-align: left;
}
.table .cellright {
	text-align: right;
	padding-right: 10px;
}