@charset "UTF-8";
/* CSS Document */


body {
	background-image: url(images/bg_tile2.jpg);
	color: #000;
	margin: 0px;
	padding: 0px;
	}

#container {
	position: relative;
	background-image: url(images/container_bg.jpg);
	background-repeat: repeat-y;
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 910px;
	color: #000;
	}

#header {
	background: url(images/header.jpg) no-repeat;
	background-color: #000;
	width: 910px;
	height: 166px;
	padding: 0px;
	margin: 0px;
	}

#yourchoice {
	font-family:  Lucida Sans, Arial, Helvtica, sans-serif;
	text-align: right;
	margin: 0;
	padding: 33px 56px 0 0;
	color: #FFFFFF;
	font-size: 19px;
	line-height: 1.3em;
	}

/*  -------------------------------------------  NAV STUFF!!  ----------------------------------------  */


.navigation {  width: 910px;  height: 46px;  margin: 0;  }

#nav {  padding: 11px 0 0 176px;  margin: 0;  }

#nav ul {  padding: 0;  margin: 0;  color: #1065a2;  white-space: nowrap;  }

#nav ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 300;
	list-style-type: none;
	float: left;
	width: 130px;
	height: 29px;
	padding: 0px;
	margin: 0px;
	text-align: center;
	}

#nav ul li a {   text-decoration: none;   color: #1065a2;  }

#nav ul li a:hover {   text-decoration: none;   color: #1791E8;  }


/*  ///////////////////////  MAIN CONTENT  ////////////////////  */


#main_content {
	margin: 0;
	padding: 0 0 113px 0;
	width: 910px;
	overflow: hidden;
	}
	
	.prop { float: right; height: 275px; width: 1px; }
	

/*  -------------------------------------- LEFT COLUMNAR REGION ------------------------------------- */


#leftcol {
 	position: relative;
 	left: 59px;
	float: left;
	width: 480px;
	margin: 0;
	padding: 0;
	}

	.colorhead { height: 30px;  width: 480px;  background: url(images/headerorange.jpg) no-repeat;  font-family: Verdana, Arial, sans-serif;
			padding: 0;  margin: 0;  border-top: 2px solid #d6d6d6;  border-bottom: 2px solid #d6d6d6; text-align: center; }
			
			.orangehead { background: url(images/headerorange.jpg) no-repeat; }
			.bluehead { background: url(images/headerblue.jpg) no-repeat; }
			.redhead { background: url(images/headerred.jpg) no-repeat; }
			.yellowhead { background: url(images/headeryellow.jpg) no-repeat; }
			.greenhead { background: url(images/headergreen.jpg) no-repeat; }
			.greyhead { background: url(images/headergrey.jpg) no-repeat; }
			.lighthead {background: url(images/headerlight.jpg) no-repeat; }

.para {  padding: 4px;  margin: 0;  border: 1px solid #EBEBEB; }


#leftcol p { text-indent: 4%;  text-align: justify;  margin: 0;  padding: 2px;  }

#leftbig { width: 780px; margin: 0 auto 0 auto; padding: 0 1px 0 0 }

/* -------------------------------------  RIGHT COLUMNAR REGION  ------------------------------------ */


#rightcol { position: relative;  float: right;  right: 64px;  width: 297px;  padding: 0;  margin: 0; }

#rightcol p { font-family: Lucida Sans, Arial, Helvetica, sans-serif;  line-height: 1.2em;
			   text-align: justify;  margin: 0;   padding: 2px;  font-size: 13px; }

#rightcol h2 { text-align: center;  padding: 0;  margin: 0 0 0 4px;  font-size: 16px;  color: #000;
		font-family: Lucida Sans, Arial, Helvetica, sans-serif; }

	.greydiv { margin: 0; padding: 0 3px; background-color: #E6E6E6;  border: 2px solid #aaa;  line-height: 1.4em; }
	
	.test { font-family:Arial, Helvetica, sans-serif; border: 1px solid #e6e6e6; margin: 0; padding: 7px 5px 7px 5px; }

.truckline { height: 225px; width: 290px; border: 2px solid #aaa; padding: 0; margin: 0; background: url(images/truckline.jpg) no-repeat; }
.residential { height: 225px; width: 290px; border: 2px solid #aaa; padding: 0; margin: 0; background: url(images/residential.jpg) no-repeat; }



/* ------------------------------------------  EITHER REGION!  ---------------------------------------- */


.greytop{ height: 20px;  width: 297px;  background: url(images/greytop.gif) no-repeat;  text-align: center; }
.greybottom{ height: 40px;  width: 297px;  background: url(images/greybottom.gif) no-repeat;  padding: 0;  text-align: center; }
.greybottom a { text-decoration: none; color: #000; }
.greybottom a:hover { text-decoration: none;  color: #0066ff; }

.greyfont { font-family: Lucida Sans, Arial, Helvetica, sans-serif; font-size: 15px; color: #000; line-height:}

.twentyfont { font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 20px;  line-height: 1.4em; }
.eightteenfont { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; line-height: 1.4em; }
.fourteenfont { font-family: Lucida Sans, Arial, sans-serif; font-size: 14px;  line-height: 1.4em; }
.thirteenfont { font-family: Lucida Sans, Arial, sans-serif; font-size: 13px;  line-height: 1.4em; }

	.nodots { list-style-type: none; margin: 0; padding: 0; }

.clearboth { clear: both; }


/* ------------------------------------------  FOOTER STUFF!  ----------------------------------------- */


#footer {
	position: absolute;
	bottom: -1px;
	background: url(images/footer.jpg) no-repeat;
	width: 910px;
	height: 111px;
	margin: 0;
	padding: 0;
	}
	
#footnav {  padding: 57px 0px 0px 230px;   margin: 0;  }

#footnav ul {  padding: 0;    margin: 0;   color: #fff;   white-space: nowrap;  }

#footnav ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	list-style-type: none;
	padding: 0;
	margin: 0 10px;
	display: inline;
	}

#footnav ul li a {  color: #fff;   text-decoration: underline;  }

#footnav ul li a:hover {  color: #d5d5d5;   text-decoration: none;  }