body {
	margin: 0 auto;
	background-image: url(images/bkgd.jpg);
	background-repeat: repeat-x;
	text-align: center;
	}
a {
	color: black;
	text-decoration: underline;
	}
a:hover { text-decoration: none; }
	
#div1 {						/* Contains all page content */
	width: 700;
	margin: auto;
	background: white;
	overflow: auto;
	}
#footer {
	clear: both;
	width: 652;
	*width: 700;
	padding: 16 24 0 24;
	*padding: 16 24;
	overflow: auto;
	background: black;
	color: #666;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, san-serif;
	font-size: 9pt;
	}

#builder {
	color: #444;
	margin-bottom: 16;
	*margin-bottom: 0;
	}
#builder a			{ text-decoration: underline;color: #444; }
#builder a:hover	{ text-decoration: none; }
	
.dotrule {
	margin: 0 25;
	clear: both;
	}
	

/*-----------BODY HEADER------------*/

#homediv1 {					/* Hompage header text */
	width: 420;
	background-color: black;
	position: relative;
	float: left;
	color: white;
	text-align: left;
	margin: 16 auto 0;		/* Eliminates extra vertical margins */
	*margin: 3	 auto 0;		/* Eliminates extra vertical margins */
	}
#homediv2 {					/* Hompage "Call Us" text */
	width: 280;
	background-color: black;
	position: relative;
	float: left;
	color: white;
	text-align: left;
	margin: 16 auto 0;		/* Eliminates extra vertical margins */
	*margin: 4 auto 0;		/* Eliminates extra vertical margins */
	}	
#homediv1 p, #homediv2 p {
	font-family: Georgia, Times, serif;
	font-size: 12pt;
	margin: 16 24 ;
	}
#homediv2 h1 {				/* Phone */
	font-family: Georgia, Times, serif;
	font-size: 18pt;
	margin: -9 24 16;
	}
	
#otherdiv {					/* Other page header text */
	width: 700;
	background-color: black;
	position: relative;
	float: left;
	color: white;
	text-align: center;
	margin: 16 auto 0;		/* Eliminates extra vertical margins */
	*margin: 4 auto;		/* Eliminates extra vertical margins */

	}
#otherdiv p {
	font-family: Georgia, Times, serif;
	font-size: 12pt;
	margin: 16 24 ;
	}
#otherdiv span {			/* Phone  */
	font-family: Georgia, Times, serif;
	font-size: 18pt;
	font-weight: bold;
	}


/*-----------BODY------------*/

#leftcolumn {				/* Column with images */
	width: 279;
	background-color: #E7302F;
	position: relative;
	float: left;
	text-align: left;
	color: white;
	border-left: solid black 1px;
	}
#leftcolumn h2 {
	font-family: Georgia, Times, serif;
	font-size: 12pt;
	margin: 16 24 ;
	background-color: #E7302F;
	}
		
#rightcolumn {				/* Body content */
	font-family: Georgia, Times, serif;	
	width: 420;
	background-color: white;
	position: relative;
	float: left;	
	text-align: left;
	color: black;
	}
#rightcolumn h1 {
	font-size: 12pt;
	margin: 24 24 12;
	}
#rightcolumn p {
	font-size: 12pt;
	margin: 12 24;
	*margin: auto 24;
	}
#rightcolumn li {
	margin: 6 auto;
	}
#rightcolumn ul {
	list-style-image: url(images/bullet.gif)
	}
	
	
#r-l-column {
	width: 198;
/*	margin: 0 12 0 24;*/
	float: left;
	}
#r-r-column {
	width: 186;				/* Actual column width = "width" + side "margins" */
/*	margin: 0 24 0 12;*/
	float: left;
	}


/*-----------TOP MENU------------*/	

#menu {					
	width: 700;				/* Width of borders */
	height: 36;				/* Spacing of borders */
	margin: auto;			/* Centers menu in Firefox */
	margin: 16 auto;		/* Eliminates extra vertical margins in Firefox */
	*margin: -4 auto;		/* Eliminates reverse vertical margins in IE */
	}
#menu a {
	display:block;
	text-decoration:none;
	font-family: "Trebuchet MS", Verdana, Geneva, Helvetica, Arial, san-serif;
	font-size: 11pt; 
	font-weight: bold;
	color: white;
	line-height: 36px;		/* Height of tab */
	padding: 0 0 80;		/* Height of image */
	width: 140;				/* Width of "cells" containing the link text */
	margin: -16 auto;		/* Eliminates extra vertical margins in Firefox */
	*margin: 0;				/* Mantains default vertical margins in IE */
	}
	
#menu ul {					/* Eliminates natural characteristics of UL */
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: center;		/* Alignment of link text in "cells" */
/*	border-top: solid 1px red;
	border-bottom: solid 1px red;*/
	}
#menu li {					/* Unstacks list items */
	float:left;
	position:relative;
	}

#menu a#const.active			{ background-image: url("images/menu-const-on.jpg") }
#menu a#const.active:hover		{ color: red; }
#menu a#const.inactive			{ background-image: url("images/menu-const-off.jpg") }
#menu a#const.inactive:hover	{ color: red; background-image: url("images/menu-const-on.jpg") }

#menu a#lawn.active				{ background-image: url("images/menu-lawn-on.jpg") }
#menu a#lawn.active:hover		{ color: red; }
#menu a#lawn.inactive			{ background-image: url("images/menu-lawn-off.jpg") }
#menu a#lawn.inactive:hover		{ color: red; background-image: url("images/menu-lawn-on.jpg") }

#menu a#truck.active			{ background-image: url("images/menu-truck-on.jpg") }
#menu a#truck.active:hover		{ color: red; }
#menu a#truck.inactive			{ background-image: url("images/menu-truck-off.jpg") }
#menu a#truck.inactive:hover	{ color: red; background-image: url("images/menu-truck-on.jpg") }

#menu a#mason.active			{ background-image: url("images/menu-mason-on.jpg") }
#menu a#mason.active:hover		{ color: red; }
#menu a#mason.inactive			{ background-image: url("images/menu-mason-off.jpg") }
#menu a#mason.inactive:hover	{ color: red; background-image: url("images/menu-mason-on.jpg") }

#menu a#dump.active				{ background-image: url("images/menu-dump-on.jpg") }
#menu a#dump.active:hover		{ color: red; }
#menu a#dump.inactive			{ background-image: url("images/menu-dump-off.jpg") }
#menu a#dump.inactive:hover		{ color: red; background-image: url("images/menu-dump-on.jpg") }


