@import url("whitespace-reset.css");

body {
	font-size: 12px;
	font-family: Verdana, Sans-Serif;
	background: #FFFFFF; }

#sitewrapper {
	width: 722px;
	float: left; }
	#sitewrapper #header {
		background: #000000;
		width: 722px;
		float: left; }
		#sitewrapper #header a#logo {
			background: transparent url("images/logo.jpg") no-repeat 0 0;
			float: left;
			display: block;
			text-indent: -5000px;
			width: 222px;
			height: 28px; }
		#sitewrapper #header p#topnav {
			float: right;
			color: #CD9933;
			padding: 5px 45px 0 0; }
			#sitewrapper #header p#topnav a {
				color: #FFFFFF;
				font-size: 11px;
				font-weight: normal;
				text-decoration: none; }
				#sitewrapper #header p#topnav a:hover {
					text-decoration: underline; }
	#sitewrapper #headernav {
		float: left;
		width: 722px;
		color: #CD9933;
		background: #000000; }
		#sitewrapper #headernav img {
			float: left;
			width: 180px;
			height: 18px; }
		#sitewrapper #headernav ul {
			float: right;
			width: 540px;
			height: 18px; }
			#sitewrapper #headernav ul li {
				display: inline; }
				#sitewrapper #headernav ul li a {
					float: left;
					display: block;
					color: #CD9933;
					text-decoration: none;
					text-transform: uppercase;
					padding: 2px 45px 0 45px;
					font-size: 11px; }
				#sitewrapper #headernav a:hover {
					text-decoration: underline; }

	#sitewrapper #main {
		float: left;
		width: 722px;
		background: transparent url("images/bg_main.gif") repeat-y; }	
		#sitewrapper #main #sidebar {
			width: 181px;
			float: left; }
			#sitewrapper #main #sidebar div.yellow-line {
				padding: 15px 0 0 0; }
			#sitewrapper #main #sidebar p {
				color: #FFFFFF;
				font-size: 11px;
				padding: 22px 10px 0 10px; }
				#sitewrapper #main #sidebar p#contact {
					padding: 22px 5px 0 10px;
					color: #FFCC33;
					font-weight: bold; }
				#sitewrapper #main #sidebar p#phone {
					font-weight: bold;
					font-size: 12px;
					padding: 0 0 0 10px; }

		#sitewrapper #main #content {
			width: 540px;
			float: right; }
		#sitewrapper #main #content p#product-categories {
				padding: 0 0 20px 50px;
				font-weight: bold; }
		#sitewrapper #main #content p#product-caption {
				padding: 0 0 0 50px;
				font-weight: bold; }
			#sitewrapper #main #content #product-info {
				float: left;
				width: 540px;
				margin: 20px 0 0 0; }
				#sitewrapper #main #content #product-info p {
					width: 250px;
					font-size: 11px;
					padding: 0 0 100px 48px; }
				#sitewrapper #main #content #product-info img {
					float: right;
					margin: 0 20px 0 50px;
					width: 212px; }
			#sitewrapper #main #content div.products {
				width: 540px;
				clear: both; }
				#sitewrapper #main #content div.products a {
					display: block;
					float: left;
					text-align: center;
					color: #504E7D;
					font-weight: bold;
					padding: 50px 0 0 0;
					height: 50px; }
					#sitewrapper #main #content div.products a#ms1 {
						background: transparent url("images/ms-1.gif") no-repeat top center;
						margin: 0 0 0 15px; }
					#sitewrapper #main #content div.products a#ms2 {
						background: transparent url("images/ms-2.gif") no-repeat top center;
						margin: 0 0 0 15px; }
					#sitewrapper #main #content div.products a#ms3 {
						background: transparent url("images/ms-1.gif") no-repeat top center;
						margin: 0 0 0 15px; }
					#sitewrapper #main #content div.products a#ms4 {
						background: transparent url("images/ms-4.gif") no-repeat top center;
						margin: 0 0 0 15px; }
					#sitewrapper #main #content div.products a#ms9 {
						background: transparent url("images/ms-9.gif") no-repeat top center;
						margin: 0 0 0 15px; }
					#sitewrapper #main #content div.products a#qx830 {
						background: transparent url("images/qx-830.gif") no-repeat top center;
						margin: 0 0 0 15px; }
					#sitewrapper #main #content div.products a#qx870 {
						background: transparent url("images/qx-870.gif") no-repeat top center;
						margin: 0 0 0 15px; }
					#sitewrapper #main #content div.products a#ms890 {
						background: transparent url("images/ms-890.gif") no-repeat top center;
						margin: 0 0 0 15px; }
					#sitewrapper #main #content div.products a#mini {
						background: transparent url("images/quadrus-mini.gif") no-repeat top center;
						margin: 0 0 0 15px; }
					#sitewrapper #main #content div.products a#mini3 {
						background: transparent url("images/mini3.jpg") no-repeat top center;
						margin: 0 0 0 15px; }
					#sitewrapper #main #content div.products a#miniesd {
						background: transparent url("images/quadrus-mini-esd-safe.gif") no-repeat top center;
						margin: 0 0 0 15px; }
					#sitewrapper #main #content div.products a#minivelocity {
						background: transparent url("images/mini-velocity.gif") no-repeat top center;
						margin: 0 0 0 15px; }
					#sitewrapper #main #content div.products a#minihawk {
						background: transparent url("images/mini-hawk.gif") no-repeat top center;
						margin: 0 0 0 15px; }
					#sitewrapper #main #content div.products a#ez {
						background: transparent url("images/quadrus-ez.gif") no-repeat top center;
						margin: 0 0 0 15px; }
					#sitewrapper #main #content div.products a#ezdpm {
						background: transparent url("images/qx-870.gif") no-repeat top center;
						margin: 0 0 0 40px !important;
						margin: 0 0 0 25px; }
					#sitewrapper #main #content div.products a#verifier {
						background: transparent url("images/quadrus-verifier.gif") no-repeat top center;
						margin: 0 0 0 15px; }
					#sitewrapper #main #content div.products a#ms3ccd {
						background: transparent url("images/ms-3-ccd.gif") no-repeat top center;
						margin: 0 0 0 25px; }
					#sitewrapper #main #content div.products a#ms880 {
						background: transparent url("images/ms-880.gif") no-repeat top center;
						margin: 0 0 0 50px;
						padding: 65px 0 0 0; }
					
			#sitewrapper #main #content h1#bdr_microscan-products {
				font-size: 16px;
				color: #CD9933;
				padding: 10px 0 10px 50px;
				margin: 15px 0 0 0;
				background: url("images/bdr_microscan-products.gif") no-repeat 0 0;
				height: 41px; }
			#sitewrapper #main #content h2 {
				font-size: 14px;
				margin: 10px 0; }
			#sitewrapper #main #content a#hdr_product-selector {
				background: transparent url("images/hdr_product-selector.gif") no-repeat 0 0;
				clear: both;
				width: 346px;
				height: 15px;
				position: relative;
				left: -182px;
				margin: 10px 0 0 0;
				display: block;
				text-indent: -5000px;
				color: #000000; }
			#sitewrapper #main #content a#hdr_adv-data-capture {
				background: transparent url("images/hdr_adv-data-capture.gif") no-repeat 0 0;
				clear: both;
				width: 389px;
				height: 15px;
				position: relative;
				left: -182px;
				margin: 10px 0 0 0;
				display: block;
				text-indent: -5000px;
				color: #000000; }
			#sitewrapper #main #content a#hdr_data-sheet {
				background: transparent url("images/hdr_3800g-data-sheet.gif") no-repeat 0 0;
				clear: both;
				width: 353px;
				height: 15px;
				position: relative;
				left: -182px;
				margin: 10px 0 0 0;
				display: block;
				text-indent: -5000px;
				color: #000000; }
			#sitewrapper #main #content a#hdr_view-map {
				background: transparent url("images/hdr_view-map.gif") no-repeat 0 0;
				clear: both;
				width: 589px;
				height: 15px;
				position: relative;
				left: -182px;
				margin: 10px 0 0 0;
				display: block;
				text-indent: -5000px;
				color: #000000; }
			#sitewrapper #main #content #footer {
				clear: both;
				text-align: center;
				padding: 60px 0 15px 0;
				background: #FFFFFF;
				font-size: 11px; }
				#sitewrapper #main #content #footer a { 
					text-decoration: underline; }
					#sitewrapper #main #content #footer a:hover {
						text-decoration: none; }
				#sitewrapper #main #content #footer h2 {
					color: #514E7D;
					font-size: 12px; }