body {
	margin: 0; padding: 0;
	font-family: Verdana, Helvetica, "Helvetica Neue", sans-serif;
	line-height: 130%;
	background: #a8a8a8;
	font-size: 13px;
}

h1, h2, h3, h4, h5, h6 {
/*	font-family: "Trajan Pro", serif;*/
	color: #444;
	margin-top: 0;
	line-height: 100%;
	margin-bottom: 0.1em;
}

h1 {
	font-size: 21px;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 15px;
}

h4 {
	font-size: 13px;
}

#columns>hr {
	margin: 1em 22px;
}

#sidebar .product {
	padding: 1px 10px;
	margin: 0 -10px;
	text-align: center;
}

/*#sidebar .product:nth-child(odd) {
	background: #F3E4FE;
}
#sidebar .product:nth-child(even) {
	background: #F9F1FF;
}*/

hr {
	border: none;
	border-top: 1px solid #a8a8a8;
	border-top: 1px solid #ccc;
	margin-left: -7px;
	margin-right: -7px;
	margin-bottom: 1em;
	margin-top: 1em;
}

a img {
	border: none;
}

img.icon,
img.inline-screenshot {
	margin: 15px;
}
img.right {
	float: right;
	margin-right: 0;
}
img.left {
	float: left;
	margin-left: 0;
}
img.icon.large.right {
	margin-right: 0px;
	margin-top: 0px;
}
img.icon.large.left {
	margin-left: -25px;
	margin-top: 0px;
}

img.center {
	display: block;
	margin: 17px auto;
}

.clear {
	clear: both;
}

#layout {
/*	min-width: 800px;*/
	margin: 45px;
	padding-top: 87px;
	background: #fff;
}

#nav {
	margin: 0; padding: 0;
	height: 30px; line-height: 25px;
	left: 45px;
	right: 45px;
	overflow: hidden;
	position: absolute;
}
#nav li {
	list-style: none;
	margin: 0; padding: 0; padding-top: 2px;
	position: absolute;
	width: 10%;
	padding-right: 10%;
	height: 25px;
}
#nav li a,
#nav li a:link,
#nav li a:visited {
	margin: 0 3px;
	display: block;
	height: 24px;
	text-align: center;
}
#nav li a:hover,
#nav li a:active {
	text-decoration: none;
}
#nav li a.active {
	background: #fff;
	text-decoration: none;
}


#column {
	width: 699px; /* 398px + 22px + 1px + 22px + 256px*/
	margin: 0 auto;
}

#content {
	width: 500px;
	margin: 0 auto;
	margin-top: 45px;
}

#column #content {
	float: left;
/*	margin-right: 312px;*/
	width: 398px;
	margin-bottom: 15px;
	padding-right: 22px; 
	border-right: 1px solid #ccc;
}

#columns {
	width: 844px;
	margin: 0 auto;
	margin-top: 45px;
	margin-bottom: 15px;
}

#columns .column {
	border-right: 1px solid #ccc;
	float: left;
	padding: 0 22px;
}

#columns .column.first {
/*	padding-left: 0;*/
}
#columns .column.last {
	border: none;
/*	padding-right: 0;*/
}

#columns .half {
	width: 377px;
}


#sidebar {
	float: left;
	margin-left: 22px;
	width: 256px;
	margin-top: 45px;
	margin-bottom: 15px;
	font-size: 75%;
	line-height: 130%;
}



#heading {
	position: absolute;
	top: 45px; height: 85px;
	height: 70px;
	height: 70px;
	left: 45px; right: 45px;
	background: rgb(117, 0, 255); color: #fff;
	overflow: hidden;
}

#heading div, #subheading div {
	position: absolute;
	width: 20%; height: 68px;
	overflow: hidden;
}

#footer {
	text-align: center;
	width: 100%;
	height: 15px;
	line-height: 15px;
	color: #888;
	border-top: 1px solid #a8a8a8;
	border-bottom: 1px solid #fff;
	background: #d8d8d8;
	font-size: 9px;
	clear: both;
	text-shadow: #fff 0px 1px 0px;
}
#subheading {
	position: absolute;
	top: 115px; height: 15px; line-height: 14px;
	left: 45px; right: 45px;
	font-size: 80%;
	text-align: center;
	text-transform: uppercase;
	background: #d8d8d8;
	color: #888;
	border-bottom: 1px solid #a8a8a8;
	border-top: 1px solid #fff;
	text-shadow: #fff 0px 1px 0px;
}

#subheading div {
	background: inherit;
	width: 10%;
	border: none;
	height: 15px;
	background: #d8d8d8;
}

#products,
#news {
	margin: 0; padding: 0;
}
li.post {
	list-style: none;
	margin: 0; padding: 0;
}

.metadata {
	font-size: 75%;
}

a.footnote {
	font-size: 60%;
	line-height: 50%;
	vertical-align: top;
}

p.footnote {
	font-size: 75%;
}

/*ul.screenshots::before {
	display: block;
	text-align: left;
	margin-top: -40px;
	margin-left: -40px;
	margin-right: -40px;
	content: url(/images/corner_01.png);
	background: url(/images/corner_02.png) scroll no-repeat right top;
}*/
ul.screenshots {
	clear: none;
	cursor: pointer;
	width: 322px;
	height: 462px;
	padding: 20px;
	margin: 0;
/*	padding: 40px;*/
	padding-bottom: 40px;
	margin: 0 auto;
	background: #a8a8a8;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #787878;
}
/*ul.screenshots::after {
	display: block;
	text-align: left;
	margin-left: -40px;
	margin-right: -40px;
	content: url(/images/corner_03.png);
	background: url(/images/corner_04.png) scroll no-repeat right top;
}*/

ul.screenshots li {
	position: absolute;
/*	width: 320px;*/
	height: 460px;
	margin: 0; padding: 0;
	list-style: none;
	border: 1px solid #787878;
/*	border-top-color: #787878;*/
	border-bottom-color: #d8d8d8;
}

ul.screenshots div.tabs {
/*	outline: 1px solid red;*/
	font-size: 14px;
	padding-top: 472px;
	margin-bottom: -30px;
	height: 20px; line-height: 20px;
	text-align: center;
	text-shadow: #fff 0px 1px 0px;
}
div.tabs a:link,
div.tabs a:visited,
div.tabs a:hover,
div.tabs a:active {
	color: #000;
	text-decoration: none;
}
div.tabs a.active {
	color: rgb(0, 127, 255);
}

h1 a,
h2 a {
	text-decoration: none;
}


a:link {
	color: rgb(187, 53, 128);
}
a:visited {
	color: rgb(170, 033, 122);
}
a:link:hover,
a:visited:hover {
	color: rgb(117, 0, 255);
}
a:link:active,
a:visited:active {
	color: #fff;
/*	background: rgb(187, 53, 128);*/
	text-decoration: none;
}