/* Typography
=================================== */
a:link, a:visited {	
	color: #696;	
	border-bottom: 1px dotted #696; 
	}

#toggleSource dd a {
	color: #696;	
	border-bottom: 1px dotted #696; 
}
	
h1 {background: url(../copy/images/bannerTop.gif) no-repeat top left;}
h2, h3, .caption, em, blockquote {color: #696;}

.external {background: url(../copy/images/externalLink.gif) no-repeat top right;}

/* General Layout/Structure 
=================================== */
#banner {background: #9c9 url(../copy/images/bannerTile.gif) repeat-y left;}
#banner p.last {background: url(../copy/images/bannerBottom.gif) no-repeat bottom left;}

#mainNav a {border-bottom: 3px #9c9 solid;}

#primaryContent, #secondaryContent {background: #fff url(../images/greenBottomLeft.gif) no-repeat bottom left;}
.outerBox {background: url(../images/greenBottomRight.gif) no-repeat bottom right;}
#primaryContent .innerBox {background: url(../images/greenTopLeft.gif) no-repeat top left;}
#secondaryContent .innerBox {background: url(../copy/images/greenTopLeftSec.gif) no-repeat top left;}
#primaryContent h2, .first {background: url(../images/greenTopRight.gif) no-repeat top right;}

#services #secondaryContent dl {
	min-height: 120px;
	padding-left: 110px;
	margin-right: 20px;
	float: left;
}

* html #services #secondaryContent dl {height: 120px; /* fix for IE6 */}

#marketing {background: url(../copy/images/marketing.gif) no-repeat left center;}
#investor {background: url(../copy/images/investor.gif) no-repeat left center;}
#technical {background: url(../copy/images/technical.gif) no-repeat left center;}
#employee {background: url(../copy/images/employee.gif) no-repeat left center;}
