/* @override http://visualchutzpah.org/ast/sson.css */
/* @group common */

*
{
	padding: 0;
	margin: 0;
	border: 0;
}

html
{
	font-size: 100%
}

body
{
	background-color: #fff;
	color: #261A00;
	font: 67.5%/1.95em "Lucida Grande", Lucida, Verdana, sans-serif;
}
a{
	color: #D41A00;
	text-decoration: none;
	border-bottom: 1px dotted #d47263;
}
.red{
	color: #D41A00;	
}
a:visited{
	color:#960;
	text-decoration: none;
	border-bottom: 1px dotted #d47263;
}
a img
{
	border: 0;
}
p{
	font-size: 1.15em;
	line-height: 1.5em;
}

ul,ol{
	margin: 0 50px 0 20px;	
}
li{
	font-size: 1.15em;
	line-height: 1.5em;
	background: url(../img/listmarker.gif) no-repeat 0 .5em;
	padding-left: 10px;
	list-style-type: none;
}
li ul li{
	font-size: 100%;
	background: url(../img/blackmarker.gif) no-repeat 0 .5em;
}
strong{
	color: #D41A00;
}
/* @end */
/* @group structural */
#wrapper
{
	width: 782px;
	position: relative;
	margin: 10px auto 50px;
	background: url(../img/backgrad.png) repeat-x 0 100px;
	height: 800px;
}

#header
{
	width: 782px;
	height: 101px;
	background: #FFAD00 url(../img/header.gif) no-repeat;
}

#nav
{}

#inner
{
	margin-top: 50px;
}

#sidebar
{
	float: left;
	width: 195px;
	margin-left: 20px;
}

div.notice
{
	margin-top: 15px;
}

#content
{
	width: 500px;
	margin-left: 240px;
}
#content p {
	padding-top: 5px;
	padding-bottom: 5px;
}


#footer
{
	border-top: 1px solid #b7b7b7;
	width: 500px;
	margin: 30px 0 50px 240px;
	padding: 10px 0 0;
}
#footer p{
	text-transform: none;
	letter-spacing: 1px;
	color: #5c5c5c;
	font-size: 1.25em;
}
/* @end */

#logo
{
	margin-top: 25px;
}

#logo h1 a
{
	text-indent: -1000em;
	display: block;
	width: 417px;
	height: 35px;
}
/* @group header_navigation */

#nav ul
{
	list-style-type: none;
	position: absolute;
	width: 700px;
	top: 73px;
	left: 15px;
	margin: 0;
}

#nav ul li
{
	float: left;
	text-indent: -1000em;
	margin: 0;
	padding: 0;
	background-image: none;
}

#nav ul li a
{
	display: block;
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 28px;
	border-style: none;	
}

#nav ul li a.hoverOn
{
	background-position: 0 -28px;
}

li#syntheyes a
{
	background-image: url(../img/syntheyes.jpg);
	width: 103px;
}

li#credits a
{
	background-image: url(../img/credits.jpg);
	width: 91px;
}

li#learning a
{
	background-image: url(../img/learning.jpg);
	width: 96px;
}

li#support a
{
	background-image: url(../img/support.jpg);
	width: 92px;
}

li#company a
{
	background-image: url(../img/company.jpg);
	width: 115px;
}
#nav ul li ul{
	width: 782px;
	height: 40px;
	position: absolute;
	top: -1000em;
	left: -15px;
	background-color: #FFFFB2;
	z-index: 100;
	border-bottom: 1px solid #cbc3ad;
}
#nav ul li:hover ul, #nav ul.hoverOn{
	top: 28px;
}
#nav ul li ul li a, #nav ul li ul li a:hover {
	background: none;
	padding-right: 15px;
	width: auto;
	margin-top: 9px;
	font-weight: bold;
}
#nav ul li a.current{
	background-position: 0 -28px;	
}
#nav ul li ul li {
	background: url(../img/navdotted.gif) no-repeat right center;
	padding-right: 5px;
}
#nav ul li ul li a:hover {
	color: #000;
}
#nav ul li ul li.last {
	background: none;
}
#nav ul li ul li.first a {
	padding-left: 15px;
}
#nav ul li ul li {
	text-indent: 0;
	font-size: 14px;
	float: left;
	display: block;
	height: 40px;
	margin-left: 15px;
}

/* @end */
/* @group sidebar_navigation */
#secnav ul
{
	width: 188px;
	height: 166px;
	background: url(../img/navtop.gif) no-repeat;
	padding: 8px 0 0 0;
	list-style-type: none;
	margin: 0;
}
#secnav ul li
{
	padding: 0;
	margin: 0;
	background-image: none;
}

#secnav ul li a
{
	display: block;
	background-repeat: no-repeat;
	text-indent: -1000em;
	border-style: none;
}

li#home a
{
	background-image: url(../img/00home.gif);
	height: 28px;
}

li#try a
{
	background-image: url(../img/01try.gif);
	height: 33px;
}

li#buy a
{
	background-image: url(../img/02buy.gif);
	height: 29px;
}

li#tutorial a
{
	background-image: url(../img/03tutorial.gif);
	height: 30px;
}
li#tutorial ul li a{
	background-image: none;
	background-color: #fff;
	text-indent: 0;
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 10px;
	height: 15px;
}
li#tutorial ul li{
	background-image: none;
	background-color: #fff;
	text-indent: 0;
	padding-left: 20px;
	margin-bottom: 2px;
	height: 15px;
	font-size: 10px;
}
li#tutorial ul{
	background-image: none;
	background-color: #fff;
	margin: 0 0 0 0;
	padding-bottom: 10px;
	height: 1%;
}
li#forum a
{
	background-image: url(../img/04forum.gif);
	height: 37px;
}
/* @end */
.notice
{
	background: #fff url(../img/navtop.gif) no-repeat;
	padding-top: 10px;
	width: 188px;
}
.notice h6{
	padding-bottom: 7px;
	background: url(../img/navbottom.gif) no-repeat left bottom;
}
.notice h3 {
	font-size: 1.30em;
	margin: 0 12px 10px;
}
.notice h4{
	font-size: 1.26em;
	color: #D41A00;	
}
.notice p{
	font-size: 1.2em;
	margin: 5px 12px 10px;
	color: #000;
}
.notice p a{
	font-weight: bold;
}
#build{
	text-indent: -1000em;
	background: url(../img/latestbuild.gif) no-repeat;
	width: 188px;
	height: 33px;
}
/* @group headings */

h1,h2,h3,h4{
	margin-bottom: .55em;
	margin-top: .65em;

}
h1 {
	font-size: 2em;
}
h1 a{
	border: none;
}
h2 {
	font-size: 1.65em;
}

h3 {
	font-size: 1.25em;
}
h4 {
	font-size: 1em;
}
/* @group memostyles */
.alert, .tutorial,.build,.watch,.gear{
	padding: 0px 30px 7px 33px;
	margin-left: -25px;
}
.alert{
	color: #D41A00;
	background: url(../img/alert.gif) no-repeat left top;
}
.tutorial{
	
	background: url(../img/tutorial.gif) no-repeat left top;
	font-weight: normal;
	font-style: normal;
}
.build{
	background: url(../img/build.gif) no-repeat left top;
	font-weight: normal;
	font-style: normal;
}
.watch{
	background: url(../img/watch.gif) no-repeat left top;
	font-weight: normal;
	font-style: normal;
}
.gear{
	background: url(../img/gear.gif) no-repeat left top;
	font-weight: normal;
	font-style: normal;
}
/* @end */
h4 {
	font-size: 1.18em;
}

/* @end */
#content img{
	border: 2px solid #dbcb9f;	
	text-decoration: none;
}
.nounderscore {border-bottom: 0;}
/*#content img.right {
	float: right;
	margin: 0 0 10px 15px;
}
#content img{
	float: left;
	margin: 0 15px 10px 0;
}*/
div.boxit{
	border: 1px solid #ac9f7c;
	background-color: #fcf1d5;
	margin-bottom: 20px;
	padding: 10px 20px 0 0;
}
div.boxit p{
	padding: 0 15px 5px 70px;
	background-position: 5% 50%;
}

div.hr{
	height: 3px;
	border-bottom: 1px solid #d41a00;
	margin-top: 10px;
	margin-bottom: 10px;
}
#content img.noborder{
    border: none;	
}
#content img.noalign{
	float: none;
}
#header a{border:none;}
input,textarea{
	font-size: 13px;
	border:  1px solid #4D3B3B;
	padding: 2px;
	margin: 3px 5px 3px 2px;
	background-color:  #e4e4e4;
}
input:focus,textarea:focus{
	background-color:  #FFFBAA;
}


h3.shout{
	color: #D61D00;
}
h3 span.whisper{
	font-size: 10px;
	color:  #666;
}
#content img.inlineicon{
	border: 0px;
	margin: 0 10px 0 0;
	position: relative;
	top: 3px;
}