/* Colors

*/

a {
	color: #00FFFF;
}


h2 {
	 color:#FFFFFF;
	 text-align:left;
	 font-family:Arial, Helvetica, sans-serif;
	 font-weight:100;
	 font-size: 18px;
	 margin: 20px 0px 0px 7px;
}

h3 {
	color:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:15px;
}

h4 {
	 color:#00FFFF;
	 text-align:left;
	 font-family:Arial, Helvetica, sans-serif;
	 font-weight:bold;
	 font-size: 18px;
	 margin-top: 9px;
}




.btn {
	display: block;
	overflow: hidden;
	text-indent: -999px;
	background-position: left top;
	background-repeat: no-repeat;
	border: 0px;
}

p {
	font-family:Helvetica, Arial, sans-serif;
	text-transform: none;
	margin: 0px 7px 0px 7px;
	font:12px;
	line-height:14px;
	letter-spacing: 0px;
	color:#ccc;
		
}	

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

body {
	text-align:center;
	margin: 0px;
	background: #333333 url(images/bg.jpg) repeat-x left top;
}

div#wrap {
	text-align: left;
	width:	960px;
	margin: 0px auto 50px auto;
	padding-bottom:50px;
	text-transform: uppercase;
	font: 10px/18px Arial, Helvetica, sans-serif;
}	

div#wrap div#header {
	height: 110px;
	background: url(images/Header.jpg);
}

div#wrap div#header h1 {
	padding-top: 20px;
	margin:0px;
}

div#wrap div#header h1 a {
	height: 80px;
	width: 130px;
	margin-left: 25px;
}

/* @group Menu */

div#wrap div#menu {
	height: 15px;
	margin-bottom: 5px;
	padding: 0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	border:0px;
		
}	 	

div#menu div#menu ul {
	width: 960px;
	height: 15px;
	list-style: none;
}		


div#wrap div#menu ul li {
	float: right;
	display: block;
	margin-left: 10px;
	margin-top: 0px;
	padding-right: 10px;
}


div#wrap div#menu ul li a {
	display: inline;
	color: #ccc;
	line-height: 15px;
	text-align: center;
	font-weight: roman;
	font-size: 9px;
	padding-top: 0;
	text-decoration: none;		
}


div#wrap div#menu ul li a:hover {
	color: #fff;
}

div#wrap div#menu ul li.first {
	border:none;
	margin-right: 3px;
}

/* @end */

/* @group submenu */

div#wrap div#submenu {
	height: 45px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;	
}

div#submenu,
div#submenu ul,
div#submenu li,
div#submenu li a {
	zoom: 1;
	background: none;
}

div#submenu ul ul {
	background: black;
	width: auto;
}

div#submenu ul ul li,
div#submenu ul ul li a {
float:none;
	display:block;
}

.MenuBarItem {
	border-left:1px solid #CCC;
	font-size:12px;
	margin-top: 8px;
}	 	




/* @end */

/* @sidemenu */

div#content div.sidemenu {
	float:left;
	width:150px;
	
}

div#content div.sidemenu ul {
	margin: 25px 0px 0px -35px;
	list-style-type:none;
}

div#content div.sidemenu ul li a{
	color: #ccc;
	line-height: 25px;
	text-align: left;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	margin-top:25px;
	
}

div#content div.sidemenu ul li a:hover {
	color:#666666;
	

}
	

div#wrap div#main {
	margin-left: 0px;
	padding: 0px;
}	

div#main div#content {
	float: left;
	width: 960px;
	margin: 0px auto;
}

div#heroNav a {
	display:inline-block;
	background: #333;
	text-indent: -999px;
	overflow:hidden;
	width: 20px;
	height: 20px;
	margin-right: 15px;
}

div#heroNav a:hover {
	background: #fff;
}

div#heroNav a.activeSlide {
	background: #999;
}

div#content div#hero {
	height: 423px;
	padding: 0px 0px 0px 0px;
	margin-top:10px;
	margin-bottom:25px;
}

div#content div.threeCol {
	float:left;
	width: 300px;
	height: auto;
	margin: 10px 10px 50px 10px;
}

div#content div.threeColdesign {
	border:1px solid #CCC;
	float:left;
	width: 300px;
	height: 100px;
	background-image:url(images/Designbtn.swf);
	margin: 10px 9px 50px 9px;
}

div#content div.threeColprod {
	border:1px solid #CCC;
	float:left;
	width: 300px;
	height: 100px;
	background-image:url(images/Designbtn.swf);
	margin: 10px 9px 50px 9px;
}

div#content div.threeColmedia {
	border:1px solid #CCC;
	float:left;
	width: 300px;
	height: 100px;
	background-image:url(images/Designbtn.swf);
	margin: 10px 9px 50px 9px;
}
div#content div.subhero {
	width:804px;
	float:left;
	padding-bottom: 20px;
	margin: 20px 0px 50px 75px;
}

div#content div.workcooliris{
	width:850px;
	height:300px;
	float:left;
	padding-bottom: 0px;
	margin: 20px 0px 50px 55px;
	border:2px inset #CCCCCC;
	
}
div#content div.workvideo{
	width:700px;
	height:300px;
	float:left;
	padding-bottom: 0px;
	margin: 20px 0px 50px 130px;
	border:2px inset #CCCCCC;
	
}

div#content div.work1 {
	width:900px;
	height:267px;
	float:left;
	padding-bottom: 20px;
	margin: 20px 0px 50px 30px;
	background-image:url(images/DMI_campaignwork1.jpg);
	background-repeat:no-repeat;
	border:2px inset #CCCCCC;
	
}

div#content div.work2 {
	width:900px;
	height:267px;
	float:left;
	padding-bottom: 20px;
	margin: 20px 0px 50px 30px;
	background-image:url(images/DMI_campaignwork2.jpg);
	background-repeat:no-repeat;
	border:2px inset #CCCCCC;
	
}

div#content div.work3 {
	width:900px;
	height:267px;
	float:left;
	padding-bottom: 20px;
	margin: 20px 0px 50px 30px;
	background-image:url(images/DMI_commercialwork1.jpg);
	background-repeat:no-repeat;
	border:2px inset #CCCCCC;
	
}


div.clients1 {
	width:260px;
	float:left;
	margin: 25px 3px 0px 5px;
}

div.clients2 {
	width:260px;
	float:left;
	margin: 25px 3px 0px 3px;
	border-left: #ccc thin solid;
}

div.clients3 {
	width:260px;
	float:left;
	margin: 25px 3px 0px 3px;
	border-left: #ccc thin solid;
}

div#content div.subherorelat {
	width:804px;
	float:left;
	padding-bottom: 20px;
	margin: 25px 0px 50px 75px;
	
}
div#content div.subheroconnect {
	width:804px;
	float:left;
	background-color:#753c2a;
	padding-bottom: 20px;
	margin: 25px 0px 50px 75px;
	
}

div#content div.subherobio {
	width:804px;
	float:left;
	padding-bottom: 20px;
	margin: 25px 0px 50px 75px;
	
	
}

div.bio1 {
	width:804px;
	height: 380px;
	float:left;
	
}

div.erik {
	width:700px;
	float:right;
	padding-bottom:20px;
	margin: 0px 0px 15px 0px;
	
}

div.erikpic {
	float:left;
	height:100px;
	width:100px;
	background-image:url(images/Erik.jpg);
	border:2px inset #CCCCCC;
}

div.leif {
	width:700px;
	float:right;
	padding-bottom:20px;
	margin: 0px 0px 15px 0px;
	
}

div.leifpic {
	float:left;
	height:100px;
	width:100px;
	background-image:url(images/leif.jpg);
	border:2px inset #CCCCCC;
	
}

div.anthony {
	width:700px;
	float:right;
	padding-bottom:20px;
	margin: 0px 0px 15px 0px;
	
}

div.anthonypic {
	float:left;
	height:100px;
	width:100px;
	background-image:url(images/anthony.jpg);
	border:2px inset #CCCCCC;
	
}
div.brian {
	width:700px;
	float:right;
	padding-bottom:20px;
	margin: 0px 0px 50px 0px;
	
}

div.brianpic {
	float:left;
	height:100px;
	width:100px;
	background-image:url(images/brian.jpg);
	border:2px inset #CCCCCC;
	
}
div.jax {
	width:700px;
	float:right;
	padding-bottom:20px;
	margin: 0px 0px 50px 0px;
	
}

div.jaxpic {
	float:left;
	height:100px;
	width:100px;
	background-image:url(images/JAX.jpg);
	border:2px inset #CCCCCC;
	
}

div.carlos {
	width:700px;
	float:right;
	padding-bottom:20px;
	margin: 0px 0px 50px 0px;
	
}

div.carlospic {
	float:left;
	height:100px;
	width:100px;
	background-image:url();
	border:0px inset #CCCCCC;
	
}



div#content div.subherodynamic {
	width:804px;
	float:left;
	padding-bottom: 0px;
	margin: 25px 0px 50px 75px;
	
}

div#content div.subherodynamic h2 {
	color:#0099cc;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:36px;
	letter-spacing: 5px;
	margin-bottom:0px;
	text-align:center;
	
}

div.subherodynamic .calloutdynamic p {
	margin:0px 0px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:inherit;
	
} 

div#content div.subherodynamic p {
	margin:20px 0px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:inherit;
	
}

div#content div.subheroexp {
	background-color:#990000;
	width:804px;
	float:left;
	padding-bottom: 20px;
	margin: 25px 0px 50px 75px;
} 

div#content div.subheroexp p {
	margin:20px 0px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:inherit;
	
}

div#content div.calloutexp {
	margin:20px 10px 0px 15px;
	float:right;
	width:300px;
	height:	315px;
	background-color:#000066;
}

div#content .calloutexp ul {
	color:#FFFFFF;
	margin-left: 25px
}

div#content div.subherostrat {
	background-color:#663300;
	width:804px;
	float:left;
	padding-bottom: 20px;
	margin: 25px 0px 50px 75px;
} 

div#content div.subherostrat p {
	margin:20px 0px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:inherit;
	
}

div#content div.calloutstrat {
	margin:20px 10px 0px 15px;
	float:right;
	width:300px;
	height:	315px;
	background-color:#cc9933;
}

div#content .calloutstrat ul {
	color:#FFFFFF;
	margin-left:25px;	
}

div#content div.subheroserv {
	width:804px;
	height:auto;
	float:left;
	padding-bottom: 20px;
	margin: 25px 0px 50px 75px;
} 

div#content div.subherostrat h3 {
	font-size:16px;
	line-height:24px;
}

div#content div.subheroserv h3 {
	font-size:28px;
	line-height:37px;
}

div#content div.subheroserv p {
	margin:20px 0px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:inherit;
	
}

div#content div.calloutserv {
	margin:20px 10px 0px 15px;
	float:right;
	width:300px;
	height:	300px;
	background-color:#9c8a69;
}

div#content .calloutserv ul {
	font-family:Georgia, "Times New Roman", Times, serif;
	list-style:none;
	font-size:10px;
	line-height:18px;
	letter-spacing: 1px;
	font-weight:bold;
	color:#FFFFFF;
	margin-left:25px;
}



div#content div.subheroimpact {
	width:804px;
	float:left;
	padding-bottom: 20px;
	margin: 25px 0px 50px 75px;
} 

div#content div.impact1{
	width:380px;
	height:430px;
	float:left;
	background-color:#002664;
	padding:5px;
	margin-top:15px;	
}

div#content div.customimg {
	margin-top:20px;
}


div#content div.impact2{
	width:380px;
	height:430px;
	float:right;
	background-color:#002664;
	padding:5px;
	margin-top:15px;
}

div#content div.createimg {
	margin-top:37px;
}
div#content div.subhero p {
	margin:20px 0px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:inherit;
	
}

div#content div.subherorelat p {
	margin:20px 0px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:inherit;
	
}
div#content div.subheroconnect p {
	margin:20px 0px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:inherit;
	
}

div#content div.subheroimpact p {
	margin:7px 0px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:inherit;
	
}
div#content div.callout {
	margin:20px 10px 0px 15px;
	float:right;
	width:300px;
	height:	315px;
	background-color:#999;
}

div#content div.callouttech {
	margin:20px 10px 0px 15px;
	float:right;
	width:400px;
	height:	567px;
	background-color:#d1d2d4;
	background-image:url(images/howitworks.jpg);
}

div#content div.calloutmobileapps {
	margin:20px 10px 0px 15px;
	float:right;
	width:350px;
	height:	400px;
	background-color:#cc0000;
}

div#content .calloutmobileapps ul {
	color:#FFFFFF;
	margin-left: 25px
}

div#content .calloutmobileapps li {
	color:#FFFFFF;
	line-height: 25px;
}

div#content div.callout ul {
	margin-left:25px;
}

div#content div.calloutdynamic {
	margin:10px 10px 0px 10px;
	float:left;
	width:382px;
	height:	400px;
	
}

div#content div.calloutrelat {
	margin:20px 15px 15px 0px;
	float:left;
	width:300px;
	height:	400px;
	background: #CCCCCC url(images/Relatquote.jpg) no-repeat;
	
	
}

div#content div.calloutconnect {
	margin:20px 15px 15px 0px;
	float:left;
	width:300px;
	height:	400px;
	background: #936e63 url(images/connectquote.jpg) no-repeat;
	

}

div#content div.calloutmedia {
	margin:20px 15px 15px 15px;
	float:right;
	width:300px;
	height:153px;
	background: #00b5ee url(images/mediaquote.jpg) no-repeat;
	

}

div#content div.calloutbrand {
	margin:20px 10px 70px 15px;
	float:left;
	width:300px;
	height:325px;
	background-color:#999;
	
}

div.callout h3 {
	color:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:15px;
	margin-left:25px;
}

div.callout ul li {
	margin:
	margin-left:25px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	line-height:22px;
		
}


/* @group Footer */

div#wrap div#footer {
	float:none;
	padding: 0px 0px 50px 0px;
	text-align: center;
	color: #fff;
	height: 70px;
	margin-top: 30px;
	margin-bottom: 35px;
}

div#footer a {
	color: #fff;
}

div#footer a:hover {
	text-decoration:none;
}

div#footer ul {
	list-style: none;
	margin-bottom: 10px;
	padding: 0px;
}

div#footer ul li {
	display: inline;
	border-left: 1px solid #fff;
	margin-left: 7px;
	padding-left: 7px;
}

div#footer ul li.first {
	border: none;
	margin: 0px;
	padding: 0px;
}

div#footer .p {
	margin-bottom:50px;
	font-size:10px;
	text-transform:uppercase;
	padding:25px;
	
}

div#social {
	margin-left: 8px;
	padding-top: 10px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino;
	text-transform: uppercase;
}

div#social {
	width: 200px;
	height: 30px;
	margin: 0px auto;
	padding: 0px;
	list-style: none;
}

div#footer div#social li{
	float: left;
	margin: 0px;
	padding: 0px;
	border:0px;
}

div#footer div#social ul li a {
	display: block;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	background-image: url(images/SocialMedia.jpg);
	background-repeat: no-repeat;
}

div#footer div#social ul li:last-child a {
	margin-right: 0px;
}

div#footer div#social ul li.facebook a {
	background-position: left top;
}

div#footer div#social ul li.twitter a {
	background-position: -30px top;
}

div#footer div#social ul li.flickr a {
	background-position: -60px top;
}

div#footer div#social ul li.youtube a {
	background-position: -90px top;
}

div#footer div#social ul li.mobile a {
	background-position: -120px top;
}

div#footer div#social ul li.facebook a:hover,
div#footer div#social ul li.facebook a.selected {
	background-position: left bottom;
}

div#footer div#social ul li.twitter a:hover,
div#footer div#social ul li.twitter a.selected {
	background-position: -30px bottom;
}

div#footer div#social ul li.flickr a:hover,
div#footer div#social ul li.flickr a.selected {
	background-position: -60px bottom;
}

div#footer div#social ul li.youtube a:hover,
div#footer div#social ul li.youtube a.selected {
	background-position: -90px bottom;
}

div#footer div#social ul li.mobile a:hover,
div#footer div#social ul li.mobile a.selected {
	background-position: -120px bottom;
}

* { margin:0; padding:0; } /* reset stuff */