/*--------------------------------------------------------*/
	/* GLOBAL + MISC
	/*--------------------------------------------------------*/
	
	body { background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #6e6a61; }
	div#container { width: 923px; margin: 0 auto; }
	div#main { width: 726px; float: right; position: relative; border: solid 1px #ebebeb; border-left: none; }
	a { text-decoration: none; color: #f0464c; }
	a:hover { border-bottom: dotted 1px; }
	
	/*--------------------------------------------------------*/
	/* BUTTONS
	/*--------------------------------------------------------*/
	
	a.button { display: block; background: url(../images/global/buttons.gif) no-repeat; text-indent: -9999px; overflow: hidden; }
	a.button:hover { border: none; }
	a.learn_more { width: 90px; height: 16px; background-position: 0 0; }
	a.learn_more:hover { width: 90px; height: 16px; background-position: -200px 0; }
	a.continue_reading { width: 130px; height: 16px; background-position: 0 -30px; }
	a.continue_reading:hover { width: 130px; height: 16px; background-position: -200px -30px; }
	
	/*--------------------------------------------------------*/
	/* HEADER
	/*--------------------------------------------------------*/
	
	div#header { height: 31px; margin: 38px 0 0 0; position: relative; z-index: 10; }
	div#header h1 { position: absolute; top: 52px; left: 0; }
	div#header h1 a { display: block; width: 127px; height: 23px; background: url(../images/global/coexist.gif); text-indent: -9999px; overflow: hidden; }
	div#header h1 a:hover { border: none; }
	div#header div.bar { width: 1px; height: 96px; background: #ebebeb; overflow: hidden; position: absolute; top: 31px; left: 195px; }
	/* NAV */
	ul#nav { position: absolute; top: 0; right: 0; }
	ul#nav li { display: block; height: 31px; position: absolute; top: 0; }
	ul#nav li a { display: block; height: 31px; text-indent: -9999px; overflow: hidden; background: url(../images/global/nav.gif) no-repeat; }
	ul#nav li a:hover { border: none; }
	ul#nav li.microagency { width: 105px; right: 348px; }
	ul#nav li.microagency a { background-position: 10px 11px; } ul#nav li.microagency a:hover { background-position: 10px -19px; } ul#nav li.microagency a.active { background-position: 10px -49px; }
	ul#nav li.work { width: 54px; right: 283px; }
	ul#nav li.work a { background-position: -105px 11px; } ul#nav li.work a:hover { background-position: -105px -19px; } ul#nav li.work a.active { background-position: -105px -49px; }
	ul#nav li.blog { width: 50px; right: 222px; }
	ul#nav li.blog a { background-position: -171px 11px; } ul#nav li.blog a:hover { background-position: -171px -19px; } ul#nav li.blog a.active { background-position: -171px -49px; }
	ul#nav li.careers { width: 73px; right: 138px; }
	ul#nav li.careers a { background-position: -232px 11px; } ul#nav li.careers a:hover { background-position: -232px -19px; } ul#nav li.careers a.active { background-position: -232px -49px; }
	ul#nav li.news { width: 52px; right: 75px; }
	ul#nav li.news a { background-position: -316px 11px; } ul#nav li.news a:hover { background-position: -316px -19px; } ul#nav li.news a.active { background-position: -316px -49px; }
	ul#nav li.contact { width: 74px; right: -10px; }
	ul#nav li.contact a { background-position: -379px 11px; } ul#nav li.contact a:hover { background-position: -379px -19px; } ul#nav li.contact a.active { background-position: -379px -49px; }
	
	/*--------------------------------------------------------*/
	/* SIDEBAR
	/*--------------------------------------------------------*/
	
	div#sidebar { width: 196px; float: left; margin: 96px 0 0 0; background: #e7e6dc; }
	div#sidebar h2 { display: block; height: 27px; background: url(../images/global/headers.gif); text-indent: -9999px; overflow: hidden; }
	div#sidebar .item { padding: 18px 21px; font-size: 11px; line-height: 15px; color: #494640; border-bottom: solid 3px #fff; }
	div#sidebar .item span { color: #5e251a; }
	div#sidebar .item a.learn_more { margin: 15px 0 0 0; }
	div#sidebar .item h3 { font-size: 16px; font-weight: normal; color: #969188; text-transform: uppercase; margin: 0 0 7px 0; }
	div#sidebar ul.sub_nav li { padding: 17px 14px 9px 14px; border-bottom: solid 3px #fff; }
	div#sidebar ul.sub_nav li a { font-size: 14px; color: #4a4640; text-transform: uppercase; }
	div#sidebar ul.sub_nav li a:hover, div#sidebar ul.sub_nav li a.active { border: none; padding: 0 0 0 10px; background: url(../images/global/arrows.gif) 0 -246px no-repeat; color: #969188; }
	div#sidebar .errors { margin: 10px 0 0 0; font-weight: bold; color: #f0464c; }
	
	/*--------------------------------------------------------*/
	/* HOME
	/*--------------------------------------------------------*/
	
	/* SIDEBAR */
	div#home div#sidebar h2.follow { background-position: 0 -180px; }
	div#home div#sidebar h2.backstage { background-position: 0 -210px; }
	div#home div#sidebar div.feeds ul li { background: url(../images/global/rss.gif) no-repeat; padding: 0 0 0 18px; font-size: 11px; line-height: 15px; color: #4a4640; margin: 0 0 10px 0; }
	div#home div#sidebar div.feeds ul li a { color: #5e251a; text-transform: uppercase; text-decoration: none; }
	div#home div#sidebar div.newsletter input#newsletter_email_address { font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 3px; background: #fff; border: solid 1px #c7c4ba; width: 147px; color: #969188; }
	div#home div#sidebar div.newsletter input#newsletter_sign_up { display: block; width: 61px; height: 15px; background: url(../images/global/buttons.gif) 0 -210px; text-indent: -9999px; border: none; margin: 8px 0 0 0; padding: 0; float: right; font-size: 0; line-height: 0; }
	div#home div#sidebar div.newsletter input#newsletter_sign_up:hover { background-position: -200px -210px; }
	div#home div#sidebar div.social ul li a { color: #00b0eb; text-transform: uppercase; }
	div#home div#sidebar div.social { border-bottom-width: 7px; }
	div#home div#sidebar div.backstage { font-size: 9px; text-transform: uppercase; color: #4a4640; border: none; }
	div#home div#sidebar div.backstage input { font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 3px; background: #fff; border: solid 1px #c7c4ba; width: 147px; color: #969188; margin: 4px 0 0 0; }
	div#home div#sidebar div.backstage input#backstage_sign_in { display: block; width: 58px; height: 15px; background: url(../images/global/buttons.gif) 0 -240px; text-indent: -9999px; border: none; margin: 8px 0 0 0; padding: 0; float: right; font-size: 0; line-height: 0; }
	div#home div#sidebar div.backstage input#backstage_sign_in:hover { background-position: -200px -240px; }
	div#home div#sidebar div.backstage input#backstage_username { margin: 8px 0 0 0; }
	div#home div#sidebar div.backstage input#backstage_password { display: none; }
	/* FEATURE */
	div#home div#main div.feature { background: #fff; width: 726px; height: 385px; }
	/* WORK */
	div#home div#main { background: #fff url(../images/home/content_bg.gif); }
	div#home div#main div.work { width: 362px; float: left; }
	div#home div#main div.work div.featured_projects { width: 362px; height: 217px; position: relative; }
	div#home div#main div.work div.featured_projects div.title { width: 362px; height: 53px; background: url(../images/home/title_bg.png); position: absolute; top: 0; left: 0; z-index: 10; }
	div#home div#main div.work div.featured_projects div.title h3 { position: absolute; top: 22px; left: 35px; font-size: 18px; text-transform: uppercase; color: #969188; }
	div#home div#main div.work div.featured_projects div.title h3 span { color: #fff; }
	div#home div#main div.work div.featured_projects div.title a { display: block; width: 15px; height: 19px; background: url(../images/global/arrows.gif) 5px -145px no-repeat; position: absolute; top: 18px; right: 26px; text-indent: -9999px; overflow: hidden; outline: none; }
	div#home div#main div.work div.featured_projects div.title a:hover { border: none; }
	div#home div#main div.work div.featured_projects div.title a.next:hover { background-position: 5px -245px; }
	div#home div#main div.work div.featured_projects div.title a.previous { right: 46px; background-position: 5px -95px; }
	div#home div#main div.work div.featured_projects div.title a.previous:hover { background-position: 5px -195px; }
	div#home div#main div.work div.featured_projects div.frame { display: block; width: 362px; height: 217px; position: absolute; top: 0; left: 0; overflow: hidden; z-index: 5; }
	div#home div#main div.work div.featured_projects ul { display: block; width: 362px; height: 217px; position: absolute; top: 0; left: 0; }
	div#home div#main div.work div.featured_projects ul li { display: block; width: 362px; height: 217px; float: left; position: relative; }
	div#home div#main div.work div.featured_projects ul li a { display: block; width: 362px; height: 217px; position: absolute; top: 0; left: 0; font-size: 10px; line-height: 10px; font-weight: bold; color: #fff; text-transform: uppercase; }
	div#home div#main div.work div.featured_projects ul li a:hover { border: none; }
	div#home div#main div.work div.featured_projects ul li a img { position: absolute; top: 0; left: 0; }
	div#home div#main div.work div.featured_projects ul li a span { display: block; width: 327px; height: 13px; background: url(../images/home/featured_overlay.png); position: absolute; bottom: 0; left: 0; padding: 2px 0 0 35px; }
	div#home div#main div.work div.featured_projects ul li a:hover span { background-position: 0 -15px; }
	div#home div#main div.work div.feed { border-top: solid 5px #fff; }
	div#home div#main div.work div.feed div.title { width: 362px; height: 53px; background: #848078; position: relative; }
	div#home div#main div.work div.feed div.title h3 { position: absolute; top: 22px; left: 35px; font-size: 18px; text-transform: uppercase; color: #e4e4db; }
	div#home div#main div.work div.feed div.title h3 span { color: #fff; }
	div#home div#main div.work div.feed div.title a { display: block; width: 138px; height: 15px; position: absolute; top: 22px; right: 0; background: url(../images/global/buttons.gif) 0 -270px; text-indent: -9999px; }
	div#home div#main div.work div.feed div.title a:hover { background-position: -200px -270px; border: none; }
	div#home div#main div.work div.feed ul { padding: 13px 0 25px 1px; }
	div#home div#main div.work div.feed ul li { padding: 9px 33px; border-bottom: solid 1px #a9a59c; font-size: 22px; }
	div#home div#main div.work div.feed ul li a { color: #fff; display: inline-block; }
	div#home div#main div.work div.feed ul li a:hover { border: none; padding: 0 0 0 14px; background: url(../images/global/arrows.gif) 2px -245px no-repeat; }
	/* BLOG */
	div#home div#main div.blog { width: 360px; float: right; padding: 0 0 25px 0; }
	div#home div#main div.blog div.title { width: 360px; height: 53px; background: #848078; position: relative; }
	div#home div#main div.blog div.title h3 { position: absolute; top: 22px; left: 35px; font-size: 18px; text-transform: uppercase; color: #e4e4db; }
	div#home div#main div.blog div.title h3 span { color: #fff; }
	div#home div#main div.blog div.title a { display: block; width: 138px; height: 15px; position: absolute; top: 22px; right: 0; background: url(../images/global/buttons.gif) 0 -300px; text-indent: -9999px; }
	div#home div#main div.blog div.title a:hover { background-position: -200px -300px; border: none; }
	div#home div#main div.blog ul { border-top: solid 1px #a9a59c; }
	div#home div#main div.blog ul li { padding: 19px 34px 40px 34px; border-bottom: solid 1px #a9a59c; position: relative; font-size: 11px; line-height: 16px; color: #fff; }
	div#home div#main div.blog ul li h4 { font-size: 22px; font-weight: normal; line-height: 25px; margin: 0 0 5px 0; }
	div#home div#main div.blog ul li h4 a { color: #fff; }
	div#home div#main div.blog ul li a.continue { display: block; width: 138px; height: 15px; background: url(../images/global/buttons.gif) 0 -330px; text-indent: -9999px; position: absolute; bottom: 0; right: 0; }
	div#home div#main div.blog ul li a.continue:hover { border: none; background-position: -200px -330px; }
	/* CONTACT */
	div#home div#main div.contact { background: #fff; clear: both; position: relative; height: 140px; }
	div#home div#main div.contact div.address { font-size: 10px; line-height: 13px; color: #969188; position: absolute; top: 23px; left: 35px; text-transform: uppercase; }
	div#home div#main div.contact div.address h3 { font-size: 14px; font-weight: normal; line-height: 17px; color: #4a4640; text-transform: uppercase; }
	div#home div#main div.contact div.portland { left: 280px; }
	div#home div#main div.contact div.link { position: absolute; top: 30px; left: 553px; font-size: 11px; line-height: 15px; color: #4a4640; text-transform: uppercase; }
	div#home div#main div.contact div.link a { color: #7ac142; }
	div#home div#main div.contact div.line { width: 726px; height: 1px; overflow: hidden; background: #dee4b8; position: absolute; bottom: 15px; left: 0; }
	
	/*--------------------------------------------------------*/
	/* MICROAGENCY
	/*--------------------------------------------------------*/

	div#microagency div#main { background: #fff; }
	div#microagency div#main.approach { height: 640px; }
	div#microagency div#main.approach div.feature { height: 400px; background: url(../images/microagency/feature.jpg) center 12px no-repeat; }
	div#microagency div#main.approach p { display: block; font-size: 13px; line-height: 17px; color: #6e6a61; width: 470px; margin: 0 0 20px 127px; }
	div#microagency div#main.leadership { padding: 40px; width: 646px; }
	div#microagency div#main.leadership div.leader { padding: 0 0 50px 0; }
	div#microagency div#main.leadership div.leader div.image { width: 151px; float: left; }
	div#microagency div#main.leadership div.leader div.image img { display: block; margin: 0 0 5px 0; }
	div#microagency div#main.leadership div.leader div.image a { font-size: 10px; font-weight: bold; color: #5e251a; text-decoration: none; text-transform: uppercase; padding: 0 0 0 8px; background: url(../images/global/arrows.gif) 0 -248px no-repeat; }
	div#microagency div#main.leadership div.leader div.text { width: 460px; float: right; }
	div#microagency div#main.leadership div.leader h3 { font-size: 17px; line-height: 17px; display: inline; color: #cfd72c; text-transform: uppercase; padding: 0 20px 0 0; }
	div#microagency div#main.leadership div.leader h4 { font-size: 14px; line-height: 17px; display: inline; color: #000; text-transform: uppercase; padding: 0 5px; }
	div#microagency div#main.leadership div.leader p { font-size: 14px; line-height: 17px; color: #666; margin: 20px 0 0 0; }
	div#microagency div#main.clients { padding: 40px; width: 646px; }
	div#microagency div#main.clients h3 { font-size: 11px; font-weight: bold; color: #5e251a; text-transform: uppercase; display: block; margin: 30px 0 20px 0; }
	div#microagency div#main.clients ul { display: block; width: 215px; float: left; font-size: 12px; line-height: 30px; color: #4a4640; }
	div#microagency div#main.clients a.button { width: 157px; height: 15px; background-position: 0 -570px; margin: 20px 0 0 0; }
	div#microagency div#main.clients a.button:hover { background-position: -200px -570px; }
	
	/*--------------------------------------------------------*/
	/* WORK
	/*--------------------------------------------------------*/
	
	div#work div#sidebar h2 { background-position: 0 -30px; }
	div#work div#main div#content { background: #fff; }
	div#work div.pretty_smart { height: 116px; text-indent: -9999px; background: url(../images/work/pretty_smart.gif) right center no-repeat; margin: 0 20px 0 0; }
	/* LANDING */
	div#work.landing div#content { padding: 30px 40px; }
	div#work.landing div.left { display: block; width: 400px; float: left; }
	div#work.landing div#content h3 { display: block; width: 548px; height: 69px; background: url(../images/work/quote.gif); text-indent: -9999px; margin: 0 0 40px 0; }
	div#work.landing div#content h4 { font-size: 11px; font-weight: bold; color: #494640; text-transform: uppercase; }
	div#work.landing div.left ul { padding: 5px 0 50px 0; }
	div#work.landing div.left ul li { padding: 4px 0; position: relative; }
	div#work.landing div.left ul li div { display: none; width: 149px; height: 88px; background: url(../images/work/rollover.gif); position: absolute; top: -27px; left: -165px; }
	div#work.landing div.left ul li.hover div { display: block; }
	div#work.landing div.left ul li div img { position: absolute; top: 4px; left: 4px; width: 134px; height: 80px; }
	div#work.landing div#content h5 { font-size: 35px; line-height: 35px; font-weight: normal; letter-spacing: -1px; }
	div#work.landing div#content h5 a { display: inline-block; color: #5e251a; }
	div#work.landing div#content h5 a:hover { color: #f0464c; border: none; }
	div#work.landing div.right { display: block; width: 242px; float: right; }
	div#work.landing div.right ul { display: block; width: 242px; height: 270px; background: url(../images/work/aha_moments.gif); position: relative; }
	div#work.landing div.right ul li { display: block; width: 224px; height: 73px; position: absolute; left: 9px; }
	div#work.landing div.right ul li a { display: block; height: 73px; text-indent: -9999px; background-position: 23px 15px; background-repeat: no-repeat; }
	div#work.landing div.right ul li a:hover { border: none; }
	div#work.landing div.right ul li.ff { top: 30px; }
	div#work.landing div.right ul li.ff a { background-image: url(../images/work/aha/ff.gif); }
	div#work.landing div.right ul li.ip { top: 108px; }
	div#work.landing div.right ul li.ip a { background-image: url(../images/work/aha/ip.gif); }
	div#work.landing div.right ul li.lol { top: 187px; }
	div#work.landing div.right ul li.lol a { background-image: url(../images/work/aha/lol.gif); }
	/* DETAIL */
	div#work.detail div#content { padding: 20px 50px; }
	div#work.detail div#sidebar h3 { font-size: 13px; line-height: 13px; font-weight: bold; color: #494640; text-transform: uppercase; margin: 20px 0 0 20px; }
	div#work.detail div#sidebar ul { margin: 8px 0 0 20px; font-size: 11px; line-height: 22px; }
	div#work.detail div#sidebar ul a { color: #6e6a61; }
	div#work.detail div#sidebar ul a:hover { color: #f0464c; }
	div#work.detail div#sidebar ul li a.active { color: #bcb5a9; }
	div#work.detail div.title { height: 60px; position: relative; background: #cfcfc8; margin: 1px 0 0 0; }
	div#work.detail div.title h3 { font-size: 28px; line-height: 28px; color: #fff; position: absolute; top: 22px; left: 50px; }
	div#work.detail div.title div.share { display: none; }
	div#work.detail div.lead_in h4 { width: 400px; float: left; font-size: 17px; line-height: 21px; color: #6e6a61; }
	div#work.detail div.lead_in div.image { border: solid 2px #cfcfc8; padding: 2px; float: right; width: 164px; }
	div#work.detail div.lead_in div.image a:hover { border: none; }
	div#work.detail div.block { margin: 25px 0 0 0; font-size: 12px; line-height: 17px; color: #545351; }
	div#work.detail div.block h5 { font-weight: bold; color: #6e6a61; }
	div#work.detail div.block p { margin: 0 15px 0 0; }
	div#work.detail div.block div.image { border: solid 2px #cfcfc8; padding: 2px; margin: 10px auto; width: 408px; }
	div#work.detail div.block div.image a:hover { border: none; }
	div#work.detail div.split { margin: 25px 0 0 0; font-size: 12px; line-height: 17px; color: #545351; }
	div#work.detail div.split div.copy { width: 400px; float: left; }
	div#work.detail div.split div.image { border: solid 2px #cfcfc8; padding: 2px; float: right; width: 164px; }
	div#work.detail div.split div.image a:hover { border: none; }
	div#work.detail div.related_projects { border: solid 1px #cfcfc8; margin: 30px 0 50px 0; }
	div#work.detail div.related_projects h6 { background: #cfcfc8; font-size: 11px; line-height: 11px; font-weight: bold; color: #fff; padding: 6px 12px; }
	div#work.detail div.related_projects ul { padding: 10px 10px 10px 0; float: left; }
	div#work.detail div.related_projects ul li { display: block; width: 290px; float: left; font-size: 10px; color: #666666; margin: 0 0 0 12px; }
	* html div#work.detail div.related_projects ul li { margin: 0 0 0 6px; }
	div#work.detail div.related_projects ul li div.image { padding: 1px; border: solid 1px #cdcdc8; float: left; margin: 0 10px 0 0; }
	div#work.detail div.related_projects ul li div.image a:hover { border: none; }
	div#work.detail div.related_projects ul li a { font-weight: bold; color: #7ac142; text-transform: uppercase; }
	/* VIEWER */
	div#viewer_overlay { display: none; background: #4a4640; position: absolute; top: 0; left: 0; width: 100%; }
	div#viewer { display: none; width: 100%; height: 559px; position: absolute; top: 0; left: 0; background: #fff; }
	div#viewer div.header { width: 720px; height: 27px; background: url(../images/work/viewer_header.gif); position: absolute; top: 0; left: 3px; }
	div#viewer div.header h4 { font-size: 11px; line-height: 11px; color: #6e6a61; position: absolute; top: 8px; left: 18px; }
	div#viewer div.header a { display: block; width: 91px; height: 27px; background: #dee4b8 url(../images/global/close.gif) center -42px no-repeat; position: absolute; top: 0; right: 0; text-indent: -9999px; }
	div#viewer div.header a:hover { border: none; background-color: #bbca6d; background-position: center 8px; }
	div#viewer div.viewer_title { width: 720px; height: 70px; background: none; margin: 0; padding: 0; position: absolute; top: 27px; left: 3px; }
	div#viewer div.viewer_title h3 { font-size: 22px; line-height: 22px; color: #6e6a61; position: absolute; top: 20px; left: 18px; }
	div#viewer div#viewer_container { display: block; width: 720px; height: 462px; position: absolute; top: 97px; left: 3px; background: #000; }
	div#viewer div.shadow { width: 100%; height: 9px; position: absolute; bottom: -9px; left: 0; background: url(../images/work/viewer_shadow.gif); overflow: hidden; }
	/* AHA MOMENTS */
	div#aha_moments_overlay { display: none; background: #4a4640; position: absolute; top: 0; left: 0; width: 100%; }
	div#aha_moments { display: none; width: 100%; height: 559px; position: absolute; top: 0; left: 0; background: #fff; }
	div#aha_moments div.header { width: 720px; height: 27px; background: url(../images/work/viewer_header.gif); position: absolute; top: 0; left: 3px; }
	div#aha_moments div.header a { display: block; width: 91px; height: 27px; background: #dee4b8 url(../images/global/close.gif) center -42px no-repeat; position: absolute; top: 0; right: 0; text-indent: -9999px; }
	div#aha_moments div.header a:hover { border: none; background-position: center 8px; background-color: #bbca6d; }
	div#aha_moments div.content { display: none; height: 529px; position: absolute; left: 0; bottom: 0; }
	div#aha_moments div.content div.title { height: 73px; border-bottom: solid 1px #dee4b8; position: relative; }
	div#aha_moments div.content div.title h3 { display: block; width: 220px; height: 25px; position: absolute; left: 37px; top: 26px; text-indent: -9999px; }
	div#aha_moments div#aha_ff div.title h3 { background: url(../images/work/aha/title/ff.gif) no-repeat; }
	div#aha_moments div#aha_ip div.title h3 { background: url(../images/work/aha/title/ip.gif) no-repeat; }
	div#aha_moments div#aha_lol div.title h3 { background: url(../images/work/aha/title/lol.gif) no-repeat; }
	div#aha_moments div.content div.feature { display: block; width: 508px; height: 455px; float: left; }
	div#aha_moments div#aha_ff div.feature { background: url(../images/work/aha/feature/ff.gif); }
	div#aha_moments div#aha_ip div.feature { background: url(../images/work/aha/feature/ip.gif); }
	div#aha_moments div#aha_lol div.feature { background: url(../images/work/aha/feature/lol.gif); }
	div#aha_moments div.content div.info { width: 145px; float: left; margin: 50px 0 0 20px; font-size: 11px; line-height: 15px; color: #333; }
	div#aha_moments div.content div.info h4 { display: block; margin: 0 0 25px 0; text-indent: -9999px; }
	div#aha_moments div#aha_ff div.info h4 { width: 122px; height: 36px; background: url(../images/work/aha/info/ff.gif); }
	div#aha_moments div#aha_ip div.info h4 { width: 119px; height: 58px; background: url(../images/work/aha/info/ip.gif); }
	div#aha_moments div#aha_lol div.info h4 { width: 119px; height: 35px; background: url(../images/work/aha/info/lol.gif); }
	div#aha_moments div.content div.info p { margin: 0 0 25px 0; }
	div#aha_moments div.content div.info a { font-size: 12px; font-weight: bold; text-transform: uppercase; color: #f0464c; padding: 0 9px 0 0; background: url(../images/work/aha/arrow.gif) right 3px no-repeat; }
	div#aha_moments div.shadow { width: 100%; height: 9px; position: absolute; bottom: -9px; left: 0; background: url(../images/work/viewer_shadow.gif); overflow: hidden; }
	
	/*--------------------------------------------------------*/
	/* BLOG
	/*--------------------------------------------------------*/
	
	div#blog div#sidebar h2 { background-position: 0 -60px; }
	div#blog div.sharing_is_important { height: 116px; text-indent: -9999px; background: url(../images/blog/sharing_is_important.gif) right center no-repeat; margin: 0 12px 0 0; }
	div#blog ul.categories li a { font-size: 14px; line-height: 22px; text-decoration: none; text-transform: uppercase; }
	div#blog div.follow_us { border: none; }
	/* POSTS */
	div#blog div.posts { width: 518px; float: left; }
	div#blog div.post { padding: 20px 42px 20px 42px; background: #fff; border-right: solid 2px #ebebeb; border-bottom: solid 2px #ebebeb; margin: 0 0 8px 0; }
	div#blog div.post h4 { font-size: 11px; line-height: 13px; color: #6e6a61; }
	div#blog div.post h3 { font-size: 22px; line-height: 27px; color: #5e251a; margin: 0 0 15px 0; }
	div#blog div.post h3 a { color: #5e251a; }
	div#blog div.post img { margin: 0 0 15px 0; width: 425px; }
	div#blog div.post p { margin: 0 0 15px 0; }
	div#blog div.post div.body { padding: 0 0 20px 0; }
	div#blog div.post div.meta { font-size: 10px; line-height: 13px; color: #6e6a61; position: relative; width: 425px; padding: 0 0 2px 0; }
	div#blog div.post div.meta span { text-transform: capitalize; color: #5e251a; }
	div#blog div.post div.meta a { color: #5e251a; }
	div#blog div.post div.meta a.continue_reading { position: absolute; top: 0; right: 0; }
	/* PAGINATION LINKS */
	div#blog div.archive { position: relative; height: 16px; }
	div#blog div.archive a.fresher { width: 155px; height: 16px; background-position: 0 -60px; float: right; margin: 0 0 0 10px; }
	div#blog div.archive a.fresher:hover { background-position: -200px -60px; }
	div#blog div.archive a.less_fresh { width: 183px; height: 16px; background-position: 0 -90px; float: right; margin: 0 0 0 10px; }
	div#blog div.archive a.less_fresh:hover { background-position: -200px -90px; }
	/* SINGLE POST */
	div#blog div.home { padding: 0 22px 10px 22px; border-bottom: solid 2px #e7e6dc; margin: 0 0 20px 0; background: url(../images/global/arrows.gif) 8px -43px no-repeat; position: relative; }
	div#blog div.home a { font-size: 10px; font-weight: bold; color: #6e6a61; text-decoration: none; text-transform: uppercase; }
	div#blog div.home div.viewing { position: absolute; top: -2px; right: 10px; font-size: 10px; font-weight: bold; color: #6e6a61; text-transform: uppercase; }
	div#blog div.home div.viewing strong { font-size: 16px; font-weight: normal; color: #4a4640; }
	div#blog div.single div.post div.body img { width: 640px; }
	div#blog div.single div.post div.meta { width: 640px; }
	/* COMMENTS */
	div#comments { padding: 30px 0 0 0; }
	div#comments div.reply { background: #f3f3eb; padding: 20px 30px; margin: 0 0 8px 0; }
	div#comments div.reply h2 { font-size: 13px; line-height: 13px; font-weight: bold; text-transform: uppercase; color: #4a4640; display: block; margin: 0 0 15px 0; }
	div#comments div.reply input,div#comments div.reply textarea { display: block; width: 200px; background: #fff; border: solid 1px #ebeae2; padding: 3px 7px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #6e6a61; float: left; margin: 0 10px 10px 0; clear: left; }
	div#comments div.reply textarea { width: 315px; height: 100px; float: right; clear: none; margin: 0; }
	div#comments div.reply a.submit { width: 60px; height: 16px; background-position: 0 -120px; float: right; margin: 13px 0 0 10px; }
	div#comments div.reply a.submit:hover { background-position: -200px -120px; }
	div#comments div.reply a.cancel { display:none; width: 63px; height: 16px; background-position: 0 -180px; float: right; margin: 13px 0 0 0; }
	div#comments div.reply a.cancel:hover { background-position: -200px -180px; }
	div#comments div.inline a.cancel { display: block; }
	div#comments div.reply input#comment_post_ID,div#comments div.reply input#comment_parent { display: none; }
	div#comments div.comment { padding: 20px 110px 20px 30px; border-top: solid 2px #e7e6dc; position: relative; font-size: 11px; line-height: 15px; color: #4a4640; }
	div#comments div.depth-1 { padding-left: 30px; }
	div#comments div.depth-2 { padding-left: 60px;}
	div#comments div.depth-3 { padding-left: 90px; }
	div#comments div.depth-2 h3, div#comments div.depth-3 h3 { background: url(../images/global/arrows.gif) 0 5px no-repeat; padding: 0 0 0 15px; position: relative; left: -15px; }
	div#comments div.comment h3 { font-size: 13px; line-height: 13px; font-weight: bold; text-transform: uppercase; color: #4a4640; display: block; margin: 0 0 15px 0; }
	div#comments div.comment a.reply { width: 52px; height: 16px; background-position: 0 -150px; position: absolute; top: 20px; right: 30px; }
	div#comments div.comment a.reply:hover { background-position: -200px -150px; }
	/* LINKS */
	div#blog div.links { width: 184px; float: right; margin: 0 12px 0 0; }
	div#blog div.links p { display: block; margin: 0 0 15px 0; }
	div#blog div.links ul { padding: 0 0 15px 0; }
	div#blog div.links h4 { color: #969188; text-transform: uppercase; }
	div#blog div.links a { color: #5e251a; }
	div#blog div.links a.subscribe { display: block; height: 30px; border-top: solid 2px #e4e4db; border-bottom: solid 2px #ebebeb; background: url(../images/blog/subscribe.gif) 12px 11px no-repeat; text-indent: -9999px; overflow: hidden; }
	div#blog div.links .item { padding: 18px 12px; font-size: 11px; line-height: 15px; color: #494640; border-bottom: solid 2px #ebebeb; }
	div#blog div.links .item span { color: #5e251a; }
	div#blog div.links .item h3 { font-size: 13px; font-weight: bold; color: #494640; text-transform: uppercase; margin: 0 0 10px 0; }
	div#blog div.links div.social_media div { display: block; width: 144px; height: 54px; border: solid 1px #ebebeb; position: relative; }
	div#blog div.links div.social_media div span { display: none; width: 130px; padding: 10px 15px; background: #fff; border: solid 1px #ebebeb font-size: 11px; line-height: 15px; color: #6e6a61; text-indent: 0; position: absolute; bottom: 46px; left: 33px; }
	div#blog div.links div.social_media div span em { display: block; width: 15px; height: 8px; position: absolute; bottom: -8px; left: 20px; background: url(../images/blog/quote.gif); }
	div#blog div.links div.social_media div a:hover span { display: block; }
	div#blog div.links div.social_media div a { display: block; width: 144px; height: 54px; position: absolute; top: 0; left: 0; text-indent: -9999px; background: url(../images/global/spacer.gif); }
	div#blog div.links div.social_media div a:hover { border: none; }
	div#blog div.links div.social_media div.flickr { background: #fff url(../images/blog/flickr.gif) center no-repeat; margin: 0 0 20px 0; }
	div#blog div.links div.social_media div.vimeo { background: #80ceff url(../images/blog/vimeo.gif) center no-repeat; }
	
	/*--------------------------------------------------------*/
	/* CAREERS
	/*--------------------------------------------------------*/
	
	div#careers div#sidebar h2 { background-position: 0 -90px; }
	div#careers div#main { background: #fff; }
	div#careers div#main div.feature { width: 726px; height: 249px; background: url(../images/careers/free_range_creatives.jpg) center no-repeat; text-indent: -9999px; }
	/* POSITIONS */
	div#careers div#main div.positions { padding: 22px 48px 80px 48px; }
	div#careers div#main div.positions h4 { display: block; width: 199px; height: 42px; background: url(../images/careers/get_a_job.gif); text-indent: -9999px; margin: 0 60px 29px 0; float: left; }
	div#careers div#main div.positions div.intro { width: 370px; height: 45px; background: url(../images/careers/curious_and_creative.gif); float: left; text-indent: -9999px; }
	div#careers div#main div.positions h5 { font-size: 14px; font-weight: bold; color: #6e6a61; }
	div#careers div#main div.positions ul { margin: 11px 0 0 0; }
	div#careers div#main div.positions ul li { padding: 15px 0; border-top: solid 1px #e4e4db; border-bottom: solid 1px #e4e4db; margin: 0 0 3px 0; }
	div#careers div#main div.positions ul li a.toggle { display: block; background: url(../images/careers/toggle.gif) right 0 no-repeat; font-size: 11px; line-height: 11px; font-weight: bold; color: #4a4640; text-transform: uppercase; }
	div#careers div#main div.positions ul li a.toggle span { color: #999; padding: 0 0 0 8px; }
	div#careers div#main div.positions ul li.open a.toggle, div#careers div#main div.positions ul li a.toggle:hover { background-position: right -30px; border: none; }
	div#careers div#main div.positions ul li div.dropdown { display: none; padding: 30px 60px; margin: 0; font-size: 12px; line-height: 17px; color: #4a4640; }
	div#careers div#main div.positions ul li div.dropdown p { margin: 0 0 15px 0; }
	div#careers div#main div.positions ul li div.dropdown p a.apply { padding: 0 0 0 8px; background: url(../images/work/aha/arrow.gif) 0 2px no-repeat; text-transform: uppercase; font-size: 10px; font-weight: bold; }
	div#careers div#main div.positions ul li h6 { font-weight: bold; }
	div#careers div#main div.positions ul li div.dropdown ul { display: block; margin: 0 0 20px 0; }
	div#careers div#main div.positions ul li div.dropdown ul li { border: none; padding: 0; margin: 0; }
	div#careers div#main div.positions div.apply_online { padding: 24px 40px 32px 40px; margin: 30px 0 0 0; background: #e4e4db; position: relative; }
	div#careers div#main div.positions div.apply_online p { display: block; width: 260px; height: 47px; background: url(../images/careers/dream_job.gif); text-indent: -9999px; }
	div#careers div#main div.positions div.apply_online a { display: block; width: 156px; height: 25px; background: url(../images/global/buttons.gif) 0 -450px; position: absolute; top: 19px; right: 0; text-indent: -9999px; }
	div#careers div#main div.positions div.apply_online a:hover { border: none; background-position: -200px -450px; }
	/* APPLY */
	div#careers div#main div.form { width: 420px; float: right; margin: 0 44px 0 0; padding: 30px 0 60px 0; }
	div#careers div#main div.form label { font-size: 26px; line-height: 26px; color: #4a4640; display: block; text-align: right; clear: both; margin: 30px 0 4px 0; }
	div#careers div#main div.form input,div#careers div#main div.form textarea, div#careers div#main div.form div.filename { width: 390px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 13px; color: #969188; background: #e4e4db; padding: 13px 13px 10px 13px; border: none; margin: 0; }
	div#careers div#main div.form textarea { height: 185px; }
	div#careers div#main div.form .active { background: #969188; color: #f3f3eb; }
	div#careers div#main div.form input#first_name, div#careers div#main div.form input#last_name { width: 160px; float: right; margin: 0 0 0 10px; }
	div#careers div#main div.form input#phone_area, div#careers div#main div.form input#phone_exchange, div#careers div#main div.form input#phone_number { width: 60px; float: right; margin: 0 0 0 10px; }
	div#careers div#main div.form input#phone_number { width: 90px; }
	div#careers div#main div.form span.line { display: block; width: 15px; height: 18px; border-bottom: solid 2px #4a4640; float: right; margin: 0 0 0 10px; }
	div#careers div#main div.form input#send { display: block; width: 98px; height: 36px; background: url(../images/global/buttons.gif) 0 -390px; text-indent: -9999px; font-size: 0; line-height: 0; float: right; margin: 32px 0 0 0; }
	div#careers div#main div.form input#send:hover { background-position: -200px -390px; }
	.styled_file div.wrapper { width: 420px; height: 36px; background: url(../images/contact/browse.gif) 0 0 no-repeat; display: block; overflow: hidden; cursor: pointer; }
	div#careers div#main div.form input.file, .styled_file div.wrapper input.file { position: relative; height: 100%; width: auto; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
	div#careers div#main div.form div.filename { display: none; }
	
	/*--------------------------------------------------------*/
	/* NEWS
	/*--------------------------------------------------------*/
	
	/* SIDEBAR */
	div#news div#sidebar h2 { background-position: 0 -120px; }
	div#news div#sidebar div.item { font-size: 11px; text-transform: uppercase; color: #4a4640; }
	div#news div#sidebar div.subscribe div.rss { background: url(../images/global/rss.gif) no-repeat; padding: 0 0 0 19px; margin: 10px 0 0 0; }
	div#news div#sidebar div.subscribe a { font-size: 11px; text-transform: uppercase; color: #5e251a; }
	div#news div#sidebar div.item h3 { font-size: 12px; }
	div#news div#sidebar a.email { display: block; width: 52px; height: 15px; background: url(../images/global/buttons.gif) 0 -480px; text-indent: -9999px; margin: 10px 0 0 0; }
	div#news div#sidebar a.email:hover { border: none; background-position: -200px -480px; }
	/* GRID */
	div#news div#main { background: #fff; height: 550px; position: relative; }
	div#news div#main div.pos_1 { width: 362px; height: 330px; border-right: solid 2px #e7e6dc; border-bottom: solid 2px #e7e6dc; float: left; }
	div#news div#main div.pos_2,div#news div#main div.pos_3 { width: 362px; height: 164px; border-bottom: solid 2px #e7e6dc; float: left; }
	div#news div#main div.pos_4,div#news div#main div.pos_5,div#news div#main div.pos_6,div#news div#main div.pos_7 { width: 180px; height: 218px; border-right: solid 2px #e7e6dc; float: left; }
	div#news div#main div.pos_7 { border: none; }
	div#news div#main div.item { position: relative; }
	div#news div#main div.item div.news { padding: 25px; }
	div#news div#main div.item h4 { color: #969188; display: inline; font-weight: normal; text-transform: uppercase; font-size: 16px; line-height: normal; }
	div#news div#main div.item h5 { color: #4a4640; display: inline; font-weight: normal; text-transform: uppercase; font-size: 16px; line-height: normal; }
	div#news div#main div.large h4, div#news div#main div.large h5 { font-size: 40px; line-height: 38px; display: block; }
	div#news div#main div.medium h4, div#news div#main div.medium h5 { font-size: 24px; line-height: 24px; }
	div#news div#main div.item p { font-size: 11px; line-height: 13px; color: #545351; display: block; margin: 10px 0 0 0; }
	div#news div#main div.hover { background: url(../images/global/diag.gif); }
	div#news div#main div.item a.continue { display: block; width: 138px; height: 15px; background: url(../images/global/buttons.gif) 0 -510px; text-indent: -9999px; position: absolute; bottom: 0; right: 0; }
	div#news div#main div.item a.continue:hover,div#news div#main div.hover a.continue { border: none; background-position: -200px -510px; }
	div#news div#main div.item a.full { display: block; position: absolute; top: 0; left: 0; text-indent: -9999px; background: url(../images/global/spacer.gif); z-index: 20; }
	div#news div#main div.item a.full:hover { border: none; }
	div#news div#main div.large a.full { width: 362px; height: 330px; }
	div#news div#main div.medium a.full { width: 362px; height: 164px; }
	div#news div#main div.small a.full { width: 180px; height: 218px; }
	/* POPUP */
	div#news div#main div#news_overlay { display: none; width: 726px; height: 550px; background: #4a4640; position: absolute; top: 0; left: 0; z-index: 30; overflow: hidden; }
	div#news div#main div#news_popup { display: none; width: 442px; height: 550px; background: #fff; position: absolute; top: 0; right: 0; z-index: 40; }
	div#news div#main div#news_popup.left { left: 0; right: auto; }
	div#news div#main div#news_popup div.header { width: 438px; height: 27px; background: url(../images/work/viewer_header.gif); position: absolute; top: 2px; left: 2px; }
	div#news div#main div#news_popup div.header a { display: block; width: 91px; height: 27px; background: #dee4b8 url(../images/global/close.gif) center -42px no-repeat; position: absolute; top: 0; right: 0; text-indent: -9999px; }
	div#news div#main div#news_popup div.header a:hover { border: none; background-position: center 8px; background-color: #bbca6d; }
	div#news div#main div#news_popup div.frame { width: 420px; height: 473px; position: absolute; top: 46px; left: 12px; overflow: auto; font-size: 11px; color: #545351; line-height: 14px; }
	div#news div#main div#news_popup div.frame div.info { padding: 25px 30px; position: relative; }
	div#news div#main div#news_popup div.frame div.info a.share { display: block; width: 55px; height: 15px; background: url(../images/global/buttons.gif) 0 -540px; position: absolute; top: 7px; right: 25px; text-indent: -9999px; }
	div#news div#main div#news_popup div.frame div.info a.share:hover { border: none; background-position: -200px -540px; }
	div#news div#main div#news_popup div.frame div.info h4 { font-size: 18px; display: block; color: #969188; font-weight: normal; line-height: 18px; text-transform: uppercase; }
	div#news div#main div#news_popup div.frame div.info h5 { font-size: 18px; display: block; color: #4a4640; font-weight: normal; line-height: 18px; margin: 0 0 15px; text-transform: uppercase; }
	div#news div#main div#news_popup div.frame div.info p { margin: 0 0 15px 0; }
	div#news div#main div#news_popup div.frame div.loading { display: block; height: 200px; background: url(../images/global/loading.gif) center no-repeat; }
	
	/*--------------------------------------------------------*/
	/* CONTACT
	/*--------------------------------------------------------*/
	
	/* SIDEBAR */
	div#contact div#sidebar h2 { background-position: 0 -150px; }
	div#contact div#sidebar div.item a { display: block; width: 103px; height: 15px; background: url(../images/global/buttons.gif) 0 -360px; text-indent: -9999px; margin: 13px 0 0 0; }
	div#contact div#sidebar div.item a:hover { border: none; background-position: -200px -360px; }
	div#contact div#main { background: #fff; }
	div#contact div#main div.information { width: 140px; float: left; text-transform: uppercase; font-size: 11px; line-height: 14px; color: #969188; padding: 65px 0 0 40px; }
	div#contact div#main div.information div.line { display: block; width: 114px; height: 2px; background: #e4e4db; overflow: hidden; margin: 30px 0 10px 0; }
	div#contact div#main div.information a { color: #7ac142; }
	div#contact div#main div.information div.social a { color: #00b0eb; }
	div#contact div#main div.form { width: 420px; float: right; margin: 0 44px 0 0; padding: 30px 0 60px 0; }
	div#contact div#main div.form label { font-size: 26px; line-height: 26px; color: #4a4640; display: block; text-align: right; clear: both; margin: 30px 0 4px 0; }
	div#contact div#main div.form input,div#contact div#main div.form textarea, div#contact div#main div.form div.filename { width: 390px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 13px; color: #969188; background: #e4e4db; padding: 13px 13px 10px 13px; border: none; margin: 0; }
	div#contact div#main div.form textarea { height: 185px; }
	div#contact div#main div.form .active { background: #969188; color: #f3f3eb; }
	div#contact div#main div.form input#first_name, div#contact div#main div.form input#last_name { width: 160px; float: right; margin: 0 0 0 10px; }
	div#contact div#main div.form input#send { display: block; width: 98px; height: 36px; background: url(../images/global/buttons.gif) 0 -390px; text-indent: -9999px; font-size: 0; line-height: 0; float: right; margin: 32px 0 0 0; }
	div#contact div#main div.form input#send:hover { background-position: -200px -390px; }
	.styled_file div.wrapper { width: 420px; height: 36px; background: url(../images/contact/browse.gif) 0 0 no-repeat; display: block; overflow: hidden; cursor: pointer; }
	div#contact div#main div.form input.file, .styled_file div.wrapper input.file { position: relative; height: 100%; width: auto; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
	div#contact div#main div.form div.filename { display: none; }

	/*--------------------------------------------------------*/
	/* FORM POPUP
	/*--------------------------------------------------------*/

	div#form_overlay { display: none; width: 726px; background: #4a4640; position: absolute; top: 0; left: 0; z-index: 20; }
	div#form_popup { display: none; width: 442px; height: 200px; background: #fff; position: absolute; top: 50%; left: 50%; z-index: 40; margin: -100px 0 0 -221px; }
	div#form_popup div.header { width: 438px; height: 27px; background: url(../images/work/viewer_header.gif); position: absolute; top: 2px; left: 2px; }
	div#form_popup div.header a { display: block; width: 91px; height: 27px; background: #dee4b8 url(../images/global/close.gif) center -42px no-repeat; position: absolute; top: 0; right: 0; text-indent: -9999px; }
	div#form_popup div.header a:hover { border: none; background-position: center 8px; background-color: #bbca6d; }
	div#form_popup div.frame { width: 400px; position: absolute; top: 46px; left: 22px; font-size: 11px; color: #545351; line-height: 14px; }
	div#form_popup div.frame iframe { width: 400px; height: 140px; border: none; margin: 0; padding: 0; overflow: hidden; }

	/*--------------------------------------------------------*/
	/* FOOTER
	/*--------------------------------------------------------*/
	
	div#footer { height: 100px; clear: both; margin: 0 0 0 0; padding: 20px 0 0 0; color: #666; font-size: 10px; text-transform: uppercase; }
	div#footer a { color: #969188; font-weight: bold; }
	div#footer ul { display: block; }
	div#footer ul li { display: inline; padding: 0 10px; }