@charset "utf-8";
/*
Theme Name: Proof
Description: Theme for the Proof Digital Media website
Version: 1.0
Author: Proof Digital Media
*/



/*--------------------------------------------

				Defaults
				
---------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need ‘cellspacing="0"‘ in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
.left {
float: left;
}
.right {
float: right;
}
.clear {
clear: both;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}
a {
color: #666666;  /*set this color relative to your site design*/
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
input, select {
color: #555555;
border: 1px solid #bdbcbd;
}
input, input:focus {
background: url(images/input_bkg.gif) repeat-x bottom left;
}
input.image {
border: none;
}
.hidden {
display: none;
}
.print_page {
display: none;
}
.preload {
position: absolute;
left: -999em;
height: 0px;
width: 0px;
overflow: hidden;
}

/*--------------------------------------------

				Layout
				
---------------------------------------------*/

body {
font-size: 62.5%;
font-family: Arial, Helvetica, sans-serif;
color: #666666;
width: 961px;
margin: 0 auto;
}

h1 {
float: left;
display: inline;
background: url(images/logo_bd.gif) no-repeat;
height:102px;
margin:16px 0 23px 24px;
width:337px;
}

h1 a {
float: left;
width: 100%;
height: 100%;
text-indent: -999em;
}

/*--------------------------------------------

				Navigation
				
---------------------------------------------*/

.nav {
float: left;
width: 949px;
padding: 0 6px 0 6px;
position: relative;
}

.nav li {
float: left;
}

.nav li a {
float: left;
height: 20px;
text-indent: -999em;
border-bottom: 7px solid #fff;
}

.nav li a:hover, .nav li.active a {
border-bottom: 7px solid #e5e4e4;
}

.nav li.rss a:hover {
border-bottom: 7px solid #fff;
}

.nav li.home a {
background: url(images/nav_home.gif);
width: 83px;
}

.nav li.about a {
background: url(images/nav_about.gif);
width: 89px;
}

.nav li.services a {
background: url(images/nav_services.gif);
width: 107px;
}

.nav li.portfolio a {
background: url(images/nav_portfolio.gif);
width: 117px;
}

.nav li.perspective a {
background: url(images/nav_perspective.gif);
width: 133px;
}

.nav li.contact a {
background: url(images/nav_contact.gif);
width: 106px;
}

.nav li.rss {
float: right;
}

.nav li.rss a {
background: url(images/icon_rss.gif) bottom right no-repeat;
text-indent: 0;
color: #e76e34;
font-size: 1.2em;
line-height: 1em;
padding: 18px 35px 0 0;
position: absolute;
bottom: 0;
right: 6px;
text-decoration: none;
}

/*--------------------------------------------

				Navigation - Inner
				
---------------------------------------------*/

.inner_nav {
float: left;
padding: 45px 0 0 25px;
width: 140px;
visibility: hidden;
}

.shown {
visibility: visible;
}

.inner_nav li {
float: left;
padding: 0 0 15px;
}

.inner_nav li a {
float: left;
width: 125px;
font-size: 1.3em;
line-height: 1.2em;
text-decoration: none;
font-weight: bold;
color: #999999;
}

.inner_nav li a:hover, .inner_nav li a.active {
color: black;
}

.inner_nav li.approach {
background: url(images/nav_inner_approach.gif) no-repeat;
}

.inner_nav li.offices {
background: url(images/nav_inner_offices.gif) no-repeat;
}

.inner_nav li.family {
background: url(images/nav_inner_family.gif) no-repeat;
}

.inner_nav li.leadership {
background: url(images/nav_inner_leadership.gif) no-repeat;
}

.inner_nav li.news {
background: url(images/nav_inner_news.gif) no-repeat;
}

.inner_nav li.careers {
background: url(images/nav_inner_careers.gif) no-repeat;
}

.inner_nav li.approach .active, .inner_nav li.approach a:hover {
background: url(images/nav_inner_approach_active.gif) no-repeat;
}

.inner_nav li.offices .active, .inner_nav li.offices a:hover {
background: url(images/nav_inner_offices_active.gif) no-repeat;
}

.inner_nav li.family .active, .inner_nav li.family a:hover {
background: url(images/nav_inner_family_active.gif) no-repeat;
}

.inner_nav li.leadership .active, .inner_nav li.leadership a:hover {
background: url(images/nav_inner_leadership_active.gif) no-repeat;
}

.inner_nav li.news .active, .inner_nav li.news a:hover {
background: url(images/nav_inner_news_active.gif) no-repeat;
}

.inner_nav li.careers .active, .inner_nav li.careers a:hover {
background: url(images/nav_inner_careers_active.gif) no-repeat;
}


/*--------------------------------------------

				Feature
				
---------------------------------------------*/

.feature {
float: left;
width: 961px;
height: 300px;
position: relative;
z-index:1;
}


.feature .features {
float: left;
width: 961px;
height: 300px;
z-index: 1;
position: absolute;
}

.feature .features li {
float: left;
width: 961px;
height: 300px;
position: absolute;
top: 0;
left: 0;
display: none;
}

.feature .features li.active {
display: block;
}

.feature .features img {
position: absolute;
top: 0;
left: 0;
z-index: -1;
}

.feature .features h2 {
padding: 45px 15px 0 745px;
font-size: 2.4em;
position: relative;
z-index: 2;
}

.feature .features h2 span {
width: 190px;
}

.feature .features p {
position: relative;
padding: 5px 15px 5px 745px;
font-size: 1.3em;
line-height: 1.3em;
z-index: 2;
}

.feature .feature_nav {
position: absolute;
top: 11px;
right: 14px;
z-index: 5;
}

.feature .feature_nav li {
float: left;
width: 12px;
height: 12px;
margin: 0 0 0 10px;
background: url(images/feature_nav_bkg.gif);
text-indent: -999em;
cursor: pointer;
position: relative;
z-index: 5;
}

.feature .feature_nav li.active {
background: url(images/feature_nav_active.gif);
}

/*--------------------------------------------

				Boxes
				
---------------------------------------------*/

.boxes {
float: left;
width: 961px;
padding: 0 0 25px;
background: url(images/boxes_bkg.gif) repeat-y;
}

.boxes li {
float: left;
width: 190px;
padding: 20px 25px 0;
}

.boxes li.new {
border-top: 8px solid #df9031;
}

.boxes li.digital {
border-top: 8px solid #a52532;
}

.boxes li.social {
border-top: 8px solid #5a338c;
}

.boxes li.social a {
margin: 10px 0 0 0;
}

.boxes li.subscribe {
width: 191px;
border-top: 8px solid #66a9e0;
}

.boxes li.subscribe input {
margin-top: 10px;
width: 165px;
font-size: 1.2em;
padding: 7px 10px;
}

.boxes li.subscribe input.image {
width: auto;
float: right;
margin-right: 3px;
background: none;
}

.boxes li h3 {
font-size: 2.3em;
font-weight: normal;
padding: 0 0 20px;
} 

.boxes li h4 {
font-size: 1.4em;
padding: 0 0 10px;
color: #E96F33;
font-weight: bold;
}

.boxes li p {
font-size: 1.2em;
line-height: 1.4em;
padding: 0 0 10px;
}

.boxes li p strong {
font-weight: normal;
color: #E96F33;
}

.boxes #newsfeed a.targetblank {
font-size: 1.2em;
line-height: 1.4em;
padding: 0 0 10px;
color: #E96F33;
}
.boxes #newsfeed img{
display: none;
}
.prooflogo{
padding-right: 15px;
}

/*--------------------------------------------

				Boxes - Inner
				
---------------------------------------------*/

.inner .boxes {
float: right;
width: 220px;
background: none;
padding: 5px 0 0;
}

.inner .boxes li {
float: left;
width: 210px;
border-bottom: 1px dashed #dbdbdb;
border-top: none;
padding: 0 0 15px;
margin-bottom: 20px;
}

/*--------------------------------------------

				Inner
				
---------------------------------------------*/

.burson-digital {
float: left;
width: 510px;
padding: 15px 30px 0 0;
display: inline;
border-right: 1px solid #dbdbdb;
}

.breadcrumb {
float: left;
width: 510px;
padding: 0 0 18px;
}

.burson-digital .breadcrumb li {
float: left;
padding: 0 5px 0 0;
color: #cccccc;
background: none;
}

.breadcrumb li a {
text-decoration: none;
color: #cccccc;
}

.breadcrumb li a:hover {
text-decoration: underline;
}

.breadcrumb li.active {
color: #666666;
} 

.burson-digital h2 {
font-size: 1.8em;
font-weight: normal;
padding: 0 0 15px;
float: left;
width: 510px;
}

.burson-digital h3 {
font-size: 1.4em;
font-weight: normal;
font-weight: bold;
}

.burson-digital h4 {
font-size: 1.3em;
font-weight: bold;
padding: 0 0 5px;
line-height: 130%;
}

.burson-digital ul, .burson-digital p, .burson-digital .vcard {
font-size: 1.3em;
line-height: 1.4em;
padding: 0 0 15px;
}

.burson-digital ul {
padding: 0 0 10px;
}

.burson-digital li {
padding: 0 0 5px 30px;
background: url(images/bullet.gif) 0 8px no-repeat;
}

.burson-digital ul ul {
font-size: 1em;
padding: 5px 0 0 30px;
}

.contacts p{
	clear: left;
}

.headshot{
	clear: left;
	float: left;
	padding: 0 10px 10px 0;
	vertical-align: middle;
	width: 90px;
}

.headshots li{
	background: none;
	float: left;
	width: 118px;
	padding: 4px 4px 10px 4px;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
}

.headshots li .headshot{
	float: none;
}

/*--------------------------------------------

				Footer
				
---------------------------------------------*/

.footer {
float: left;
width: 961px;
padding: 40px 0 20px;
text-align: center;
font-size: 1.1em;
}

.inner .footer {
padding: 60px 0 20px;
}

.footer img {
margin-top: -25px;
}

/*--------------------------------------------

				Validation
				
---------------------------------------------*/

label.error{
color: red;
padding: 3px 0;
display: block;
}

#subscribeForm input{
	display: block;
	margin: 10px 0;
}

/*--------------------------------------------

				Colors
				
---------------------------------------------*/
.orange{
	color: #F69322;
}
.red{
	color: #BF202F;
}
.purple{
	color: #663191;
}
.blue{
	color: #27ABE2;
}

#newsfeed .description {
display: none;
}