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

	body {
		font-family: Verdana, Tahoma, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
		text-align: center;
		color: #000000;
		font-size: 11px;
	}
	
	a:link {
		color: #0042BC;
		text-decoration: none;
	}
	
	a:visited {
		color: #0042BC;
		text-decoration: none;
	}
	
	a:hover {
		text-decoration: underline;
	}
	
	.container {
		text-align: left;
		width: 760px;
		margin: 0 auto;
		background-color: #E7ECF2;
		border: 1px solid #E7ECF2;
		}
	
	.section {
		text-align: left;
		background-image: url(../../images/greycell_160.gif);
		background-repeat: repeat-x;
		border: 1px solid #dddddd;
		padding: 10px;
		line-height: 16px;
		width: 720px;
		margin: 0 auto;
		background-color: #fff;
		overflow: hidden;
	}
	
	.section2 {
		text-align: left;
		background-image: url(../../images/greycell_300.gif);
		background-repeat: repeat-x;
		border: 1px solid #dddddd;
		padding: 10px;
		line-height: 16px;
		width: 720px;
		margin: 0 auto;
		background-color: #fff;
		overflow: hidden;
	}
	
	.section3 {
		text-align: left;
		background-image: url(../../images/greycell_500.gif);
		background-repeat: repeat-x;
		border: 1px solid #dddddd;
		padding: 10px;
		line-height: 16px;
		width: 720px;
		margin: 0 auto;
		background-color: #fff;
		overflow: auto;
	}
	
	.container li {
		list-style-image: url(../../images/leftmenu-arrow-right.gif);
	}
	
	.prettybullets li{
		list-style-image: url(../../images/leftmenu-arrow-right.gif);
	}
	
	.title {
		font-weight: bold;
		border-bottom: 1px solid #E7ECF2;
		margin-bottom: 10px;
		font-size: 12px;
	}
	
	.sub-title {
		font-weight: bold;
		border-bottom: 1px solid #E7ECF2;
		margin-bottom: 10px;
		font-size: 11px;
	}

	.clearfloat {
		clear:both;
		height:0;
		font-size: 1px;
		line-height: 0px;
	}
	
	.sep {
		height: 8px;
		overflow: hidden;
	}
	
	.col {
		float: left;
		width: 330px;
		padding-left: 25px;
	}
	
	.col2 {
		float: left;
		width: 350px;
	}
	
	.placeholder {
		background-color: #ddd;
		width: 100px;
		height: 75px;
		float: left;
	}
	
	.screenshot {
		background-color: #ddd;
		width: 100px;
		height: 75px;
		float: left;
		border: 1px solid #000;
	}
	
	.screenshot img {
		border: 0;
	}
	
	
	.des {
		float: left;
		padding-left: 5px;
		width: 220px;
	}
	
	.header {
		background-image: url(../images/topborder.png);
		background-repeat: repeat-x;
		height: 25px;
	}
	
	.nav {
		text-align: right;
		width: 760px;
		margin: 0 auto;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
	.nav form {
		margin: 0;
	}
	
	.container-tutorial {
		text-align: left;
		width: 760px;
		margin: 0 auto;
		background-color: #E7ECF2;
		border: 1px solid #E7ECF2;
		}
		
	.container-tutorial img {
		border: 1px solid #777;
		margin: 0 auto;
	}
	
	.section-tutorial {
		text-align: left;
		background-image: url(../../images/greycell_500.gif);
		background-repeat: repeat-x;
		background-color: #fff;
		border: 1px solid #dddddd;
		padding: 10px;
		line-height: 16px;
		width: 720px;
		margin: 0 auto;
	}

	.sep-tutorial {
		height: 20px;
		overflow: hidden;
	}
	
	.top {
		float: right;
	}
	
	.note {
		color: #FF0000;
	}