/**** American Video and Alarm, inc. Style Sheet ****/
/**** Created by MITM Marketing ****/
/**** copyright 2007 ****/
/**** This Style Sheet can be used as a tool by those learning CSS, but please don't blantly steal ****/

* {
	margin: 0;
	padding: 0;
}
body {
	font: 0.80em/1.5em "Trebuchet MS",Trebuchet,Arial,Helvetica,sans-serif;
	color: #2d2d2d;
	background: #000 url(../i/site/b.gif) repeat-x;
}
	#container {
		position: absolute;
		width: 754px;
		left: 50%;
		margin-left: -377px;
	}
	#header {
		width: 754px;
		height: 141px;
		background: url(../i/site/header.gif);
	}
		#logo {
			width: 650px;
			float: left;
		}
		#logo span { display: none; }
		#logolink {
			position: absolute;
			left: 24px;
			top: 25px;
		}
		#logolink a {
			display: block;
			width: 194px;
			height: 92px;
		}
		#home {
			width: 104px;
			padding-top: 8px;
			float: right;
		}
	#show {
		height: 209px;
		background: url(../i/ban/banner.jpg) no-repeat;
		clear: both;
	}
	#nav {
		height: 48px;
	}
		#nav span { display: none; }
		#nav ul { 
			list-style: none;
		}
		#nav li {
			display: block;
			float: left;
		}
		#nav a {
			display: block;
			height: 48px;
		}
				#nav a.products {
					width: 106px;
					background: url(../i/nav/1.gif);
				}
				#nav a.products:hover {
					background-position: 0% -48px;
				}
				#nav a.productsActive {
				width: 106px;
				background: url(../i/nav/1.gif);
				padding: 0;
				background-position: 0% -48px;
				}
				#nav a.vendors {
					width: 82px;
					background: url(../i/nav/2.gif);
				}
				#nav a.vendors:hover {
					background-position: 0% -48px;
				}
				#nav a.vendorsActive {
				width: 82px;
				background: url(../i/nav/2.gif);
				padding: 0;
				background-position: 0% -48px;
				}
				#nav a.about {
					width: 68px;
					background: url(../i/nav/3.gif);
				}
				#nav a.about:hover {
					background-position: 0% -48px;
				}
				#nav a.aboutActive {
				width: 68px;
				background: url(../i/nav/3.gif);
				padding: 0;
				background-position: 0% -48px;
				}
					#nav a.staff {
					width: 58px;
					background: url(../i/nav/4.gif);
				}
				#nav a.staff:hover {
					background-position: 0% -48px;
				}
				#nav a.staffActive {
				width: 58px;
				background: url(../i/nav/4.gif);
				padding: 0;
				background-position: 0% -48px;
				}
					#nav a.services {
					width: 82px;
					background: url(../i/nav/5.gif);
				}
				#nav a.services:hover {
					background-position: 0% -48px;
				}
				#nav a.servicesActive {
				width: 82px;
				background: url(../i/nav/5.gif);
				padding: 0;
				background-position: 0% -48px;
				}
					#nav a.testi {
					width: 116px;
					background: url(../i/nav/6.gif);
				}
				#nav a.testi:hover {
					background-position: 0% -48px;
				}
				#nav a.testisActive {
				width: 116px;
				background: url(../i/nav/6.gif);
				padding: 0;
				background-position: 0% -48px;
				}
					#nav a.lovi {
					width: 142px;
					background: url(../i/nav/7.gif);
				}
				#nav a.lovi:hover {
					background-position: 0% -48px;
				}
				#nav a.loviActive {
				width: 142px;
				background: url(../i/nav/7.gif);
				padding: 0;
				background-position: 0% -48px;
				}
					#nav a.contact {
					width: 100px;
					background: url(../i/nav/8.gif);
				}
				#nav a.contact:hover {
					background-position: 0% -48px;
				}
				#nav a.contactActive {
				width: 100px;
				background: url(../i/nav/8.gif);
				padding: 0;
				background-position: 0% -48px;
				}
				
		#content {
			margin: 0 6px;
			padding: 10px;
			background: #e3e2e2 url(../i/site/co.gif) bottom left no-repeat;
		}
			#contenttwocols {
			width: 742px;
			margin: 0 6px;
			padding: 10px 0;
			background: #e3e2e2 url(../i/site/co.gif) bottom left no-repeat;
			float: left;
		}
					#contenttwocols a {
							font: 12px "Trebuchet MS",Trebuchet,Arial,Helvetica,sans-serif;
							color: #2d2d2d;
							text-decoration: underline;
						}
						#contenttwocols a:hover {
							font: 12px "Trebuchet MS",Trebuchet,Arial,Helvetica,sans-serif; 
							color: #2d2d2d;
							text-decoration: none;
						}
			#left {
				width:486px;
				padding-left: 10px;
				float: left;
			}
				
			#right {
				width: 226px;
				padding: 0 10px;
				float: left;
			}
				#right ul {
					list-style: none;
				}
				#right li {
					display: block;
					line-height: 30px;
					border-bottom: 1px dotted;
				}
				#right li a {
					display: block;
					color: #2d2d2d;
					text-decoration: none;
					line-height: 30px;
				}
				#right li a:hover {
					color: #2d2d2d;
					line-height: 30px;
					text-decoration: none;
					background-color: #d9d8d8;
				}
		#footer {
			margin-left: 6px;
			margin-right: 6px;
			padding: 10px;
			line-height: 2em;
			background-color: #2d2d2d;
			color: #fff;
			text-align: center;
			clear: both;
		}
			#footer a { color: #fff; text-decoration: none; }
			#footer a:hover { color: #fff; text-decoration: none; background-color: #000; }
/* Style */
#content a {
	font: 12px "Trebuchet MS",Trebuchet,Arial,Helvetica,sans-serif;
	color: #2d2d2d;
	text-decoration: underline;
}
#content a:hover {
	font: 12px "Trebuchet MS",Trebuchet,Arial,Helvetica,sans-serif; 
	color: #2d2d2d;
	text-decoration: none;
	background-color: #d9d8d8;
}
h2 {
	color: #c3060d;
	font-size: 1.45em;
	font-weight: normal;
	margin-bottom: .75em;
	border-bottom: 1px solid;
}
.smallheader {
	color: #2d2d2d;
	font-size: 1.35em;
	font-weight: normal;
}
.input, .textarea {
	border: 1px solid #2d2d2d;
}
textarea { width: 80%;}
.tbl1col td { padding: 5px; }
.boldlink {
	font-weight: bold;
	text-align: right;
}
.pushright10px {
	margin-right: 4px;
	margin-bottom: 6px;
	}
.onepixelborder {
	border: 1px #2d2d2d solid;
}