/**
* Global Styles Defintions
*
* @author			Matt Gifford
* @copyright		2008 Timeshifting Interactive Limited
* @version		1.5.1
*/

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0; padding: 0;
	}

html {
	/* always display vertical scrollbar, stops centered content jumping between pages */
	overflow: -moz-scrollbars-vertical; overflow-y: scroll;
	background: #000;
	width: 100%; height: 100%;
	}

body {
	margin: 0; padding: 0 0 20px 0;
	font: 12px arial, geneva, helvetica, sans-serif; color: #ccc;
	width: 100%; height: 100%;
	}

select, input, textarea {
	font: 99% arial, geneva, helvetica, sans-serif;
	}

table {
	border-collapse: collapse; border-spacing: 0;
	font-size: inherit; font: 100%;
	}

fieldset, img {
	border: 0; display: block;
	}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal; font-weight: normal;
	}

pre, code {
	font: 115% monospace;
	}

caption, th {
	text-align: left;
	}

ul, ol {
	list-style: none;
	}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%; font-weight: normal;
	}

q: before, q: after {
	content: '';
	}

abbr, acronym {
	border: 0;
	}

body * {
	line-height:1.22em;
	}

a {
	color: #C63; text-decoration: none;
	outline: none !important;
	}

a:hover {
	color: #fff;
	text-decoration: none;
	}

a.active {
	cursor: default;
	}

.clear {
	clear: both;
	}

.hidden {
	display: none;
	}



/*  ::  Global Styles  */

#page {
	position: relative; margin: 2px auto 20px auto; padding: 0; width: 965px;
	}



/*  ::  Global Styles  --  Header  */

#globalHeader {
	position: relative; width: 100%; height: 92px; z-index: 1;
	}

#globalHeaderLogo {
	position: absolute; left: 624px; top: 37px; z-index: 2;
	}


/*  ::  Global Styles  --  Header  ::  Navigation  */

#globalHeaderNav {
	position: absolute; left: 0; top: 0; margin: 0; padding: 0; list-style: none; width: 100%; height: 38px; z-index: 1;
	}

#globalHeaderNav li {
	float: left; width: 98px; height: 38px; margin: 0 3px 0 0; padding: 0;
	}

#globalHeaderNav li a {
	display: block; width: 98px; height: 19px; padding: 5px 0 0 0;
	background: url(../images/global-header-nav-listitem-bg.png) no-repeat 0px 0px;
	font: bold 12px arial, geneva, helvetica, sans-serif; color: #ccc;
	text-align: center; text-decoration: none;
	}

#globalHeaderNav li a:hover {
	display: block; width: 98px; height: auto;
	background: url(../images/global-header-nav-listitem-bg.png) no-repeat 0 -38px;
	font: bold 12px arial, geneva, helvetica, sans-serif; color: #fff;
	}

#globalHeaderNav li a.active,
#globalHeaderNav li a.active:hover {
	height: 33px; background-position: 0 -76px; color: #fff;
	}

#globalHeaderNav li.active a.active {
	cursor: pointer !important;
	}


/*  ::  Global Styles  --  Twitter  */

#globalTwitter {
	position: absolute; width: 965px; height: 20px; top: 444px; left: 0px;
	background: #222 url(../images/twitter-logo-i8a8.png) no-repeat 0px 0px;
	}

#globalTwitter p {
	position: absolute; left: 0; top: 0; margin: 0; padding: 3px 30px 0 24px; width: auto; height: 16px; overflow: hidden;
	font: normal 10px verdana, bitstream vera sans, arial, geneva, helvetica, sans-serif; color: #999;
	white-space: nowrap;
	}

#globalTwitter p span.username {
	font-weight: bold;
	}

#globalTwitter p span.date {
	font-weight: bold;
	}

#globalTwitter p a {
	color: #72A4CA; text-decoration: none;
	}

#globalTwitter p a:hover {
	text-decoration: none;
	}


/*  ::  Global Styles  --  Content  */

#globalContent {
	position: relative; width: 100%; z-index: 100;
	min-height: 400px;
	word-wrap: break-word;		/* stops very long words from increasing the width of their container */
	}



/*  ::  Global Styles  --  Content  ::  Heading Styles  */

#globalContent h1 {
	padding: 0 0 12px 0;
	font: bold 197% arial, sans-serif; color: #333;
	}

#globalContent h2 {
	padding: 0 0 10px 0;
	font: bold 167% arial, sans-serif; color: #333;
	}

#globalContent h3 {
	padding: 0 0 8px 0;
	font: bold 144% arial, sans-serif; color: #333;
	}

#globalContent h4 {
	padding: 0 0 6px 0;
	font: bold 122% arial, sans-serif; color: #333;
	}

#globalContent h5 {
	padding: 0 0 4px 0;
	font: bold 107% arial, sans-serif; color: #333;
	}

#globalContent h6 {
	padding: 0 0 3px 0;
	font: bold 92% arial, sans-serif; color: #333;
	}

#globalContent h1.runOn,
#globalContent h2.runOn,
#globalContent h3.runOn,
#globalContent h4.runOn,
#globalContent h5.runOn,
#globalContent h6.runOn {
	padding-bottom: 2px;
	}

#globalContent h1.sectionEnd,
#globalContent h2.sectionEnd,
#globalContent h3.sectionEnd,
#globalContent h4.sectionEnd,
#globalContent h5.sectionEnd,
#globalContent h6.sectionEnd {
	padding-bottom: 35px;
	}



/*  ::  Global Styles  --  Content  ::  Paragraph Styles  */

#globalContent p {
	font-size: 100%; line-height: 1.4;
	padding: 0 0 16px 0;
	}

#globalContent p.runOn {
	padding-bottom: 6px;
	}

#globalContent p.sectionEnd {
	padding-bottom: 35px;
	}



/*  ::  Global Styles  --  Content  ::  List Styles  */

#globalContent ol,
#globalContent ul {
	margin-top: 0;
	margin-bottom: 16px;
	padding: 0 0 0 15px;
	}

#globalContent ol {
	list-style: decimal;
	}

#globalContent ul {
	list-style: disc;
	}

#globalContent ol.runOn,
#globalContent ul.runOn {
	margin-bottom: 6px;
	}

#globalContent ol.sectionEnd,
#globalContent ul.sectionEnd {
	margin-bottom: 35px;
	}

#globalContent ol.noIndent,
#globalContent ul.noIndent {
	margin-left: 0; padding-left: 0;
	list-style: inside;
	}

#globalContent ol.noBullets,
#globalContent ul.noBullets {
	list-style: none;
	}

#globalContent li {
	font-size: 100%;
	padding-bottom: 6px;
	}



/*  ::  Global Styles  --  Content  ::  Column Styles  */

#globalContent div.cols2 {
	float: left; width: 49.975%;
	}

#globalContent div.cols3 {
	float: left; width: 33.275%;
	}

#globalContent div.cols4 {
	float: left; width: 24.975%;
	}

#globalContent div.cols5 {
	float: left; width: 19.975%;
	}


/*  ::  Global Styles  --  Footer Clients  */

#globalFooterClients {
	position: relative; width: 100%; margin: 15px 0 0 0; padding: 20px 0 18px 0;
	background: #282727 url(../images/global-footer-bg.png) no-repeat bottom left;
	height: 74px !important; padding: 0 !important;
	}

#globalFooterLogos {
	position: absolute; left: 0; top: 0;
	visibility: hidden;
	}


/*  ::  Global Styles  --  Footer  */

#globalFooter {
	position: relative; width: 935px; height: 85px; margin: 15px 0 0 0; padding: 15px 0 0 30px;
	background: #282727 url(../images/global-footer-bg.png) no-repeat bottom left;
	}

#globalFooter p.legal {
	font-size: 12px; color: #7b7979;
	line-height: 2.0;
	}

#globalFooter p.legal a {
	font-size: 12px; color: #7b7979;
	text-decoration: underline;
	}

#globalFooter p.locations {
	font-size: 12px; color: #999;
	line-height: 2.0;
	}

#globalFooter p.locations span {
	font-size: 14px; color: #999;
	font-weight: bold;
	}

#globalFooter a.twitter {
	position: absolute; display: block; right: 162px; top: 17px; width: 124px; height: 32px;
	background: url(../images/global-footer-buttons-bg-array.png) no-repeat 0px 0px;
	text-indent: -9999px;

	display: none;
	}

#globalFooter a.twitter:hover {
	background-position: 0 -32px;
	}

#globalFooter a.facebook {
	position: absolute; display: block; right: 22px; top: 17px; width: 124px; height: 32px;
	background: url(../images/global-footer-buttons-bg-array.png) no-repeat -140px 0px;
	text-indent: -9999px;
	}

#globalFooter a.facebook:hover {
	background-position: -140px -32px;
	}


/*  ::  Global Styles  --  Dialogs  */

#dialogs {
	position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 100;
	display: none;
	text-align: left;
	}

#dialogsBackground {
	position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000;
	background: #000;
	opacity: 0; display: none;
	}

#dialogsClientLogin {
	position: absolute; left: 50%; top: 120px; margin: 0 0 0 -195px; width: 390px; padding: 0 0 40px 0; z-index: 1001;
	background: url(../images/dialogs-clientlogin-bg.png) no-repeat top left;
	opacity: 0; display: none;
	}

#dialogsClientLogin h3 {
	margin: 0; padding: 26px 0 17px 30px;
	font: bold 16px arial, geneva, helvetica, sans-serif; color: #663;
	}

#dialogsClientLogin a.close {
	position: absolute; left: 343px; top: 27px;
	opacity: 0.5;
	}

#dialogsClientLogin label {
	float: left; width: 95px; margin: 2px 8px 8px 27px;
	font: normal 12px arial, geneva, helvetica, sans-serif; color: #999;
	text-align: right;
	}

#dialogsClientLogin input.text {
	float: left; width: 180px; margin: 0 8px 12px 0; padding: 2px 3px;
	background: #f0f0f0; border: 1px solid #ddd;
	font: normal 12px arial, geneva, helvetica, sans-serif; color: #666;
	}




/*  ::  Page Styles  --  Home  ::  Featured  */

#homeFeatured {
	position: relative; width: 100%; height: 343px; margin: 0 0 41px 0; padding: 0;
	background: url(../images/home-featured-bg.png) no-repeat top left;
	}

#homeFeatured ul,
#homeFeatured ul li {
	margin: 0; padding: 0; list-style: none;
	}

#homeFeatured1 {
	position: absolute; left: 11px; top: 11px;
	opacity: 0.1;
	}

#homeFeatured2 {
	position: absolute; left: 147px; top: 11px;
	opacity: 0.1;
	}

#homeFeatured3 {
	position: absolute; left: 281px; top: 11px;
	opacity: 0.1;
	}

#homeFeatured4 {
	position: absolute; left: 11px; top: 122px;
	opacity: 0.1;
	}

#homeFeatured5 {
	position: absolute; left: 147px; top: 122px;
	opacity: 0.1;
	}

#homeFeatured6 {
	position: absolute; left: 281px; top: 122px;
	opacity: 0.1;
	}

#homeFeatured7 {
	position: absolute; left: 11px; top: 233px;
	opacity: 0.1;
	}

#homeFeatured8 {
	position: absolute; left: 147px; top: 233px;
	opacity: 0.1;
	}

#homeFeatured9 {
	position: absolute; left: 281px; top: 233px;
	opacity: 0.1;
	}

#homeFeatured a span {
	position: absolute; display: block; right: 0px; top: 0px; width: 50px; height: 50px;
	background: url(../images/home-featured-work-arrow.jpg) no-repeat 0px 0px;
	visibility: hidden;
	}

#homeFeatured a:hover span {
	visibility: visible;
	}


/*  ::  Page Styles  --  Home  ::  Feeds  */

#homeFeeds {
	position: relative; width: 100%; margin: 0; padding: 0;
	background: #201F1F url(../images/home-feeds-bg.png) no-repeat top left;
	}


/*  ::  Page Styles  --  Home  ::  Feeds  ::  Blog  */

#homeFeedsBlog {
	float: left; width: 302px; margin: 0; padding: 34px 0 0 32px;
	}

#homeFeedsBlog p {
	font: normal 12px arial, geneva, helvetica, sans-serif; color: #ccc;
	}

#homeFeedsBlog p.byline {
	margin: 0; padding: 0 10px 0 0; height: 17px; overflow: hidden;
	text-align: right;
	}

#homeFeedsBlog a.animate {
	font: normal 12px arial, geneva, helvetica, sans-serif; color: #ccc;
	text-decoration: none;
	}



/*  ::  Page Styles  --  Home  ::  Feeds  ::  Stuff  */

#homeFeedsStuff {
	float: left; width: 275px; margin: 0; padding: 51px 0 0 32px;
	}

#homeFeedsStuff a.animate {
	font: normal 12px arial, geneva, helvetica, sans-serif; color: #ccc;
	text-decoration: none;
	}



/*  ::  Page Styles  --  Home  ::  Feeds  ::  News  */

#homeFeedsNews {
	float: left; width: 255px; margin: 0; padding: 51px 0 0 32px;
	}

#homeFeedsNews a.animate {
	font: normal 12px arial, geneva, helvetica, sans-serif; color: #ccc;
	text-decoration: none;
	}



/*  ::  Page Styles  --  Cases  ::  Featured  */

#casesFeatured {
	position: relative; width: 100%; height: 343px; margin: 0 0 18px 0; z-index: 1;
	background: url(../images/cases-featured-bg.png) no-repeat top left;
	}

#casesFeaturedLoading {
	position: absolute; left: 402px; top: 130px; width: 140px; padding: 20px 0;
	text-align: center;
	}

#casesFeaturedLoading img {
	position: relative; display: inline; top: 12px; left: -2px;
	}

#casesFeaturedContainer {
	position: absolute; left: 11px; top: 10px; width: 942px; height: 351px; overflow: hidden; z-index: 1;
	}

#casesFeaturedArtboard {
	position: absolute; left: 0; top: 0; width: 18840px;
	visibility: hidden;
	}

#casesFeaturedNext {
	position: absolute; display: block; left: 896px; top: 289px; width: 69px; height: 54px; z-index: 2;
	background: url(../images/cases-featured-button-next-fs8.png) no-repeat top left;
	}

#casesFeaturedNext:hover {
	background-position: 0 -54px;
	}

#casesFeaturedNext b {
	display: none;
	}



/*  ::  Page Styles  --  Cases  ::  Featured  ::  Case Items  */

#casesFeaturedArtboard div.caseItem {
	float: left; position: relative; display: block; width: 942px; height: 323px; overflow: hidden;
	background: #000 url(../images/cases-featured-caseitem-bg.png) repeat-y 513px 0px;
	}

#casesFeaturedArtboard div.caseItem div.photo {
	float: left; position: relative; width: 512px; height: 323px; z-index: 9999;
	}

#casesFeaturedArtboard div.caseItem div.photo div.videoPlayer {
	position: absolute; left: 0px; top: 0px; width: 932px; height: 313px;
	background: #fff; border: 5px solid #666;
	}

#casesFeaturedArtboard div.caseItem div.photo div.videoPlayer div.flashContainer {
	position: absolute; left: 5px; bottom: 5px; width: 544px; height: 304px;
	background: #444;
	}

#casesFeaturedArtboard div.caseItem div.photo div.videoPlayer div.thumbnails {
	position: absolute; left: 565px; top: 10px; width: 360px; height: 300px;
	background: #fff;
	}

#casesFeaturedArtboard div.caseItem div.photo div.videoPlayer div.thumbnails div.listings {
	position: relative; width: 350px; height: 265px; overflow-x: hidden; overflow-y: auto;
	}

#casesFeaturedArtboard div.caseItem div.photo div.videoPlayer div.thumbnails div.thumbItem {
	position: relative; width: 330px; overflow: hidden;
	background: #fee;
	}

#casesFeaturedArtboard div.caseItem div.photo div.videoPlayer div.thumbnails div.thumbItem div.preview {
	float: left; width: 100px; padding: 0 0 15px 0;
	}

#casesFeaturedArtboard div.caseItem div.photo div.videoPlayer div.thumbnails div.thumbItem div.text {
	float: left; width: 230px; padding: 20px 0 15px 0;
	font-size: 13px; font-weight: bold;
	}

#casesFeaturedArtboard div.caseItem div.photo div.videoPlayer div.thumbnails div.thumbItem div.text a {
	color: #cc6633;
	}

#casesFeaturedArtboard div.caseItem div.photo div.videoPlayer img.closeButton {
	position: absolute; top: 5px; right: 5px;
	}

#casesFeaturedArtboard div.caseItem div.text {
	float: left; width: 367px; padding: 30px 0 0 33px; overflow: hidden;
	}

#casesFeaturedArtboard div.caseItem div.text h1 {
	margin: 0; padding: 0 0 2px 0;
	font: bold 20px arial, geneva, helvetica, sans-serif; color: #fff;
	}

#casesFeaturedArtboard div.caseItem div.text h2 {
	margin: 0; padding: 0 0 2px 0;
	font: bold 12px arial, geneva, helvetica, sans-serif; color: #ccc;
	}

#casesFeaturedArtboard div.caseItem div.text h3 {
	margin: 0; padding: 0 0 10px 0;
	font: bold 12px arial, geneva, helvetica, sans-serif; color: #ccc;
	}

#casesFeaturedArtboard div.caseItem div.text h3 a {
	color: #CC6633; text-decoration: none;
	}

#casesFeaturedArtboard div.caseItem div.text p {
	margin: 0; padding: 0 0 16px 0;
	font-size: 12px; line-height: 1.4;
	}

#casesFeaturedArtboard div.caseItem div.text h4 {
	margin: 0; padding: 0 0 2px 0;
	font: bold 14px arial, geneva, helvetica, sans-serif; color: #ccc;
	}



/*  ::  Page Styles  --  Cases  ::  Featured  ::  Case Items  ::  Policy Map  */

#casesFeaturedArtboard div.policymap {
	background: #000 url(../images/cases-featured-caseitem-photo-policymap-bg.jpg) no-repeat 512px 0px !important;
	}



/*  ::  Page Styles  --  Cases  ::  Featured  ::  Case Items  ::  Kelloggs  */

#casesFeaturedArtboard div.kelloggs div.photo a {
	position: absolute; left: 226px; top: 23px; width: 264px; height: 279px;
	background: url(../images/cases-featured-caseitem-photo-kelloggs.jpg) no-repeat -226px -23px;
	}



/*  ::  Page Styles  --  Cases  ::  Featured  ::  Case Items  ::  Rewire Project  */

#casesFeaturedArtboard div.rewireproject {
	background: #000 url(../images/cases-featured-caseitem-photo-rewireproject-bg.jpg) no-repeat 512px 0px !important;
	}



/*  ::  Page Styles  --  Cases  ::  Featured  ::  Case Items  ::  Porsche  */

#casesFeaturedArtboard div.porsche {
	background: #000 url(../images/cases-featured-caseitem-photo-porsche-bg.jpg) no-repeat 512px 0px !important;
	}



/*  ::  Page Styles  --  Cases  ::  Featured  ::  Case Items  ::  Tampax  */

#casesFeaturedArtboard div.tampax div.photo a {
	position: absolute; left: 265px; top: 250px; width: 128px; height: 48px;
	background: url(../images/cases-featured-caseitem-photo-taxpax.jpg) no-repeat -265px -250px;
	}



/*  ::  Page Styles  --  Cases  ::  Featured  ::  Case Items  ::  Sigur Ros  */

#casesFeaturedArtboard div.sigurros {
	background: #000 url(../images/cases-featured-caseitem-photo-sigurros-bg.jpg) no-repeat 512px 0px !important;
	}



/*  ::  Page Styles  --  Cases  ::  Featured  ::  Case Items  ::  Music IP  */

#casesFeaturedArtboard div.musicip {
	background: #000 url(../images/cases-featured-caseitem-photo-musicip-bg.jpg) no-repeat 512px 0px !important;
	}



/*  ::  Page Styles  --  Cases  ::  Featured  ::  Case Items  ::  Subaru  */

#casesFeaturedArtboard div.subaru {
	background: #fff url(../images/cases-featured-caseitem-photo-subaru-bg.jpg) no-repeat 512px 0px !important;
	}

#casesFeaturedArtboard div.subaru #subaruPhoto1 {
	position: absolute; top: 0; left: 0;
	}

#casesFeaturedArtboard div.subaru div.text h1,
#casesFeaturedArtboard div.subaru div.text h4,
#casesFeaturedArtboard div.subaru div.text p {
	color: #333;
	}

#casesFeaturedArtboard div.subaru div.text h2,
#casesFeaturedArtboard div.subaru div.text h3 {
	color: #666;
	}



/*  ::  Page Styles  --  Cases  ::  Featured  ::  Case Items  ::  Dogasaur  */

#casesFeaturedArtboard div.dogasaur {
	overflow: visible; height: 323px;
	background: #fff url(../images/cases-featured-caseitem-photo-dogasaur-bg.jpg) no-repeat 0px 0px !important;
	}

#casesFeaturedArtboard div.dogasaur div.text h1 {
	color: #fff;
	}

#casesFeaturedArtboard div.dogasaur div.text h4,
#casesFeaturedArtboard div.dogasaur div.text p {
	color: #000;
	}

#casesFeaturedArtboard div.dogasaur div.text h2,
#casesFeaturedArtboard div.dogasaur div.text h3 {
	color: #000;
	}

#casesFeaturedArtboard div.dogasaur img.breakout {
	position:absolute;
	bottom:-29px;
	right:349px;
	}



/*  ::  Page Styles  --  Cases  ::  Featured  ::  Case Items  ::  JC Penney  */

#casesFeaturedArtboard div.jcpenney {
	background: url(../images/cases-featured-caseitem-photo-jcpenney-bg.jpg) no-repeat 0 0px !important;
	}

#casesFeaturedArtboard div.jcpenney div.text {
	padding-top: 22px;
	}

#casesFeaturedArtboard div.jcpenney div.text h1 {
	padding-bottom: 4px;
	}

#casesFeaturedArtboard div.jcpenney div.text h3 {
	position: absolute; left: 860px; top: 22px;
	}



/*  ::  Page Styles  --  Cases  ::  Featured  ::  Case Items  ::  IKEA  */

#casesFeaturedArtboard div.ikea {
	overflow: visible; height: 323px;
	background: #fed400 url(../images/cases-featured-caseitem-photo-ikea-bg.jpg) no-repeat 0 0px !important;
	}

#casesFeaturedArtboard div.ikea div.text h1 {
	color: #000;
	}

#casesFeaturedArtboard div.ikea div.text h4,
#casesFeaturedArtboard div.ikea div.text p {
	color: #000;
	}

#casesFeaturedArtboard div.ikea div.text h2,
#casesFeaturedArtboard div.ikea div.text h3 {
	color: #000;
	}



/*  ::  Page Styles  --  Cases  ::  Featured  ::  Case Items  ::  IKEA Yolka Time   */

#casesFeaturedArtboard div.yolkatime {
	overflow: visible; height: 323px;
	background: #031c43 url(../images/cases-featured-caseitem-photo-yolkatime-bg.jpg) no-repeat 512px 0px !important;
	}

#casesFeaturedArtboard div.yolkatime div.text h1 {
	color: #fff;
	}

#casesFeaturedArtboard div.yolkatime div.text h4,
#casesFeaturedArtboard div.yolkatime div.text p {
	color: #fff;
	}

#casesFeaturedArtboard div.yolkatime div.text h2,
#casesFeaturedArtboard div.yolkatime div.text h3 {
	color: #fff;
	}

#casesFeaturedArtboard div.yolkatime div.text h3 a {
	color: #fff; text-decoration: underline;
	}


/*  ::  Page Styles  --  Cases  ::  Featured  ::  Case Items  ::  TRU Vodka  */

#casesFeaturedArtboard div.truvodka {
	background: #fff url(../images/cases-featured-caseitem-photo-truvodka-bg.jpg) no-repeat 0px 0px !important;
	}

#casesFeaturedArtboard div.truvodka div.text h1,
#casesFeaturedArtboard div.truvodka div.text h4,
#casesFeaturedArtboard div.truvodka div.text p,
#casesFeaturedArtboard div.truvodka div.text h2,
#casesFeaturedArtboard div.truvodka div.text h3 {
	color: #fff; width: 300px;
	}


/*  ::  Page Styles  --  Cases  ::  Featured  ::  Case Items  ::  Applied Nutrition  */

#casesFeaturedArtboard div.nutrition {
	background: #E1DFD8 url(../images/cases-featured-caseitem-photo-nutrition-bg.jpg) no-repeat 512px 0px !important;
	}

#casesFeaturedArtboard div.nutrition div.text h1,
#casesFeaturedArtboard div.nutrition div.text h4,
#casesFeaturedArtboard div.nutrition div.text p,
#casesFeaturedArtboard div.nutrition div.text h2,
#casesFeaturedArtboard div.nutrition div.text a,
#casesFeaturedArtboard div.nutrition div.text h3 {
	color: #333;
	}


/*  ::  Page Styles  --  Cases  ::  Featured  ::  Case Items  ::  Lovin  */

#casesFeaturedArtboard div.lovin {
	background: #fff url(../images/cases-featured-caseitem-photo-lovin-bg.jpg) no-repeat 0 0 !important;
	}

#casesFeaturedArtboard div.lovin div.text h1,
#casesFeaturedArtboard div.lovin div.text h4,
#casesFeaturedArtboard div.lovin div.text p,
#casesFeaturedArtboard div.lovin div.text h2,
#casesFeaturedArtboard div.lovin div.text a,
#casesFeaturedArtboard div.lovin div.text h3 {
	color: #333;
	}


/*  ::  Page Styles  --  Cases  ::  Featured  ::  Case Items  ::  Jaritos */

#casesFeaturedArtboard div.jarritos {
	background: #fff url(../images/cases-featured-caseitem-photo-jarritos-bg.jpg) no-repeat 0 0 !important;
	}

#casesFeaturedArtboard div.jarritos div.text h1,
#casesFeaturedArtboard div.jarritos div.text h4,
#casesFeaturedArtboard div.jarritos div.text p,
#casesFeaturedArtboard div.jarritos div.text h2,
#casesFeaturedArtboard div.jarritos div.text a,
#casesFeaturedArtboard div.jarritos div.text h3 {
	color: #333;
	}

/*  ::  Page Styles  --  Cases  ::  Featured  ::  Case Items  ::  Future Shop */

#casesFeaturedArtboard div.futureshop {
	background: #fff url(../images/cases-featured-caseitem-photo-futureshop-bg.jpg) no-repeat 0 0 !important;
	}

#casesFeaturedArtboard div.futureshop div.text h1,
#casesFeaturedArtboard div.futureshop div.text h4,
#casesFeaturedArtboard div.futureshop div.text p,
#casesFeaturedArtboard div.futureshop div.text h2,
#casesFeaturedArtboard div.futureshop div.text a,
#casesFeaturedArtboard div.futureshop div.text h3 {
	color: #333;
	}



/*  ::  Page Styles  --  Cases  ::  Featured  ::  Case Items  ::  Cholula  */

#casesFeaturedArtboard div.cholula {
	background: #fff url(../images/cases-featured-caseitem-photo-cholula-bg.jpg) no-repeat 0 0 !important;
	}

#casesFeaturedArtboard div.cholula div.text h1,
#casesFeaturedArtboard div.cholula div.text h4,
#casesFeaturedArtboard div.cholula div.text p,
#casesFeaturedArtboard div.cholula div.text h2,
#casesFeaturedArtboard div.cholula div.text a,
#casesFeaturedArtboard div.cholula div.text h3 {
	color: #000;
	}



/*  ::  Page Styles  --  Cases  ::  Thumbnails  */

#casesThumbnails {
	position: relative; width: 100%; height: 164px;
	background: url(../images/cases-thumbnails-bg.png) repeat-x top left;
	}

#casesThumbnailsContainer {
	position: absolute; left: 60px; top: 26px; width: 840px; height: 110px; z-index: 1; overflow: hidden;
	}

#casesThumbnailsArtboard {
	position: absolute; left: 0; top: 0; width: 2760px; height: 110px;
	}

#casesThumbnailsPrev {
	position: absolute; display: block; left: -4px; top: 53px; width: 30px; height: 50px;
	background: url(../images/cases-thumbnails-buttons-prev.png) no-repeat top left;
	}

#casesThumbnailsPrev:hover {
	background-position: 0 -50px;
	}

#casesThumbnailsPrev b {
	display: none;
	}

#casesThumbnailsNext {
	position: absolute; display: block; left: 935px; top: 53px; width: 30px; height: 50px;
	background: url(../images/cases-thumbnails-buttons-next.png) no-repeat top left;
	}

#casesThumbnailsNext:hover {
	background-position: 0 -50px;
	}

#casesThumbnailsNext b {
	display: none;
	}





/*  ::  Page Styles  --  Cases  ::  Thumbnails  ::  Thumbnails Items  */

#casesThumbnailsArtboard div.thumbnailItem {
	float: left; position: relative; display: block; width: 140px; height: 110px; overflow: hidden;
	}

#casesThumbnailsArtboard div.thumbnailItem a {
	position: relative; display: block; width: 140px; height: 110px; overflow: hidden;
	background: url(../images/cases-thumbnails-item-bg.png) no-repeat 1px 0px;
	}

#casesThumbnailsArtboard div.thumbnailItem a:hover {
	background-position: 2px -110px;
	}

#casesThumbnailsArtboard div.thumbnailItem a.active,
#casesThumbnailsArtboard div.thumbnailItem a.active:hover {
	background-position: 2px -220px !important;
	}

#casesThumbnailsArtboard div.thumbnailItem a img.base {
	position: absolute; left: 7px; top: 5px;
	}

#casesThumbnailsArtboard div.thumbnailItem a img.over {
	position: absolute; left: 7px; top: 5px;
	opacity: 0.15;
	}

#casesThumbnailsArtboard div.thumbnailItem a.active img.over {
	opacity: 1;
	}



/*  ::  Page Styles  --  What  ::  Content  */

#whatContent {
	position: relative; width: 100%;
	z-index: 1;
	}



/*  ::  Page Styles  --  What  ::  Body  */

#whatBody {
	position: relative; width: 965px; height: 415px;
	background: url(../images/what-body-bg.png) no-repeat 0 0;
	border-bottom: 7px solid #000;
	}

#whatBody p {
	position: absolute; left: 500px; top: 26px;
	font: normal 14px arial, geneva, helvetica, sans-serif; color: #fff;
	}

#whatBody h3 {
	font: bold 14px arial, geneva, helvetica, sans-serif; color: #e06a25;
	}

#whatBody h2 {
	padding: 0 0 30px 0;
	font: normal 20px arial, geneva, helvetica, sans-serif; color: #fff;
	}

#whatBody h4 {
	font: bold 12px arial, geneva, helvetica, sans-serif; color: #ccc;
	}

#whatBody ul {
	margin: 0; padding: 0; list-style: none;
	}

#whatBody li {
	margin: 0; padding: 0 0 3px 0;
	font: normal 14px arial, geneva, helvetica, sans-serif; color: #ccc;
	}

#whatBody div.product {
	position: absolute; left: 50px; top: 84px; width: 410px;
	}

#whatBody div.marketing {
	position: absolute; left: 500px; top: 84px; width: 410px;
	}





/*  ::  Page Styles  --  What  ::  Clients  */

#whatClients {
	position: relative; width: 965px; margin: 0; padding: 64px 0 0 0; overflow: hidden;
	background: #fff url(../images/what-clients-bg.png) no-repeat 0px 0px;
	}

#whatClients h3 {
	margin: 0; padding: 0 0 5px 0;
	font: bold 14px arial, geneva, helvetica, sans-serif; color: #fff;
	}

#whatClients p {
	margin: 0; padding: 0 40px 25px 0;
	font: normal 12px arial, geneva, helvetica, sans-serif;
	}

#whatClients div.consumerText {
	float: left; width: 276px; padding: 0 50px 35px 50px;
	}

#whatClients div.mediaText {
	float: left; width: 270px; padding: 0 23px 35px 0;
	}

#whatClients div.agencyText {
	float: left; width: 280px; padding: 0 0 35px 0;
	}

#whatClients div.logos {
	position: relative; border-top: 3px solid #000;
	}

#whatClients div.logos #whatLogos {
	position: absolute; left: 0; top: 0;
	visibility: hidden;
	}



/*  ::  Page Styles  --  Contact  ::  Content  */

#contactContent {
	position: relative; width: 100%; height: 541px;
	background: url(../images/contact-content-bg.png) no-repeat top left;
	}

#contactContentAddresses {
	position: absolute; left: 158px; top: 70px; width: 275px;
	}

#contactContentAddresses h3 {
	margin: 0; padding: 0 0 4px 0;
	font: bold 14px arial, geneva, helvetica, sans-serif; color: #666633;
	}

#contactContentForm {
	position: absolute; left: 529px; top: 108px; width: 380px;
	}

#contactContentForm label {
	display: block; margin: 0; padding: 0 0 2px 0;
	font: normal 12px arial, geneva, helvetica, sans-serif; color: #ccc;
	}

#contactContentForm input.text {
	display: block; width: 254px; height: 18px; padding: 3px 3px 0 3px;
	background: #fff; border: 1px solid #ccc;
	font: normal 12px arial, geneva, helvetica, sans-serif; color: #000;
	}

#contactContentForm textarea {
	display: block; width: 370px; height: 130px; padding: 3px 0 3px 3px;
	background: #fff; border: 1px solid #ccc;
	}

#contactContentForm input.submit {
	float: right;
	}



/*  ::  Page Styles  --  Blog  ::  Content  */

#blogContent {
	position: relative; width: 100%;
	background: #fff url(../images/blog-content-bg.png) repeat-y top left;
	}



/*  ::  Page Styles  --  Blog  ::  Body  */

#blogBody {
	float: left; position: relative; width: 691px; padding: 30px 0 0 28px;
	}

#blogBody p.breadcrumbs {
	margin: 0; padding: 0 0 24px 0;
	font-size: 11px; color: #666;
	}

#blogBody p.breadcrumbs a {
	color: #C63; text-decoration: none;
	}

#blogBody p.breadcrumbs a:hover {
	color: #C63; text-decoration: underline;
	}

#blogBody #respond {
	padding-top: 20px;
	}

#blogBody textarea {
	width: 90%;
	}

#blogBody div.navigation {
	margin: 0; padding: 0 0 25px 0; overflow: hidden;
	}

#blogBody div.navigation a {
	color: #D15523; text-decoration: none;
	}

#blogBody div.navigation a:hover {
	color: #D15523; text-decoration: underline;
	}

#blogBody div.navigation div.alignleft {
	float: left;
	}

#blogBody div.navigation div.alignright {
	float: right;
	}

#blogBody div.postItem {
	position: relative; width: 691px; margin: 30px 0 60px 0; padding: 0;
	}

#blogBody div.postItem div.authorColumn {
	float: left; width: 94px; overflow: hidden;
	}

#blogBody div.postItem div.authorColumn div.photo {
	position: relative; width: 100%; margin: 0; padding: 0 0 14px 0;
	}

#blogBody div.postItem div.authorColumn div.name {
	position: relative; width: 100%; margin: 0; padding: 0;
	font: normal 12px arial, geneva, helvetica, sans-serif; color: #999;
	}

#blogBody div.postItem div.authorColumn div.name a:hover {
	color: #cc6633; text-decoration: underline;
	}

#blogBody div.postItem div.authorColumn div.name small {
	display: block; padding: 2px 0 0 0;
	font-size: 10px;
	}

#blogBody div.postItem div.authorColumn div.name small a {
	color: #aaa;
	}

#blogBody div.postItem div.authorColumn div.name small a:hover {
	color: #cc6633; text-decoration: underline;
	}

#blogBody div.postItem div.contentColumn {
	float: left; width: 597px; overflow: hidden; padding: 0 0 16px 0;
	}

#blogBody div.postItem div.contentColumn div.postHeader {
	position: relative; width: 100%;
	}

#blogBody div.postItem div.contentColumn div.postHeader h1 {
	margin: 0; padding: 0 0 4px 0;
	font: bold 19px arial, geneva, helvetica, sans-serif; color: #333;
	}

#blogBody div.postItem div.contentColumn div.postHeader h1 a {
	color: #333; text-decoration: none;
	}

#blogBody div.postItem div.contentColumn div.postHeader h1 a:hover {
	color: #333; text-decoration: underline;
	}

#blogBody div.postItem div.contentColumn div.postHeader h4 {
	margin: 0; padding: 0 0 25px 0;
	font: normal 12px arial, geneva, helvetica, sans-serif; color: #333;
	}

#blogBody div.postItem div.contentColumn div.postHeader h4 a {
	color: #D15523; text-decoration: none;
	}

#blogBody div.postItem div.contentColumn div.postHeader h4 a:hover {
	text-decoration: underline;
	}

#blogBody div.postItem div.contentColumn div.postBody {
	position: relative; width: 100%; overflow: hidden;
	font: normal 13px arial, geneva, helvetica, sans-serif; color: #333;
	}

#blogBody div.postItem div.contentColumn div.postBody a {
	color: #D15523; text-decoration: none;
	}

#blogBody div.postItem div.contentColumn div.postBody a:hover {
	color: #D15523; text-decoration: underline;
	}

#blogBody div.postItem div.contentColumn div.postBody em,
#blogBody div.postItem div.contentColumn div.postBody i {
	font-style: italic;
	}

#blogBody div.postItem div.contentColumn div.postBody strong,
#blogBody div.postItem div.contentColumn div.postBody b {
	font-weight: bold;
	}

#blogBody div.postItem div.contentColumn div.postBody img.alignright {
	float: right; margin: 10px 20px 20px 30px;
	}

#blogBody div.postItem div.contentColumn div.postBody img.alignleft {
	float: left; margin: 10px 30px 20px 10px;
	}

#blogBody div.postItem div.contentColumn div.postFooter {
	clear: both; position: relative; width: 100%; margin: 10px 0 0 0; padding: 8px 0 0 0;
	border-top: 1px solid #CDCDC8;
	}

#blogBody div.postItem div.contentColumn div.postFooter p {
	margin: 0; padding: 0; min-height: 30px;
	font: normal 12px/15px arial, geneva, helvetica, sans-serif; color: #333;
	}

#blogBody div.postItem div.contentColumn div.postFooter img {
	position: relative; display: inline; top: 5px; padding: 0 4px;
	}

#blogBody div.postItem div.contentColumn div.postFooter p a {
	color: #D15523; text-decoration: none; padding: 0 4px;
	}

#blogBody div.postItem div.contentColumn div.postFooter p a.rss {
	display: inline; float: right; width: 18px; margin: 0 0 0 8px;
	}

#blogBody div.postItem div.contentColumn div.postFooter p a.rss img {
	display: inline; float: right; width: 18px; margin: 0;
	}

#blogBody div.postItem div.contentColumn div.postFooter p a.share {
	display: inline; float: right; width: 18px; margin: 0 0 0 8px;
	}

#blogBody div.postItem div.contentColumn div.postFooter p a.share img {
	display: inline; float: right; width: 18px; margin: 0;
	}

#blogBody div.postItem div.contentColumn div.alt p {
	line-height: 1.4;
	}

#blogBody div.postItem div.contentColumn div.alt p a {
	padding: 0 !important;
	}

#blogBody div.postItem div.contentColumn div.postFooter p a:hover {
	text-decoration: underline;
	}

#blogBody div.postItem div.contentColumn #comments {
	margin: 0; padding: 30px 0 15px 0;
	font: bold 14px arial, geneva, helvetica, sans-serif; color: #333;
	}

#blogBody div.postItem div.contentColumn .commentlist li {
	font-weight: bold;
	}

#blogBody div.postItem div.contentColumn .commentlist li a {
	color: #CC6633; text-decoration: none;
	}

#blogBody div.postItem div.contentColumn .commentlist li a:hover {
	color: #CC6633; text-decoration: underline;
	}

#blogBody div.postItem div.contentColumn .commentlist li .avatar {
	float: right;
	border: 1px solid #eee; margin: 4px 0 10px 15px;
	padding: 2px;
	background: #fff;
	}

#blogBody div.postItem div.contentColumn .commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	}

#blogBody div.postItem div.contentColumn .commentlist {
	color: #333;
	}

#blogBody div.postItem div.contentColumn .commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	color: #333;
	}



/*  ::  Page Styles  --  Blog  ::  Sidebar  */

#blogSidebar {
	float: left; width: 162px; padding: 38px 17px 50px 55px;
	background: url(../images/blog-sidebar-bg.png) no-repeat top left;
	font: normal 12px arial, geneva, helvetica, sans-serif; color: #ccc;
	}

#blogSidebar a {
	color: #ccc; text-decoration: underline;
	}

#blogSidebar a:hover {
	color: #fff; text-decoration: underline;
	}

#blogSidebar h2 {
	margin: 0; padding: 0 0 4px 0;
	font: normal 16px arial, geneva, helvetica, sans-serif; color: #7B7B33;
	}

#blogSidebar ul {
	margin: 0; padding: 0; list-style: none;
	}

#blogSidebar ul ul {
	margin: 0; padding: 0 0 10px 0;
	}

#blogSidebar div.author div.photo {
	margin: 0; padding: 0 0 10px 0;
	}

#blogSidebar div.author div.details {
	margin: 16px 0; padding: 8px 12px;
	background: #363535;
	}

#blogSidebar div.photos div.content {
	margin: 8px 0; padding: 0 12px;
	background: #000; border-top: 8px solid #000; border-bottom: 8px solid #000;
	text-align: center;
	}

#blogSidebar div.photos div.content img {
	margin: 8px auto;
	}

#blogSidebar div.back2top {
	position: absolute; left: 719px; bottom: 0; width: 246px; height: 43px;
	background: url(../images/blog-sidebar-back2top.png) no-repeat top left;
	}

#blogSidebar div.back2top a {
	position: absolute; display: block; left: 137px; top: 1px; width: 97px; height: 23px;
	background: url(../images/blog-sidebar-back2top.png) no-repeat -137px -1px;
	}

#blogSidebar div.back2top a b {
	display: none;
	}



/*  ::  Page Styles  --  Sitemap  ::  Content  */

#sitemapContent {
	position: relative; width: 865px; padding: 50px;
	background: url(../images/sitemap-content-bg.png) no-repeat top left;
	border-bottom: 11px solid #fff;
	}

#sitemapContent h1 {
	margin: 0; padding: 14px 0 24px 0;
	font: bold 21px arial, geneva, helvetica, sans-serif; color: #666633;
	}

#sitemapContent ul {
	margin: 0 0 0 30px; padding: 0;
	}

#sitemapContent ul ul {
	margin: 7px 0 3px 30px; padding: 0;
	}