* {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
}

body {
	background: #111;	
}

#container-1 {
	background: #222;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	overflow: hidden;
	border-left: 1px solid #888;
	border-right: 1px solid #888;
	border-bottom: 1px solid #888;
}

#heading {
	background: none;
	height: 400px;
	width: 800px;
	text-indent: -5000px;
}

#heading p {
	text-indent: 0px;
}

/* NAVIGATION */

#navigation {
	background: url(images/navigation.jpg) no-repeat;
	height: 30px;
	width: 800px;
	line-height: 30px;
}

#navigation ul {
	padding-left: 175px;
}

#navigation li {
	display: inline;
}

#navigation li a {
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	text-indent: -1000px;
}

#navigation li a:hover {

}

a#overview_title {
	background: url(images/overview_title.jpg) no-repeat;
	width: 107px;
}

a#support_title {
	background: url(images/support_title.jpg) no-repeat;
	width: 96px;
}

a#download_title {
	background: url(images/download_title.jpg) no-repeat;
	width: 111px;
}

a#purchase_title {
	background: url(images/purchase_title.jpg) no-repeat;
	width: 105px;
}

a#support_title:hover {
	background: url(images/support_title_hover.jpg) no-repeat;
	width: 96px;
}

a#overview_title:hover {
	background: url(images/overview_title_hover.jpg) no-repeat;
	width: 107px;
}

a#download_title:hover {
	background: url(images/download_title_hover.jpg) no-repeat;
	width: 111px;
}

a#purchase_title:hover {
	background: url(images/purchase_title_hover.jpg) no-repeat;
	width: 105px;
}

/* TEXT */

#text {
	padding: 20px;
	color: #999;
	font-size: 12px;
	line-height: 22px;
}

#text div.wide {
	float: left;
	padding: 20px;
}

#text div.column {
	float: left;
	width: 330px;
	padding: 20px;
}

#text h3 {
	padding-bottom: 20px;
	color: white;
	font-size: 16px;	
	line-height: 28px;
}

#text h4 {
	padding-bottom: 5px;
	color: white;
	font-size: 12px;	
	line-height: 28px;
}

#text p {
	padding-bottom: 20px;
}

#text p.summary {
	color: #ccc;
	font-weight: bold;
}

#text p.complex {
	padding-bottom: 5px;
}

#text ul {
	padding-left: 15px;
	padding-bottom: 20px;
}

#text ul li {
	clear: both;
	list-style: square;
	padding-bottom: 5px;
}

#text ol {
	padding-left: 0px;
	padding-bottom: 20px;
}

#text ol li {
	clear: both;
	list-style: none;
	padding-bottom: 10px;
}

#text table {
	padding-bottom: 20px;
	border: 2px solid #333;
	border-collapse: collapse;
}

#text table th, #text table td {
	padding: 5px 10px;
	text-align: left;
	vertical-align: top;
}

#text table tr.odd th, #text table tr.odd td {
	background: #333;
}

#text table tr.even th, #text table tr.even td {
	background: none;
}

#text strong {
	color: #ccc;
	font-weight: bold;
}

#text em {
	color: #666;
	font-style: oblique;
}

#text a {
	color: #666;
	text-decoration: none;
}

#text a:hover {
	color: white;
	text-decoration: none;
}

#text a.screenshot {
	background: url(images/zoom.jpg) no-repeat 2px top;
	padding-left: 15px;
	color: #666;
	text-decoration: none;
}

#text a:hover.screenshot {
	background: url(images/zoom_hover.jpg) no-repeat 2px top;
	padding-left: 15px;
	color: white;
	text-decoration: none;
}

/* FORM */

form input {
	display: inline;
	margin-right: 10px;
}

form input.text {
	display: inline;
	width: 200px;
	margin-right: 10px;
}

form input.checkbox {
	display: inline;
	margin-right: 5px;
}

form input.button {
	display: inline;
	width: 200px;
	margin-right: 10px;
}

/* FOOTER */

#footer {
	clear: both;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #555;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
	text-align: center;
}

#footer a {
	color: #ccc;
	text-decoration: none;
}

#footer a:hover {
	color: #ccc;
	text-decoration: underline;
}