@charset "UTF-8";
/* CSS Document */

html, body, a, img {
	border: 0;
}

body {
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #FCFCFC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5f5f5f;
	margin-top: 0;
	text-align: center;
}

#container {
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;
	width: 880px;
}

.floatleft {
	float: left;
}

img.floatright {
	float: right;
}

#mainnav {
	float: right;
	margin-top: 3.5em;
}

html>body #mainnav {
	float: right;
	margin-top: 2.6em;
}

#mainnav ul {
	margin-bottom: 0;
}

#mainnav li {
	list-style: none;
	display: inline;
	margin: 1em;
}

a {
	font-weight: bold;
	text-decoration: none;
	color: #b4b4b4;
	font-size: 13px;
	letter-spacing: .1em;
}

a:hover {
	color: #5f5f5f;
}

a.selected {
	color: #4f4f4f;
}

#caption {
	margin: -6.2em 0 4em 10em;
}

a.captions {
	font-size: 11px;
	font-weight: bold;
	color: #5f5f5f;
	letter-spacing: 0;
	vertical-align: baseline;
}

a:hover.captions {
	color: #0066CC;
}

img.division {
	margin-top: .5em;
}

#screenshot {
	float: left;
	margin-top: 1.7em;
	text-align: center;
}

html>body #screenshot {
	float: left;
	margin-top: 2.3em;
	text-align: center;
}

#mainheadline {
	margin-top: 6.5em;
	margin-left: 44em;
	margin-bottom: 15em;
	text-align: left;
}

#button {
	margin-top: 1.5em;
}

img.headlines {
	margin: .5em .5em 1em 0;
}

p {
	color: #5f5f5f;
	line-height: 1.7em;
	text-align: left;
}

ul {
	text-align: left;
}

li.checkmark {
	list-style-image: url(../images/bullet_checkmark.gif);
	padding: .4em;
}

#leftcolumn {
	float: left;
	width: 283px;
}

#middlecolumn {
	float: left;
}

#rightcolumn {
	float: right;
	width: 370px;
}

img.icons {
	margin: 1em 0 1em 1.5em;
}

h2 {
	font-size: 14px;
	text-align: left;
}