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

h1 {background: url(../factel/images/bannerTop.gif) no-repeat top left;}
h2, h3, .caption, em, blockquote {color: #669;}

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


#mainNav a {border-bottom: 3px #99c solid;}

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

#primaryContent, #secondaryContent {background: #fff url(../images/blueBottomLeft.gif) no-repeat bottom left;}
.outerBox {background: url(../images/blueBottomRight.gif) no-repeat bottom right;}
#primaryContent .innerBox {background: url(../images/blueTopLeft.gif) no-repeat top left;}
#primaryContent h2, .first {background:  url(../images/blueTopRight.gif) no-repeat top right;}
#secondaryContent .innerBox {background: url(../factel/images/blueTopLeftSec.gif) no-repeat top left;}

/* Services Flowchart
=================================== */
#services dt {
	color: #669;
	font-weight: bold;
}

#services #primaryContent dd {padding-right: 50px;}

#services #secondaryContent dt {
	width: 8em; 
	float: left;
	clear: both;
	padding-bottom: 35px;
	text-align: center;
	background: url(../factel/images/verticalDots.gif) no-repeat bottom center;
}

#services #secondaryContent dt.last {
	background: none; 
	padding-bottom: 0;
}

#services #secondaryContent span {
	border: 1px dotted #669; 
	display: block;
	padding: 5px;
	height: 2.5em;
}

#services #secondaryContent dd {
	margin: 0 10px 0 8.5em;
	padding: 10px;
	min-height: 5.4em;
}