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

body
{
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	background-image: url(images/body-background-tile.png);
	background-color: #d3d7cf;
	background-repeat: repeat-x;
	color: #888a85;
}

#header
{
	height: 5em;
	margin-left: 10%;
	margin-right: 10%;
	background-color: white;
	width: 80%;
	border-left: solid thin #2e3436;
	border-right: solid thin #2e3436;
	border-top: solid thin #2e3436;
	padding: 2em 0 0 0;
	margin-top: 1em;
	
	-moz-box-shadow: 3px 3px 3px #999;
}

#header > img
{
	float: left;
	margin-top: -0.75em;
	margin-left: 1em;
	margin-right: 2em;
}

#centercol
{
	float: left;
	background-color: #eee;
	margin-left: 10%;
	margin-right: 10%;
	width: 80%;
	border-left: solid thin #2e3436;
	border-right: solid thin #2e3436;
	background-color: #d3d7cf;
	background-image: url(images/body-background-tile.png);
	background-repeat:repeat-x;
	/*padding: 0.5em;*/
	-moz-box-shadow: 3px 3px 3px #999;
/*	
	line-height: 150%;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
	
	padding-bottom: 2em;
*/	
	
}
/*
#centercol p
{
	margin-left: 2em;
	margin-right: 2em;
	margin-bottom: 0;
}

#centercol p + p {
	margin-top: 0;
	text-indent: 1em;
	}
	
img.screenshot
{
	-moz-box-shadow: 3px 3px 9px #777;
	margin: 1em 0;
}
	
#centercol ul
{
	margin-left: 3em;
}*/

#rightcol
{
	float: left;
	background-color: #bbb;
	width: 16em;
	/*margin: 1em;*/
	border: solid thin #2e3436;
}

#col3
{
	float: left;
	width: 10%;
	background-color: #bbb;
	border: solid thin #2e3436;
}

.hblock
{
	float: left;
	background-color: #eee;
	margin-left: 10%;
	margin-right: 10%;
	width: 80%;
	border-left: solid #2e3436 thin;
	border-right: solid #2e3436 thin;
	/*padding: 0 0.5em;*/
	-moz-box-shadow: 3px 3px 3px #888a85;
}

.hblock :link,
.hblock :visited,
.hblock :link:active,
.hblock :visited:active
{
	text-decoration: none;
	font: inherit;
	color: inherit;
}

.hblock p
{
	margin: 0;
	padding: 0 1em;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #993300;
	letter-spacing:.2em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

.topdash
{
	clear: both;
	float: left;
	background-color: #ddd;
	margin-left: 10%;
	margin-right: 10%;
	width: 80%;
	height: 3px;
	border-left: solid #2e3436 thin;
	border-right: solid #2e3436 thin;
	border-top: solid #4e9a06 2px;
	background-image: url(images/dashed-line.png);
	/*padding: 0 0.5em;*/
	padding: 0;
	-moz-box-shadow: 3px 3px 3px #888a85;
}
.bottomdash
{
	clear: both;
	float: left;
	background-color: #ddd;
	margin-left: 10%;
	margin-right: 10%;
	width: 80%;
	height: 3px;
	border-left: solid #2e3436 thin;
	border-right: solid #2e3436 thin;
	border-bottom: solid #4e9a06 2px;
	background-image: url(images/dashed-line.png);
	/*padding: 0 0.5em;*/
	padding: 0;
	-moz-box-shadow: 3px 3px 3px #888a85;
}

#footer
{
	float: left;
	clear: both;
	height: 1.5em;
	background-color: #eee;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	font-size: smaller;
	border: solid thin #2e3436;
	margin-top: 1em;
	padding-left: 0.5em;
	padding-right: 0.5em;
		-moz-box-shadow: 3px 3px 3px #888a85;
}

h1{
	font-size: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	color: #555753;
	line-height:24px;
	letter-spacing:0.21em;
	font-weight: bold;
	margin-left: 1em;
	margin-right: 2em;
	}
	
h2 {
	font-weight: bold;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	color: #993300;
	line-height:1.5em;
	letter-spacing:0.2em;
	margin-left: 1em;
	margin-right: 2em;
	}
h2 a {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #993300;
	line-height:1.5em;
	letter-spacing:0.2em;
	text-decoration: none;
}

h3 {
	margin-left: 2em;
	margin-right: 2em;
}

#logo
{
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5C743D;
	letter-spacing:0.2em;
	padding:0px 6px 0px 25px;
	text-shadow: 1px 1px 2px #bbb;
}
#tagline 	
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #993300;
	letter-spacing:0.4em;
	padding:0px 6px 1px 25px;
}

.controlgrid p
{
	border-bottom: solid thin silver;
}

.controlgrid p label
{
	width: 25em;
	padding-right: 1em;
}
.controlgrid p input
{
	float: right;
	width: 50%;
}

.controlgrid input
{
	float: right;
	clear: both;
}

#bodyblock
{
	float: left;
	width: 65%;
	margin-right: 5%;
	margin-left: 5%;
	margin-bottom: 2em;
	
	line-height: 150%;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
}

#bodyblock p
{
	margin: 0;
}

#bodyblock p + p {
	margin-top: 0.25em;
	text-indent: 1em;
	}
	
img.screenshot
{
	-moz-box-shadow: 3px 3px 9px #777;
	margin: 1em 0;
}

#navblock
{
	float: left;
	text-align: left;
	width: 20%;
	/*width: 200px;*/
	background-color: #F7F7F7;
/*	margin: 8px 8px 2em 2em;*/
	box-shadow: 3px 3px 8px #ddd;
	-moz-box-shadow: 3px 3px 8px #ddd;
	line-height: 150%;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
}

#navblock ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#navblock li
{
	display: block;
	border-bottom: solid thin #ccc;
	/*padding: 0.25em 0.5em;*/
	padding: 1em 1em 1em 2em;
}

#navblock a
{
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	line-height:16px;
	letter-spacing:0.1em;
	text-decoration: none;
	/*display:block;*/
	/*padding:8px 6px 10px 20px;*/
}

#navblock a > img
{
	padding-right: 0.5em;
	float: left;
	}
	
.quote {
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #759DA1;
	line-height:30px;
}

div.downloadBox {
	float: right;
	text-align: left;
	clear: right;
	width: 15em;
	background-color: #F7F7F7;
	box-shadow: 3px 3px 8px #ddd;
	-moz-box-shadow: 3px 3px 8px #ddd;
	
	border: 1px solid #CCCCCC;
	padding: .25em 0.75em;
	background-color: #EDEDED;
	font-weight: bold;
	margin: 8px 0 1.5em 2em;

	box-shadow: 3px 3px 8px #ddd;
	-moz-box-shadow: 3px 3px 8px #ddd;
}
div.downloadBox p,
div.downloadBox p + p {
	margin: 0.5em 0 !important;
	padding: 0 !important;
	text-indent: 0 !important;
	}
	
div.downloadBox img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
	padding-right: 8px;
	clear: both;
}

a img { border: none; }

.codeblock {
	margin-top: 0.5em;
	margin-right: 3em;
	margin-bottom: 0.5em;
	margin-left: 3em;
	background-color: white;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	border: medium double #CCCCCC;
}