@charset "utf-8";
/* CSS Document */

html { background:url(../img/home/bg.jpg) }
body { margin:0px; padding:0px; background:#374857 url(../img/body.png) top center no-repeat fixed; font-size:11pt; font-family:"Orator STD",Helvetica,Verdana,Arial; color:#000; }
body { background:url(../img/home/h-big2.jpg) top center no-repeat fixed; }
a { cursor:pointer; }
p { margin:0px; padding:0px; }
a img { border:none; }

/* Important Form - Used Throughout the Site */
.important-contact input[type=submit] { border:none; background:none; color:#fff; font-size:14pt; font-family:"Orator STD"; }
.important-contact input[type=text], .important-contact textarea { border:none; background:#4589a4; border-top:1px solid #375663; border-left:1px solid #375663; border-bottom:1px solid #6c8b98; border-right:1px solid #6c8b98; width:272px; }
.important-contact fieldset { border:none; margin:0px; padding:0px; }
.important-contact ol { list-style:none; margin:0px; padding:0px; }
.important-contact ol li#message { margin-top:10px; }

/* Contact Form */
.contact-form { margin:0px 61px; }
.contact-form ol li label { color:#5d5e61; }
.contact-form input[type=submit] { color:#000; float:right; }
.contact-form input[type=text], .contact-form textarea { background:#7ecbe4; border-color:#3A3B95 #6190CD #3A8BD2 #3A3B95; border-style:solid; border-width:1px; border-right-width:2px; }
.contact-form #social { width:407px; float:left; margin-top:75px; }
.contact-form .contact-inputs { width:272px; float:left; overflow:hidden; margin-top:26px; }
.contact-form #social .t-center { text-align:center; }
.contact-form #social #social-icons { margin:0px auto; height:31px; width:242px; list-style:none; padding:0px; }
.contact-form #social #social-icons li { float:left; margin-right:20px; }

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

/* Home */
body.home { background:url(../img/home/bg.jpg); }
body.home #header-line { position:absolute; top:0px; left:50%; margin-left:-437px; background:url(../img/header-studio.jpg) 0px 0px no-repeat; width:875px; z-index:100; }
body.home #header-graphic { display:none; background:none; }
body.home #content { position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:50; }

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

/* Studio */
body.studio #header-line { background:url(../img/header-studio.jpg) 0px 0px no-repeat; }
body.studio #nav #studio { background:url(../img/header-select-studio.jpg) 0px 4px repeat-x; }
body.studio #sub-header { height:239px; }
body.studio #content { margin-bottom:37px; }
body.studio #content p { padding:0px; line-height:1.9em; text-align:justify; letter-spacing:0.11em; }
body.studio #studio-player embed { border-top:1px solid #000; }
body.studio .text-header { background:url(../img/title-studio.png) top center no-repeat; height:18px; margin:20px 0px 40px 0px; }
body.studio .left-bio { float:left; margin:0 0 0 10px; padding:0; width:325px; }
body.studio .right-bio { float:left; margin:0 0 0 99px; padding:0; width:325px; }

body.studio #bios { display:none; }
body.studio .left-bio .website, body.studio .right-bio .website { margin-top:20px; text-align:center; }

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

/* Contact */
body.contact #header-line { background:url(../img/header-studio.jpg) 0px 0px no-repeat; }
body.contact #nav #contact { background:url(../img/header-select-studio.jpg) 0px 4px repeat-x; }
body.contact #sub-header { height:84px; width:875px; background:url(../img/contact-title-image.jpg) 0px 0px no-repeat; margin-left:-37px; }
body.contact #show-us { margin:0px; margin-top:26px; }
body.contact #show-us img { cursor:pointer; }
body.contact #show-contact { display:none; }
body.contact .text-header { height:17px; background-position:61px 0px; background-repeat:no-repeat; }
body.contact .text-sub-header { margin-top:12px; height:12px; background-position:61px 0px; background-repeat:no-repeat; }
body.contact .img { height:32px; overflow:visible; margin:0px; margin-bottom:10px; }

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

/* Recent Work */
body.work #header-line { background:url(../img/header-studio.jpg) 0px 0px no-repeat; }
body.work #nav #work { background:url(../img/header-select-studio.jpg) 0px 4px repeat-x; }
body.work #sub-header { height:96px; background:url(../img/work-title-image.jpg) top center no-repeat; }
body.work #content { margin-bottom:65px; }
#recent-work { width:734px; margin:auto; background:#000; }
	#spare { background-image:url(../img/work/spare.jpg); }
		/*#spare .player { background:url(../img/work/player/spare.jpg) 0px 0px no-repeat; }*/	
	#dentyne { background-image:url(../img/work/dentyne.jpg); }
		/*#dentyne .player { background:url(../img/work/player/dentyne.jpg) 0px 0px no-repeat; }*/
	#mtv { background-image:url(../img/work/mtv.jpg); }
		/*#mtv .player { background:url(../img/work/player/mtv.jpg) 0px 0px no-repeat; }*/
	#autodesk { background-image:url(../img/work/autodesk.jpg); }
		/*#autodesk .player { background:url(../img/work/player/autodesk.jpg) 0px 0px no-repeat; }*/
	#hh-greeg { background-image:url(../img/work/hh-greeg.jpg); }
		/*#hh-greeg .player { background:url(../img/work/player/hh-greeg.jpg) 0px 0px no-repeat; }*/
	#wind-mobile { background-image:url(../img/work/wind-mobile.jpg); }
		/*#wind-mobile .player { background:url(../img/work/player/wind-mobile.jpg) 0px 0px no-repeat; }*/
	#true-blood { background-image:url(../img/work/true-blood.jpg); }
		/*#true-blood .player { background:url(../img/work/player/true-blood.jpg) 0px 0px no-repeat; }*/
	#cleveland-clinic { background-image:url(../img/work/cleveland-clinic.jpg); }
		/*#cleveland-clinic .player { background:url(../img/work/player/cleveland-clinic.jpg) 0px 0px no-repeat; }*/
.portfolio-item { padding-bottom:15px; background-position:0px 0px; background-repeat:no-repeat; background-color:#000; }
.portfolio-item a.preview { height:141px; width:100%; display:block; }
.portfolio-item a.preview span { display:none; background:url(../img/work/recent-work-r.jpg) 0px 100% no-repeat; width:17px; margin-left:-17px; }
.portfolio-item a:hover.preview span { display:block; }
.player { text-align:center; position:relative; background:url(../img/work/player/Player_BG_BW.jpg) 0px -1px no-repeat; }
	.player .flash-border { padding-top:45px; margin:0px; }
	.player a.cs { height:38px; width:121px; margin:0px auto; padding-top:4px; display:block; }
	.player img.ph { margin:30px auto 11px auto; }
	.player embed { border:1px solid #444444; }
	.player a.close { position:absolute; top:30px; left:671px; height:24px; width:24px; display:block; }
	.player .work-subtitle { color:#fff; margin:0px; padding:0px; padding-top:20px; }
	
/* ------------------------------------ */

/* Services */
body.services #header-line { background:url(../img/header-studio.jpg) 0px 0px no-repeat; }
body.services #nav #services { background:url(../img/header-select-studio.jpg) 0px 4px repeat-x; }
body.services #sub-header { height:69px; background:url(../img/services-title-image.jpg) top center no-repeat; }
body.services #content { margin-bottom:65px; }
	body.services #services-accordion { display:none; }
	body.services #services-accordion h3 { background-position:0px 0px; background-repeat:no-repeat; margin:0px; margin-left:-37px; width:875px; }
	body.services #services-accordion h3 .title { height:69px; position:relative; margin:0px; padding:0px; display:block; background-position:96px 32px; background-repeat:no-repeat; }
	body.services .inner-pane h4 { margin:0px; margin-left:59px; }
	body.services .inner-pane h4 a { background-position:40px 0px; background-repeat:no-repeat; height:17px; margin-bottom:10px; margin-left:0px; width:100%; height:100%; display:block; }
	body.services .inner-pane div { padding-bottom:10px; margin:0px; margin-left:99px; }

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

/* Case Studies */
body.case-study #header-line { background:url(../img/header-studio.jpg) 0px 0px no-repeat; }

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

/* General */
#container { width:875px; margin:auto; background:#dadce0; }
#header-line { height:30px; position:relative; }
	#nav-bg { position:absolute; top:0px; left:20px; height:100%; z-index:100; display:none; }
	#nav { color:#fff; padding:0px; margin:0px 20px; display:block; list-style:none; letter-spacing:0.11em; overflow:hidden; height:100%; position:absolute; top:0px; left:0px; width:835px; z-index:200; }
	#nav li { line-height:36px; padding:0px 5px; font-size:12pt; height:100%; }
	#nav li.fleft { margin-right:10px; float:left; }
	#nav li.fright { margin-left:10px; float:right; }	
		#nav li p { margin:0px; padding:0px; height:100%; width:100%; display:block; }
			#nav li p a { height:100%; width:100%; display:block; }
	#nav li#studio { width:71px; }
	/*#nav li#studio:hover { background:url(../img/header-select-studio.jpg) repeat-x scroll 0 4px transparent; }*/
		#nav li#studio p { background:url(../img/header-nav.png) -17px 0px no-repeat; }
	#nav li#services { width:95px; }
	/*#nav li#services:hover { background:url(../img/header-select-services.jpg) repeat-x scroll 0 4px transparent; }*/
		#nav li#services p { background:url(../img/header-nav.png) -118px 0px no-repeat; }
	#nav li#work { width:121px; }
	/*#nav li#work:hover { background:url(../img/header-select-work.jpg) repeat-x scroll 0 4px transparent; }*/
		#nav li#work p { background:url(../img/header-nav.png) -234px 0px no-repeat; }
	#nav li#blog { width:47px; margin-left:36px; }
	/*#nav li#blog:hover { background:url(../img/header-select-studio.jpg) repeat-x scroll 0 4px transparent; }*/
		#nav li#blog p { background:url(../img/header-nav.png) -412px 0px no-repeat; }
	#nav li#contact { width:70px; }
	/*#nav li#contact:hover { background:url(../img/header-select-contact.jpg) repeat-x scroll 0 4px transparent; }*/
		#nav li#contact p { background:url(../img/header-nav.png) -660px 0px no-repeat; }
	#nav li#client { width:119px; }
		#nav li#client p { background:url(../img/header-nav.png) -748px 0px no-repeat; }
	
#header-graphic { height:180px; background:url(../img/igloo.jpg) 0px 0px no-repeat; }
#content { margin-top:0px; margin-left:37px; margin-right:37px; }
#footer { height:220px; background:url(../img/footer.jpg) 0px 0px no-repeat; color:#fff; }
	#footer #social { width:100%; margin-right:-369px; float:left; }
		#footer #social-insert { padding-top:17px; padding-left:65px; width:274px; padding-right:141px; }
		#footer #social-icons { margin:0px auto; height:31px; width:242px; list-style:none; padding:0px; }
		#footer #social-icons li { float:left; margin-right:20px; }
		#footer #social p { font-size:14pt; }
	#footer #contact { width:272px; float:left; height:204px; overflow:hidden; }
	#footer #copyright { clear:both; color:#000; font-family:arial; font-size:0.65em; text-align:center; }

/* Special Case Footer */
body.contact #footer { background:url(../img/contact-footer.jpg) 0px 0px no-repeat; clear:both; height:110px; margin-top:26px; }

/* Special Case Index */
body.home #container { width:100%; background:none; }
body.home #content { margin:0px; }

/* Classings */
.noshow { display:none; }
.full-divider { width:875px; margin-left:-37px; }
.divider, .full-divider { height:22px; background:url(../img/divider.jpg) 0px 0px repeat-x; }
.t-center { text-align:center; }
.clear { clear:both; }

.left-column { float:left; width:414px; margin:0px; padding:0px; }
.right-column { float:right; width:362px; margin:0px; margin-left:25px; padding:0px; text-align:center; }

.left { float:left; }
.right { float:right; }

/* Parallax */
body.studio .parallax { position:relative; overflow:hidden; width:801px; height:239px; margin:auto;}
body.home .parallax, body.home .not-parallax { position:relative; overflow:hidden; width:100%; max-width:1920px; height:100%; max-height:1080px; margin:auto; }