/* { border: 1px solid red; }*/

	body {
		margin: 0px;
		padding: 0px;
		font-size: 70%;
		text-align: center;
		/*background: url('../images/img.general.bg.png') #fff;*/
		background: #fff;
	}
	
	/**** GENERAL STYLES ****/
	
	a {
		color: #369;
	}
	
	a:hover {
		color: #69c;
	}
	
		a.large {
			font-size:1.5em;
			font-weight:bold;
			padding:0 0 10px 0;
		}
	
	em {
		color: #999;
	}
	
	strong {
		color: #333;
	}
	
	code {
		color: #333;
		background: #eee;
	}
	
		code.codebox {
			display: block;
			font-size: 0.8em;
			padding: 10px;
			margin-left: 10px;
			background: #eee;
			border: 1px solid #ccc;
		}
	
	/**** CONTAINER ****/
	
	#general {
		width: 100%;
		margin: auto;
		text-align: left;
		/*font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;*/
		font-family: Helvetica, Arial, sans-serif;
	}


	/**** ANNOUNCEMENT ****/

	.announce {
		display: block;
		width: 766px;
		height: 30px;
		margin: auto;
		padding: 0px;
		text-align: center;
		color: #FFF;
		background: url('../images/img.alert.top.png') 0px -52px;
	}

		.announce p {
			margin: 0px;
			padding: 6px 10px 0px 10px;
			color: #FFF;
			font-size: 12px;
			font-weight: normal;
		}

		.announce b {
			color: #FFF;
		}

		.announce a {
			text-decoration: underline;
			color: #FFF;
		}

		.announce a:hover {
			color: #FFF;
		}
	
	/**** MENU ****/
	
	#menu {
		width: 800px;
		height: 60px;
		margin: 5px auto;
		padding: 0;
		border: 1px solid #fff;
		text-align: center;
	}
	
		#menu ul {
			margin: 24px 0 0 0;
			padding: 0;
			/*
			text-align: center;
			*/
		}
	
			#menu ul li {
				display: inline;
				height: 12px;
				margin: 0 0 0 4px;
				padding: 0 0 0 4px;
				line-height: 1em;
				border-left: 1px solid #69c;
			}
	
			#menu ul li.noline {
				margin-left: 0px;
				padding-left: 0px;
				border: none;
			}
	
				#menu ul li a {
					padding: 2px;
					color: #369;
					font-size: 1.3em;
					text-decoration: none;
				}
	
				#menu ul li a:hover {
					color: #69c;
				}
	
	
	/**** header ****/
	
	#header {
		float: left;
		width: 100%;
		padding: 10px 0 30px 0;
		background: url('../images/img.header.bg.png') repeat-x #336699;
	}
	
		#headwrap {
			width: 900px;
			margin: auto;
			vertical-align: top;
		}
		
			#headwrap h1 {
				float: left;
				width: 95%;
				margin-left: 30px;
			}
		
			#headwrap img {
				float: left;
				margin-left: 30px;
			}
			
			#headwrap img.mini {
				height:133px;
			}
	
			#headwrap p {
				float: left;
				width: 300px;
				margin: 0 0 30px 30px;
				color: #fff;
				font-size: 2em;
			}
			
			#headwrap p.mini {
				font-size: 1.4em;
			}
			
			#download_button {
				float: left;
				margin: 0 0 10px 30px;
				width: 250px;
				height: 61px;
			}
			
				#download_button a.dlbtn {
					display: block;
					width: 251px;
					height: 61px;
					background: url('../images/btn.download.big.off.png') 1px 0px;
					text-decoration: none;
				}

				#download_button a.dlbtn:hover {
					background: url('../images/btn.download.big.on.png') 1px 0px;
				}
				
				#download_button a.dlbtn span {
					display: block;
					margin: 0px;
					padding: 14px 10px 10px 60px;
					color: #666;
					font-size: 10px;
				}

				#download_button a.dlbtn strong {
					color: #555;
					font-size: 18px;
					line-height: 1.2em;
				}

				#download_button a.dlbtn:hover strong {
					color: #333;
				}

				#download_button a.dlbtn b {
					font-size: 14px;
					line-height: 1em;
				}

				#download_button a.dlbtn small {
					color: #666 !important;
					font-size: 0.8em;
				}
				
				#download_button p.relinfo {
					width: 250px;
					margin: 0;
					padding: 8px 0;
					color: #6699cc;
					text-align: center;
					font-size: 1.4em;
					line-height: 1.1em;
				}
	
	
	/**** wrapper ****/
	
	#wrapper {
		/*float: left;*/
		width: 800px;
		margin: auto;
		border: 1px solid #fff;
		border-bottom: 50px solid #fff;
	}
	
		#wrapper img#content_top,
		#wrapper img#content_bottom {
			float: left;
			margin-left: 32px;
		}
	
		#wrapper #content_bg {
			float: left;
			width: 840px;
			height: 100%;
			background: url('../images/img.content.bg.png') repeat-y;
		}
	
	
	/**** content ****/
	
	#content {
		position: relative;
		float: left;
		width: 470px;
		margin: 0px;
	}

		#content h1 {
			margin: 30px 0px 30px 0px;
			font-size: 2.5em;
			color: #369;
		}
	
		#content h2 {
			margin: 30px 0px 4px 0px;
			font-size: 1.8em;
			color: #369;
		}
	
		#content h3 {
			margin: 30px 0px 4px 0px;
			padding: 2px 0px 2px 6px;
			font-size: 1.4em;
			color: #666;
		}

		#content h3.grey {
			margin: 30px 0px 4px 0px;
			padding: 2px 0px 2px 6px;
			font-size: 1.8em;
			color: #666;
			background: #e7e7e7;
		}

	
		#content h3 small {
			font-size: 0.9em;
			color: #999;
		}
	
		#content h4 {
			margin: 30px 0px 4px 0px;
			font-size: 1.4em;
			color: #333;
		}
	
		#content p {
			margin-top: 6px 0 0 0;
			font-size: 1.4em;
			line-height: 1.5em;
			color: #666;
		}
	
		#content p.payoff {
			margin: 20px 20px 60px 20px;
			font-family: "Helvetica 45 Light","Helvetica 35 Thin","helvetica light", helveticalight, Helvetica;
			font-size: 2.4em;
			line-height: 1.2em;
			color: #AAA;
		}
	
		#content p.alert {
			margin: 20px 0;
			padding: 10px 12px 10px 10px;
			color: #fff;
			font-size: 1.2em;
			line-height: 1.2em;
			background: #f60;
		}
	
			#content p.alert a {
				color: #fff;
			}
	
			#content p.alert a:hover {
				color: #369;
			}
	
		#content p.box {
			margin-left: 0;
		}
	
		#content a.boxlink {
			display: block;
			margin: 18px 0;
			padding: 10px;
			color: #FFF;
			font-size: 1.8em;
			text-decoration: none;
			background: url('../images/img.footer.bg.png') #369;
		}
	
		#content a.boxlink:hover {
			background: #69C;
		}
	
			#content p a.big {
				font-size: 1.4em;
				line-height: 1.6em;
				font-weight: bold;
			}
	
		#content ul {
			list-style: outside url('../images/img.bullet.png') !important;
		}
	
		#content ol {
			list-style: outside decimal;
		}
	
			#content ul li,
			#content ol li {
				margin-bottom: 8px;
				color: #333;
				font-size: 1.2em;
				line-height: 1.4em;
			}
	
				#content ul li h3,
				#content ol li h3 {
					font-size: 1.2em;
					color: #369;
					background: none;
				}
	
				#content ul li p,
				#content ol li p {
					font-size: 1em;
				}
	
		#content img {
			border: 0px !important;
		}
	
	.code {
		width: 360px !important;
		padding: 10px;
		font-family: 'Lucida Console', Monaco, Courier, 'Andale Mono', AndaleMono, monospace;
		font-size: 1em;
		color: #666;
		/*white-space: pre;*/
		overflow: auto;
		background: #eee;
		border: 1px solid #ccc;
	}
	
	.note {
		margin: 6px 0px 6px 0px;
		padding: 8px 10px 8px 10px;
		background: #eee;
		border: 1px solid #ddd;
	}
	
	
	/**** sidebar ****/
	
	#sidebar {
		position: relative;
		float: left;
		width: 304px;
		margin: 30px 0 0 30px;
	}
	
	
	#sidebar p.release {
		font-size: 11px;
		line-height: 1.1em;
		padding-left: 2px;
	}
	
	#sbg {
		padding: 0px;
		margin-top: 20px 0 10px 0;
		background: url('../images/img.sidebar.center.png') repeat-y 4px 0px #fff;
	}
	
	#sbg h2,
	#sbg h3 {
		margin: 24px 4px 4px 4px;
		padding: 6px 12px 2px 12px;
		font-size: 1.2em;
		color: #369;
		border-top: 2px solid #fff;
		/*background: url('../images/img.sidebar.subtitle.png') no-repeat;*/
	}
	
	#sbg h2.top,
	#sbg h3.top {
		margin-top: 2px;
		border-top: none;
	}
	
	#sidebar p,
	#sbg p {
		margin: 0px 18px;
		font-size: 1.2em;
		line-height: 1.2em;
		color: #999;
	}
	
	#sbg a {
		color: #555;
	}
	
	#sbg a:hover {
		color: #000;
	}
	
	#sbg b,
	#sbg strong {
		color: #888;
	}
	
	#sbg img.bg {
		margin-left: 4px;
	}
	
	/**** BOX ****/
	
	.box {
		margin: 14px 16px 14px 16px;
		padding: 0px;
	}
	
	.box a {
		padding-left: 2px;
	}
	
	.box form {
		margin: 0px;
		padding: 0px;
	}
	
	.box p {
		padding-top: 8px;
		/*text-align: left;*/
	}
	
	.box a.small {
		display: block;
		margin-top: 4px;
		font-size: 1.2em;
		line-height: 1.2em;
	}
	
	.ad {
		text-align: center;
	}
	
	.box img,
	.ad img {
		border: 0px !important;
	}
	
	
	/**** footer ****/
	
	#footer {
		float: left;
		width: 442px;
		margin-top: 40px;
	}
	
	#footer img {
		border: 0px !important;
	}
	
	#footer .links {
		margin-left: 2px;
		background: url('../images/img.footer.bg.png') #369;
	}
	
	#footer ul {
		width: 390px;
		margin: 0px;
		padding: 4px 5px 4px 40px;
		background: url('../images/img.logo.24x24.png') no-repeat 10px 0px;
	}
	
	#footer ul li {
		display: inline;
		margin-left: 4px;
		margin-bottom: 4px;
		padding-left: 4px;
		border-left: 1px solid #fff;
	}
	
	#footer ul li a {
		padding: 2px;
		color: #fff;
		font-size: 1em;
		text-decoration: none;
	}
	
	#footer ul li a:hover {
		color: #69c;
		background: #369;
	}
	
	
	/**** google ads ****/
	
	#googleads {
		float: left;
		margin: 20px 0px 10px 0px;
		padding: 0px;
	}