

.column1 {
	display:inline;
	float:right;
	width:718px;
}

.column2 {
	display:inline;
	float:left;
	width:232px;
}

.columnStyle1 .columnBody {
	padding-right:30px;
}

#tutorialHeader {
	margin:15px 0 40px 10px;
}

#tutorialNavigation {

}

#tutorialStep {
	clear:both;
	margin:10px 0 0 0;
}

#tutorialImage {
	vertical-align:middle;
}

#tutorialText {
	vertical-align:middle;
}



.ulTutorial {
	margin:0;
	padding:0;
	list-style:none;
}
	.ulTutorial li {
		float:left;
		padding:1.6em 0;
		background: url('images-layout/blue-line.gif') 0% 50% repeat-x;
	}
		.ulTutorial li a, .ulTutorial li a:link, .ulTutorial li a:visited {
			padding:15px 24px;
			text-decoration:none;
			font-weight:600;
			color:#444;
			
			background: url('images-layout/non-fill-circle.gif') 50% 50% no-repeat;
		}
		.ulTutorial li a:hover, .ulTutorial li a:active {
			color:#fff;
			background: url('images-layout/fill-circle.gif') 50% 50% no-repeat;
		}
		.ulTutorial .back, .ulTutorial .back:link, .ulTutorial .back:visited, .ulTutorial .back:hover, .ulTutorial .back:active {
			padding-right:14px;
			width:38px;
			color:#fff;
			background: url('images-layout/back-arrow.gif') 0% 50% no-repeat;
		}
		.ulTutorial .forward, .ulTutorial .forward:link, .ulTutorial .forward:visited, .ulTutorial .forward:hover, .ulTutorial .forward:active {
			padding-left:23px;
			width:42px;
			color:#fff;
			background: url('images-layout/foreward-arrow.gif') 100% 50% no-repeat;
		}
		.ulTutorial .current, .ulTutorial .current:link, .ulTutorial .current:visited, .ulTutorial .current:hover, .ulTutorial .current:active {
			color:#fff;
			background: url('images-layout/solid-circle.gif') 50% 50% no-repeat;
		}