/* IE8 hack to get it to apply margin auto centering to element inside this one */
#wrap {width:100%;}



/* Content Area */

#main {width:800px;
	margin:0 auto;
	clear:both;
	padding-right:10px;
	padding-left:10px;}

#main2 {width:800px;
	margin:0 auto;
	clear:both;
	padding-right:10px;
	padding-left:10px;}

#content {width:500px;
	float:left;
	padding:30px 0 25px 0;}

#content h1 {font-size:1.65em;
	margin:0;padding:0;
	color:#7A0A17;
	line-height:1.1em;}

#content h2 {font-size:1.2em;
	margin:15px 0 10px 0;
	color:#7A0A17;}

#content h3 {font-size:1.1em;font-weight:normal;
	margin:15px 0 10px 0;
	color:#7A0A17;}

#content pre {font-family:Verdana, Arial, sans-serif;
	margin:15px 0 15px 0;
	line-height:0.9em;
	font-size:0.9em;
	color:#010ACE;}

#content ul {list-style:square;
	margin:10px 0 10px 20px;
	list-style-position:inside;}
#content li {line-height:1.2em;
	font-size:0.9em;}

#content #list {width:200px;float:left;}
#content #screenshots {width:200px;float:right;padding-top:15px;}

#content #screenshots p {margin:5px 0 0 0;font-size:0.8em;}


/* Footer */
#footer {background: #e9982e;
	color:#000;
	font-size:10px;
	font-family:Verdana, Arial, sans-serif;}

#footer2 {background-color: #e9982e;
	color:#ffffff;
	font-size:11px;
	font-family:Verdana, Arial, sans-serif;
	height:68px;}

#footer a, #footer2 a {color:#ffffff;
	text-decoration:underline;}
#footer a:hover, #footer2 a:hover {color:#804249;
	text-decoration:underline;}
#footer a:visited, #footer2 a:visited  {color:#ffffff;
	text-decoration:underline;}

#footer p, #footer2 p {margin:0 0 0 0;}
#footer p.axe img, #footer2 p.axe img {margin-bottom:-7px;}

#foot {width:987px;
	margin:0 auto;
	background-color:#e9982e;
	height:68px;
	line-height:1.1em;
	padding:0 0 0 0px;}

#foot2 {width:800px;
	margin:0 auto;
	height:68px;
	line-height:1.1em;
	padding:0 10px 0 10px;}

#foot #left {width:775px;float:left;padding-top:30px;}
#foot #right {width:202px;float:left;text-align:left;padding-top:25px;}

#foot2 #left {width:450px;float:left;padding-top:45px;}
#foot2 #right {width:250px;float:right;text-align:right;padding-top:45px;}

.clearfix:after {
    content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}