@charset "utf-8";

html {
	height: 101%;
}
body {
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	margin: 20px 0px 20px 0px;
	padding: 0;
	text-align: center; 
	color: #fff;
	background: url(../images/vrs-bg.gif) repeat left top #2a2a2a;
}
p {
	margin-top: 0px;
	text-align: justify;
}	
a {
	color: #ccc;
}
a:hover {
	color: #feaf1e;
}
#container {
	width: 942px; 
	margin: 0px auto 0px auto;
	text-align: left;
}
#navigationbar {
	width: 910px;
	height:78px;
	position: relative;
	background: url(../images/vrs-nav-bg.png);
	margin: 0px auto 0px auto;
	padding: 0px;
}
	#navigationbar #navigationlogo {
		position:absolute;
		left: 19px;
		top: 30px;
	}
	#nav {
		position: absolute;
		height: 68px;
		left: 207px;
		top: 10px;
	}
		#nav .navpre {
			background:url(../images/nav-pre.png) left top no-repeat;
			width: 13px;
			height: 68px;
			float:left;
		}
		#nav a {
			float: left;
		}
		#nav .navpost {
			background:url(../images/nav-post.png) left top no-repeat;
			width:11px;
			_width:9px;
			height: 68px;
			float:left;
		}
#mainContent {
	padding: 0px;
	margin: 10px 0px 0px 0px ;
	background: url(../images/main-bottom.png) left bottom no-repeat #000;
	min-height: 470px;
	position: relative;
}
	#mainContent #topbg {
		position: absolute;
		top: -10px;
		z-index: 1;
		background: url(../images/main-top.png) left top no-repeat;
		_background: url(../images/main-top-solid.png) left top no-repeat;
		width: 942px;
		height: 246px;
	}
	
	#mainContent #logo {
		background: url(../images/logo-rfidVerdanaCircuit.png) left top no-repeat;
		_background: url(../images/logo-rfidVerdanaCircuit.gif) left top no-repeat;
				
		/*
		Alternative logo
		logo-rfidVerdana.png
		logo-rfidVerdana.gif*/
			
		width: 261px;
		height: 171px;
		position: absolute;
		left: 44px;
		top: 20px;
		z-index: 2;
	}	
	
	
	
	#Matrix {
		background: url(../images/matrix.png) left top no-repeat;
		width: 800px;
		height: 600px;
		z-index: 50;
		 position:relative;
	}
	#mainContent .content {
		position: relative;
		z-index: 2;
		padding: 20px 30px 30px 44px;
	}
	#mainContent .lowercontent {
		position: relative;
		z-index: 2;
		padding: 250px 30px 30px 44px;
	}
	#mainContent .lowercontentthin {
		position: relative;
		z-index: 2;
		padding: 250px 0px 30px 44px;
		width: 360px;
	}	
	#mainContent .lowercontentfat {
		position: relative;
		z-index: 40;
		padding: 250px 0px 30px 44px;
		width: 820px;
	}
	
	#mainContent .thinleftcontent {
		position: relative;
		z-index: 2;
		padding: 30px 30px 30px 44px;
		width: 360px;		
	}
	
	
	
	#mainContent #flashIntro {
		position: absolute;
		z-index: 30;
		width: 420px;
		height: 413px;
		left: 490px;
		top: 25px;
	}
	#mainContent #flashBG {
		position: absolute;
		z-index: 20;
		width: 420px;
		height: 413px;
		left: 480px;
		top: 25px;
	}
	.header {
		color: #feaf1e;
		text-transform: uppercase;
		font-size: 130%;
		font-family: "Arena Condensed", Verdana, Helvetica, Arial, Sans-Serif;
	}
	.smallheader {
		color: #feaf1e;
	}
	#mainContent #rightcontentborder {
		position: absolute;
		z-index: 2;
		width: 429px;
		left: 440px;
		top: 25px;
		border-left: solid 1px #3f4042;
		padding-left: 30px;
	}
	#mainContent #rightcontentborder a.back{
		display:block;
		border: solid 1px #feaf1e;
		background: #111;
		padding: 5px;
		text-decoration: none;
		font-weight: bold;
	}
	#mainContent #rightcontentborder a.back:hover{
		border: solid 1px #feaf1e;
		background: #444;
		text-decoration: none;
	}
	
	.featurebox {
		background: url(../images/box-bg.png) no-repeat top left;
		_background: url(../images/box-bg.gif) no-repeat top left;
		width: 439px;
		height: 83px;
		position: relative;
		margin-top: 20px;
	}
		.featurebox .featureboxheader {
			color: #feaf1e;
			font-size: 130%;
			font-family: "Arena Condensed", Verdana, Helvetica, Arial, Sans-Serif;
			position: absolute;
			left: 16px;
			top: 16px;
		}
		.featurebox .featureline {
			position: absolute;
			left: 155px;
			top: 35px;
			width: 254px;
			height: 1px;
			background: #666;
		}
		.featurebox .featurelink {
			position: absolute;
			right: 30px;
			top: 47px;
		}
			.featurebox .featurelink a {
				color: #ccc;
			}
			.featurebox .featurelink a:hover {
				color: #feaf1e;
			}
			
			
	.featureboxThinner {
		background: url(../images/box-bg.png) no-repeat top left;
		_background: url(../images/box-bg.gif) no-repeat top left;
		width: 439px;
		height: 76px;
		position: relative;
		margin-top: 10px;
	}
		.featureboxThinner .featureboxheader {
			color: #feaf1e;
			font-size: 130%;
			font-family: "Arena Condensed", Verdana, Helvetica, Arial, Sans-Serif;
			position: absolute;
			left: 16px;
			top: 16px;
		}
		.featureboxThinner .featureline {
			position: absolute;
			left: 60px;
			top: 35px;
			width: 349px;
			height: 1px;
			background: #666;
		}
		.featureboxThinner .featurelink {
			position: absolute;
			right: 30px;
			top: 47px;
		}
			.featureboxThinner .featurelink a {
				color: #ccc;
			}
			.featureboxThinner .featurelink a:hover {
				color: #feaf1e;
			}			
			
			
			
			
			
			
			
			
			
			
	.casebox {
		background: url(../images/box-mini-bg.png) no-repeat top left;
		_background: url(../images/box-mini-bg.gif) no-repeat top left;
		width: 439px;
		height: 55px;
		position: relative;
		margin-bottom: 5px;
	}
		.casebox .caseboximage {
			position: absolute;
			left: 26px;
			top: 2px;
			border-left: solid 1px #999;
			border-right: solid 1px #999;
		}
		.casebox .caselink {
			position: absolute;
			right: 30px;
			top: 17px;
		}
			.casebox .caselink a {
				color: #ccc;
			}
			.casebox .caselink a:hover {
				color: #feaf1e;
			}
	
#footer {
	width: 910px;
	height: 50px;
	position: relative;
	background: url(../images/vrs-footer-bg.png);
	_background: url(../images/vrs-footer-bg.gif);
	margin: 0px auto 0px auto;
	padding: 0px;
	color: #999;
	text-align: center;
	font-size: 90%;
}
	#footer .footertext {
		padding-top: 15px;
	}
	#footer .footernav {
		margin-left: 30px;
		margin-right: 30px;
	}
	#footer a {
		text-decoration: underline;
		color: #999;
	}
	#footer a:hover {
		color: #efa51c;
	}
	
	
	
#flashClip1:focus, #flashClip2:focus, #flashIntro {
	outline: none;
}