*{

	padding: 0;

	margin: 0;

}



html, body, form {

	margin: 0;

	padding: 0;

	color: #666666;

	font-family: Verdana, Arial, sans-serif;

	font-size: 11px;

	line-height: 1.6em;

}



body {

	text-align: center;

	min-width: 770px;

	background: #FFFFFF url(../images/index_1v6_01.jpg) repeat-x center top;

}



#wrapper {

	width: 770px;

	margin: 0 auto;

	text-align: left;

}



#masthead {

	position: relative;

	width: 770px;

	height: 153px;

	background-image: url(images/quick_tour-1v3_02.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	z-index: 97;

}



#navigation {

	position: relative;

	width: 770px;

	height: 278px;

	text-decoration: none;

	border: none;

	z-index: 99;

	margin: 0px;

	padding: 0px;

}



#header_image {

	position: relative;

	width: 770px;

	height: 278px;

	background-image: url(images/quick_tour-1v3_04.jpg);

	background-repeat: no-repeat;

	background-position: center top;

}



#header_image a {

	border: none;

}



#content {

	width: 770px;

	background-image: url(../images/index_1v6_06.jpg);

	background-repeat: repeat-y;

	background-position: center top;

	z-index: 100;

}



/* MSBMH (IE5.5 box model hack) */

* html #content {		/* Applies to all IEs due to anonymous html wrapper pertaining only to IE */

	width: 770px;

	w\idth: 696px;		/* Re-corrects IE6 as IE5.5 has an inability to parse anything with \ in it */

}



#main {

	float: left;

	width: 696px;

	padding: 20px 37px 20px 37px;

	position: relative;

	z-index: 99;

}



#footer {

	position: relative;

	width: 770px;

	height: 52px;

	background-image: url(../images/index_1v6_08.jpg);

	background-repeat: no-repeat;

	background-position: center top;

}



.feature_list {

	width: 330px;

	text-align: right;

	padding: 0px;

	margin: 0px;

	border: none;

}



.feature_list p {

	line-height: 24px;

}



/* navigation -------------------------------------------- */



#prev {

	position: absolute;

	width: 79px;

	height: 39px;

	top: 176px;

	left: 123px;

	margin: 0px;

	padding: 0px;

	border: none;

	z-index: 100;

}



#next {

	position: absolute;

	width: 79px;

	height: 39px;

	top: 177px;

	left: 561px;

	margin: 0px;

	padding: 0px;

	border: none;

	z-index: 100;

}



.prev {

	float: left;

	position: relative;

	width: 79px;

	height: 39px;

	margin: 0px;

	padding: 0px;

	border: none;

}



.next {

	float: right;

	position: relative;

	width: 79px;

	height: 39px;

	margin: 0px;

	padding: 0px;

	border: none;

}



.prev a img {

	border: none;

}



.next a img{

	border: none;

}



.homepage {

	position: relative;

	float: left;

	background: url(images/homepage.gif);

	background-repeat: no-repeat;

	width: 150px;

	height: 39px;

	left: 194px;

}



#navigation ul {

	position: absolute;

	margin: 0px;

	padding: 0px;

	width: 326px;

	height: 58px;

	top: 166px;

	left: 218px;

	border: none;

	list-style-type: none;

}



#navigation li#button1 {

	position: relative;

	float: left;

	display:block;

	width:74px;

	height:58px;

	padding: 0;

	margin: 0;

	border: none;

	text-decoration:none;

	text-indent: -5000em;

}



#navigation li#button2 {

	position: relative;

	float: left;

	display:block;

	width:60px;

	height:58px;

	padding: 0;

	margin: 0;

	border: none;

	background-position: 0px 0px;

	text-decoration:none;

	text-indent: -5000em;

}



#navigation li#button3 {

	position: relative;

	float: left;

	display:block;

	width:62px;

	height:58px;

	padding: 0;

	margin: 0;

	border: none;

	background-position: 0px 0px;

	text-decoration:none;

	text-indent: -5000em;

}



#navigation li#button4 {

	position: relative;

	float: left;

	display:block;

	width:62px;

	height:58px;

	padding: 0;

	margin: 0;

	border: none;

	background-position: 0px 0px;

	text-decoration:none;

	text-indent: -5000em;

}



#navigation li#button5 {

	position: relative;

	float: left;

	display:block;

	width:68px;

	height:58px;

	padding: 0;

	margin: 0;

	border: none;

	background-position: 0px 0px;

	text-decoration:none;

	text-indent: -5000em;

}



#navigation li#button1 a {

	position: relative;

	float: left;

	display:block;

	width:74px;

	height:58px;

	border:none;

	padding: 0;

	margin: 0;

	background-repeat:no-repeat;

	background-position: 0px 0px;

	text-decoration:none;

	background-image:url("images/button_1.jpg");

}



#navigation li#button2 a {

	position: relative;

	float: left;

	display:block;

	width:60px;

	height:58px;

	border:none;

	padding: 0;

	margin: 0;

	background-repeat:no-repeat;

	background-position: 0px 0px;

	text-decoration:none;

	background-image:url("images/button_2.jpg");

}



#navigation li#button3 a {

	position: relative;

	float: left;

	display:block;

	width:62px;

	height:58px;

	border:none;

	padding: 0;

	margin: 0;

	background-repeat:no-repeat;

	background-position: 0px 0px;

	text-decoration:none;

	background-image:url("images/button_3.jpg");

}



#navigation li#button4 a {

	position: relative;

	float: left;

	display:block;

	width:62px;

	height:58px;

	border:none;

	padding: 0;

	margin: 0;

	background-repeat:no-repeat;

	background-position: 0px 0px;

	text-decoration:none;

	background-image:url("images/button_4.jpg");

}



#navigation li#button5 a {

	position: relative;

	float: left;

	display:block;

	width:68px;

	height:58px;

	border: none;

	padding: 0;

	margin: 0;

	background-repeat:no-repeat;

	background-position: 0px 0px;

	text-decoration:none;

	background-image:url("images/button_5.jpg");

}



#navigation li#button1 a:hover {background-position: 0px -58px;}

#navigation li#button2 a:hover {background-position: 0px -58px;}

#navigation li#button3 a:hover {background-position: 0px -58px;}

#navigation li#button4 a:hover {background-position: 0px -58px;}

#navigation li#button5 a:hover {background-position: 0px -58px;}



#navigation li#button1.active a {background-position: 0px -58px;}

#navigation li#button2.active a {background-position: 0px -58px;}

#navigation li#button3.active a {background-position: 0px -58px;}

#navigation li#button4.active a {background-position: 0px -58px;}

#navigation li#button5.active a {background-position: 0px -58px;}



/* display screen remote hovers ---------------------------------------------------*/



#navigation li em {

	position: absolute;

	display:block;

	width:172px;

	height:34px;

	padding: 0;

	margin: 0;

	border: none;

	text-decoration:none;

	text-indent: -5000em;

}



#navigation li a em {

	position: absolute;

	display:block;

	width:172px;

	height:34px;

	padding: 0;

	margin: 0;

	border: none;

	background-repeat:no-repeat;

	background-position: 0px 0px;

	text-decoration:none;

}



#navigation li#button1 a em  {top:-122px; left:78px; background-image:url("images/screen1.gif"); z-index:100;}

#navigation li#button2 a em  {top:-122px; left:4px; background-image:url("images/screen2.gif"); z-index:100;}

#navigation li#button3 a em  {top:-122px; left:-56px; background-image:url("images/screen3.gif"); z-index:100;}

#navigation li#button4 a em  {top:-122px; left:-118px; background-image:url("images/screen4.gif"); z-index:100;}

#navigation li#button5 a em  {top:-122px; left:-180px; background-image:url("images/screen5.gif"); z-index:100;}



#navigation li a:hover em {cursor:pointer;background-position:0 -34px; z-index:100;}



#navigation li.active a em {background-position: 0px -34px; z-index: 1;}





/* machine unveil remote hover ------------------------------------------------ */



#wrapper_2 {

	position: absolute;

	width: 99px;

	height: 99px;

	margin-left: -50px;

	left: 50%;

	top: 0px;

	z-index: 100;

}



#machine_hover {

	position: absolute;

	width: 99px;

	height: 99px;

	top: 10px;

	left: -445px; /* -325px;  */

	border: none;

	text-align: left;

}



#machine_hover a {

	display:block;

	width:99px;

	height:99px;

	border:none;

	padding: 0;

	margin: 0;

	background-repeat:no-repeat;

	background-position: 0px 0px;

	text-decoration:none;

	background-image: url("images/hover_button_up.gif");

}



#machine_hover a:hover {

	display: block;

	border: none;

	width: auto;

	height: auto;

	margin: 0px;

	padding: 0px;

	background-position: 0px 0px;

	background-repeat:no-repeat;

	z-index: 99;

}



#machine_hover a em {

	position: absolute;

	width: auto;

	height: auto;

	top: -10px;

	left: -255px; /* -375px;  */

	margin: 0px;

	padding: 0px;

	border: none;

	background-image: url("images/machine_hover.jpg");

	background-position: 0px -1024px;

	background-repeat: no-repeat;

}



#machine_hover a:hover em {

	display: block;

	width: 1500px;

	height: 1024px;

	background-position: 0px 0px;

	z-index: 99;

}

	





/* typography ------------------------------------------------ */



h1 {

	width: 185px;

	height: 50px;

	position: relative;

	color: #000000;

	font-family: Arial, Verdana, sans-serif;

	font-size: 16px;

	padding-top: 10px;

	margin: 0px 5px 34px 0px;

}



h1 #header_quick_tour {

	background-image: url(images/header_quick_tour_2.jpg);

	background-repeat: no-repeat;

	position: absolute;

	width: 185px;

	height: 50px;

	padding: 0px;

	margin: 0px;

}



h3 {

	padding: 0px 0px 20px 0px;

	color: #333333;

	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, Verdana, sans-serif;

	font-size: 20px;

	font-weight: normal;

}



p {

	font-size: 11px;

	margin-bottom: 1.5em;

	line-height: 1.6em;

}



.superscript {

	font-size: 9px;

	vertical-align: super;

}





#footer p {

	position: absolute;

	width: 770px;

	height: 18px;

	text-align: center;

	top: 12px;

	left: 0px;

}



#footnote p {

	padding-top: 20px;

	text-align: center;

}



.breadcrumb {

	position: absolute;

	left: 225px;

	top: 39px;

	color: #999999;

	padding: 0px;

	margin: 0px;

	font-weight: bold;

}



.unordered_list, .ordered_list {

	margin-left: 20px;

	margin-bottom: 16px;

}



.unordered_list li {

	list-style-image: url(../images/bullet_star.jpg);

	list-style-position: outside;

	text-indent: 0px;

	vertical-align: middle;

}



.ordered_list li {

	list-style-type: inherit;

	list-style-position: outside;

	text-indent: 0px;

	vertical-align: middle;

}





/* clearing ----------------------------------------------- */



.clearfix:after {

	content: "."; 

	display: block; 

	height: 0; 

	clear: both; 

	visibility: hidden;

}



* html>body .clearfix {

	display: inline-block; 

	width: 100%;

}



* html .clearfix {

	/* Hides from IE-mac \*/

	height: 1%;

	/* End hide from IE-mac */

}



/* misc (one-off positioning etc.) ----------------------------------------------- */



hr {

	color: #CCCCCC;

	height: 1px;

	border-top: 0px;

	padding: 0px;

	margin: 10px 0px 10px 0px;

}



.image_position {

	float: right;

	position: relative;

	left: 27px;

	padding: 0px;

	margin: 0px;

}



.image_position_left {

	float: left;

	position: relative;

	left: -27px;

	padding: 0px;

	margin: 0px;

}



.image_position_right {

	float: right;

	position: relative;

	left: 27px;

	padding: 0px;

	margin: 0px;

}



.email {

	display: inline;

	vertical-align: baseline;

	margin-bottom: -2px;

	padding-top: 6px;

}



/*.image_position {

	width: 770px;

	background-image: url(images/group_head_06.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	z-index: 100;

	min-height: 430px;

}*/