/* @group Restyle */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img {
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym {
	border:0;
}


	
/* @end */

	
/* @group Element */
body {
	background:url(images/Background.png) repeat-x #cbcbcb;
	font-family:Sans-serif;
}

a {
	color:#333399;
}

p {
	text-align:justify;
}


	
/* @end */

	
/* @group Basic */
div#container {
	width:802px;
	margin:auto;
}

div#header h1 {
	width:450px;
	height:45px;
	margin:28px 0 27px 10px;
	background:url(images/Title.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

div#content {
	width:802px;
	background:url(images/ContentBackground.png) repeat-y;
}

div#footer {
	width:802px;
	height:50px;
	margin:0 0 50px;
	padding:20px 20px 0;
	background:url(images/FooterBackground.png) no-repeat;
}

div#footer p {
	color:#666666;
	font-size:70%;
	text-align:center;
}


	
/* @end */

	
/* @group Page Description */
div#page_description {
	margin-top:30px;
	margin-bottom:60px;
}

div#page_description h2 {
	font-family:"Lucida Grande", Verdana, Arial, sans-serif;
	font-weight:bold;
	padding-bottom:20px;
	padding-top:30px;
	text-align:center;
	font-size:300%;
}

div#page_description img {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

div#page_description p {
	width:500px;
	margin-right:auto;
	margin-left:auto;
	font-size:90%;
	color:#4d4d4d;
	text-align:center;
	line-height:1.5;
}


	
/* @end */

	
/* @group TOC */
ul#toc {
	margin-left:50px;
	line-height:1.4;
	font-size:80%;
	width:110px;
	float:left;
	background-color: #e5e5e5;
	padding:20px;
	margin-right:30px;
}


	
/* @end */

	
/* @group Document */
div#document {
	width:500px;
	margin-left:250px;
}

div#document h3 {
	font-size:150%;
	color:#656565;
	line-height:2;
	padding-top:20px;
}

div#document h3:first-child {
	padding-top:0;
}

div#document p,div#document ul,div#document dl {
	padding-right:10px;
	padding-left:10px;
	font-size:90%;
	line-height:1.8;
	color:#4d4d4d;
	padding-bottom:1em;
}

div#document ul li {
	font-size:90%;
	list-style-type:square;
	list-style-position:inside;
	padding-left:2em;
}

div#document dl dt {
}

div#document dl dd {
	padding-left:2em;
	font-size:90%;
}


	
/* @end */

	
/* @group Title */
div#title {
	width:802px;
	height:486px;
	background:url(images/MainPictureBackground.png) no-repeat;
}

div#title img {
	width:280px;
	height:280px;
	margin:0 auto;
	padding:50px 0 0;
	display:block;
}

div#title p {
	width:280px;
	height:110px;
	margin:20px auto 0;
	background:url(images/ImageUp.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}


	
/* @end */

	
/* @group Screenshots */
ul#screenshots {
	width:802px;
	height:119px;
	background:url(images/ScreenShotsBackground.png) no-repeat;
}

ul#screenshots li {
	width:128px;
	height:80px;
	margin:8px -4px 7px 8px;
	padding:13px;
	background:url(images/ScreenshotBackground.png) no-repeat;
	float:left;
}

ul#screenshots li img {
	width:128px;
	height:80px;
	display:block;
}

ul#screenshots li a img {
	width:128px;
	height:80px;
	display:block;
}


	
/* @end */

	
/* @group Features */
ul#features {
	margin:15px 30px 15px 0;
	clear:both;
}

ul#features li {
	width:356px;
	margin:15px 0 0 30px;
	float:left;
}

ul#features li h2 {
	color:#666666;
	font-size:110%;
	font-weight:bold;
	line-height:1.4;
}

ul#features li p {
	width:330px;
	padding:5px 0 0 20px;
	color:#666666;
	font-size:80%;
	text-align:justify;
	line-height:1.6;
}


	
/* @end */

	
/* @group Download */
div#download {
	width:203px;
	height:62px;
	margin:0 auto;
	padding:30px 0;
	clear:both;
}

div#download p {
	text-align: center;
	color: #666666;
	font-size: 80%;
}

div#download p a {
	width:203px;
	height:62px;
	background:url(images/Download.png) no-repeat;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}


	
/* @end */

	
/* @group Others */
div#others {
	margin: 0 40px 0;
	padding:20px 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 40px;
	-moz-column-count: 2;
	-moz-column-gap: 40px;
	column-count: 2;
	column-gap: 40px;
}

div#others p {
	color:#666666;
	font-size:80%;
	text-align:justify;
	line-height:1.8;
}


	
/* @end */