* {
padding: 0;
margin: 0;
}

body {

}

#navigation {
width: 960px;
height: 63px;
overflow: hidden;
}

#navigation ul {
list-style: none;
}

#navigation li {
display: inline;
float: left;
}


#navigation a {
display: block;
background-image:url(../images/nav_master.png);
text-indent: -5000px;
}

#nav-home a {
width: 205px;
height: 63px;
background-position: 0 0;
}
#nav-home a:hover {background-position: 0 -63px;}
#nav-home a:active {background-position: 0 -126px;}

/* THIS ADDS A CLASS to the DIV on the HTML of the HOME PAGE. It triggers the ON STATE of the 'currently selected tab.' This allows ONE header doc to be included for ALL pages. The STATE is changed at the HTML page level to change the ON STATE -MRH */

#navigation.home #nav-home a {
background-position: 0 -189px;
}


#nav-services a {
width:152px;
height:63px;
background-position: -205px 0;
}
#nav-services a:hover {background-position: -205px -63px;}
#nav-services a:active {background-position: -205px -126px;}
#navigation.services #nav-services a {
background-position: -205px -189px;
}

#nav-about a {
width:154px;
height:63px;
background-position: -357px 0;
}
#nav-about a:hover {background-position: -357px -63px;}
#nav-about a:active {background-position: -357px -126px;}
#navigation.about #nav-about a {
background-position: -357px -189px;
}

#nav-contact a {
width:154px;
height:63px;
background-position: -511px 0;
}
#nav-contact a:hover {background-position: -511px -63px;}
#nav-contact a:active {background-position: -511px -126px;}
#navigation.contact #nav-contact a {
background-position: -511px -189px;
}



/* HERE ARE THE ROLLOVER STYLES IF ANOTHER TAB IS ADDED BACK. IMG FILE STILL SAVED IN DROPBOX --MRH
/* IN meantime, the li has been given a background and styled so there is no link to hover over.

/* #nav-resources a {
/* width:295px; /*THIS WIDTH CAN BE SPLIT INTO A SECOND TAB in the future. OR it can be split so the negative space doesn't trigger the /* rollover. -MRH */
/* height:63px;
/* background-position: -665px 0;
/* }
/* #nav-resources a:hover {background-position: -665px -63px;}
/* #nav-resources a:active {background-position: -665px -126px;}
/* #navigation.resources #nav-resources a {
/* background-position: -665px -189px;
/* }  */


#nav-resources {
width:295px;
height:63px;
background-color:#345a93;
}

/* This CSS adds the blue background color back to where the image has been illiminated --MRH */




/* ---- FOOTER STYLES HERE ---- */


#in_foot {
	width:900px;
	text-align:center;
	padding-top:1.2em;
	padding-bottom:3em;
}

#in_foot p {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:0.5em;
color:#b3c0d9;

	}
	
#in_foot p a {
color:#b3c0d9;}

#in_foot p a:hover {
color:#bf311a;
}	

#in_foot ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	
	
	} 

#in_foot ul li {
	margin-left: 0;
	padding-left: 20px;
	list-style: none;
	display: inline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;

	}
	
	
#in_foot ul li a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color:#b3c0d9;
	text-decoration:none;
	text-transform:uppercase;
	
	}
	
#in_foot ul li a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color:#ffffff;
	}
	
#in_foot .left {
float:left;
font-size:0.6em;
}		
	
#in_foot .right {
float:right;
font-size:0.6em;
}	
	
	
/*-- ABOUT interior Nav Styles --*/

#about_nav 
{
width: 632px;
height: 95px;
overflow:hidden;
margin-left:41px;

}


#about_nav ul {
list-style: none;
}

#about_nav li {
display: inline;
float: left;
}

#about_nav a {
display: block;
background-image:url(../images/About_nav.png);
text-indent: -5000px;
}

#about_gen a {
width: 213px;
height: 95px;
background-position: 0 0;
}
#about_gen a:hover {background-position: 0 -96px;}
#about_gen a:active {background-position: 0 -191px;}
#about_nav.main #about_gen a {
background-position: 0 -286px;
}

#about_work a {
width: 206px;
height: 95px;
background-position: 419px 0;
}
#about_work a:hover {background-position: 419px -96px;}
#about_work a:active {background-position: 419px -191px;}
#about_nav.work #about_work a {
background-position: 419px -286px;
}

#about_cons a {
width: 213px;
height: 95px;
background-position: 213px 0;
}
#about_cons a:hover {background-position: 213px -96px;}
#about_cons a:active {background-position: 213px -191px;}
#about_nav.cons #about_cons a {
background-position: 213px -286px;
}