/* neutralize */
body, div 	{ 
	margin : 0; 
	padding : 0; 
	}

ol,ul	{ 
	list-style : none; 
	}
img {
	position:relative;
}
address, caption, cite, code, dfn, em, strong, th, var	{ 
	font-style :normal; 
	font-weight : normal; 
	}
fieldset,img	{ 
	border : 0; 
	}
caption,th	{ 
	text-align : left; 
	}

q:before, q:after { 
	content :'';
	}
a, a:link	{
	text-decoration:none;
	color: #3F5F99;
}
a:hover	{
	color: #E2802E;
}

a:hover	{
	outline: none;
	}
hr 	{
	color: #3F5F99;
}
/* applies to all pages ---------------------*/
body	{
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: url(../images/body_bg.gif) no-repeat top right;
	color: #3F5F99;
}
blockquote {
	display:block;
	position:relative;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #3F5F99;
	margin-left:20px;	
	font-size: 13px;
	line-height: 1.5em;
}
p	{
	
	font-size: 13px;
	line-height: 1.5em;
}
h2	{
	text-indent: 0px;
	display: block;
	width: 288px;
	height: 17px;
	border-bottom: 5px solid white;
}
h3	{
    color:#e2802e;
	font-size: 20px;
	display: block;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
}

#news_title{
line-height:25px;
display:inline;

}

h4  {
    color:#8c8a1d;
	font-size: 14px;
	display: block;
	font-weight: bold;
	font-style: normal;
	padding-bottom:7px;

}
h5  {
	color:#edb07c;
	font-size:8px;
	display: block;
	font-weight: bold;
	font-style: normal;
	text-transform:uppercase;
	padding-bottom:6px;
}



ul{
	font-size: 12px;
	line-height: 1.4em;
	list-style-image: url(../images/bullet.png);
	list-style-position: inside;
	padding-left:12px;
}

#wrapper	{
	margin: -50px auto 50px auto;
	display: block;
	width: 850px;
	
	
	position: relative;
	
	min-height: 825px;
	
	
}

#main_content	{
	display: block;
	position: relative;
	width: 464px;
	margin-left: 276px;
	padding: 0 50px 25px 60px;
	background: url(../images/main_content_bg_paper.png) top right repeat-y;
}
#main_content h3	{
	height: 35px;
}
#main_content p	{
	position: relative;
	margin-bottom: 15px;
}
#inner_wrapper	{	/*positions main content toward top */
	display: block;
	position: relative;
	top: -75px;
}

#gallery_content {
	display: block;
	position: relative;
	width: 574px;
	margin-left: 276px;
	margin-top:-25px;
	padding: 0 37px 25px 37px;
}
#gallery_content h3	{
	position: relative;
	height: 35px;
}
#gallery_content p	{
	position: relative;
	margin-bottom: 15px;
}

.sidenote{
	font-size: 11px;
	line-height: 1.2em;

}
.quote{

font-size:12px;
padding-left:18px; 
padding-right:18px; 
text-align:justify; 
font-style:italic;
}




/* The rules generally start at the top of the page and work down,
header, sub-header, main content, etc. -----------*/

/* this contains the flash logo ------------------------*/
#header	{
	position: relative;
	top: 75px;
	left: 11px;
	display: block;
	z-index: 150;
	width: 820px;
	height: 225px;
	background: url(../images/squares.gif) no-repeat right top;
}

#DB-logo h1 {
	position:absolute;
	z-index:140;
	margin:0 0 0 100px;
}

/* header links main nav -----------------------------*/
#header_links	{
	display: block;
	
	position: absolute;
	
	top: 73px;
	
	
	
	z-index: 5000;
}
#about #header_links, #about_team #header_links, #about_how_we_work #header_links, #survey #header_links{
	left: 337px;
}
#justin #header_links, #will #header_links, #lori #header_links, #sydney #header_links{
	left: 427px;
}
#caseStudies #header_links, #caseStudy_1 #header_links, #caseStudy_2 #header_links, #caseStudy_3 #header_links, #caseStudy_4 #header_links	{
	left: 330px;
}
#ourclients #header_links, #testimonials #header_links	{
	left:  502px;
}
#sitemap #header_links, #testimonials #header_links	{
	left:342px;	
}

#header_links li	{
	float: left;
	
	display: block;
	margin-left: auto;
	margin-right: ;
	font-size: 12px;
	padding: 5px 7px;
}
#header_links a, #header_links a:link	{
	color:#EDB07C;
	text-decoration: none;
}
#header_links a:hover	{
	color: #E2802E;
}
#header_links .here	{
	font-weight: bold;
	color: #E2802E;
	cursor:default;
}
/* contains bg img with name ---- called the sub_header ----*/
#sub_header	{
	position: relative;
	display: block;
	width: 850px;
	height: 200px;
	}
#error #sub_header	{
	background: transparent url(../images/sub_header_uh-oh.png) bottom right no-repeat;
}

a.brooklyn:link{
text-align:center;
font-size:11px;
color:#8c8a1d; 
}
a.brooklyn:visited{
text-align:center;
font-size:11px;
color:#8c8a1d;
}
a.brooklyn:hover{
text-align:center;
font-size:11px;
color:#3f5f99;
}
a.brooklyn:active{
text-align:center;
font-size:11px;
color:#3f5f99;
}

/* contains sub_header bg image left for info links--------
 this is mostly styled in styles/drop_down.css------------*/
#info_links	{
	display: block;
	position: relative;
	width: 280px;
	height: 200px;
	background: white url(../images/sub_header_l.gif) top left no-repeat;
}
/* secondary content---------------------*/
#secondary_content	{
	display: block;
	position: absolute;
	top: 420px;
	left: 7px;
	width: 276px;
	z-index:200;
}

#secondary_content p#caption{
    text-align: right;
	color:#8c8a1d;
	font-size: 10px;
	z-index:200;
	padding-right:10px;
}	
	
#secondary_content table	{
	text-align: center;
	color: #8C8A1D;
	font-size: 80%;
	background-color: #F5F9ED;
}
#secondary_content td	{
	padding: 10px;
}
#secondary_content #news	{
	position: relative;
	width: 267px;
	z-index:200;
}
#secondary_content h2	{
	text-indent: 0px;
	display: block;
	width: 276px;
}
#secondary_content table h3	{
	font-size: 15px;
	margin-bottom: 10px;
}
#secondary_content h3	{
	height: 20px;
	text-indent: 0px;
}

/* footer-------------------------*/
#footer	{
	clear: both;
	position: relative;
	background: url(../images/footer_bg_paper.png) no-repeat top right;
	text-indent: 0px;
}

#pageFooter {
	clear: both;
	position:relative;
	width:375px;
	
	background-color: white;
	left:5%;
	text-align:center;
	font-size:12px;
	line-height:.3em;
	
	padding: 1px 0 5px 0;
	margin:10px auto;
	
	z-index: 1000;
}
#index #pageFooter	{
	margin: 300px auto 15px auto;
	left: 2%;
	
}
/* home rules -------------------*/
#index	{
	background-image: none;
}
#index #header_links	{
	display: none;
}
#index #header	{
	background-image: none;
}
#index #wrapper	{
	min-height: 0;
}
#index #main_content	{
	width: 280px;
	1height: 400px;
	background-image: none;
	padding: 10px;
}
#index #inner_wrapper	{
	top: -125px;
}
#index #secondary_content	{
	top: 420px;
}
#index #secondary_content_right	{
	display: block;
	width: 288px;
	position: absolute;
	top: 305px;
	right: -80px;
	z-index:200;
}
#index #secondary_content_right h2#home_news	{
	z-index:200;
}
#index #secondary_content_right h2#home_interest	{
	z-index:200;
}
#index_movie	{
	display: block;
	position: relative;
	margin-left: 5px;
	margin-top: 5px;
	width: 278px;
	z-index:200;
}
/*This contains the homepage flash work samples*/
#home_flash	{
	display: block;
	position: absolute;
	top: 152px;
	left: 262px;
	width: 669px;
	height:525px;
	z-index:100;
	margin-bottom: 0;
}
#home_photo_no_flash	{
	display: block;
	position: relative;
	margin-left: 30px;
	margin-top: 180px;
	width:320px;
	height: 358px;
}
#index #news, #index #interest	{
	display: block;
	1height: 250px;
	margin-bottom: 15px;
	z-index:200;
}
#news	{
	position: relative;
	display: block;
	margin-bottom: 10px;
	font-size: 12px;
	background-color: #dce0e8;
	z-index:200;
}
#news li	{
	list-style-image: url(../images/bullet.png);
	list-style-position: inside;
	padding: 5px 0 5px 5px;
	z-index:200;
}
#index #interest	{
	background-color: #EDB07C;
	position: relative;
	height: 250px;
	z-index:200;
}
#index #in_short	{
	display: block;
	position: relative;
	width: 265px;
	height: 234px;
	background: #E8E6C4 url(../images/in_short_on.gif) no-repeat;
	z-index:200;
	}
#index #in_short p#caption	{
	text-align: center;
	color: #E8E6C4;
	font-size: 10px;
	letter-spacing: -1px;
}
#index #interest p#caption {
	text-align: right;
	color:#f1700f;
	font-size: 10px;
	z-index:200;
	

}
#index #footer	{
	display: none;
}
/* work gallery page---------------------*/
#workGallery #main_content, #workGallery	{
	background-image: none;
}
/* sitemap----------------------------------*/
#sitemap_links	{
	font-size: 80%;
	position: relative;
	overflow: hidden; /* clears the float */
	width: 100%;
}
#sitemap #column_left	{
	position: relative;
	width: 200px;
	margin-left: 20px;
	float: left;
}
#sitemap #column_right	{
	position: relative;
	width: 200px;
	float: right;
}

#sitemap h2.heading	{
	display: block;
	text-indent: 0;
	width: 100px;
	padding-left: 15px;
	background: url(../images/bullet.png) no-repeat left center;
}
#sitemap #main_content ul	{
	margin-left: 25px;
}
#sitemap #sub_header {
	background: transparent url(../images/sub_header_blank.png) bottom right no-repeat;
}
/*about_team---------------------------------*/

.about_photo img{
border: 1px solid #c6c58e;
margin:2px 23px 2px 2px;

}
.about_photo:hover{
color: #8c8a1d; /* irrelevant definition to overcome IE bug */
}

.about_photo:hover img{
border: 2px solid #8c8a1d;
margin:1px 22px 1px 1px;

}
.side_link{
	color:#edb07c;
	font-size:11px;
	font-weight: normal;
	font-style: normal;
	text-transform:uppercase;
	padding-bottom:6px;
	text-align:right;
	float:right;
}
a.side_link:link{
color:#edb07c;
}
a.side_link:visited{
color:#edb07c;
}
a.side_link:hover{
color:#e2802e;
}
a.side_link:active{
color:#edb07c;
}



#name_tags ul{
    color:#8c8a1d;
	font-size:11px;
	display: block;
	font-weight: bold;
	font-style: normal;
	text-transform:uppercase;
    float: left;
    width: 100%;
}
.bio_box	{
	display: block;
	position: relative;
}
#name_tags ul li { 
display: inline; 
}

#will{
padding:0px 0px 0px 50px;
}
#justin{
padding:0px 0px 0px 74px;

}
#sydney{
padding:0px 0px 0px 68px;

}
#lori{
padding:0px 0px 0px 86px;

}