@charset "UTF-8";
/* CSS Document */

	body {
	min-height:101%;
	background-color: #FFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	}
	
	
	a:focus { -moz-outline-style: none; }
	
	
	html {
	height:100%
	}
	
	#container {
	position: absolute;
	left: 50%;
	width: 744px;
	text-align: center;
	margin: 0px 0px 0px -372px;
	background-color: #FFFFFF;
	}
	
	.clear{clear:both}
	
	#right{
	float:left;
	margin-top:86px;
	width: 139px}
	
	/* MAIN */
	
	#main {
	float:left;
	width: 605px;
	text-align: left;
	}
	
	
	#header{
	padding: 0px;
	height: 31px;
	margin-top: 15px;
	margin-bottom: 10px;
	
	}
	
	img{border:none;}
	
	/* MAIN MENU */
	
	ul#menu{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	
}
	
	ul#menu li{
	
	float:left;
	margin-right:5px;	
}
	
	ul#menu li a{
	display:-moz-inline-box;
	display:block;
	height: 18px;
	text-indent: -10000px;  	
	
	
	}
	
	ul#menu .products{
	background-image: url(../images/products_off.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 74px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-right: 5px;
	}
	
	ul#menu .behind{
	background-image: url(../images/behind_off.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 57px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-right: 5px;
	}
	
	ul#menu .about{
	background-image: url(../images/about_off.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 47px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-right: 5px;
	}
	
	ul#menu .contact{
	background-image: url(../images/contact_off.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 63px;
	
	}
	
	ul#menu .products:hover{
	background-image: url(../images/products_over.gif);
	background-repeat: no-repeat;
	background-position: left center;
	}
	
	ul#menu .products .active{
	background-image: url(../images/products_on.gif);
	background-repeat: no-repeat;
	background-position: left center;
	}
	
	ul#menu .behind:hover{
	background-image: url(../images/behind_over.gif);
	background-repeat: no-repeat;
	background-position: left center;
	
	}
	
	ul#menu .behind .active{
	background-image: url(../images/behind_on.gif);
	background-repeat: no-repeat;
	background-position: left center;
	
	}
	
	ul#menu .about:hover{
	background-image: url(../images/about_over.gif);
	background-repeat: no-repeat;
	background-position: left center;
	
	}
	
	ul#menu .about .active{
	background-image: url(../images/about_on.gif);
	background-repeat: no-repeat;
	background-position: left center;
	
	}
	
	ul#menu .contact:hover{
	background-image: url(../images/contact_over.gif);
	background-repeat: no-repeat;
	background-position: left center;
	
	}
	
	ul#menu .contact .active{
	background-image: url(../images/contact_on.gif);
	background-repeat: no-repeat;
	background-position: left center;
	
	}
	
	/* RIGHT SUBMENU */
	
	ul#submenu{
	margin: 0px 0px 0px 25px;
	padding: 0px;
	list-style-type: none;	
}
	
	ul#submenu li{
	margin:0px;	
}
	
	ul#submenu li a{
	display:-moz-inline-box;
  	display:block;
  	text-indent: -10000px;  
	height: 27px;
	width: 110px;
  	}
	
	ul#submenu .capital{
	background-image: url(../images/products/capital_off.gif);
	background-repeat: no-repeat;
	background-position: left center;
	}
	
	ul#submenu .board{
	background-image: url(../images/products/board_off.gif);
	background-repeat: no-repeat;
	background-position: left center;
	}
	
	ul#submenu .metro{
	background-image: url(../images/products/metro_off.gif);
	background-repeat: no-repeat;
	background-position: left center;
	}
	
	ul#submenu .mutator{
	background-image: url(../images/products/mutator_off.gif);
	background-repeat: no-repeat;
	background-position: left center;
	}
	
	ul#submenu .capital:hover{
	background-image: url(../images/products/capital_over.gif);
	background-repeat: no-repeat;
	background-position: left center;
	}
	
	ul#submenu .capital .active{
	background-image: url(../images/products/capital_on.gif);
	background-repeat: no-repeat;
	background-position: left center;
	}
	
	ul#submenu .board:hover{
	background-image: url(../images/products/board_over.gif);
	background-repeat: no-repeat;
	background-position: left center;
	
	}
	
	ul#submenu .board .active{
	background-image: url(../images/products/board_on.gif);
	background-repeat: no-repeat;
	background-position: left center;
	
	}
	
	ul#submenu .metro:hover{
	background-image: url(../images/products/metro_over.gif);
	background-repeat: no-repeat;
	background-position: left center;
	
	}
	
	ul#submenu .metro .active{
	background-image: url(../images/products/metro_on.gif);
	background-repeat: no-repeat;
	background-position: left center;
	
	}
	
	ul#submenu .mutator:hover{
	background-image: url(../images/products/mutator_over.gif);
	background-repeat: no-repeat;
	background-position: left center;
	
	}
	
	
	ul#submenu .mutator .active{
	background-image: url(../images/products/mutator_on.gif);
	background-repeat: no-repeat;
	background-position: left center;
	
	}
	
	/* MAIN PIC */
	
	#main .pic{
	margin: 12px 0px 0px;
	padding: 0px;
	height: 404px;
	width: 100%;
	border:none;
	}
	
	#main .flash{
	margin: 12px 0px 0px;
	padding: 0px;
	height: 470px;
	width: 100%;
	border:none;
	}
	
	#main .flash2{
	margin: 12px 0px 0px;
	padding: 0px;
	height: 404px;
	width: 100%;
	text-align: center;	
	}
	
	
	#main p{
	font-size: 0.8em;
	line-height: 130%;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	margin-right: 20px;
}

	#main p a{
	color: #999999;
	text-decoration: underline;
	
}

#main p a:hover{
	color: #666666;
	text-decoration: underline;
	
}
	

	/* FOOTER */
	
	#footer{
	font-size: 0.7em;
	font-weight: normal;
	color: #999999;
	margin-top: 20px;
	text-align: left;
}
#footer .copyright{float:left; color: #999999;}
#footer .credit{float:right; color: #999999;margin-right: 140px}
#footer .credit a{color: #999999;} 


	/* CONTACT */

	#contact{
width: 400px;	
	}
	
	#contact form {
	font-size: 0.8em;
	line-height: 130%;
	font-weight: normal;
	color: #999999;
	margin: 10px 0px 0px;
	padding: 0px;
	
	
	}
	
	#contact fieldset {
	margin: 0px;
	padding: 0px;
	border:0px;
	
	}
	
	#contact legend {
	padding-left: 0px;
	
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;

}

	#contact label {
	margin-top:10px;
	float:left;
	width: 130px;
}
	#contact input {
	margin-top:8px;
	float:left;
	width: 210px;
	height:16px;
	padding-left:10px;
	border: 1px solid #ccc;
}
	#contact textarea {
	margin-top:8px;
	float:left;
	width: 210px;
	padding-left:10px;
	border: 1px solid #ccc;
	}
	
	

	#contact .submit{
	
	border:none;
	margin-top: 10px;
	cursor: pointer;
	padding:0px;
	width: 47px;
	height: 29px;
	margin-left: 130px;
}