ol, ul { list-style: none; }

div#feature {
	margin: 0px auto;
	position: relative;
	height: 10px;
}

img#header_banner {
	position: absolute;
	top: 50%;
	margin-top: -35px;
	left:22px;
	width: 489px;
	border: none;
}

img#request_consultation {
	position: absolute;
	top: 50%;
	margin-top: -23px;
	left:528px;
	width: 347px;
	border: none;
	cursor: pointer;
}

div#playground {
	margin: 0px 0px 0px 22px;
	position: relative;
	background: url('/images/tour/ipad_outline.png') no-repeat left top;
	width: 285px;
	height: 580px;
}

img#ipad_screen {
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: -102px;
	border: none;
}

div#filler {
	float: left;
	width: 0px;
	height: 400px;
	min-height: 400px;
}

div#img_intro {
	position: absolute;
	left: 20px;
	padding: 0px;
	background: #FFFFFF url('/images/tour/ipad_outline.png') no-repeat left top;
	width: 285px;
	height: 387px;
}

div#img_initial_visit {
	margin: 0px 0px 0px 22px;
	position: relative;
	float: left;
	background: #FFFFFF url('/images/tour/ipad_outline.png') no-repeat left top;
	width: 285px;
	height: 387px;
	opacity: 0;
	display: none;
}

div#img_data_importation {
	margin: 0px 0px 0px 22px;
	position: relative;
	float: left;
	background: #FFFFFF url('/images/tour/procedure_import_screen.png') no-repeat left top;
	width: 285px;
	height: 175px;
	opacity: 0;
	display: none;
}


div#img_data_collection {
	margin: 0px 0px 0px 22px;
	position: relative;
	float: left;
	background: #FFFFFF url('/images/tour/follow_up_screen.png') no-repeat left top;
	width: 285px;
	height: 223px;
	opacity: 0;
	display: none;
}

div#img_reports {
	margin: 0px 0px 0px 22px;
	position: relative;
	float: left;
	background: #FFFFFF url('/images/tour/benefits_screen.png') no-repeat left top;
	width: 285px;
	height: 223px;
	opacity: 0;
	display: none;
}

div#img_graph {
	
	position: relative;
	margin: 0px 0px 0px 100px;
	background: #FFFFFF url('/images/tour/Graph.png') no-repeat left top;
	width: 289px;
	height: 179px;
}

div#img_spreadsheet {

	position: relative;
	margin: 0px 0px 0px 50px;
	background: #FFFFFF url('/images/tour/Spreadsheet.png') no-repeat left top;
	width: 397px;
	height: 247px;
}

div#img_benefits {
	margin: 0px 0px 0px 22px;
	position: relative;
	float: left;
	margin-left: 22px;
	background: #FFFFFF url('/images/tour/ipad_outline.png') no-repeat left top;
	width: 285px;
	height: 387px;
	display: none;
}


div#navArea {
	position: relative;
	float: right;
	margin-right: 30px;
	width: 581px;
	height: auto;
	
	min-height: 300px;
	background: #FFFFFF url('/images/tour/menu_bg.png') no-repeat right top;
}

div#menu_link {
	position: absolute;
	top: 50%;
	width: inherit;
	margin-top: -7px;
	text-align: center;
}


div#tourHeader{
	position:relative;
	left:40px;
	top: 10px;
	height: 60px;
	font-weight:bold;
	color: rgb(41, 80, 118);
	font-family: "Tahoma", Tahoma, sans-serif;
	text-align: left;
	font-size: 30px;
	text-decoration: none;
}

a:link.active_link,a:visited.active_link, a:hover.active_link, a:active.active_link {
color:rgb(255, 255, 255);
font-family: "Arial", Arial, sans-serif; 
font-size: 13px;
text-decoration: none;
}

a:link.Inactive_link,a:visited.Inactive_link, a:hover.Inactive_link, a:active.Inactive_link {
color:rgb(42, 59, 93);
font-family: "Arial", Arial, sans-serif; 
font-size: 13px;
text-decoration: none;
}

div#intro_active {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 105px;
	height: 51px;
	background: #FFFFFF url('/images/tour/active_buttons/intro_active.png') no-repeat left top;
	text-align: center;
	opacity: 1;
}



div#getting_started_active {
	position: absolute;
	top: 0px;
	left: 105px;
	width: 106px;
	height: 51px;
	background: #FFFFFF url('/images/tour/active_buttons/initial_visit_active.png') no-repeat left top;
	display: none;
	opacity: 0;
}

div#data_collection_active {
	position: absolute;
	top: 0px;
	left: 210px;
	width: 108px;
	height: 51px;
	background: #FFFFFF url('/images/tour/active_buttons/procedure_import_active.png') no-repeat left top;
	display: none;
	opacity: 0;
}

div#data_importation_active {
	position: absolute;
	top: 0px;
	left: 317px;
	width: 97px;
	height: 51px;
	background: #FFFFFF url('/images/tour/active_buttons/follow_up_active.png') no-repeat left top;
	display: none;
	opacity: 0;
}

div#reports_active {
	position: absolute;
	top: 0px;
	left: 414px;
	width: 93px;
	height: 51px;
	background: #FFFFFF url('/images/tour/active_buttons/reports_active.png') no-repeat left top;
	display: none;
	opacity: 0;
}

div#benefits_active {
	position: absolute;
	top: 0px;
	left: 506px;
	width: 75px;
	height: 51px;
	background: #FFFFFF url('/images/tour/active_buttons/benefits_active.png') no-repeat left top;
	display: none;
	opacity: 0;
}

div#intro_inactive {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 105px;
	height: 51px;

}



div#getting_started_inactive {
	position: absolute;
	top: 0px;
	left: 105px;
	width: 106px;
	height: 51px;
	opacity: 1;
}

div#data_collection_inactive {
	position: absolute;
	top: 0px;
	left: 211px;
	width: 108px;
	height: 51px;
	opacity: 1;
}

div#data_importation_inactive {
	position: absolute;
	top: 0px;
	left: 319px;
	width: 97px;
	height: 51px;
	opacity: 1;
}

div#reports_inactive {
	position: absolute;
	top: 0px;
	left: 416px;
	width: 93px;
	height: 51px;
	opacity: 1;
}

div#benefits_inactive {
	position: absolute;
	top: 0px;
	left: 509px;
	width: 75px;
	height: 51px;
	opacity: 1;
}

div#GettingStartedTextArea, div#DataCollectionTextArea, div#DataImportationTextArea, div#BenefitsTextArea, div#ReportsTextArea {
	position: relative;
	margin: 80px 20px 20px 20px;
	opacity: 0;
	display: none;
}

div#IntroTextArea{
	position: relative;
	margin: 80px 20px 20px 20px;
	opacity: 1;
}

div.active_link{
	color:rgb(255, 255, 255);
	font-family: "Arial", Arial, sans-serif;
	font-size: 13px;
	text-decoration: none;
}

.Section h1 {
	font-size: 22px;
	font-weight: bold;	
	color: rgb(39, 170, 225);
	background-color: #FFFFFF;
	margin-bottom: 18px;
}

.Section p {
	font-size: 13px;
	color:rgb(41, 80, 118);
	line-height: 180%;
	background-color: #FFFFFF;
}

.SectionLink {
	color:rgb(42, 59, 93);
	font-size:13px;
	cursor:pointer

}

.Section ul {
	font-size: 13px;
	color:rgb(41, 80, 118);
	line-height: 180%;
	list-style-type: disc;
}

a:link.TextArea,a:visited.TextArea, a:hover.TextArea, a:active.TextArea {
	font-weight:bold;
	color:rgb(39, 170, 225);
	font-family: "Tahoma", Tahoma, sans-serif; 
	float: right;
	font-size: 12px;
	text-decoration: none;
}
	
a:link.Benefits,a:visited.Benefits, a:hover.Benefits, a:active.Benefits {
	font-weight:bold;
	color:rgb(39, 170, 225);
	font-family: "Tahoma", Tahoma, sans-serif; 
	font-size: 12px;
	text-decoration: none;
}