#main{
	width:769x;
	margin-left:20px;
}

h1{
	font-size:100%;
	color: #3e7fff;
	margin: 20px 0 20px 0;
}

h2{
	font-size:90%;
	color: #3e7fff;
	margin: 5px 0 20px 5px
}

p{
	font-size:80%;
	margin: 15px 0 15px 15px;
	line-height:150%;
}



.no{
	display:none;
}

.demo{
	float:left;
	width:230px;
	font-size:80%;
	margin: 20px 0 20px 20px;
}

.demoframe{
	width:200px;
	height:150px;
	border:2px solid #999999;
	padding: 10px;
}

.demoimg{
	width:200px;
	height:150px;
	background-repeat: no-repeat;
	cursor:pointer;
}


#start, #firstlogin, #setup{
	clear:both;
	padding-top:30px;
}


#setup .demo{
	width:330px;
	margin: 20px 20px 20px 20px;
}

#setup .demoframe{
	width:300px;
}

#setup .demoimg{
	width:300px;
}


#demo001{
	background-image: url("../img/demo/001-1_06.gif");
	background-position: -207px -77px;
}

#demo002{
	background-image: url("../img/demo/002-2_05.gif");
	background-position: -207px -77px;
}

#demo003{
	background-image: url("../img/demo/003-2_05.gif");
	background-position: 0px -72px;
}

#demo004{
	background-image: url("../img/demo/004-1_05.gif");
	background-position: -32px -72px;
}

#demo005{
	background-image: url("../img/demo/005-2_05.gif");
	background-position: -90px -40px;
}

#demo006{
	background-image: url("../img/demo/006-4_05.gif");
	background-position: 0px -72px;
}

#demo007{
	background-image: url("../img/demo/007-5_05.gif");
	background-position: 0px 0px;
}

#demo008{
	background-image: url("../img/demo/008-4_05.gif");
	background-position: 0px 0px;
}