/*
*********************************************
--- SCROLLER WINDOW and NAVIGATION styles ---
*********************************************
*/
#scroller {
	margin: 0px;
	padding: 0px;
	float: right;
	height: 510px;
	width: 710px;
	position: relative;
}
#scrollerFrame {
	height: 354px;
	width: 710px;
	position: absolute;
	z-index: 6;
	top: 1px;
	left: 0px;
}
#scrollerWindow {
	margin: 0px;
	height: 352px;
	width: 700px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#panelStyle {
	z-index: 2;
	position: absolute;
	height: 352px;
	width: 700px;
	display: none;
}
#panelVisual {
	z-index: 3;
	position: absolute;
	height: 352px;
	width: 700px;
	display: none;
}
#panelPrint {
	z-index: 4;
	position: absolute;
	height: 352px;
	width: 700px;
	display: none;
}
#panelPublish {
	z-index: 3;
	position: absolute;
	height: 352px;
	width: 700px;
	display: none;
}
#scrollerNav {
	height: 170px;
	width: 712px;
	margin: 0px;
	padding: 0px;
	z-index: 21;
	top: -14px;
	position: relative;
	display: none;
	background-image: url(../_images/reflect.png);
	background-repeat: no-repeat;
}
#scrollerNav ul {
	padding: 0;
	list-style: none;
	margin: 0;
}
#scrollerNav li {
	float: left;
}
#scrollerNav li a:link, #scrollerNav li a:visited {
	display: block;
	text-decoration: none;
	background-image: url(../_images/scrollerBtns.png);
	background-repeat: no-repeat;
	height: 114px;
	width: 178px;
	background-position: -356px 0px;
	outline: none;
}
#scrollerNav li a:hover {
	background-position: -178px 0px;
	outline: none;
}
#scrollerNav li a.current {
	background-position: 0px 0px;
	outline: none;
}
#scrollerNav button {
	margin-top: 14px;
}
#styleControl {
	height: 13px;
	width: 37px;
	position: absolute;
	z-index: 21;
	left: 127px;
	top: 81px;
}
#styleContPrev {
	background-image: url(../_images/controls.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 13px;
	width: 13px;
	position: absolute;
}
#styleContTog {
	background-image: url(../_images/controls.png);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	height: 13px;
	width: 11px;
	position: absolute;
	left: 14px;
	top: 0px;
}
#styleContNext {
	background-image: url(../_images/controls.png);
	background-repeat: no-repeat;
	background-position: -24px 0px;
	height: 13px;
	width: 13px;
	position: absolute;
	left: 24px;
	top: 0px;
}
#scrollerNav ul li a h2 {
	font-size: 18px;
	font-style: italic;
	color: #06C;
	text-align: center;
	display: block;
	margin: 0px;
	padding-top: 34px;
	padding-bottom: 4px;
	letter-spacing: 0.1em;
}
#scrollerNav ul li a p {
	text-align: center;
	margin: 0px;
}
#learn {
	background-image: url(../_images/learn.png);
	background-repeat: no-repeat;
	height: 19px;
	width: 96px;
	position: absolute;
	z-index: 7;
	left: 595px;
	top: 327px;
}