body {
	font: 62.5% Helvetica, verdana, Arial, sans-serif;
	color: #999;
	background-color: #ffffff;
	/*background-color: #E6E6E6;*/
	margin: 0px;
	width:100%;
	height:100%;
	z-index:5;
}
a, a:link, a:visited, a:active{text-decoration:none; color:#ec9224;}
a:hover{text-decoration:none; color:#ec9224;}

a img, a:link img{border:none;}
embed, object, script, noscript { margin: 0px; padding: 0px; }

.rule { border-bottom: 1px solid #000; height:10px; margin-bottom:10px; }

.clearall{clear:both;}
.left{float:left;}
.right{float:right;}
.orange{color:#ec9224;}

p.top{padding-top:0px; margin-top:0px;}
/* ************************************** 
             Positioning DIV's 
   ************************************** */

#horizon {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block;
}

#content {
	position: absolute;
	background-color: #FFF;
	/*border: 1px solid #CCC;*/
	margin-left: -398px; /* half the width */
	margin-top: -240px; /* half the height */
	top: 50%;
	left: 50%;
	width: 795px;
	height: 489px;
	z-index:10;
}



#contenthome {
	position: absolute;
	background-color: #FFF;
	/*border: 1px solid #CCC;*/
	margin-left: -398px; /* half the width */
	margin-top: -240px; /* half the height */
	top: 50%;
	left: 50%;
	width: 795px;
	height: 530px;
	z-index:10;
}

/* ********** HOME ************* */

.footer {width:750px; font-size:10px; text-align:right; color:#aaaaaa; position:absolute; bottom:0px; right:26px;}

.menu{
	width:795px; height:67px; 
	position:relative; 
	z-index:9000; 
	top:0px; left:0px; 
	overflow:visible;
	background:transparent;
	}
	
.logo{float:left; margin:14px 0px 0px 50px;}



.menulinks{position:absolute; right:135px; top:44px; width:300px;}

.menulinks a, .menulinks a:link, .menulinks a:visited{
	float:right; 
	color:#666666; 
	font-size:10px; 
	padding:0px 2px 3px 2px; 
	margin:0px 4px; 
	text-decoration:none;
	}
	
.menulinks a:hover{color:#ec9224; border-bottom:2px solid #ec9224; padding:0px 2px 1px 2px;}

.menulinks a.active ,.menulinks a.active:visited, .menulinks a.active:hover{color:#ec9224; border-bottom:2px solid #ec9224; padding:0px 2px 1px 2px;}

.connect { position:absolute; bottom:0px; left:0px;}
.connect a, .connect a:link, .connect a:visited{color:#ffffff;}
.connect a:hover{color:#ffffff; text-decoration:none; border:none;}

.dpmb-btn{
	width:51px; height:21px; 
	position:absolute; 
	top:34px; right:83px; 
	background:url(../images/dpmb-btn_nm.png) top left no-repeat; 
	z-index:5000;
	}
	
.peas-btn{
	width:51px; height:21px; 
	position:absolute; 
	top:34px; right:25px; 
	background:url(../images/4peas-btn_nm.png) top left no-repeat; 
	z-index:5000;
	}
	
.dpmb-btn:hover{height:82px; position:absolute; top:34px; right:83px; background:url(../images/dpmb-btn_hv.png) top left no-repeat;}
.peas-btn:hover{height:82px; position:absolute; top:34px; right:25px; background:url(../images/4peas-btn_hv.png) top left no-repeat;}

.new{
	width:748px; height:420px; 
	position:absolute; 
	top:60px; left:23px;
	display:none;
	}
	
	
.bottom-links1 {position:absolute; z-index:100; bottom:80px; left:23px; width:95px; height:0px; overflow:hidden;}
.bottom-links2 {position:absolute; z-index:100; bottom:80px; left:125px; width:95px; height:0px; overflow:hidden;}
.bottom-links3 {position:absolute; z-index:100; bottom:80px; left:227px; width:95px; height:0px; overflow:hidden;}
.bottom-links1 img, .bottom-links2 img, .bottom-links3 img{position:absolute; bottom:0px; left:0px;}


.staff{width:0px; height:68px; position:absolute; bottom:90px; right:12px; z-index:1000; overflow:hidden; }
.staff img{position:absolute; bottom:0px; right:0px; }

.home-callouts{width:404px; height:267px; position:absolute; top:160px; left:0px; z-index:100; display:none; }
.callout-links{width:404px; height:auto; float:left; margin-bottom:7px;}
.home-news{width:404px; height:73px; float:left;}
.home-news img{float:left;}


#rotateimg {
	width:748px;
	height:420px;
	position:absolute; 
	top:60px; left:23px;
	z-index:10;
	background:#ffffff;
	display:none;
	}
	

/* ********** DPMB ************* */
.dpmb-container{
	width:680px; height:318px; 
	background:url(../images/dpmb/dpmb-header-bkg.jpg) top left no-repeat;
	border:1px solid #cccccc;
	border-bottom: 12px solid #cccccc;
	margin:0px auto;
	margin-top:30px;
	position:relative;
	z-index:2000;
	}
#dpmbpanelcontainer {position: relative; z-index:1000; }
	
.dpmb-btns{position:absolute; z-index:5000; right:20px; top:52px; height:13px; width:191px;}
.dpmb-btns img{margin-left:2px; float:left;}
.dpmb-menu{float:left; height:27px; margin:23px 0px 0px 25px;}
.dpmb-home-btn{margin-right:30px;}
.dpmb-menu img{float:left;}

.demand-copy{position:relative; float:left; color:#333333; width:444px; font-size:1.7em; padding:80px 0px 0px 30px;}
.demand-copy h3{margin:0px; padding:0px;}
.demand-copy p{margin:0px; padding:0px 0px 10px 0px;}

#build{font-size:1.5em; color:#000000;}
.list1{float:left; margin:30px 20px 0px 20px;}
.list2{float:left; margin-top:30px;}
#build ul{margin:0px; padding:0px;}
#build ul li{margin:0px; padding:0px 0px 3px 8px; list-style:none; color:#333333;}

#dpmbflashfix, #demand, #plan, #measure, #build{display:none; position:absolute; top:0px; left:0px;}
.dpmb-menu, .dpmb-btns { display:none; }

/* ********** SECONDARY PAGES ************* */

.secondary{
width:748px; height:372px;
margin:0px auto;
margin-top:10px;
background:#ededed;
position:relative;
z-index:1000;
font-size:12px;
color:#333333;
}

.meetdbd{position:absolute; top:60px; right:40px; z-index:5000;}


.aboutmenu{margin:20px 0px 0px 27px; float:left; color:#333333; height:30px; font-size:24px; width:600px;}

#aboutpanelcontainer{float:left;}

.smaller{font-size:16px; padding-top:8px;}
.aboutmenu a, .aboutmenu a:link, .aboutmenu a:visited{text-decoration:none; color:#333333; margin-left:14px; float:left; padding-bottom:4px; height:30px; line-height:30px;}
.aboutmenu a:hover{border-bottom:4px solid #f04223; padding-bottom:0px; height:30px; line-height:30px;}

.aboutmenu a.active, .aboutmenu a.active:link, .aboutmenu a:visited.active, .aboutmenu a:hover.active{float:left; color:#333333; font-weight:bold; border-bottom:4px solid #f04223; text-decoration:none; margin-left:14px; padding-bottom:1px; height:29px; line-height:29px;}

.nametag{position:absolute; right:-15px; bottom:-15px; z-index:5000;}

.whatcopy{float:left; margin:10px 0px 0px 34px; width:330px; line-height:17px;}


#whocopy, #howcopy{ height:240px;}
#whocopy p, #howcopy p{ margin-left:10px;}
.whocopy{float:left; margin:10px 0px 0px 10px; width:360px; line-height:17px;}
.whocopy a:hover{border-bottom:1px dashed #ec9924;}


#what, #who, #why, #when, #where, #how{display:none;}

#whocopy ul{margin:0px 0px 0px 10px; padding:0px; list-style:none;}
#whocopy ul li{margin:0px; padding:0px 0px 5px 0px; list-style:none;}

.people-container{
	width:748px; height:400px; 
	margin:0px auto;
	position:relative;
	z-index:10;
}

/* ********** Portfolio ************* */
.portfolio-container{
	width:748px; height:416px; 
	border:0px;
	margin:0px auto;
	margin-top:5px;
	position:relative;
	z-index:100;
}

.portfolio-menu{width:563px; text-align:left; float:right; border-top:1px solid #000000; padding-top:6px; height:20px;}

.portfolio-menu a, .portfolio-menu a:link, .portfolio-menu a:visited{
	float:left; 
	color:#333333; 
	font-size:11px; 
	padding:0px 2px; 
	margin-right:10px; 
	text-decoration:none;
	}
	
.portfolio-menu a:hover{color:#ec9224; border-bottom:2px solid #ec9224; padding:0px 2px 1px 2px;}

.portfolio-menu a.active ,.portfolio-menu a.active:visited, .portfolio-menu a.active:hover{color:#ec9224; border-bottom:2px solid #ec9224; padding:0px 2px 1px 2px;}

.portfolio-submenu{float:left; width:136px; height:322px; background:url(../images/portfolio/menu-bkg.jpg) bottom right no-repeat; color:#ec9224; padding:20px 20px 20px 24px; text-align:left; vertical-align:middle; margin-top:10px;}

.stats-btn{float:left; margin-top:90px;}

.portfolio-submenu a, .portfolio-submenu a:link, .portfolio-submenu a:visited{
	color:#333333; 
	font-size:11px; 
	padding:5px 0px; 
	text-decoration:none;
	display:block;
	clear:both;
	}
	
.portfolio-submenu a:hover{color:#42a3fa;}

.portfolio-submenu a.active ,.portfolio-submenu a.active:visited, .portfolio-submenu a.active:hover{color:#ec9224; }


.portfolio-webstats{
	position:absolute; 
	left:180px;
	top:37px; 
	height:356px; 
	width:563px;  
	z-index:200; 
	display:none; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:13px; 
	line-height:17px;
	font-weight:lighter;
	}
	
.portfolio-webstats p{padding:0px 0px 8px 0px; margin:0px;}	
.portfolio-webstats .keyword-list{padding-left:10px;}	
	
	
.portfolio-webstats ul {margin:10px 0px 14px 8px; padding:0px; float:left;}	
.portfolio-webstats ul li {padding:0px; margin:0px 0px 8px 20px; line-height:14px;}

.portfolio-webstats h2{color:#ec9224; font-family:Arial, Helvetica, sans-serif; font-size:18px; margin-bottom:10px; font-weight:normal;}

	
.portfolio-webstats .tr {background:url(../images/portfolio/interactive/trophy-ridge/stats-bkg.jpg) top left no-repeat; width:443px; height:326px;  padding:30px 60px 0px 60px;}

.portfolio-webstats .tr .dotrule{width:443px; float:left; height:1px; border-bottom:1px dotted #999999;}

.portfolio-webstats .bear {background:url(../images/portfolio/interactive/bear/stats-bkg.jpg) top left no-repeat; width:463px; height:326px;  padding:30px 50px 0px 50px;}

.portfolio-webstats .bear .dotrule{width:463px; float:left; height:1px; border-bottom:1px dotted #999999;}

.portfolio-webstats .atlas {background:url(../images/portfolio/interactive/atlas/stats-bkg.jpg) top left no-repeat; width:413px; height:326px;  padding:30px 70px 0px 80px;}

.portfolio-webstats .atlas .dotrule{width:410px; float:left; height:1px; border-bottom:1px dotted #999999;}

.portfolio-webstats .woodplay {background:url(../images/portfolio/interactive/woodplay/stats-bkg.jpg) top left no-repeat; width:443px; height:316px;  padding:40px 60px 0px 60px;}

.portfolio-webstats .woodplay .dotrule{width:443px; float:left; height:1px; border-bottom:1px dotted #999999;}

.portfolio-webstats .goalrilla {background:url(../images/portfolio/interactive/goalrilla/stats-bkg.jpg) top left no-repeat; width:423px; height:326px;  padding:30px 70px 0px 70px;}

.portfolio-webstats .goalrilla .dotrule{width:423px; float:left; height:1px; border-bottom:1px dotted #999999;}


.portfolio-webstats .back-btn:link, .portfolio-webstats .back-btn:active .portfolio-webstats .back-btn:visited {
	color:#ec9224; 
	text-decoration:none; 
	font-size:12px; 
	position:absolute; 
	right:50px; 
	bottom:30px;
	}
	
.portfolio-webstats .atlas .back-btn:link, .portfolio-webstats .atlas .back-btn:active .portfolio-webstats .atlas .back-btn:visited {
	right:80px; 
	}
	
.portfolio-webstats .goalrilla .back-btn:link, .portfolio-webstats .goalrilla .back-btn:active .portfolio-webstats .goalrilla .back-btn:visited {
	right:70px; 
	}
	
.portfolio-webstats .back-btn:hover{text-decoration:underline;}

.portfolio-pieces{float:left; width:563px; height:362px; margin-top:10px; z-index:100;}
.portfolio-pieces img{float:left;}

.portfolio-container .numbers{width:auto; height:17px; float:left; text-align:left; margin-left:180px;}
.portfolio-container .numbers img{width:17px; height:17px; float:left; padding-right:3px;}
.portfolio-container .descriptions{ height:17px; line-height:17px; float:right; width:auto; font-size:13px; font-style:italic; color:#000; padding-right:5px;}

#integravideo1fix, #integravideo2fix, #integravideo3fix { display:none; z-index:9000;}

/* ********** Peas ************* */
.peas-container{
	width:680px; height:330px; 
	border:0px;
	margin:0px auto;
	margin-top:30px;
	position:relative;
	z-index:2000;
}

.dpmb-container{
	width:680px; height:318px; 
	background:url(../images/dpmb/dpmb-header-bkg.jpg) top left no-repeat;
	border:1px solid #cccccc;
	border-bottom: 12px solid #cccccc;
	margin:0px auto;
	margin-top:30px;
	position:relative;
	z-index:2000;
	}

/* ********** Contact ************* */

.contact-info{
	width:748px; height:auto; 
	margin:0px auto;
	margin-top:10px;
	position:relative;
	z-index:10;
	font-size:12px;
	line-height:16px;
	color:#000000;
	background:#ececec;
}
.contact-info table{margin-top:15px; float:left;}

.cellspace{padding-left:40px;}

.contact-info a, .contact-info a:link, .contact-info a:visited
.contact-people a, .contact-people a:link, .contact-people a:visited{color:#5998d0;}
.contact-info a:hover{border-bottom:1px dashed #5998d0;}
.contact-people a:hover{border-bottom:1px dashed #5998d0;}

.contact-info .rule{height:1px; width:100%; float:left; border-bottom:1px dotted #333333;}

.contact-people{
position:relative;
float:left;
	width:683px;
	margin:0px auto;
	padding:20px 0px 0px 63px;
	color:#333333;
	font-weight:lighter;
	font-size:12px;
	}
	
.contact-people h4{font-size:14px; margin:0px; padding:0px; font-weight:lighter;}
	
.contact-people img{float:left; margin-top:10px;}
.contact-people .info{float:left; margin:10px 20px 0px 18px; color:#000000; line-height:18px;}


/* ********** Case Studies ************* */

.now-container{
width:748px; height:378px;
margin:0px auto;
margin-top:10px;
position:relative;
z-index:1000;
font-size:12px;
color:#333333;
background:#ededed;
}

.newsroom{width:726px; height:356px; margin:10px; float:left;}

.news-stories{float:left; width:255px; height:356px; background:#fbfbfb;}


.other-stories{}

.nowmenu {float:left; width:255px; height:356px; color:#ec9224; font-size:11px;}
.nowmenu img{float:left;}
.nowmenu a, .nowmenu a:link, .nowmenu a:active, .nowmenu a:visited{color:#ec9224;}
.nowmenu a:hover{color:#42a3fa;}

.nowmenu h2{color:#333333; font-weight:normal; padding:10px 10px 5px 10px; font-size:14px; float:left; margin:0px;}
.nowmenu .date{float:left; width:42px; padding:0px 5px 0px 10px; margin-top:8px;}
.nowmenu .headline{float:left; width:180px; padding:0px 5px 0px 10px;  border-left:1px solid #ec9224; margin-top:8px;}
.nowmenu .headline:hover{border-left:1px solid #42a3fa;}
.nowmenu .dotrule {width:235px; float:left; height:1px; margin:2px 10px 0px 10px; border-bottom: 1px dotted #ababab;}



#nowpanelcontainer{float:left;}
.casestudies{width:463px; height:356px; float:left; position:relative; margin-left:7px;}

.casestudy{margin:0px; float:left; width:463px;}

.cs-copy{float:left; width:208px; padding:8px 10px 0px 5px; line-height:16px;}

.cs-images{height:auto; width:222px; float:right;}

.cs-images img {margin-bottom:10px; float:left;} 

#casestudyone, #casestudytwo, #casestudythree, #casestudyfour, #casestudyfive { height:356px;}

#case-study-one, #case-study-two, #case-study-three, #case-study-four, #case-study-five {display:none;}


/* ********** Hello ************* */


.hellobox {
	width:580px; 
	height:324px;
	background:url(../images/hello/hello-tag1.jpg) top left no-repeat;
	position: absolute;
	margin-top:-156px;
	margin-left:-322px;
	top:50%;
	left:50%;
	z-index:1000;
	}
	
.hellobox .name{
	position:absolute; 
	top:10px; left:114px; 
	width:444px; height:85px; 
	text-align:center; 
	color:#ffffff;
	font-weight:bold;
	font-size:30px;
	line-height:82px;
	z-index:2000;
	}
	
.hellobox .welcome-copy{
	width:424px; 
	position:absolute; 
	top:85px;
	left:114px;
	padding:10px;
	text-align:center;
	color:#666666;
	font-size:16px;
	line-height:16px;
	}
	
.hellobox h2{font-size:18px; line-height:22px; font-weight:normal;}

.hellobox p{font-size:14px; line-height:16px; margin-bottom:8px;}
	
.hellobox p.thanks{margin:20px; padding:0px; font-size:14px;}

/************** OH CRAP ******************/
.ohcard{position:absolute; right:-30px; top:70px; z-index:5000;}

.ohreally{
width:708px; height:285px;
margin:0px 20px;
background:#f6f6f6;
border:1px dotted #999999;
}

#ohcopy{ height:285px; width:420px; padding-left:5px; margin-left:5px; float:left;}
#ohcopy p{ padding:0px 0px 10px 5px; margin:0px;}

.ohcopy{float:left; margin:0px; line-height:17px; width:430px; height:285px; }

.ohtitle{font-size:34px; padding:14px 0px 10px 0px; color:#333333; width:748px; text-align:center}



.ohcopy h3 {color:#ec9224; font-size:12px; margin-bottom:10px; padding:0px;}

.ohcopy .special {padding:0px 3px 8px 5px; border:1px dotted #666666; margin:0px 0px 18px 0px; background:#ffffff;}

.ohcopy .seperator {margin:10px auto; width:70%; border-bottom:6px dotted #cccccc;}

.ohcopy h4 {color:#ec9224; font-size:12px; border-bottom:1px dashed #999999; margin:3px 0px 5px 3px; padding-bottom:2px; }

.ohcopy ul {list-style-image:url(../images/square.gif); margin: -8px 0px 0px 0px; padding:0px 10px 0px 25px;}
.ohcopy ul li{line-height:normal; padding:2px 0px; margin:0px;}

#imgBrandon{position:absolute; left:0px; top:0px; visibility:hidden; z-index:1000; margin-top:200px; overflow:hidden;}


/************** HOME SPLASH: Rock On ******************/
#rockon-home {
	position: relative;
	background-color: #FFF;
	/*border: 1px solid #CCC;*/
	margin:0px auto;
	top: 0px;
	width: 980px;
	height: 850px;
	z-index:1000;
	background: url(../images/rockon-bkg.jpg) top center no-repeat;
}
.rockon{width:720px; height:540px; margin:0px auto; background: url(../images/rock-on-poster.jpg) top left no-repeat;}
.posterbtn{position:absolute; top:233px; left:325px; height:35px; width:325px;}

.dbdlink{position:absolute; top:10px; right:90px; height:19px; width:346px;}

.logolink{position:absolute; top:0px; left:448px; height:81px; width:80px;}
.rockonfoot{position:absolute; width:100%; text-align:center; top:825px; padding-bottom:25px;}