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

body {
	background: #ffffff;
	font-family: "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: normal;
	margin: 0;
}

/* ///////////////////// GLOBAL //////////////////////////////////////////// */

a {
	text-decoration: none;
	color: #777777;
	font-weight: normal;
}

a:hover {
	color: #666666;
}

#wrap { display: block; background: url(../images/background/backgroundW.gif) top repeat-x; width: 100%; padding: 0; margin: 0; }

#wrap.home { display: block; background: url(../images/background/backgroundW.gif) top repeat-x; width: 100%; padding: 0; margin: 0; }

#wrap.about { display: block; background: url(../images/background/backgroundW.gif) top repeat-x; width: 100%; padding: 0; margin: 0; }

#wrap.sales { display: block; background: url(../images/background/backgroundW.gif) top repeat-x; width: 100%; padding: 0; margin: 0; }

#wrap.training { display: block; background: url(../images/background/backgroundW.gif) top repeat-x; width: 100%; padding: 0; margin: 0; }

#wrap.services { display: block; background: url(../images/background/backgroundW.gif) top repeat-x; width: 100%; padding: 0; margin: 0; }

#wrap.consulting { display: block; background: url(../images/background/backgroundW.gif) top repeat-x; width: 100%; padding: 0; margin: 0; }

#wrap.apple { display: block; background: url(../images/background/backgroundW.gif) top repeat-x; width: 100%; padding: 0; margin: 0; }

#wrap.adobe { display: block; background: url(../images/background/backgroundW.gif) top repeat-x; width: 100%; padding: 0; margin: 0; }

#wrap.dpiproVideo { display: block; background: url(../images/background/backgroundW.gif) top repeat-x; width: 100%; padding: 0; margin: 0; }

#wrap #frame {
	display: block;
	width: 950px;
	padding: 0;
	margin: 0 auto;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}

#wrap #frame .topMedia { display: none; padding: 0; }

#wrap #frame #topWrap {
	display: block;
	background-color:#FFFFFF;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

#wrap #frame #topWrap .logo { display: block; float: left; padding: 0; margin: 0; }


#wrap #frame #topWrap #topNav { display: block; background: #000; float: left; overflow: hidden; height: 100px; padding: 0; margin: 0; }
#wrap #frame #topWrap #topNav ul { display: block; overflow:hidden; position: relative; width: 648px; height:100px; list-style: none; padding: 0; margin: 0; }
#wrap #frame #topWrap #topNav ul li {
	display: block;
	position: absolute;
	background-color: #FFFFFF;
	text-align: center;
}
#wrap #frame #topWrap #topNav ul li.nav1 { display: block; left: 0px; top: 0px;  width: 108px; height:100px; text-align: center; }
#wrap #frame #topWrap #topNav ul li.nav1 a {
	display: block;
	height:100%;
	color: #FF0000;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
	border-right: 1px #111 solid;
	border-left: 1px #111 solid;
	letter-spacing: 1px;
	padding-top:40px;
}
#wrap #frame #topWrap #topNav ul li.nav1 a:hover {
	display: block;
	color: #666666;
	background-color: #CCCCCC;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#wrap #frame #topWrap #topNav ul li.nav2 { display: block; left: 108px; top: 0px;  width: 108px; height:100px; text-align: center; }
#wrap #frame #topWrap #topNav ul li.nav2 a {
	display: block;
	height:100%;
	color: #FF0000;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
	border-right: 1px #111 solid;
	border-left: 1px #111 solid;
	letter-spacing: 1px;
	padding-top:40px;
}
#wrap #frame #topWrap #topNav ul li.nav2 a:hover {
	display: block;
	color: #666666;
	background-color: #CCCCCC;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#wrap #frame #topWrap #topNav ul li.nav3 { display: block; left: 216px; top: 0px;  width: 108px; height:100px; text-align: center; }
#wrap #frame #topWrap #topNav ul li.nav3 a {
	display: block;
	height:100%;
	color: #FF0000;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
	border-right: 1px #111 solid;
	border-left: 1px #111 solid;
	letter-spacing: 1px;
	padding-top:40px;
}
#wrap #frame #topWrap #topNav ul li.nav3 a:hover {
	display: block;
	color: #666666;
	background-color: #CCCCCC;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#wrap #frame #topWrap #topNav ul li.nav4 { display: block; left: 324px; top: 0px;  width: 108px; height:100px; text-align: center; }
#wrap #frame #topWrap #topNav ul li.nav4 a {
	display: block;
	height:100%;
	color: #FF0000;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
	border-right: 1px #111 solid;
	border-left: 1px #111 solid;
	letter-spacing: 1px;
	padding-top:40px;
}
#wrap #frame #topWrap #topNav ul li.nav4 a:hover {
	display: block;
	color: #666666;
	background-color: #CCCCCC;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#wrap #frame #topWrap #topNav ul li.nav5 { display: block; left: 432px; top: 0px;  width: 108px; height:100px; text-align: center; }
#wrap #frame #topWrap #topNav ul li.nav5 a {
	display: block;
	height:100%;
	color: #FF0000;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
	border-right: 1px #111 solid;
	border-left: 1px #111 solid;
	letter-spacing: 1px;
	padding-top:40px;
}
#wrap #frame #topWrap #topNav ul li.nav5 a:hover {
	display: block;
	color: #666666;
	background-color: #CCCCCC;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#wrap #frame #topWrap #topNav ul li.nav6 { display: block; left: 540px; top: 0px;  width: 108px; height:100px; text-align: center; }
#wrap #frame #topWrap #topNav ul li.nav6 a {
	display: block;
	height:100%;
	color: #FF0000;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
	border-right: 1px #111 solid;
	border-left: 1px #111 solid;
	letter-spacing: 1px;
	padding-top:40px;
}
#wrap #frame #topWrap #topNav ul li.nav6 a:hover { display: block; background: #151515; color: #ccc; border-right: 1px #212121 solid; border-left: 1px #212121 solid; }
#wrap #frame #topWrap #topNav ul li#active {
	background: #fff;
}

#wrap #frame #topWrap .media { padding: 0; margin: 0; }


#wrap #frame #mainWrap { display: block; width: 950px; overflow: hidden; border-bottom: 0px #ccc solid; padding: 0 0 0 0; margin: 15px 0 0 0; }


#wrap #frame #mainWrap .mainTop { display: block; width: 100%; border-bottom: 1px #151515 solid; padding: 0; margin: 0 0 15px 0; }

#wrap #frame #mainWrap .mainTop h1  {
	font-size: 18px;
	color: #FF0000;
	text-transform: lowercase;
	border-bottom: 0px #555 solid;
	padding: 0;
	margin: 10px 0 10px 0
}

#wrap #frame #mainWrap .mainTop h1 .headerStyle1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; text-transform: lowercase; }

#wrap #frame #mainWrap .mainTop h1 .headerStyle2 { font-family: "Times New Roman", Times, serif; font-size: 14px; font-weight: normal; font-style: italic; color: #000; text-transform: lowercase; margin-right: 3px; }

#wrap #frame #mainWrap .mainTop h2  { font-size: 12px; color: #000; border-bottom: 0px #555 solid; margin: 10px 0 0 0; }


#wrap #frame #mainWrap #main { display: block; width: 470px; float: left; padding: 0; margin: 0; }

#wrap #frame #mainWrap #main h2  { font-size: 12px; color: #000; border-bottom: 0px #555 solid; margin: 10px 0 0 0; }

#wrap #frame #mainWrap #main .pad { padding: 0 20px 0 0; }

#wrap #frame #mainWrap #main p { padding: 5px 15px 5px 5px; margin: 0; }

#wrap #frame #mainWrap #main p.first { font-size: 11px; color: #444; text-transform: uppercase; padding: 15px 40px 15px 30px; }



#wrap #frame #mainWrap #main2 { display: block; width: 820px; float: left; padding: 0 0 15px 0; margin: 0; }

#wrap #frame #mainWrap #main2 h2  { font-size: 16px; color: #ccc; text-align: left; margin: 10px 0 5px 0; }

#wrap #frame #mainWrap #main2 h3  { font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; color: #005062; letter-spacing: 3px; text-align: center; margin: 0 0 0 0; }

#wrap #frame #mainWrap #main2 h3 .style4  { display: block; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #777; text-transform: uppercase; letter-spacing: 3px; border-bottom: 1px dashed #555; padding: 0 0 15px 0; margin: 0 0 10px 0; }

#wrap #frame #mainWrap #main2 h4  { font-size: 14px; color: #555; margin: 0 0 0 0; }

#wrap #frame #mainWrap #main2 .pad { padding: 0 20px 0 0; }

#wrap #frame #mainWrap #main2 p { padding: 5px 15px 5px 5px; margin: 0; }

#wrap #frame #mainWrap #main2 p.right { font-size: 10px; text-align: right; padding: 5px; margin: 0; }

#wrap #frame #mainWrap #main2 p.right a { background-color: #669999; color: #fff; font-weight: bold; text-decoration: none; border-bottom: 1px #555 dotted; padding: 2px 8px 2px 8px; }

#wrap #frame #mainWrap #main2 p.right a:hover { background-color: #d3dce0; color: #005062; border-bottom: 1px #222 dotted; }

#wrap #frame #mainWrap #main2 .calendar { display: block; text-align: center; padding: 0; margin: 10px 0 0 10px; }


#wrap #frame #mainWrap #main2 #col1 {  display: block; float: left; width: 59%; overflow: hidden; padding: 0; margin: 0; }

#wrap #frame #mainWrap #main2 #col1 .block { display: block; text-align: left; overflow: hidden; line-height: 18px; border-right: 1px #151515 solid; padding: 5px 20px 5px 20px; margin: 0 5px 0 0; }

#wrap #frame #mainWrap #main2 #col1 .block h2 { font-size: 14px; text-align: left; font-weight: normal; color: #777; padding: 0 0 0 0; margin: 10px 0 0 0; }

#wrap #frame #mainWrap #main2 #col1 .block h2 .pad { padding: 10px 0 0 0; margin: 0; }

#wrap #frame #mainWrap #main2 #col1 .block p { padding: 0; margin: 0; }

#wrap #frame #mainWrap #main2 #col1 .block .img { display: none; padding: 10px 0 0 0; }

#wrap #frame #mainWrap #main2 #col1 .block .imgtop { display: none; padding: 0; margin: 0 0 0 0; }

#wrap #frame #mainWrap #main2 #col1 .block ul { display: block; list-style: none; padding: 0; margin: 0; }

#wrap #frame #mainWrap #main2 #col1 .block ul li { display: block; font-size: 10px; display: block; color: #cccccc; background-color: #151515; text-align: left; border-top: 1px #353535 solid; padding: 3px 0 3px 0; margin: 0; }

#wrap #frame #mainWrap #main2 #col1 .block ul li.style1 { font-size: 10px; padding: 3px; margin: 0; }

#wrap #frame #mainWrap #main2 #col1 .block ul li.style2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #555; text-transform: uppercase; letter-spacing: 2px; }

#wrap #frame #mainWrap #main2 #col1 .block ul li.download { display: block; color: #777; text-align: left; border-bottom: 1px #151515 solid; padding: 0 0 2px 2px; margin: 0; }

#wrap #frame #mainWrap #main2 #col1 .block ul li a { font-size: 90%; color: #cccccc; text-decoration: none; font-weight: normal; padding: 0; margin: 0; }

#wrap #frame #mainWrap #main2 #col1 .block ul li a:hover { color: #fff; }


#wrap #frame #mainWrap #main2 #col1 #contactForm {
display: block;
border: 0px #999 dotted;
padding: 10px 15px 10px 10px;
margin: 0 10px 0 20px;
}

#wrap #frame #mainWrap #main2 #col1 #contactForm p {
font-size: 11px;
padding: 0;
margin : 5px 0 10px 30px;
}

#wrap #frame #mainWrap #main2 #col1 #contactForm ul {
list-style: none;
padding: 0;
margin: 0;
}

#wrap #frame #mainWrap #main2 #col1 #contactForm ul li {
padding-top: 10px;
}

#wrap #frame #mainWrap #main2 #col1 #contactForm ul li a {
text-decoration: underline;
color: #ff0000;
}

#wrap #frame #mainWrap #main2 #col1 #contactForm ul li a:hover {
color: #000;
}

#wrap #frame #mainWrap #main2 #col1 #contactForm ul li label {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #555;
text-transform: uppercase;
letter-spacing: 1px;
text-align: left;
border-right: 0px #444 solid;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#wrap #frame #mainWrap #main2 #col1 #contactForm ul li .formfieldarea {
width: 300px;
height: 200px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color: #000;
border : 2px solid #777;
padding: 2px 2px;
margin: 0;
}

#wrap #frame #mainWrap #main2 #col1 #contactForm .inputBox {
width: 300px;
height: 15px;
background-color: #eee;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color: #000;
border : 2px solid #151515;
padding: 0;
margin: 0;
}

#wrap #frame #mainWrap #main2 #col1 #contactForm fieldset {
border-top: 0px #111 dotted;
border-right: 0px #111 dotted;
border-bottom: 0px #111 dotted;
border-left: 0px #111 dotted;
padding: 0 0 5px 0;
margin: 0 0 0 0;
}

#wrap #frame #mainWrap #main2 #col1 #contactForm label.submit {
display: block;
text-align: left;
padding: 10px;
}



#wrap #frame #mainWrap #main2 #col1R {  display: block; float: right; width: 40%; overflow: hidden; padding: 0; margin: 0; }

#wrap #frame #mainWrap #main2 #col1R .block { display: block; text-align: left; overflow: hidden; border-right: 1px #151515 solid; padding: 5px 20px 5px 20px; margin: 0 5px 0 0; }

#wrap #frame #mainWrap #main2 #col1R .block h2 { font-size: 14px; text-align: left; font-weight: normal; color: #444; padding: 0 0 0 0; margin: 10px 0 0 0; }

#wrap #frame #mainWrap #main2 #col1R .block h2 .pad { padding: 0 0 0 0; margin: 0; }

#wrap #frame #mainWrap #main2 #col1R .block p { padding: 0; margin: 0; }

#wrap #frame #mainWrap #main2 #col1R .block .img { float: right; }

#wrap #frame #mainWrap #main2 #col1R .block .imgtop {  padding: 0; margin: 0 0 0 0; }

#wrap #frame #mainWrap #main2 #col1R .block .imgtop p { line-height: 20px; padding: 10px 0 10px 10px; }

#wrap #frame #mainWrap #main2 #col1R .block ul { display: block; list-style: none; padding: 0; margin: 0; }

#wrap #frame #mainWrap #main2 #col1R .block ul li { display: block; font-size: 10px; display: block; color: #555; background: #151515 ; text-align: left; border-top: 1px #353535 solid; border-bottom: 0px #00ccff solid; padding: 3px 0 3px 0; margin: 0; }

#wrap #frame #mainWrap #main2 #col1R .block ul li.blockTitle { background-color: #000; border-top: 0px; text-transform: uppercase; color: #e5e5e5; letter-spacing: 1px; padding: 4px 0 4px 0; }

#wrap #frame #mainWrap #main2 #col1R .block ul li a { font-size: 90%; color: #fff; text-decoration: none; font-weight: normal; padding: 0; margin: 0; }

#wrap #frame #mainWrap #main2 #col1R .block ul li a:hover { color: #ccc; }


/* //////////////////////////// 2 SIDEBAR 2 COLUMN ///////////////////////////////////////// */

#wrap #frame #mainWrap #sidebar2 {  display: block; width: 130px; float: right; overflow: hidden; padding: 0; margin: 0; }

#wrap #frame #mainWrap #sidebar2 #col2 {  display: block; width: 130px; padding: 0; margin: 0; }

#wrap #frame #mainWrap #sidebar2 #col2 .block {
	display: block;
	float: left;
	width: 100%;
	text-align: left;
	padding: 0;
	margin: 0;
	color: #C79B1A;
}

#wrap #frame #mainWrap #sidebar2 #col2 .block .gap {
	padding: 0;
	margin: 0 0 10px 0;
	border-bottom: 0px #EBB71E solid;
	border-left: 1px #151515 solid;
	color: #0000FF;
}

#wrap #frame #mainWrap #sidebar2 #col2 .block .gap h2 { font-family: "century gothic", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: right; font-weight: bold; color: #EBB71E; text-transform: uppercase; letter-spacing: 2px; border-bottom: 1px #151515 dotted; padding: 0 0 0 0; margin: 0 0 0 0; }

#wrap #frame #mainWrap #sidebar2 #col2 .block h2 .pad { border-top: 1px #669999 solid; border-bottom: 1px #669999 solid; padding: 5px; margin: 0; }

#wrap #frame #mainWrap #sidebar2 #col2 .block h2 .pad .style1 {
	color: #EBB71E;
}

#wrap #frame #mainWrap #sidebar2 #col2 .block p { padding: 5px; }

#wrap #frame #mainWrap #sidebar2 #col2 .block ul { display: block; width: 100%; list-style: none; padding: 0; margin: 0; }

#wrap #frame #mainWrap #sidebar2 #col2 .block ul li {
	display: block;
	color: #000;
	text-align: left;
	border-bottom: 0px #ccc solid;
	padding: 2px 2px 2px 2px;
	margin: 0 0 0 0;
}

#wrap #frame #mainWrap #sidebar2 #col2 .block ul li.style1 { text-align: left; }

#wrap #frame #mainWrap #sidebar2 #col2 .block ul li.style1 a { color: #009933; text-decoration: underline; }

#wrap #frame #mainWrap #sidebar2 #col2 .block ul li.style1 a:hover { color: #000; }

#wrap #frame #mainWrap #sidebar2 #col2 .block ul li .style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	text-transform: uppercase;
	letter-spacing: 2px;
	border-bottom: 1px #151515 solid;
}

#wrap #frame #mainWrap #sidebar2 #col2 .block ul li .style3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #005062; color: #000; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px #151515 solid; }

#wrap #frame #mainWrap #sidebar2 #col2 .block ul li a {
	font-size: 10px;
	color: #005062;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px #555 dotted;
	padding: 1px 0 1px 0;
	margin: 0;
}

#wrap #frame #mainWrap #sidebar2 #col2 .block ul li a:hover {
	color: #333333;
	border-bottom: 1px #777 dotted;
	padding: 1px 0 1px 0;
}


#wrap #frame #mainWrap #movieScroll { display: block; padding: 0; margin: 45px 0 25px 0; border-top: 2px #000 solid; border-bottom: 2px #000 solid; }


/* /////////////////////////////// FOOTER /////////////////////////////////////////// */


#wrap #frame #footWrap { display: block; width: 950px; padding: 0 0 0 0; margin: 0; }

#wrap #frame #footWrap #footer { display: block; border-top: 2px #151515 solid; padding: 15px; margin: 0; }

#wrap #frame #footWrap #footer p {
	display: block;
	font-size: 9px;
	color: #666666;
	padding: 0;
	margin: 0;
}

#wrap #frame #footWrap #footer ul { display: block; width: 100%; list-style: none; padding: 0 0 10px 0; margin: 0; }

#wrap #frame #footWrap #footer ul li { float: left; text-align: center; padding: 4px 0 4px 0; margin: 0 10px 0 0; }

#wrap #frame #footWrap #footer ul li.logo { background: url(../images/dpi_logo_small_icon_xs.png) left center no-repeat; float: left; text-align: left; }

#wrap #frame #footWrap #footer ul li.logo .pad { padding: 0 0 0 40px; margin: 0;}

#wrap #frame #footWrap #footer ul li a {
	font-size: 10px;
	color: #0000ff;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: 1px;
	padding: 0;
	margin: 0;
}

#wrap #frame #footWrap #footer ul li a:hover {
	color: #0000ff;
}


#wrap #frame #footWrap #footer .bottomnav { display: block; width: 100%; padding: 0; margin: 0; }

#wrap #frame #footWrap #footer .bottomnav ul { display: block; text-align: center; }

#wrap #frame #footWrap #footer .bottomnav ul li { float: left; padding: 0; margin: 0; }

#wrap #frame #footWrap #footer .bottomnav ul li a { text-decoration: none; padding: 0; margin: 0; }

#wrap #frame #footWrap #footer .bottomnav ul li a:hover { color: #000; }


#wrap #frame #footWrap #footer .clearblu { display: block; width: 100%; padding: 0; margin: 0; text-align: right; }

#wrap #frame #footWrap #footer .clearblu a { font-size: 9px; color: #666; text-decoration: none; font-weight: bold; padding: 0; margin: 0; }

#wrap #frame #footWrap #footer .clearblu a:hover {
	color: #66CC00;
}


.imageRight { float: right; margin-left: 10px; }

.imageLeft { float: left; margin-right: 10px; }

.slant { font-family: "Times New Roman", Times, serif; font-size: 12px; font-weight: normal; font-style: italic; font-style: italic;}

.industryCap { text-transform: uppercase; display: block; text-align: left; padding-top: 10px; padding-bottom: 10px;}

.clear { clear: both; height: 1%; font-size: 1px; line-height: 0px; }