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

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

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

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

a:hover { color: #555; }

#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: #FFFFFF;
}

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

#wrap #frame #topWrap { display: block; background-color:#000000; 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: #000000; 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: #fff; 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; background: #151515; color: #ccc; border-right: 1px #212121 solid; border-left: 1px #212121 solid; }
#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: #fff; 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; background: #151515; color: #ccc; border-right: 1px #212121 solid; border-left: 1px #212121 solid; }
#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: #fff; 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; background: #151515; color: #ccc; border-right: 1px #212121 solid; border-left: 1px #212121 solid; }
#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: #fff; 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; background: #151515; color: #ccc; border-right: 1px #212121 solid; border-left: 1px #212121 solid; }
#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: #fff; 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; background: #151515; color: #ccc; border-right: 1px #212121 solid; border-left: 1px #212121 solid; }
#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: #fff; 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: #222 ; }

#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: #EBB71E;
	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: #fff; text-transform: lowercase; margin-right: 3px; }

#wrap #frame #mainWrap .mainTop h2  { font-size: 12px; color: #777; 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: #777; 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: #EBB71E;
}

#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: 5px 8px 5px 10px; 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: 9px; background-color: #252525; color: #999; 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: #fff; 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: #fff; 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: #ccc; 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: #EBB71E;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: 1px;
	padding: 0;
	margin: 0;
}

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


#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 .grip { display: block; width: 100%; padding: 0; margin: 0; text-align: right; }

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

#wrap #frame #footWrap #footer .grip 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; }



#contactForm {
border:0 dotted #999999;
display:block;
float:left;
margin:0 10px 0 20px;
padding:10px 15px 10px 10px;
}
#contactForm ul {
list-style:none outside none;
margin:10px 0 0;
padding:0;
}
#contactForm ul li {
border:0 none;
padding-top:3px;
text-align: left;
}
#contactForm ul li a {
color:#777777;
text-decoration:underline;
}
#contactForm ul li a:hover {
color:#000000;
}
#contactForm ul li label {
border-right:0 solid #444444;
color:#444444;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-weight:normal;
letter-spacing:1px;
margin:0;
padding:0;
text-align:left;
}
#contactForm ul li .formfieldarea {
background-color:#fff;
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
height:200px;
margin:0;
padding:2px;
width:300px;
}
#contactForm .inputBox {
background-color:#ECE6D4;
border:1px solid #CCC3AC;
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
height:15px;
margin:0;
padding:0;
width:300px;
}
#contactForm fieldset {
border:0 dotted #111111;
margin:0;
padding:0;
}
#contactForm label.submit {
display:block;
padding:0;
text-align:left;
}