html * {margin: 0;padding: 0;border: 0;}
html {font-family: 'Trebuchet MS', Helvetica, Verdana, Arial;}

body {
	background-color: #d9d9d9;
}

a{text-decoration: none;}

div#pagecontainer {
	width: 100%;
	height: 100%;
	margin: 0 auto 0 auto;

	background-color: #d9d9d9;
}

div.haswidth {
	position: relative;
	width: 820px;
	height: inherit;
	
	margin: 0px auto 0px auto;
}

div#blackbar {
	width: 100%;
	height: 30px;
	margin: 0px auto 0px auto;
	
	background-color: #000000;
}
	div#blackbar img {float: right;}
div#content {
	position:relative;
	width: 100%;
	height: 745px;
	
	margin: 0px auto 0px auto;
	background-image: url(../images/contentbgblue.jpg);
	background-repeat: repeat-x;
	background-color: #ffffff;
}

a#livechat {
	position: absolute;
	top: 655px;
	left: 600px;
	z-index:400;
}
/* ============================================= */
/* FOOTER */
/* ============================================= */

div#footer {
	width: 100%;
	height: 100px;
	
	margin: 0px auto 30px auto;
	border-top: 1px dotted #888888;
	background-color: #d9d9d9;
}

div.footercolumn {
	width: 200px;
	height: 80px;
	
	float: left;
	margin: 20px 17px 0px 0px;
	
	border-right: 1px dotted #888888;
}

div.footercolumn span {
	float: left;
}

div.footercolumn span a, div.footercolumn img {
	clear: both;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 1px 0px;
	
	cursor: pointer;
}

div.footercolumn span a img {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 1px 0px;
}

div.footercolumn img {
	padding: 2px 0px 2px 0px;
}
/* ============================================= */
/* TOP NAVIGATION */
/* ============================================= */
	div#topnav {
		position: relative;
		width: 820px;
		height: 100px;
		
		margin: 0px auto 0px auto;
		
		background-repeat: no-repeat;
	}
		div#topnav img#topnavbg {
			position:absolute;
			top: 0px;
			left: 0px;
			z-index: 10;
		}
		
		div#topnav a#tnlogo {
			position: relative;
			display: block;
			
			float: left;
			z-index: 20;
		}
		
		div#tntoprow {
			position: absolute;
			top: 15px;
			left: 210px;
			width: 460px;
			height: 18px;
			z-index: 20;
		}
		
		div#tntoprow img {
			cursor: pointer;
		}
		
		div#tnbotrow {
			position: absolute;
			top: 37px;
			left: 125px;
			
			width: 530px;
			height: 35px;
			z-index: 20;
		}
		
		div#tnbotrow a, div#tnbotrow img, div#tnarrows a, div#tnarrows img {
			height: 35px;
			float: left;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			background-color: #97a6bf;
			cursor: pointer;
		}
		
		div#tnarrows {
			position: absolute;
			top: 37px;
			left: 655px;
			
			width: 160px;
			height: 35px;
			z-index: 20;
		}
		
		div#tnarrows a, div#tnarrows img {
			height: 35px;
			float: left;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			background-color: #1b3b78;
			cursor: pointer;
		}

/* ============================================= */
/* SERVICE MEDIA */
/* ============================================= */

	div#media {
		width: 808px;
		height: 650px;
		
		margin: 0px 0px 0px 12px;
		
	}
	
	div#rich {
		position: relative;
		width: 808px;
		height: 360px;
		
	}
	
		div#rich div#paragraph {
			position: absolute;
			top: 0px;
			left: 0px;
			
			width: 400px;
			height: 200px;
			cursor: pointer;
		}
		
		div#rich div#client9 {
			position: absolute;
			top: 200px;
			left: 0px;
			
			width: 400px;
			height: 160px;
		}
		
		div#rich div#richpicture {
			position: absolute;
			top: 0px;
			left: 400px;
			
			width: 408px;
			height: 360px;
		}
	
	div#infoboxes {
		width: 808px;
		height: 290px;
		
	}
	
		div.infobox {
			position: relative;
			width: 262px;
			height: 250px;
			
			margin: 0px 10px 0px 0px;
			float: left;
			background-repeat: no-repeat;
		}
		
		div.infobox img {
			position: relative;
			z-index: 20;
		}
		
		div.infobox img.infoboxbg {
			position: absolute;
			top: 0px;
			left: 0px;
			z-index: 10;
		}
		
		div.infobox ul {
			position: relative;
			list-style-type: none;
			list-style-position: inside;
			display: block;
			width: 240px;
			
			margin: 15px 0px 0px 22px;
			z-index: 20;
		}
		
		div.infobox ul li, a div#infoboxes div.infobox ul li{
			list-style: disc url(../images/media/bluebullet.png);
			list-style-position: inside;
			
			font-size: 14px;
			color: #000000;
			padding: 3px 0px 3px 0px;
			margin: 0px auto 0px auto;
			cursor: pointer;		
		}
		
		div.infobox ul li a {
			color: #000000;
		}
		
		div.infobox ul li span {
			display:block;
			width: 223px;
			font-size: 14px;
			margin: 0px 0px 0px 17px;
			
			color: #666666;
		}
		
/* ============================================= */
/* SERVICE PAGE */
/* ============================================= */
div.servicescolumn {
	height: 610px;
	width: 160px;
	float: left;
	
	margin: 0px 1px 0px 1px;
}

/* ============================================= */
/* FAQ PAGE */
/* ============================================= */
div#media2 p {
	font-size: 12px;
	margin-bottom: 12px;
}

div#media2 h4.question {
	font-size: 13px;
	font-weight: bold;
	color: #000000
	margin-bottom: 0px;
}

/* ============================================= */
/* CUSTOMER LOGIN PAGE */
/* ============================================= */
div#customerlogin {
	width: 800px;
	height: 360px;
	
	font-size: 14px;
	background-image: url(../images/fauxlogin.png);
}

div#customerhalf {
	position: relative;
	top: 110px;
	width: 350px;
	height: 200px;
	float: left;
	
	margin: 0px 100px 0px 0px;
}

div#installerhalf {
	position: relative;
	top: 110px;
	width: 350px;
	height: 200px;
	float: left;

}

div#customerlogin input {
	display: block;
	width: 348px;
	height: 25px;
	
	font-size: 14px;
	border: 1px solid #838383;
	
	margin: 0px 0px 10px 0px;
}

div#customerlogin input.submitty {
	display: block;
	width: 152px;
	height: 37px;
	
	border: 0px solid #838383;
	
	margin: 0px 0px 10px 0px;
}

/* ============================================= */
/* LIVE VIEW PAGE */
/* ============================================= */
div#liveview {

}

div#pickatruck {
	position: relative;
	width: 808px;
	height: 305px;
	
	margin: 0px 0px 0px 0px;
}

	img#liveviewheader {
		clear: both;
		display: block;
		margin: 0px 0px 20px 0px;
	}

div#trucks {
	width: 808px;
	height: 230px;
}
	
div.truck {
	width: 262px;
	height: 230px;
			
	margin: 0px 10px 0px 0px;
	float: left;
}

div#requestliveview {
	cursor: pointer;
}

div#whichmedia {
	position: relative;
	width: 808px;
	height: 360px;
	
	margin-top: 0px;
	
}
	div#whichmedia img#whichmediabg {
		position: absolute;
		top: 0px;
		left: 0px;
	}
	
	div#mediarows {
		position: absolute;
		top: 110px;
		left: 0px;
	}
	
	a.amedia {
		display: block;
		width: 625px;
		height: 70px;
		
		float: right;
		
	}
	
		a.amedia img.mediacheckbox {
			margin-right: 57px;
		}