@import url(case_studies.css);
@import url(gallery.css);

* {
	margin: 0;
	padding: 0;
}

br.clear {
	height: 0px;
	clear: both;
	line-height: 0px;
}

ul, ol, li {
	list-style: none;
}

#story ul li {
	padding-left: 13px;
	background: url(../images/grey_dot.gif) 5px 5px no-repeat;
	line-height: 13px;
}

a.rss,
body.News #content #rss_suparchive_menu a.rss {
	background: url(../images/feed-icon-14x14.png) no-repeat;
	padding-left: 17px;
	line-height: 14px;
	margin-bottom: 1em;
}

#story a {
	color: #ff7700;
}

body.News #content #rss_suparchive_menu a.rss:hover {
	background: url(../images/feed-icon-14x14.png) no-repeat;
	color: #ff7700;
}

body {
	font-size: 62.5%;
	background: #ffffff;
	font-family: "lucida grande", Helvetica, Arial, sans-serif;
	line-height: 1.2em;
	text-align: center;
	background: #ebebeb url(../images/body_bg.jpg) 50% 0 no-repeat;
	background-attachment: fixed;
	color: #333333;
}

a {
	text-decoration: none;
	outline: none;
	border: 0;
}

a img {
	border: 0 !important;
}

#page {
	margin: 10px auto 10px;
	padding: 0px;
	text-align: left;
	width: 760px;
}

#wrap {
	width: 760px;
	overflow: hidden;
	float: left;
	margin-top: 3px;
	position: relative;
	background: url(../images/content_bg.png) 0 0 repeat-x;
}

#vioWrapper {
		z-index: 50;
		position: absolute;
		right: -1px;
		top: -16px;
}

a#violator {
	position: absolute;
	right: -1px;
	top: -16px;
	z-index: 99;
}

#page_top {
	background: url(../images/grey_lines.gif) 0 0;
	height: 5px;
	display: block;
	margin: 0;
	padding: 0;
	line-height: 5px;
	z-index: 1;
}

#header {
	border: 1px solid #cccccc;
	background: url(../images/header_bg.gif) 0 46px no-repeat;
	margin: 0;
	padding: 0;
	height: 97px;
	position: relative;
	z-index: 1;
}

#header object,
#header embed {
	position: relative;
	margin-top: -16px;
}

#flash_nav * {
	z-index: 1;
	position: relative;
}

#header h1 {
	width: 100%;
	background: url(../images/logo_bg.gif) no-repeat;
	margin: 0;
	font-size: 1px;
}

#header h1 a {
	text-indent: -9999px;
	display: block;
	width: 100%;
	height: 46px;
	background: url(../images/logo_bg.gif) no-repeat;
}

#nav {
	margin: 0px 10px 7px 14px;
	float: left;
	display: inline;
	font-size: 13px;
}

#nav li {
	float: left;
	display: inline;
	margin: 0 9px 0 0;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
	background: #8F8F8F;
	height: 45px;
	width: 130px;
	padding: 0 0px;
}

#nav li#nav_path { /* override */
	margin-right: 0px;
}

#nav li a {
	float: left;
	display: inline;
	width: 123px;
	height: 19px;
	font-size: 14px;
	font-weight: normal;
	padding: 20px 0px 5px 7px;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px solid #cccccc;	
}

#nav li a:hover {
	background: #FCB115;
	color: #575861;
}

body.Work #nav li#nav_work a,
body.Process #nav li#nav_process a,
body.Services #nav li#nav_services a,
body.Company #nav li#nav_company a,
body.Contact #nav li#nav_contact a {
	background: #FCB115;
	color: #575861;
}

#excerpt {
	padding: 0;
	top: 0px;
	margin: 0 3px 3px 3px;
	height: 160px;
	background: #fff;
	position: relative;
	border: 5px solid #fff;
}

body.Contact #content {
	padding-left: 0px;
}

body.Contact #excerpt {
	height: 200px;
	width: 744px;
	margin: 0 3px 3px 3px;
}

body.Contact #excerpt * {
	left: -50px;
}

body.Company #excerpt,
body.Services #excerpt  {
	height: 200px;
	width: 584px;
}

body.Culture #excerpt {
	height: 382px;
	margin-bottom: 0;
}

body.Culture #story {
	display: none;
}

body.Process #excerpt {
	background: #fff;
	height: 259px;
	margin-bottom: 0;
	
}

body.error404 #excerpt {
	background: #fff url(../images/company_banners/blackboard.jpg) no-repeat;
	height: 200px;
}

body.Process #excerpt .step#step1,
body.Process #excerpt #process_diagram {
	background: #ededed url(../images/Banners/process-fpo.jpg) 12px 35px no-repeat;
	margin: 0;
	padding: 0;
	display: block;
	text-indent: -99999px;
	height: 216px;
	width: 388px;
	float: left;
}

body.Process #excerpt #process_box {
	width: 144px;
	height: 216px;
	background: url(../images/process_box_bg.gif) top left;
	padding: 20px 30px 20px 20px;
	float: left;
	color: #fbfbfb;
	display: none;
}

body.Process #excerpt #process_box h1 {
	text-transform: uppercase;
	margin: 0.3em 0;
	font-size: 14px;
	font-weight: normal;
}

body.News #excerpt {
	height: 200px;
	background: url(../images/Banners/News.jpg);
}

body.News #excerpt.gallery {
	height: 238px;
	background: #fff;
}

body.Contact a {
	color: #FF7800;
}

#contact_directions {
	float: right;
	display: inline;
	margin: 0px -5px 0px 0px;
}

#content {
	overflow: hidden;
	width: 760px;
	padding: 0;
	margin: 0;
	position: relative;
}

body.default #content {
	padding-left: 3px;
}

#main {
	clear: none;
	position: relative;
	width: 600px;
	margin-left: 160px;
}

body.Contact #main {
	width: 760px;
	margin-left: 0;
}

#content #title {
	background-color: #FCB115;
	background-image: url(../images/content_title_bg.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	background-position: 110% 0;
	font-size: 14px;
	line-height: 20px;
	color: #7F5200;
	padding: 3px 10px;
	margin: 0px 0px 3px 0px;
	text-transform: uppercase;
}

#content #title h2 {
	color: #7F5200;
	margin: 5px 0;
	height: 18px;
	font-size: 16px;
}

body.Contact #content #title {
	width: 740px;
	background-position: 100% 0;	
}


#content #title h2 strong {
	color: #ffffff;
	font-style: normal;
	font-weight: normal;
}

#content #story {
	margin: 0 0 0 3px;
	padding: 20px;
	background: url(../images/client_list_bg.png) top right no-repeat;
	width: 554px;
	min-height: 181px;
	position: relative;
}

#content #supplemental {
	padding: 20px;
	margin: 3px 0 0 3px;
	background: url(../images/client_list_bg.png) top right no-repeat;
	width: 554px;
}

body.Contact #content #story {
	width: 714px;
	overflow: auto;
	min-height: 0;
}

body.default #content #story {
	width: 760px;
	margin-left: -4px;
	background: none;
	padding: 0;
	min-height: 0;
}

body.News #content #wrap {
	background: url(../images/news_story_bg.gif) 3px 0 repeat-y;
	overflow: auto;
	margin: 0;
	padding: 0;
}

body.News #content #story {
	width: 345px;
	background: white;
	float:left;
	padding-right: 20px;
	display:inline;
	margin-bottom: -3px;
	min-height: 242px;
}

body.News #content #story a {
	color: #FF7800;
}

body.Services #content #story,
body.Company #content #story {
	background: url(../images/case_studies/case_study_large_bg.png) top right no-repeat;
	height: 141px;
	min-height: 141px;
}

body.Company #content #story {
	height: auto;
	background: url(../images/case_studies/case_study_large_bg.png) top right no-repeat;
}

body.Careers #content #story,
body.Principals #content #story {
	height: auto;
	background: transparent url(../images/client_list_bg.png) top right no-repeat;
}

body.Work #content #story {
	overflow: auto;
}

#content #story ul.news li {
	color: #949494;
	padding-left: 25px;
	padding-top: 3px;
	line-height: 14px;
}

#content #story ul.news li span {
	display: block;
	color: #787878;
	background: url(../images/bullet_orange.gif) 0 50% no-repeat;
	margin-left: -24px;
	padding-left: 24px;
	font-size: 12px;
	letter-spacing: -0.02em;
	border: 1px solid #fff;
	line-height: 17px;
}

#content #story ul.news li.CompanyNews span {
	background-image: url(../images/news.gif);
}

#content #story ul.news li.PressReleases span {
	background-image: url(../images/pr.gif);
}

#content #story ul.news li h3 {
	margin: 0 -43px 0 0;
}

#content #story ul.news li h3 a {
	color: #808080;
	line-height: 12px;
	font-size: 10px;
}


#content #story ul.news li p {
	font-size: 10px;
	line-height: 12px;
}

#content #story ul.news li p a {
	color: #ff7700;
	background: none;
}

#content #story ul.news li {
	padding: 10px 20px 10px 0px;
	margin: 0 20px 0 20px;
	background: url(../images/dot-border.gif) bottom left repeat-x;
	border: 1px solid #fff;
}

body.News #content #rss_suparchive_menu {
	background: #fff;
	width: 184px;
	float: left;
	display: inline;
	padding: 15px 7px 15px 15px;
	margin: 0px 0px 0px 3px;
	position: relative;
	overflow: auto;
}

body.News #content #rss_suparchive_menu ul {
	margin-bottom: 15px;
}

body.News #content #rss_suparchive_menu li {
	border: 1px solid #fff;
	margin: 0;
	padding: 0;
	float: none;
	clear: left;
}

body.News #content #rss_suparchive_menu a {
	color: #848484;
	line-height: 1.4em;
	float: left;
	clear: left;
	display: inline;
	width: 150px;
	padding-left: 14px;
	background: url(../images/grey_dot.gif) 5px 5px no-repeat;
	border: 1px solid #fff;
}

body.News #content #rss_suparchive_menu a:hover {
	background: #ebebeb url(../images/bullet_orange.gif) 2px 2px no-repeat;
}

p#prev a, p#next a {
	color: #FF7800;
	line-height: 1.3em;
	margin-top: 12px;
	display: block;
}

p#prev {
	float: left;
}

p#next {
	float: right;
}

#content #story address {
	color: #8F8F8F;
	font-size: 10px;
	line-height: 18px;
	font-style: normal;
	margin: 0;
}

#content #story address strong {
	color: #505050;
	font-weight: normal;
	font-size: 12px;
}

#content #story h1 {
	font-size: 20px;
	color: #ff8800;
	font-weight: normal;
	clear: both;
	margin: 5px 0;
	padding: 0 8px 0 0px;
	line-height: 24px;
	height: 24px;
}

#process_step h1,
#company_step h1 {
	clear: both;
	padding: 0 8px 0 0px;
	font-size: 20px;
	line-height: 24px;
	color: #F87A0F;
	width: auto;
	font-weight: normal;
	text-transform: uppercase;
}

.split {
	float: left;
	display: inline;
	margin: 0px 2% 0 2%;
	padding: 0;
}

.split p {
	color: #8F8F8F;
}

.three {
	width: 35%;
	background: url(../images/dots_vert.gif) top right repeat-y;
}

.two-thirds {
	width: 55%;
}

a.more {
	text-align: right;
	display: block;
	padding:  5px 15px;
}

.split h2 {
	margin-top: 0;
	height: 16px;
}

#content #side {
	width: 234px;
	margin: 0px;
	padding: 0px;
	float: right;
	display: inline;
}

#content #side .box {
		margin: 0 0 15px 0;
		padding: 00px;
}

#content #side .box.video {
	background: none;
}

#content #side .box h3 {	
		padding: 10px 0px 5px 10px;
		margin: 0 0 7px 0px;
		background: url(../images/side_bg_dark.gif) top left;
		color: #8f8f8f;
		font-size: 13px;
		height: 2.5em;
		font-family: "Futura", Arial, sans-serif;
		font-weight: normal;
		overflow: hidden;
}

#content #side .box ul {
	margin: 2px 0 0 0;
	background: #ffffff;
	color: #8f8f8f;
	padding: 10px 12px;
	font-size: 9px;
}

body.Work #content #side .box ul {
	height: 313px;
}

#content #side .box img {
	border: 0px;
	margin: 2px 0 0 0;
}

#footer {
	background: url(../images/footer_bg.png);
	overflow: auto;
	line-height: 1.5em;
	margin: 3px 3px 3px 3px;
	padding: 0.4em 0 0.6em 0;
}

#footer p {
	margin: 4px 7px 0;
	float: right;
	clear: right;
}

#footer a {
	color: #ff7700;
}

/* Homepage Specific stuff */
body.default #content #story {
	/*height: 238px;*/
	margin: 0px 0 0 -2px;
	width: 760px;
	overflow: hidden;
}

#content #story p,
#process_story p,
#supplement p,
#step_body p {
	line-height: 1.4em;
	margin-bottom: 1em;
}

body.default #excerpt {
	background: #f4a520 url(../images/home_process_excerpt.jpg);
	top: 0;
	padding: 30px 3px 0px 0px;
	width: 740px;
	height: 220px;
	border: 5px solid #fff;
	margin: 3px 0 0 0;
}

body.default #excerpt.musicland {
	/*load in cool musicland background*/
	background: url(../images/home_musicland.jpg);
}

body.Services div#projects ul li a {
	background-image: url(../images/services_nav_bg.jpg);
}



body.Services div#projects ul li.active a,
body.Services div#projects ul li a:hover {
	color: #ffffff;
}

body.Services div.related_case_studies {
	background: #ffffff;
	margin: 7px 0 7px 0px;
	width: 760px;
	padding: 0px;
	clear: both;
	float: left;
	display: inline;
	background: url(../images/white_lines_wide.gif);
}

div.related_case_studies h3 {
	/* sIFR */
	color: #666666;
	text-transform: uppercase;
	float: left;
	display: inline;
	margin: 15px;
}

div.related_case_studies .case_study h3 {
	float: none;
	display: block;
	margin: 30px 0 0 35px;
	color: #ffffff;
}

body.Services div.related_case_studies .right {
	float: right;
	display: inline;
	margin: 7px 7px 0px;
}

body.default div#excerpt a {
	color: #ffffff;
}

body.default div#excerpt div#process_flash {
	/*background: #FF7800 url(../images/home_excerpt_process_bg.jpg) top left no-repeat;*/
	position: absolute;
	top: 0;
	left: 0;
	width: 744px;
	height: 250px;
	z-index: 0;
}

body.default div#excerpt div#process_flash * {
	z-index: 1;
	position: relative;
}

body.default div#excerpt div#process_flash p {
	position: absolute;
	top: 22px;
	left: 10px;
	text-transform: uppercase;
	color: #ffffff;
	font-size: 16px;
	line-height: 18px;
	width: 400px;
	display: none;
}

body.default div#excerpt div#process_flash a {
	position: absolute;
	background: url(../images/home_excerpt_process_link.jpg) top left no-repeat;
	top: 100px;
	left: 180px;
	width: 270px;
	height: 58px;
	text-indent: -9999px;
	outline: none;
	font-size: 24px;
	font-weight: normal;
}

body.default div#excerpt div#musicland_flash a {
	position: absolute;
	background: none;
	top: 120px;
	left: 10px;
	width: 170px;
	height: 38px;
	text-indent: -9999px;
	outline: none;
	font-size: 24px;
	font-weight: normal;
}

body.default div#excerpt div#process_flash a {
	position: absolute;
	background: none;
	top: 110px;
	left: 15px;
	width: 200px;
	height: 38px;
	text-indent: -9999px;
	outline: none;
	font-size: 24px;
	font-weight: normal;
}

body.default div#excerpt div#news {
/*	background: transparent url(../images/news_bg.jpg) top right no-repeat;*/
	width: 248px;
	height: 220px;
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0 0 0 7px;
}

body.default div#excerpt div#news {
	/*load in musicland look and feel*/
	background: none;
	right: 21px;
	z-index: 50;
}

body.default div#excerpt div#news h2 {
	padding: 12px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: right;
	font-size: 24px;
	line-height: 20px;
	visibility: hidden;
}

body.default div#excerpt div#news ul {
	margin: 0 24px;
	width: 220px;
}

body.default div#excerpt div#news li {
	margin: 5px 0 5px 0px;
	color: #fff;
	display: inline;
	clear: left;
}

body.default div#excerpt div#news li dl {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	clear: left;
	width: 220px;
}

body.default div#excerpt div#news li dt {
	width: 38px;
	margin: 0;
	float: left;
	display: inline;
}

body.default div#excerpt div#news li dd {
	margin-left: 40px;
}

body.default div#excerpt div#news a:hover {
	text-decoration: underline;
}

/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}


.sIFR-replaced {
	visibility: visible !important;
}


.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* 
  Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.
  Conveniently, the object tab is always in a div, so we hide all divs directly inside the replaced element.
*/

.sIFR-replaced > div {
  display: none !important;
}


.sIFR-active #content #story h1,
.sIFR-active #content #company_story h1,
.sIFR-active #content #process_story h1 {
	visibility: hidden;
	line-height: 1em;
	font-family: verdana;
}

.sIFR-active body.Contact #story h2,
.sIFR-active body.Contact #supplement h2,
.sIFR-active body.News #story h2 {
	visibility: hidden;
	line-height: 1em;
	font-family: verdana;
}



hr.clear {
	clear: both;
	color: #fff;
	background: #fff;
	border: 0;
}