/*------------------ @reset ------------------*/
body,h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,legend,
input,button,select,textarea,dl,dd,dt,hr,table,thead,tbody,tfoot,tr,th,td
{ margin:0; padding:0 }
img,a img,:link img,:visited img { border:0;padding:0;margin:0; }
address,cite,caption { font-style: normal }
caption,th { text-align: left }
ol,ul { margin-left: 20px; }
* :focus { outline: 0; }

body {
	background: #767063 url(images/bg.jpg) repeat-x 0 -80px;
	font: normal 12px/18px Arial, Helvetica;
}

.clear {
	clear:both;
}

a {
	color: #000;
}

	a:hover {
		color: #464950;
	}

h2,h3 {
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	display: block;
	text-shadow: 0 1px 1px #d8d4cd;
	padding-top: 40px;
	padding-bottom: 20px;
}

	h2#reps {
		text-transform: uppercase;
		text-align: center;
		padding-top: 17px;
		padding-bottom: 0;
	}
	
	h3 {
		font-size: 14px;
		padding-bottom: 5px;
		padding-top: 0;
	}
	
	p,address {
		text-shadow: 0 1px 1px #bfb9ae;
		padding-bottom: 20px;
	}
	
	.long p,
	.long h3 {
		text-shadow: 0 1px 1px #969084;
	}

#container {
	width: 900px;
	margin: 0 auto;
}

#header {
	height: 58px;
	padding-top: 27px;
}

	#header h1,
	#header h1 a {
		width: 530px;
		height: 38px;
		display: block;
		margin: 0 auto;
	}
	
	#header h1 a {
		background: url(images/logo.gif) no-repeat 0 0;
		text-indent: -9999px;
	}
	
#main {
	background: url(images/sep-line.gif) no-repeat center 73px;
	width: 100%;
	overflow: hidden;
}

#main-image {
	border: 3px solid #635d51;
	margin-top: 40px;
}

	.separator {
		background: url(images/sep-line.gif) no-repeat center 0;
		margin-top: 20px;
	}
	
	ul#nav {
		list-style: none;
		margin: 0;
		padding-top: 62px;
		height: 64px;
		background: url(images/sep-line.gif) no-repeat center bottom;
	}
	
		ul#nav li,
		ul#nav li a,
		ul#nav li a span {
			display: block;
			float: left;
			cursor: pointer;
			text-decoration: none;
			color: #000;
			font-weight: bold;
			line-height: 14px;
			font-size: 14px;
		}
		
			ul#nav li {
				margin-right: 10px;
			}
		
			ul#nav li a {
				padding-left: 5px;
			}
			
			ul#nav li a span {
				padding: 13px 13px 13px 8px;
				text-shadow: 0 1px 1px #cbc6bd;
				color: #222;
			}
		
			ul#nav li.active a {
				background: url(images/nav-active.jpg) no-repeat 0 0;
			}
			
			ul#nav li.active a span {
				background: url(images/nav-active.jpg) no-repeat right 0;
				color: #000;
			}
			
				ul#nav li a:hover { background: url(images/nav-active.jpg) no-repeat 0 -40px; }
				ul#nav li a:hover span { background: url(images/nav-active.jpg) no-repeat right -40px; }
			
				ul#nav li a:active { background-position: 0 -80px; }
				ul#nav li a:active span { background-position: right -80px; }
		
.states {
	float: right;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
}
		
/*---- Represented Lines ----*/
#lines {
	position: relative;
	height: 400px;
}

	#lines .vendor {
		float: none;
		position: absolute;
	}

.vendor {
	float: left;
	display: block;
	text-indent: -9999px;
	border: 3px solid #635d51;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
}

	.vendor:hover {
		filter:alpha(opacity=100);
		opacity: 1;
	}

	.onepoint {
		width: 137px;
		height: 56px;
		background: url(images/1point.jpg) no-repeat 0 0;
	}

	.dsi {
		width: 127px;
		height: 80px;
		background: url(images/dsi.jpg) no-repeat 0 0;
	}
	
	.gesecurity {
		width: 201px;
		height: 91px;
		background: url(images/gesecurity.jpg) no-repeat 0 0;
	}

	.hdi {
		width: 300px;
		height: 48px;
		background: url(images/hdi.png) no-repeat 0 0;
	}

	.microtek {
		width: 150px;
		height: 117px;
		background: url(images/microtek.jpg) no-repeat 0 0;
	}

	.securetech {
		width: 130px;
		height: 34px;
		background: url(images/securetech.png) no-repeat 0 0;
	}

	.select {
		width: 155px;
		height: 73px;
		background: #fff url(images/select.png) no-repeat 0 0;
	}

	.tatung {
		width: 156px;
		height: 33px;
		background: url(images/tatung.jpg) no-repeat 0 0;
	}

	.videotec {
		width: 120px;
		height: 94px;
		background: url(images/videotec.jpg) no-repeat 0 0;
	}
	
	.sdc {
		width: 80px;
		height: 80px;
		background: url(images/sdc.png) no-repeat 0 0;
	}
	
	.intransa {
		width: 71px;
		height: 56px;
		background: #fff url(images/intransa.gif) no-repeat center center;
		padding: 5px;
	}
	
	.veracity {
		width: 79px;
		height: 79px;
		padding: 5px;
		background: #fff url(images/veracity.gif) no-repeat center center;
	}
	
	.gvisecurity {
		width: 225px;
		height: 88px;
		background: #fff url(images/gvisecurity.gif) no-repeat center center;
	}
	
/*---- Contact ----*/
.col {
	float: left;
	width: 300px;
	overflow: hidden;
}

	.name {
		font-size: 14px;
	}
	
form label {
	float: left;
	display: block;
	width: 80px;
	font-weight: bold;
	padding-top: 13px;
	text-shadow: 0 1px 1px #9F9C95;
}

.field {
	width: 372px;
	background: url(images/form.jpg) no-repeat 0 0;
	height: 12px;
	border: 0;
	font: normal 12px/12px Arial,Helvetica;
	padding: 14px 14px 14px 14px;
}

	textarea.field {
		height: 232px;
		background-position: 0 -40px;
		line-height: 14px;
	}
	
	#submit {
		border: 0;
		padding: 0;
		display: block;
		background: url(images/submit.gif) no-repeat 0 0;
		width: 94px;
		height: 40px;
		cursor: pointer;
		text-indent: -9999px;
		margin-left: 80px;
	}
	
		#submit:hover { background-position: 0 -40px; }
		#submit:active { background-position: 0 -80px; }

table.area {
	padding-bottom: 20px;
	width: 100%;
	border-bottom: 1px solid #4F4A40;
	margin-bottom: 20px;
}

	table.area td.logo {
		width: 220px;
		padding: 10px;
		padding-left: 20px;
	}
	
		table.area td.vendor { float: none; margin: 0 auto; }

	table.area td.desc {
		text-align: right;
		font-weight: bold;
		font-size: 14px;
		padding-right: 20px;
		text-shadow: 0 1px 1px #969084;
	}

		
#footer {
	border-top: 1px solid #5F594D;
	background-position: center -1px;
	padding-top: 22px;
}

	#footer p {
		text-shadow: 0 1px 1px #9B9589;
	}