#header {
background-image:url(img/mainLogo3.gif);
width: 600px;
height:110px;
border-bottom: 3px solid #fff;
} 

.tagLine  {
position:relative;
top: 83px;
left: 280px;
font-family:verdana, Times, serif;
font-size: 11px;
color:#d8d7d7;
letter-spacing: 1px;
}

#bodyWrap {
float: left;
border-right: 3px solid #fff;
}


#content {
width: 598px;
height: 474px;
background-image:url(img/keyboardBG2.jpg);
border:#000;
border-style:solid;
border-width: 1px;
border: 1px solid #000;
font-family: "Lucida Sans Unicode", verdana, sans-serif;
font-size: 12px;
}


#nestedContent {
padding: 1px 7px 1px 7px;
}

#nestedSmaller {
padding: 0px 150px 7px 7px;
}

#nestedSmallest {
padding: 0px 370px 7px 7px;
}

.navWrap{
width: 215px;
float:left;
}

/* ------ TOP LEVEL NAVIGATION ------- */

#nav1,#nav2,#nav3 {
border-bottom: 3px solid #fff;
}

#nav1 ul{
	margin:0;
	padding:0;
	list-style: none;
	}
	
#nav1 li {
	background-image: url("img/webDevNav.jpg"); /* This is to preload the hover state */
	background-repeat: no-repeat; 
	}
	
#nav1 a { /* if background is on a:link IE6 won't display properly  */
	background-image: url("img/webDevNav.jpg"); /*can be just background */
	background-repeat: no-repeat; /* height and or width in here will stop main image change in IE5 */
	padding: 32px 32px 32px 5px;
	color: #f3efe4;
	font-family:"Lucida Sans Unicode", verdana, sans-serif;
	letter-spacing: 1px;
	text-align: center;
	text-decoration:none;
	font-size:14px;
	line-height: 250px;
	overflow:hidden;
	}

#nav1 a/*Comment hack to hide this from IE5 - needed to extend link over button image in IE6 */{
	height:145px;
	}
 
#nav1 a:hover {
	background: url("img/webDevNav_over.jpg") no-repeat; /* no background-x styles work here */
	color: #FFF; 
	}

 /* commented backslash hack v2 - hide rules from IE5 Mac \*/
#nav1 a {
	padding-top: 0; 
	padding-bottom: 0;
	padding-right: 10px; 
	display: block;
	}	

#nav1 li {
	margin-top:0;
	margin-bottom:0;
	width: 215px;
	}
/* end hack */	


#nav2 ul{
	margin:0;
	padding:0;
	list-style: none;
	}
	
#nav2 li {
	background-image: url("img/webMarkNav.jpg");
	background-repeat: no-repeat; 
	margin-top: 33px;
	margin-bottom: 65px;
	}
	
#nav2 a { 
	background-image: url("webMarkNav.jpg"); 
	background-repeat: no-repeat; 
	padding: 32px 32px 32px 5px;
	color: #f3efe4;
	font-family:"Lucida Sans Unicode", verdana, sans-serif;
	letter-spacing: 1px;
	text-align: center;
	text-decoration:none;
	font-size:14px;
	line-height: 250px;
	overflow:hidden;
	}

#nav2 a/*Comment hack to hide this from IE5 - needed to extend link over button image in IE6 */{
	height:145px;
	}
 
#nav2 a:hover {
	background: url("img/webMarkNav_over.jpg") no-repeat;
	color: #FFF; 
	}

/* commented backslash hack v2 - hide rules from IE5 Mac \*/
#nav2 a {
	padding-top: 0; 
	padding-bottom: 0;
	padding-right: 10px; 
	display: block;
	}	
	
#nav2 li {
	margin-top:0;
	margin-bottom:0;
	width: 215px;
	}
/* end hack */	


#nav3 ul{
	margin:0;
	padding:0;
	list-style: none;
	}
	
#nav3 li {
	background-image: url("img/aboutNav.jpg");
	background-repeat: no-repeat; 
	margin-top: 33px; 
	margin-bottom: 65px;
	}
	
#nav3 a { 
	background-image: url("aboutNav.jpg");
	background-repeat: no-repeat;
	padding: 32px 32px 32px 5px;
	color: #f3efe4;
	font-family:"Lucida Sans Unicode", verdana, sans-serif;
	letter-spacing: 1px;
	text-align: center;
	text-decoration:none;
	font-size:14px;
	line-height: 250px;
	overflow:hidden;
	}

#nav3 a/*Comment hack to hide this from IE5 - needed to extend link over button image in IE6 */{
	height:145px;
	}
 
#nav3 a:hover {
	background: url("img/aboutNav_over.jpg") no-repeat;
	color: #FFF; 
	}
/* commented backslash hack v2 - hide rules from IE5 Mac \*/
#nav3 a {
	padding-top: 0; 
	padding-bottom: 0;
	padding-right: 10px; 
	display: block;
	}	
#nav3 li {
	margin-top:0;
	margin-bottom:0;
	width: 215px;
	}
/* end hack */	


#nav4 ul{
	margin:0;
	padding:0;
	list-style: none;
	}
	
#nav4 li {
	background-image: url("img/clientNav.jpg");
	background-repeat: no-repeat; 
	margin-top: 33px;
	margin-bottom: 65px;
	}
	
#nav4 a { 
	background-image: url("clientNav.jpg");
	background-repeat: no-repeat;
	padding: 32px 32px 32px 5px;
	color: #f3efe4;
	font-family:"Lucida Sans Unicode", verdana, sans-serif;
	letter-spacing: 1px;
	text-align: center;
	text-decoration:none;
	font-size:14px;
	line-height: 250px;
	overflow:hidden;
	}

#nav4 a/*Comment hack to hide this from IE5 - needed to extend link over button image in IE6 */{
	height:145px;
	}
 
#nav4 a:hover {
	background: url("img/clientNav_over.jpg") no-repeat;
	color: #FFF; 
	}

/* commented backslash hack v2 - hide rules from IE5 Mac \*/
#nav4 a {
	padding-top: 0; 
	padding-bottom: 0;
	padding-right: 10px; 
	display: block;
	}	
#nav4 li {
	margin-top:0;
	margin-bottom:0;
	width: 215px;
	}
/* end hack */