@import 'reset.css';


/*********
 **************** Backgrounds and Widths *****************
                                                 ********/
body, #content, #masthead, #footer, #logo, #logo a, .origami{
	background-position: 65% 0;
	background-repeat: no-repeat;
}

.constrained{
	max-width: 1016px;
	min-width: 862px;
	margin-left: auto;
	margin-right: auto;
}


#content, #footer{ 
	padding: 40px 22px;
	max-width: 972px; /* .constrained - padding = 1016-44 */
	min-width: 818px;
}


/*********
 ******************** Full Document Styles *******************
                                                      ********/
body{
	background-color: #fff;
	font-family: "Arial Narrow", Arial, Helvetica, Verdana, sans-serif;
	font-size: 10pt;
	line-height: normal;
	color: #666;
	
}

a{
	color: #9c0;
	text-decoration: none;
}

h1,h2{
	font-weight: bold;
	text-transform: capitalize;
	font-size: 1.5em;
	line-height: normal;
	margin-bottom: .5em;
	color: #999;
}

h1{
	font-size: 3em;
	color: #555;
}

h3{
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.6em;
}

h4{
	font-weight: bold;
}

strong{ font-weight: bold; }

h1 strong,
h2 strong,
h3 strong,
h4 strong{
	font-weight: normal;
}

#content ul li{
	list-style-type: disc;
	margin-left: 20px;
}

#content ul ul{
	margin-top: 4px;
}

#content li li{
	list-style-type: circle;
}

#content ul{
	margin-bottom: 20px;
}

#secondary-nav ul ul{
	margin-bottom: 10px;
	margin-top: 10px;
}

#content .outlinks li{
	list-style-image: url(/images/listmarker.gif);
	list-style-type: none;
	list-style-position: inside;
}

#home #content .outlinks li, 
#contact #content .outlinks li, 
.main-studio #content .outlinks li, 
#solutions #content .outlinks li, 
.main-solutions #content .outlinks li{
	list-style-image: url(/images/listmarker-white.gif);
}

p{
	margin-bottom: 1em;
}

blockquote{
	margin: 0 2em;
}

.lower{
	text-transform: lowercase !important;
}

.introduction{
	margin-bottom: 27em;
}

.divider{
	padding-top: 3em;
}

/***********
 *********************** Regions *************************
                                                 *********/


/******* Header **********/
#logo{
	padding-top: 40px;
	background-color: #fff;
	line-height: normal;
}

#logo a{
	display: block;
	width: auto;
	background-color: #fff;
}

#logo .studio1011{
	background-image: url(/images/studio1011.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-indent: -9999em;
	display: block;
	width: 239px;
	height: 57px;
	line-height: 57px;
}


/********* Top content ****************/

#masthead, .origami{
	background-image: url(/images/bg_origami_gray.jpg);
	background-color: #000;
	margin-top: 5px;
}

#masthead .constrained{
	position: relative
}


#secondary-nav{
	padding: 40px 650px 0px 22px;
	height: 322px; /* Flash height + Flash offset - (logo height + logo padding + border + nav padding) = 419 + 43 -(57+40+5+40) */
	color: #fff;
	line-height: 33px;
	text-transform: capitalize;
}

#secondary-nav .selected{
	list-style-image: url(/images/thispage.png);
}

#secondary-nav a{
	color: #fff;
	font-weight: bold;
}

#secondary-nav .description{
	display: block;
	padding-bottom: 1em;
	line-height: normal;
}

#secondary-nav li:hover span{
}

#secondary-nav.compressed{
	line-height: 20pt;
}

.sub-sub-nav{ padding-left: 22px; }
.sub-sub-nav li{ float: left; margin-left: 22px; }
.sub-sub-nav li a{ font-size: 1.2em; font-weight: bold; color: #fff; }

#media,
#mediawrapper{
	position: absolute;
	z-index: 1;
	width: 635px;
	right: 0px;
	top: -57px; /* logo padding + logo height + border = 40 + 57 + 5 */
}

#mediawrapper{
	height: 419px;
}

#primary-nav{
	float: right;
	margin-top:40px;
	z-index: 2;
	position: relative;
}

#primary-nav li{
	padding-left: 30px;
	display: block;
	float: left;
}

#primary-nav li a{
	display: block;
	height: 20px;
	text-indent: -9999em;
	background-repeat: no-repeat;
}

#item-solutions a{ width: 69px; background-image: url(/images/nav-solutions.png); }
#item-studio a{    width: 47px; background-image: url(/images/nav-studio.png); }
#item-contact a{   width: 60px; background-image: url(/images/nav-contact.png); }
#item-news a{      width: 94px; background-image: url(/images/nav-news.png); }
#contact #item-solutions a,
.main-solutions #item-solutions a,
.main-studio #item-solutions a
{ background-image: url(/images/nav-solutions-white.png); }
#contact #item-studio a,
.main-solutions #item-studio a,
.main-studio #item-studio a
{    background-image: url(/images/nav-studio-white.png); }
#contact #item-contact a,
.main-solutions #item-contact a,
.main-studio #item-contact a
{   background-image: url(/images/nav-contact-white.png); }
#contact #item-news a,
.main-solutions #item-news a,
.main-studio #item-news a
{      background-image: url(/images/nav-news-white.png); }

#primary-nav li ul{
	display: none;
}

#primary-nav li:hover ul,
#primary-nav li.hover ul{
	display: block;
}

#primary-nav li li{
	float: none;
}

/************** Media replacement styles **********/
#media-replacement img{
	margin-top: 30px;
}

.main-solutions #media-replacement img{
	margin-top: 0px;
}

.main-solutions #media-replacement .solutions{
	position: relative;
	z-index: 1;
}

.main-solutions #media-replacement .solutions a{
	position: absolute;
	width: 149px;
	height: 80px;
	text-indent: -9999em;
}

/***************************************
       9     163     319      474
64


151


239


326

*****************************************/

#solutions-web #link-portfolio-exhibitsign	{ top: 64px; left:  9px; }
#solutions-web #link-portfolio-swift				{ top: 64px; left:163px; }
#solutions-web #link-portfolio-outinfront		{ top: 64px; left:474px; }
#solutions-web #link-portfolio-elbit				{ top:151px; left:  9px; }
#solutions-web #link-portfolio-bercen				{ top:151px; left:163px; }
#solutions-web #link-portfolio-kendell			{ top:151px; left:319px; }
#solutions-web #link-portfolio-wd						{ top:151px; left:474px; }
#solutions-web #link-portfolio-spinewave		{ top:239px; left:  9px; }
#solutions-web #link-portfolio-fpm					{ top:239px; left:163px; }
#solutions-web #link-portfolio-m3						{ top:239px; left:474px; }
#solutions-web #link-portfolio-revention		{ top:326px; left:  9px; }
#solutions-web #link-portfolio-parl					{ top:326px; left:163px; }
#solutions-web #link-portfolio-sitespecific	{ top:326px; left:319px; }
#solutions-web #link-portfolio-padgett			{ top:326px; left:474px; }

#solutions-interactive #link-portfolio-massave		{ top: 64px; left:163px; }
#solutions-interactive #link-portfolio-elbit			{ top:151px; left:  9px; }
#solutions-interactive #link-portfolio-nkb				{ top:151px; left:163px; }
#solutions-interactive #link-portfolio-xm					{ top:151px; left:319px; }
#solutions-interactive #link-portfolio-csg				{ top:151px; left:474px; }
#solutions-interactive #link-portfolio-nokia			{ top:239px; left:  9px; }
#solutions-interactive #link-portfolio-sylvania		{ top:239px; left:163px; }
#solutions-interactive #link-portfolio-seachange	{ top:239px; left:319px; }
#solutions-interactive #link-portfolio-spinewave	{ top:326px; left:163px; }

#solutions-exhibit #link-portfolio-nec-2001	 	{ top: 64px; left:163px; }
#solutions-exhibit #link-portfolio-bullard	 	{ top: 64px; left:319px; }
#solutions-exhibit #link-portfolio-biogen		 	{ top: 64px; left:474px; }
#solutions-exhibit #link-portfolio-revention 	{ top:151px; left:  9px; }
#solutions-exhibit #link-portfolio-ras			 	{ top:151px; left:163px; }
#solutions-exhibit #link-portfolio-wildplanet	{ top:151px; left:474px; }
#solutions-exhibit #link-portfolio-kendell	 	{ top:239px; left:  9px; }
#solutions-exhibit #link-portfolio-img			 	{ top:239px; left:163px; }
#solutions-exhibit #link-portfolio-intel		 	{ top:239px; left:319px; }
#solutions-exhibit #link-portfolio-bayer		 	{ top:239px; left:474px; }
#solutions-exhibit #link-portfolio-sylvania	 	{ top:326px; left:163px; }

#solutions-multimedia #link-portfolio-elbit				{ top: 64px; left:163px; }
#solutions-multimedia #link-portfolio-sylvania		{ top: 64px; left:474px; }
#solutions-multimedia #link-portfolio-schoolpulse	{ top:151px; left:  9px; }
#solutions-multimedia #link-portfolio-nec					{ top:151px; left:163px; }
#solutions-multimedia #link-portfolio-kendell			{ top:151px; left:319px; }
#solutions-multimedia #link-portfolio-thermo			{ top:151px; left:474px; }
#solutions-multimedia #link-portfolio-seachange		{ top:239px; left:  9px; }
#solutions-multimedia #link-portfolio-spinewave		{ top:239px; left:163px; }
#solutions-multimedia #link-portfolio-wrightline	{ top:239px; left:319px; }
#solutions-multimedia #link-portfolio-activeortho	{ top:239px; left:474px; }
#solutions-multimedia #link-portfolio-garrison		{ top:326px; left:319px; }

#solutions-brand #link-portfolio-greenback				  { top: 64px; left:163px; }
#solutions-brand #link-portfolio-hungerrush				  { top: 64px; left:319px; }
#solutions-brand #link-portfolio-miriamross				  { top: 64px; left:474px; }
#solutions-brand #link-portfolio-exhibitsign			  { top:151px; left:  9px; }
#solutions-brand #link-portfolio-athena						  { top:151px; left:163px; }
#solutions-brand #link-portfolio-bercen						  { top:151px; left:319px; }
#solutions-brand #link-portfolio-active-ortho			  { top:151px; left:474px; }
#solutions-brand #link-portfolio-bluechip					  { top:239px; left:  9px; }
#solutions-brand #link-portfolio-firstprioritymedia { top:239px; left:163px; }
#solutions-brand #link-portfolio-hushamok					  { top:239px; left:319px; }
#solutions-brand #link-portfolio-honeycomb				  { top:239px; left:474px; }
#solutions-brand #link-portfolio-isonic						  { top:326px; left:  9px; }
#solutions-brand #link-portfolio-senior-olympics	  { top:326px; left:163px; }
#solutions-brand #link-portfolio-m3studios				  { top:326px; left:319px; }

#solutions-print #link-portfolio-wd								  { top: 64px; left:163px; }
#solutions-print #link-portfolio-parl							  { top: 64px; left:474px; }
#solutions-print #link-portfolio-bluechip					  { top:151px; left:  9px; }
#solutions-print #link-portfolio-ras							  { top:151px; left:319px; }
#solutions-print #link-portfolio-revention				  { top:239px; left:  9px; }
#solutions-print #link-portfolio-bercen						  { top:239px; left:163px; }
#solutions-print #link-portfolio-addison-wesley		  { top:239px; left:319px; }
#solutions-print #link-portfolio-active-ortho			  { top:239px; left:474px; }
#solutions-print #link-portfolio-blood-center			  { top:326px; left:163px; }


/***** Carousel ******/
.ContentFlow{
	width: 635px;
	padding-top: 75px;
	height: 255px;
}

#media .ContentFlow .scrollbar .slider .position{ color: #fff; }
#media .ContentFlow .globalCaption{ 
	color: #000; 
	background-color: #fff; 
	-moz-opacity:.50; 
	filter:alpha(opacity=50); 
	opacity:.50;
	width: 300px;
	height: 30px;
	line-height: 30px;
	border-radius: 5px;

}

#contentFlow{
	width: 635px;
	height: 255px;
	margin-bottom: 50px;
}

#contentFlowContainer{width:635px; height: 321px; overflow: hidden; position: relative; }

.ui-jcoverflip {
	position: relative;
}
      
.ui-jcoverflip--item {
	position: absolute;
	display: block;
}

#scrollbar{
	height: 16px;
	width: 599px;
	left: 18px;
	background: url(/images/slider.png) top left no-repeat;
	position: absolute;
	text-align: left;
}

#contentFlow .ui-jcoverflip--title {
position: absolute;
bottom: -30px;
width: 100%;
text-align: center;
}

#contentFlow .title-inner{
	color: #000; 
	background-color: #fff; 
	-moz-opacity:.50; 
	filter:alpha(opacity=50); 
	opacity:.50;
	height: 30px;
	line-height: 30px;
	border-radius: 5px;
	width: 300px;
	margin: 0 auto;
}

#scrollbar .ui-slider-handle{
	display: block;
	position: absolute;
	height: 16px;
	width: 36px;
	margin-left: -18px;
	background: url(/images/slider-handle.png) no-repeat;
}

/*********** Internal nav *********************/


.nav-internal{
	text-align: right;
	float: right;
	margin-top: 3em;
}

.nav-internal li{
	display: inline;
	list-style-type: none;
	padding: 0;
}

.nav-internal li a{
	padding-left: 13px;
}


.nav-internal .current,
.nav-internal a:hover,
.nav-internal a.hover{
	background-image: url(/images/thispage_black.png);
	background-repeat: no-repeat;
	background-position: left center;
}

/*********** Body content *********************/
#content{
}


/************ Footer ************************/
#footer{
	margin-top: 22px;
	font-size: .8em;
	line-height: 15pt;
	text-align: center;
}

#footer p{
	margin: 0;
}

#footer a{ color: #9c0; }


#footer #contact-info{ float: left; }
#footer #copyright{float: right; }
#footer #address{ text-align: center; }

#footer #link-sitemap{ padding-left: 10px; }

#footer #address, #footer #copyright{
/* 	color: #999; */
/*	padding-left: 10px; */
}

/*
.contact-email{
	text-indent: -9999px;
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 8px;
	background: url('/images/contact.gif') no-repeat;
	height: 1em;
}
*/

#home .contact-email{
/* 	background-image: url('/images/contact-black.gif'); */
}


/************ Facebook ************************/

#social{
	margin-top: 22px;
	padding-left: 44px;
	clear: left;
}

#studio-news #social{
	display: none;
}

.twitter-share-button{
	float: left; margin-right: 10px;
}

/***********
 ******************** Unique styles **********************
                                                 *********/

/******* New Home Page *********/

#home, #contact, .main-studio, #solutions, .main-solutions{
	background-image: url(/images/home-bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #000;
	color: #fff;
}

.main-solutions{ background-image: url(/images/inside-bg.jpg); }

#home #logo .studio1011{
	background-image: url(/images/studio1011-inverse.gif);
}

#home #footer,
#solutions #footer{
	padding-top: 0;
}

#home a,
#contact a,
.main-studio a,
.main-solutions a,
{
	color: #fff;
}

#home #footer p,
#solutions #footer p{
	display: inline;
	margin-right: 22px;
	color: #fff;
}

#home #site-introduction{
	font-size: 1.1em;
}

#home #site-introduction p{
	float: left;
	width: 30%;
	margin: 0;
	padding-left: 22px;
	padding-right: 0;
	padding-bottom: 22px;
	text-align: justify;
}

#home #logo,
#home #logo a,
#solutions #logo,
#solutions #logo a,
.main-studio #logo,
.main-studio #logo a{
	background-color: #000;
	display: none;
}

#home #masthead,
#solutions #masthead,
.main-studio #masthead
{
	background: none;
	margin-top: 30px;
}

#portabledisplaybutton-container{
	position: relative;
	top:-493px;
}
#portabledisplaybutton{
	background-image: url(/images/portabledisplaybutton.png);
	display: block;
	width: 283px;
	height: 37px;
	position: absolute;
	right: 10px;
	text-indent: -9999em;
}

#decoration-1, #decoration-2{
	color: #fff;
}

#home #decoration-2{
	height: 420px;
	clear: left;
}


#home #wrap{
}

#home #decoration-1{
	height: 60px;
	background-image: none; /*url(/images/bg_origami#home_top.jpg);*/
	background-color: black;
	border: 0;
	margin-top: 0;
}

#home-flashcontent{
	background-image: none;
	background-repeat: repeat-x;
	background-position: center 400px;
}

#home #media,
#home #media-wrapper,
#solutions #media,
#solutions #media-wrapper,
.main-studio #media-wrapper,
.main-studio #media{
	position: static;
	width: 1024px;
	height: 430px;
}

.main-studio #media-wrapper,
.main-studio #media{
	z-index: 1;
}

.main-studio #secondary-nav{
	position: absolute;
	top: 81px;
	left: 20px;
	z-index: 2;
}

#home-flashcontent embed{
	display: block;
	margin: 0 auto;
}

#home .home-vertical img{
	float: left;
	margin: 0 30px 22px 0;
}

#home .home-vertical li{
	list-style-type: disc;
	list-style-position: inside;
	padding-left: 22px;
}

#home #logo{
	padding-bottom: 4em;
	margin: 0;
}

#home .home-vertical{
	clear: left;
	font-size: 1.5em;
}

#home .home-vertical h1,
#home .home-vertical h2{
	padding-top: 150px;
	color: #999;
}

#site-introduction{
	padding-top: 22px;
	clear: left;
}

#site-introduction p{
	padding: 0 22px;
}

#home-slideshow-container{
	height: 430px;
	position: relative;
	z-index: 1;
	width: 1024px;
}

#home #media-replacement img{
	margin-top: 0;
}

.main-studio #media-replacement{
	height: 430px;
}

#home-slideshow a{
	display: block;
}

#home-prev, #home-next, 
#home-1, #home-2, #home-3, #home-4, #home-5, #home-6
{
	width: 30px;
	height: 30px;
	position: absolute;
	top: 194px;
	z-index: 100;
}

#home-prev{ left: 0px; }

#home-next{ right: 0px; }

#home-1, #home-2, #home-3, #home-4, #home-5, #home-6
{
	width: 15px;
	height: 15px;
	top:81px;
}

#home-1{ left: 872px; }
#home-2{ left: 895px; }
#home-3{ left: 917px; }
#home-4{ left: 940px; }
#home-5{ left: 962px; }
#home-6{ left: 984px; }


#home #primary-nav{
	z-index: 100;
	float: none;
	position: absolute;
	margin-top: 15px;
	right: 20px;
	background-image: url(/images/nav-home.png);
	background-position: 44px 4px;
	background-repeat: no-repeat;
}

#home #primary-nav li{
	padding-left: 43px;
}

#home #primary-nav li a{
	text-indent: -9999px;
	display: block;
	background: none;
}

/******* Case studies **********/


.main-casestudies #secondary-nav{
	padding-top: 22px;
	padding-bottom: 18px;
}

.main-casestudies #secondary-nav a{
	text-indent: -9999em;
	display: block;
	width: 173px;
	height: 76px;
	background-position: top left;
	background-repeat: no-repeat;	
}

#secondary-nav #sylvania{
	background-image: url(/images/case_sylvania_grey.gif);
}
#casestudies-sylvania #secondary-nav #sylvania{
	background-image: url(/images/case_sylvania.gif);
}
#secondary-nav #hushamok{
	background-image: url(/images/case_hushamok_grey.gif);
}
#casestudies-hushamok #secondary-nav #hushamok{
	background-image: url(/images/case_hushamok.gif);
}
#secondary-nav #revention{
	background-image: url(/images/case_revention_grey.gif);
}
#casestudies-revention #secondary-nav #revention{
	background-image: url(/images/case_revention.gif);
}
#secondary-nav #kendell{
	background-image: url(/images/case_kendell_grey.gif);
}
#casestudies-kendell #secondary-nav #kendell{
	background-image: url(/images/case_kendell.gif);
}

/*************** Pressroom *********************/

.date{
	display:block;
	float: left;
	clear: both;
	width: 8%;
}

.news-content{
	float: left;
	width: 90%;
	padding-bottom: 20px;
}

#archive-link{
	clear: both;
}


/************** Solutions *****************/

.sub-web #masthead,
.thin #masthead{
	background-image: url(/images/bg_origami.jpg);
}
.sub-exhibit #masthead{
	background-image: url(/images/bg_origami_blue.jpg);
}
.sub-interactive #masthead{
	background-image: url(/images/bg_origami_cyan.jpg);
}
.sub-multimedia #masthead{
	background-image: url(/images/bg_origami_orange.jpg);
}
.sub-print #masthead{
	background-image: url(/images/bg_origami_magenta.jpg);
}
.sub-brand #masthead{
	background-image: url(/images/bg_origami_yellow.jpg);
}
.main-portfolio #masthead{
/*	background-image: url(/images/bg_origami_gray.jpg); */
}

#solutions .row{ height: 210px; }
#solutions .row1{ height: 162px; }
#solutions .row2{  }

#solutions #content{ padding-top: 0px; }

/* #solutions #content a{ color: #fff; } */

#solutions #content h2{ font-size: 1.8em; }

#solutions li{ list-style-type: disc; margin-left: 20px;}

#solutions .three-col{ width: 180px; margin: 0 50px }
#solutions #three-col-container .first{ margin-left: 0px; }
#solutions #three-col-container .last{ margin-right: 0px; }
#three-col-container{ width: 740px; margin: 0 auto; }


/************************** Web/Exhibit Solutions *****************/
	
	.sub-web #secondary-nav a,
	.sub-exhibit #secondary-nav a,
	.main-studio #secondary-nav a,
	#secondary-nav.descriptive a
	{
		font-size: 1.5em;
	}
	
	.sub-web #secondary-nav li,
	.sub-exhibit #secondary-nav li,
	.main-studio #secondary-nav li,
	#secondary-nav.descriptive li
	{
		margin-bottom: 45px;
	}
	
	.sub-web #secondary-nav .sub-sub-web-technical,
	.sub-exhibit #secondary-nav .sub-sub-exhibit-management,
	.main-studio #secondary-nav  .sub-clients,
	#secondary-nav.descriptive .last
	{
		margin-bottom: 0;
	}




/************** Portfolio/Tour Layout *****************/

.thin #masthead{
	height: 30px;
}

.thin h1,
.thin h2{
	letter-spacing: .05em;
	text-align: left;
	white-space: nowrap;
	color:#999;
}

#inner-content h3{
	font-size: 2.1em;
	border-bottom: 1px solid;
	line-height: normal;
	line-height: 33px;
}

#studio-team #content h3{
	font-size: 1.3em;
	line-height: 1.5em;
}

#studio-team #content h3,
#studio-team #content h4{
	display: inline; 
}


#studio-team .post p{clear: left;}

.thin #masthead h1,
.thin #masthead h2{
	color: #555;
	line-height: 30px;
	padding-left: 22px;
	text-transform: uppercase;
}

.thin #content{
	padding: 22px 0 0 0;
	min-width: 955px;
	overflow: hidden;
}

	.thin #inner-content{
		overflow: hidden;
		width: 760px;
		padding-top:48px;
		float: right;
/*
		position: relative;
		z-index: 2;
*/
	}

	.thin #inner-content img{
		float: left;
	}
		


.thin #secondary-nav,
.thin #secondary-content{
	float: left;
	height: auto;
	width: 150px;
	padding: 0 10px 0 0;
	text-align: right;
}

.thin #footer{
	clear: both;
}
.thin #footer img{
	float: none;
}

.thin #secondary-nav li{
	margin-bottom: 0;
}

	.thin #secondary-nav .selected{
		list-style-image: url(/images/thispage_black.gif);
	}
	
	.thin #secondary-nav li a,
	.thin #secondary-content,
	.thin #secondary-content a{
		color: #999;
		font-size: 1em;
	}

/******** Portfolio *******/

  /* Portfolio Landing page */
  
  .popout-nav{
  	width: 712px;
  	height: 336px;
  	background: url(/images/portfolio_nav.png);
  	margin: 0 auto;
  	position: relative;
  }
  
  #inner-content .popout-nav li{
  	position: absolute;
  	top: -100px;
  	left: -100px;
  	margin: 0;
  	padding: 0;
  	list-style-type: none;
  	overflow: hidden;
  	display: block;
  }
  
  #inner-content .popout-nav li a{
  	width: 100%;
  	height: 100%;
  	display: block;
  	text-indent: -9999em;
  	background: url(/images/portfolio_nav.png);
  }
  
  #inner-content .popout-nav li a:hover,
  #inner-content .popout-nav li a:active
  {
  	background-position: 0 -336px;
  }
  
  #inner-content .popout-nav #popout-nav-web{
  	width: 265px;
  	height: 105px;
  	top: 0;
  	left: 0;
  }
  #inner-content .popout-nav #popout-nav-multimedia{
  	width: 381px;
  	height: 74px;
  	top: 50px;
  	left: 311px;
  }
  #inner-content .popout-nav #popout-nav-multimedia a{
  	background-position: -311px -50px;
  }
  #inner-content .popout-nav #popout-nav-multimedia a:hover{
  	background-position: -311px -386px;
  }
  #inner-content .popout-nav #popout-nav-exhibit{
  	width: 301px;
  	height: 87px;
  	top: 135px;
  	left: 60px;
  }
  #inner-content .popout-nav #popout-nav-exhibit a{
  	background-position: -60px -135px;
  }
  #inner-content .popout-nav #popout-nav-exhibit a:hover{
  	background-position: -60px -471px;/* off x offset, off y offset - 336 */
  }
  #inner-content .popout-nav #popout-nav-brand{
  	width: 251px;
  	height: 82px;
  	top: 140px;
  	left: 385px;
  }
  #inner-content .popout-nav #popout-nav-brand a{
  	background-position: -385px -140px;
  }
  #inner-content .popout-nav #popout-nav-brand a:hover{
  	background-position: -385px -476px;/* off x offset, off y offset - 336 */
  }
  #inner-content .popout-nav #popout-nav-print{
  	width: 235px;
  	height: 78px;
  	top: 250px;
  	left: 0px;
  }
  #inner-content .popout-nav #popout-nav-print a{
  	background-position: 0 -250px;
  }
  #inner-content .popout-nav #popout-nav-print a:hover{
  	background-position: 0 -586px;/* off x offset, off y offset - 336 */
  }
  #inner-content .popout-nav #popout-nav-interactive{
  	width: 364px;
  	height: 81px;
  	top: 240px;
  	left: 350px;
  }
  #inner-content .popout-nav #popout-nav-interactive a{
  	background-position: -350px -240px;
  }
  #inner-content .popout-nav #popout-nav-interactive a:hover{
  	background-position: -350px -576px;/* off x offset, off y offset - 336 */
  }
  
  /* Everything else */


	#details{width: 604px;}
	
	.view-autoscroll #details{ margin-left: 35px; }

	.project-item{
		clear: both;
		position: relative;
		overflow: hidden;
		margin-bottom: 22px;
		z-index: 0;
	}
	
	.main-portfolio #inner-content h3{
		margin-bottom: 22px;
	}
	
	.three-col{width: 30%; float: left; margin-left: 22px;}
	.three-col p { text-align: justify; }
	
	
	/*** Portfolio Landing ***/
	
	#portfolio-carousel{
		position: relative;
		z-index: 2;
	}
	
	#portfolio #inner-content,
	#solutions #inner-content{
		float: none;
		width: 800px;
		margin: 0 auto;
	}

	/****** Photo Gallery Interface ******/

		#slideshow-container{
			position: relative;
			margin-bottom: 7px;
		}
		
		#slideshow{
			width: 674px;
			overflow: auto;
		}
		
		#photo-container{
			left: 0;
			overflow: hidden;
			position: relative;
		}
		
		.slide{
			width: 674px;
			margin-bottom: 7px;
			float: left;
		}
		
		.slideshow{
			width: 674px;
			margin-left: 35px;
			height: 381px;
			z-index: 1;
		}
		
		.slideshow-wrap{
			position: relative;
			width: 744px;
		}
		
		.prev,.next{
			width: 35px;
			height: 36px;
			display: block;
			text-indent: -9999em;
			background-position: top left;
			background-repeat: no-repeat;
			position: absolute;
			top:190px;
			z-index: 2;
		}
		
		.prev{
			background-image: url(/images/slide-arrow-left.png);
			left: 0px;
		}
		.next{
			background-image: url(/images/slide-arrow-right.png);
			right: 0px;
		}

		.launcher{
			clear: both;
		}
		
		.view-autoscroll .launcher{
			margin-left: 35px;
		}
		
	
		.thin .project-nav,
		.thin #project-nav{
			position: absolute;
			bottom: 0px;
			left: 614px;
			width: 60px;
			list-style-type: none;
			z-index: 2;
			margin-bottom: 0px !important;
		}
		.thin .project-nav li,
		.thin #project-nav li{
			margin: 0px !important;
			padding: 0px;
		}

		
		.sub-exhibit .project-nav,
		.sub-exhibit #project-nav{
			margin-bottom: 20px;
		}
		
		.project-nav li,
		#project-nav li{
			list-style-type: none !important;
		}
		
		/*** .onready class applied by javascript ***/
		.onready .project-nav,
		.onready #project-nav{display:block;}
		.onready .slideshow,
		.onready #slideshow{overflow: hidden;}
		.onready .slide{display:inline;visibility:hidden;clear:none;}
		.onready .photo-1,
		.onready #photo-1{visibility:visible;}
		
		.view-autoscroll #secondary-nav.sticky{
			position: fixed;
			top: 0;
		}
		
		.view-autoscroll h3{
			padding-top: 40px;
			margin-top: 1px;
		}
		
		.view-autoscroll #inner-content{ padding-bottom: 300px; }
		
		.view-autoscroll #secondary-nav li li a.active{color:#444;}
		

	/****** Section-specific ******/
	.main-portfolio #secondary-nav,
	.main-contact   #secondary-nav{
		width: auto;
		max-width: 185px;
		line-height: normal;
		margin-top: 56px; /* Line height of h3 + border + padding: 33+22+1 */
	}
	.main-studio #secondary-nav.sub{
		line-height: normal;
		margin-top:10px;
	}
	.main-portfolio #secondary-nav li,
	.main-studio #secondary-nav.sub li{
		padding-bottom: 10px;
	}
	
	.main-portfolio #secondary-nav li{
		padding-bottom: 2px;
	}
	
	.main-portfolio #secondary-nav li a{
		color: #444;
	}

	.main-portfolio #secondary-nav li li a{
		color: #aaa;
		font-weight: normal;
	}
	
	.main-portfolio #inner-content,
	#solutions #inner-content{
		padding-top: 0;
	}
		
	.main-portfolio.sub-web #secondary-nav{
		margin-top: 70px;
	}
	
	.main-portfolio.sub-web.view-autoscroll #secondary-nav{
		padding-top: 40px;
		margin-top: 0px;
	}
	
	.main-solutions.sub-web #secondary-nav{
		margin-top: 0px;
	}



/****** Blog ******/

	.post{
		margin-bottom: 4em;
		float: left;
		margin-right: 22px;
		width: 30%;
		text-align: justify;
	}

	.post h3, .post h4{ text-align: left; border: 0; }
	
	.byline,
	.position{
		text-align: left;
		margin-bottom: 0.5em;
	}
	
	.main-studio.sub #inner-content{
		padding-top: 10px;
	}
	
	.sub-blog #inner-content img,
	.sub-team #content object{
		float: none;
		margin: 0 auto;
		display: block;
	}
	
	#content .clientlist li{
		list-style-type: none;
		line-height: normal;
		letter-spacing: 0;
	}
	
	#content .clientlist,
	#content .clientlist ul{
		margin-top: 0;
	}
	
	#content .clientlist{
		float: left;
		width: 25%;
	}
	
	#studio-clients #social,
	#home #social{ clear: left; }
	
	.sub-clients #inner-content{
		margin-top: 0;
	}
	
	
	.sub-team #content .team-picture{
		width: 150px;
		height: 180px;
		margin-right: 11px;
		margin-bottom: 22px;
		background-color: #ccc;
	}
	
	.team-inner{  }
	
	#studio #secondary-nav .sub-about{
			list-style-image: url(/images/thispage.png);
		}

	
/**** Forms (Contact page) ****/

	#contact #secondary-content{
		padding-top: 48px;
	}
	
	
	#contact #masthead,
	.main-solutions #masthead,
	.main-studio #masthead
	{ background: none; }
	
	#contact #logo .studio1011,
	.main-solutions #logo .studio1011,
	.main-studio #logo .studio1011{
		background-image: url(/images/studio1011-white.png);
	}
	
	#contact #logo,
	#contact #logo a,
	.main-studio #logo,
	.main-studio #logo a,
	.main-solutions #logo,
	.main-solutions #logo a
	{ background: none; }
	
	#contact #secondary-nav li a,
	#contact #secondary-content,
	#contact #secondary-content a{
		color: #fff;
	}
	
	#contact #footer a,
	.main-studio #footer a,
	.main-solutions #footer a,
	#contact #secondary-content a
	{
		color: #9c0;
	}

	
	#contact #inner-content,
	#contact #secondary-content{
		padding-top: 74px;
	}

	#contactform{
		position: relative;
		z-index: 2;
		overflow: hidden;
	}
	

	#contactform label{
		float: left;
		clear: left;
		text-align: right;
		width: 80px;
	}
	
	#contactform input[type=text],
	#contactform textarea{
		float: left;
		width: 300px;
		margin-left: 22px;
		border: 1px inset #ddd;
	}
	#contactform textarea{
		width: 298px;
	}
	
	#recaptcha_widget_div{ margin-left: 102px; }
	
	#submit_btn{
		clear: both;
		float: left;
		margin-left: 102px;
	}
	
	#contact-map{ margin-left: 102px; clear: both; margin-top: 22px; }

/* Client Upload */
/* -- Form Styles ------------------------------- */
#studio-upload form {
	margin: 0;
	padding: 0;
}



#studio-upload div.fieldset {
	border:  1px solid #afe14c;
	margin: 10px 0;
	padding: 20px 10px;
}
#studio-upload div.fieldset span.legend {
	position: relative;
	background-color: #FFF;
	padding: 3px;
	top: -30px;
	font: 700 14px Arial, Helvetica, sans-serif;
	color: #73b304;
}

#studio-upload div.flash {
	width: 375px;
	margin: 10px 5px;
	border-color: #D9E4FF;

	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
    -moz-border-radius-topright : 5px;
    -webkit-border-top-right-radius : 5px;
    -moz-border-radius-bottomleft : 5px;
    -webkit-border-bottom-left-radius : 5px;
    -moz-border-radius-bottomright : 5px;
    -webkit-border-bottom-right-radius : 5px;

}

#studio-upload button,
#studio-upload input,
#studio-upload select,
#studio-upload textarea { 
	border-width: 1px; 
	margin-bottom: 10px;
	padding: 2px 3px;
}



#studio-upload input[disabled]{ border: 1px solid #ccc } /* FF 2 Fix */


#studio-upload label { 
	width: 150px; 
	text-align: right; 
	display:block;
	margin-right: 5px;
}

#btnSubmit { margin: 0 0 0 155px ; }

/* -- Table Styles ------------------------------- */
#studio-upload td {
	font: 10pt Helvetica, Arial, sans-serif;
	vertical-align: top;
}

.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
#studio-upload .message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
#studio-upload .red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
#studio-upload .green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
#studio-upload .blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

#studio-upload .progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}


/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	vertical-align: top;
}