#tutorialWrapper * {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family:Arial, Helvetica, sans-serif;
}

#tutorialWrapper {
}

#tutorial {
	background-image: url('images/yield-bkg.jpg');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 725px;
	height: 820px;
	margin: 0px auto;
	position: relative;
}

#markers {
	z-index:2;
	position:relative;
}

.marker {
	position: absolute;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#mark1 {
	left: 0px;
	top: 44px;
}

#mark2 {
	left: 39px;
	top: 117px;
}

#mark3 {
	left: 344px;
	top: 117px;
}

#mark4 {
	left: 648px;
	top: 128px;
}

#mark5 {
	left: 648px;
	top: 280px;
}

#mark6 {
	left: 643px;
	top: 438px;
}

#mark1 a, #mark2 a {
	background-image: url('images/plus-left.png');
}

#mark3 a, #mark4 a, #mark5 a, #mark6 a {
	background-image: url('images/plus-right.png');
}

.marker a {
	display: block;
	width: 48px;
	height: 48px;
	text-indent: -9999px;
	overflow: hidden;
}

.marker a:link {
	background-position: 0px 0px;
}

.marker a:visited {
	background-position: 0px 0px;
}

.marker a:hover {
	background-position: 0px 48px;
}

.marker a:active {
	background-position: 0px 48px;
}

#overlays {
	z-index:1;
	position:relative;
}

#overlays .overlay {
	position: absolute;
	background-color: #d9efce;
	padding: 5px 5px 5px 5px;
	border: 1px solid #347E13;
    display:none;
	visibility:hidden;
}

#overlay1 {
	left: 47px;
	top: 44px;
}

#overlay2 {
	left: 86px;
	top: 117px;
}

#overlay3 {
	right: 380px;
	top: 117px;
}

#overlay4 {
	right: 76px;
	top: 128px;
}

#overlay5 {
	right: 76px;
	top: 280px;
}

#overlay6 {
	right: 81px;
	top: 438px;
}

#overlay3 p, #overlay4 p, #overlay5 p, #overlay6 p {
	text-align:right;
}

.overlay p, 
.overlay ol, 
.overlay ul {
	color:#333333;
	font-size:13px;
	line-height:18px;
}

#overlays .overlay p {
	white-space: nowrap;
}






/* | */