@charset "UTF-8";
/* -----------------------------------------------

	Style Sheet

	Site: David Ball Design
	Author:   David Ball    www.davidballdesign.com
	Version:  2007.8
----------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	}
body {
	color:#000;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	}
/* global links */
a:link {
	text-decoration: none;
	color: #000;
	}
a:visited {
	text-decoration: none;
	color: #000;
	}
a:hover, a:active {
	color:#148d86;
	text-decoration:underline;
	}

/* layout structure */
#container	{
	background: url(../images/bg_fade.jpg) repeat top left;
	width: 950px;
	margin: 0 auto;
	}
#container2	{
	width: 950px;
	margin: 0 auto;
	}
#header {
	position:relative;
	margin: 0 auto;
	width:950px;
	min-height: 31px;

	}
#portFolio {
	margin: 0 auto;
	width:950px;
	}
#portFolio .idFolio {
	position:relative;
	margin-top:122px;
	margin-left:130px;
	margin-bottom:28px;
	}
#copyContent {
	margin: 0 auto;
	width:950px;
	}
#bodyCopy {
	
	width:950px;
	height:567px;
	}
#bodyCopy p {
	font-style:normal;
	font-size:100%;
	padding:20px 0px 6px 6px;
		}	
#portSelector {
	background: url(../images/dotMatrixFull2.jpg) no-repeat top left;
	margin: 0 auto;
	width:950px;
	height:600px;
	border-top: 1px solid #fff;
	}
#portIcons {
	margin: 0 auto;
	width:740px;
	padding: 2px;
	}
.activeCaption {
	background:url(../images/lftCaptionBgd.jpg) no-repeat top left;
	width:245px;
	clear:both;
	border-bottom:1px solid #fff;
	}
#caption1 {
	margin-left:131px;
	}
#caption2 {
	margin-left:222px;
	}
#caption3 {
	margin-left:313px;
	}
#caption4 {
	margin-left:403px;
	}
#caption5 {
	background:url(../images/rtCaptionBgd.jpg) no-repeat top left;
	margin-left:306px;
	}
#caption6 {
	background:url(../images/rtCaptionBgd.jpg) no-repeat top left;
	margin-left:396px;
	}
#caption7 {
	background:url(../images/rtCaptionBgd.jpg) no-repeat top left;
	margin-left:487px;
	}
#caption8 {
	background:url(../images/rtCaptionBgd.jpg) no-repeat top left;
	margin-left:578px;
	}
#caption5 p, #caption6 p,
#caption7 p, #caption8 p {
	text-align:right;
	}
	
.clear {
	clear:both;
	}
	
/*_____________________header/ navigation Elements*/

#header h1 { 
	background:transparent url(../images/DBDLogo.jpg) no-repeat scroll 0%;
	height:31px;
	margin:24px 0px 0px 120px;
	text-indent:-9000px;
	width:190px;
	}	
#mainSiteNav {
	position:absolute;
	top:10px;
	left:600px;
	list-style-type:none;
	text-align:left;
	font-size:85%;
	line-height:1.5em;
	}	
#subSiteNav {
	position:absolute;
	top:10px;
	left:700px;
	list-style-type:none;
	text-align:left;
	font-size:85%;
	line-height:1.5em;
	}
.webPortfolio #hlt_webPort a,
.idPortfolio #hlt_idPort a,
.collateralPortfolio #hlt_collateralPort a,
.pkgPortfolio #hlt_pkgPort a,
.illustrationPortfolio #hlt_ilPort a,
.homePage #hlt_home a,
.aboutPage #hlt_about a,
.contactPage #hlt_contact a,
.servicesPage #hlt_services a {
	color: #3366CC;
	}
		
/* style rules for content */

#portIcons li {
	float:left;
	list-style:none;
	padding:0px 9px 0px 24px;
	}
#portIcons img {
	background-color: #d2d9d3;
	border:1px solid #fff;
	padding:4px;
	}
.activeCaption p {
	font-style:normal;
	font-size:85%;
	padding:60px 0px 6px 6px;
	}
#portIcons a:hover img {
	border:1px solid #5cafab;
	}	
#tpraPage #icon1 img,
#idmPage #icon2 img,
#espPage #icon3 img,
#lumatecPage #icon4 img,
#ccPage #icon5 img,
#fcPage #icon6 img,
#harcourtPage #icon7 img,
#wayportPage #icon8 img,
#idPage1 #icon1 img,
#idPage2 #icon2 img,
#idPage3 #icon3 img,
#idPage4 #icon4 img,
#idPage5 #icon5 img,
#idPage6 #icon6 img,
#idPage7 #icon7 img,
#idPage8 #icon8 img,
#webPort1 #icon1 img,
#webPort2 #icon2 img,
#webPort3 #icon3 img,
#webPort4 #icon4 img,
#webPort5 #icon5 img,
#webPort6 #icon6 img,
#webPort7 #icon7 img,
#webPort8 #icon8 img,
#pkgPort1 #icon1 img,
#pkgPort2 #icon2 img,
#pkgPort3 #icon3 img,
#pkgPort4 #icon4 img,
#pkgPort5 #icon5 img,
#pkgPort6 #icon6 img,
#pkgPort7 #icon7 img,
#pkgPort8 #icon8 img,
#ilPort1 #icon1 img,
#ilPort2 #icon2 img,
#ilPort3 #icon3 img,
#ilPort4 #icon4 img,
#ilPort5 #icon5 img,
#ilPort6 #icon6 img,
#ilPort7 #icon7 img,
#ilPort8 #icon8 img
	{
	border:2px solid #fff;
	padding:3px;
background-color:#b8cbc6;
	}

/* style rules for footer, if i had one			
#footerNav {
	float:right;
	list-style: none;
	}
#footerNav li {
	float: left;
	font-size: 80%;
	}
#footerNav a  {
	float: left;
	padding: 6px;
	color: #000;
	text-decoration: none; 
	}
#footer p {
	font-size: 70%;
	}
.border_right {
	border-right: 1px solid #fff;
	} */

/*Make Logo an active link in header*/
a#top_home_link {
position: absolute;
margin:20px 0px 0px 120px;
width:190px;
height:31px;
}

/*  *html a#top_home_link {
left: 0;
} */

#content p {
	
	text-indent:0px;
	margin:0;
	padding:6px 380px 0px 92px;
	}
#content {
	margin-bottom:60px;
	}

#content .first {
	margin:0;
	padding-top:20px;
	}
#indexContent p {
	color:#444;
	text-indent:0px;
	margin:0;
	padding:12px 180px 0px 172px;
	}
#content {
	background:transparent url(../images/placeCard.jpg) no-repeat scroll 0%;
	height: 567px;
	margin-bottom:60px;
	}

#indexContent .first {
	margin:0;
	padding-top: 160px;
	}
#indexContent .last {
	margin:0;
	padding-bottom: 30px;
	}