@charset "UTF-8";
* {margin: 0; padding: 0;} ul, li {list-style: none;} img {border:none;} a {text-decoration:none; outline: none;} 
.center {margin-left: auto; margin-right:auto;} .left {float:left;} .right {float:right;} .clear {clear:both;}

body {font:62.5% normal Arial, Helvetica, sans-serif; color:#444; background: #2a2a2a;}

	div#header {width: 924px; overflow: hidden;}

h1#logo {background: url(/images/design/logo.png) no-repeat; height:70px; width: 192px; text-indent: -9999px; margin-top: 28px }
	h1#logo a {display: block; height: 100%; width:100%;}

a.button {background:url(/images/design/button_green.jpg) repeat-x; height:32px;  padding: 3px 9px; font-size:10px;
	border:none; color:#fff!important; text-decoration: none !important;}

/* Navigation */
ul#main_nav {width:665px;  height: 20px; overflow: hidden; float:right; margin-top: 75px;}
	ul#main_nav li {height: 20px; text-indent: -9999px; float:left; background: url(/images/design/newNav.gif) no-repeat; }
		ul#main_nav li a {height:20px; display: block; background: url(/images/design/newNav.gif) no-repeat; }
	
		ul#main_nav li.web, ul#main_nav li.web a {width:43px; background-position: 0 top;}
		ul#main_nav li.web a:hover, ul#main_nav li.web a.current {width:43px; background-position: 0px bottom;}

		ul#main_nav li.print, ul#main_nav li.print a {width:63px; background-position: -43px top;}
		ul#main_nav li.print a:hover, ul#main_nav li.print a.current {width:63px; background-position: -43px bottom;}

		ul#main_nav li.pub, ul#main_nav li.pub a {width:123px; background-position: -106px top;}
		ul#main_nav li.pub a:hover, ul#main_nav li.pub a.current {width:123px; background-position: -106px bottom;}

		ul#main_nav li.video, ul#main_nav li.video a {width:78px; background-position: -229px top;}
		ul#main_nav li.video a:hover, ul#main_nav li.video a.current {width:78px; background-position: -229px bottom;}

		ul#main_nav li.photography, ul#main_nav li.photography a {width:127px; background-position: -306px top;}
		ul#main_nav li.photography a:hover, ul#main_nav li.photography a.current {width:127px; background-position: -306px bottom;}

		ul#main_nav li.about, ul#main_nav li.about a {width:70px; background-position: -432px top;}
		ul#main_nav li.about a:hover, ul#main_nav li.about a.current {width:70px; background-position: -432px bottom;}

		ul#main_nav li.careers, ul#main_nav li.careers a {width:73px; background-position: -502px top;}
		ul#main_nav li.careers a:hover, ul#main_nav li.careers a.current {width:73px; background-position: -502px bottom;}

		ul#main_nav li.contact, ul#main_nav li.contact a {width:85px; background-position: -575px top;}
		ul#main_nav li.contact a:hover, ul#main_nav li.contact a.current {width:85px; background-position: -575px bottom;}
			
/* Splash */
div#spa_header_wrp {height: 123px; background: url(/images/design/header_bg.jpg) repeat-x top #1f2745; }

div#feature_wrp {height: 352px; background: url(/images/design/feature_bg.png) repeat-x #f2f0ef; color:#fff;}
	div#feature {width:924px; height:100%; position: relative; overflow: hidden; }
	
div#slide_wrp {width:785px; height:277px; overflow: hidden; position: absolute; top:28px; left:82px;}
	
	a#prev, a#next {text-indent: -9999px; width: 43px; height:67px; display:block; position: absolute; top: 125px; }
	a#prev {background: url(/images/design/feature_prev.png) no-repeat; left:0;  }
	a#next {background: url(/images/design/feature_next.png) no-repeat; right:0;  }

div.slide {width:100%; height:277px; overflow: hidden; background: url(/images/design/feature_slide_bg.jpg) repeat-x;}
	div.slide h1 {font-size: 2.5em; font-weight: normal; letter-spacing: 0.05em;}
	div.slide h2 {font-size: 1.8em; font-weight: normal; margin-bottom: 0.2em;}
	div.slide p {font-size: 1.2em; width:385px; margin-bottom: 1.25em; line-height: 140%; text-align: justify;}
		p.slide_summary{overflow: hidden; }

		div.slide_hr {height:2px; width: 387px; line-height: 0; display: block; background: url(/images/design/feature_hr.png) no-repeat; margin: 5px 0 15px 0; font-size: 0;}

div.slide_left_col {width:415px;}

/* Splash - Welcome */
div#welcome_wrp {height:300px; background: url(/images/design/welcome_bg.jpg) repeat-x top #f2f0ef; }
	div#welcome {width: 760px; height:100%; overflow: hidden; }
		div#welcome h1 {font-size: 1.95em; margin-top:17px;}
		div#welcome ul {margin:35px 25px 0 0; font-size: 13px; font-weight: bold; }
			div#welcome ul li {border-bottom: 1px solid #444; padding-bottom: 8px; margin: 8px 0; width:130px;}
				div#welcome ul li a {color:#444;}
					div#welcome ul li a:hover {color:#999;}
		div#welcome p {font-size: 1.25em; margin-top:40px; line-height: 150%;}
		
	div#welcome_left {width:313px; height:100%; overflow: hidden; }
	div#welcome_right {width:415px; height:100%; }
	div#welcome_line {width:11px; height: 100%; background: url(/images/design/welcome_line.jpg) no-repeat; }


/* Interior - Global */
div#masthead_wrp {color: #2a2a2a; border-bottom: 1px solid #666;}
	div#masthead {width:924px; text-align: right; overflow: hidden}
		div#masthead a {color: #d2d2d2; font-size: 0.9em; padding: 8px 0 4px 0; display: block;}
			div#masthead a:hover {text-decoration: underline;}
div#header_wrp {height: 141px; background: url(/images/design/header_bg.jpg) repeat-x #1f2745; }
div.int_wrp {width:920px; overflow: hidden;}
	div.int_col {width:385px; overflow: hidden;}

p.summary {line-height: 185%;}

div#interior {background: #f2f0ef; padding: 30px 0 60px 0; }
	div#interior h1 {font-size: 1.9em; margin-bottom: 2px; }
		div#interior h1.title {font-size: 2.3em;}
	div#interior h2 {font-size: 1.4em; margin-bottom: 3px;}
	div#interior p {font-size:1.2em; }
		div#interior p.back_top {margin-top: 10px;}
			div#interior p.back_top a {display: block; width:78px; height: 24px; text-indent: -9999px; background: url(/images/design/but_top.jpg) no-repeat;}
	div#interior a {color: #444; text-decoration: underline;}
		div#interior a:hover {text-decoration: none;}
	
	div#interior ul {margin: 5px 0 5px 15px; font-size: 1.2em;}
		div#interior ul li {list-style-type: disc;}

	div#interior ol {margin: 5px 0 5px 25px; font-size: 1.2em;}
		div#interior ol li {list-style-type: upper-alpha;}

	a.i_button {display: none;}

/* Interior - Web */
div.web_wrp {width: 918px; overflow: hidden; margin-top: 15px; margin-bottom: 30px;}
div.shadow_long {height:24px; background: url(/images/design/shadow_long.jpg) repeat-x;}
div.shadow_green {height:33px; background: url(/images/design/shadow_green.jpg) repeat-x; margin-bottom:25px;}

div.work_desc {margin-bottom: 10px;}
img.print_photo {margin-bottom: 17px;}

/* Interior - Contact */
div#contact_left {width:290px; overflow: hidden;}
div#contact_left p {line-height: 20px;}
div#contact_left textarea {width:284px; height:100px; font:12px normal Arial, Helvetica, sans-serif; padding: 2px;  }
	input.txt_long {margin: 2px 0 10px 0; width: 282px; padding: 2px 0 2px 2px; }
	
div#contact_right {width:505px;}
div#contact_right p {margin:3px 0px 9px 0px; line-height: 1.4;}

/* Interior - About */
div#about_left {width:615px; }
	div#about_left {line-height: 200%;}

div#about_right {width: 210px; padding-left:50px;  border-left: 1px solid #cfcfcf; }
	div#about_right ul {margin: 0; padding: 0;}
		div#about_right ul li {margin:0; padding: 0; list-style: none; line-height: 150%;}
			div#about_right ul li a {text-decoration: none;}
			div#about_right ul li a:hover {text-decoration: underline;}
/* Interior - Awards */
img.award_thumb  {
width:100px;
}
div.award_group .right {
padding-left:35px;
}
div.award_entry {
float:left;
margin:0 0 15px;
padding-bottom:15px;
width:290px;
}
div.award_group {
clear:both;
float:left;
margin-top:30px;
width:100%;
border-bottom: 1px solid #CFCFCF;
}
div.award_entry p {font-weight:bold; font-size: 12px;}
div.award_entry h4 {font-weight:normal; font-size: 12px;}
div.award_entry h3 {font-weight:normal; font-size:12px;}
p.award_bug  {
color:#666666;
height:auto;
overflow:visible;
margin-left:20px;
min-height:35px;
}
p.award_bug img {
margin-bottom:-14px;
margin-right:8px;
margin-top:12px;
margin-left:-20px;
}


/* Interior - Careers */
div#careers_left {width:615px; }
	div#careers_left {line-height: 200%;}

div#careers_right {width: 210px; padding-left:50px;  border-left: 1px solid #cfcfcf; }
	div#careers_right ul {margin: 0; padding: 0;}
		div#careers_right ul li {margin:0; padding: 0; list-style: none; line-height: 150%;}
			div#careers_right ul li a {text-decoration: none;}
			div#careers_right ul li a:hover {text-decoration: underline;}

/* Interior - Video */
div.int_wrp_v {width:720px; overflow: hidden;}
	div.int_col_v {width:355px;}
		a.i_video {display: none;}




/* theRiley  vp */
div.playlist {width:730px; overflow: hidden; }

/*
div#playlist ul {width: 100%; margin: 5px 0 0 0; float:left; overflow: hidden; } 
	div#playlist ul li {float: left; display: block; width: 225px; height: 160px; margin: 0 15px 10px 0; overflow: hidden; position: relative;}
	div#playlist ul li img {width:225px;}
	div#playlist ul li h1 {font-size:1em; color:#444; letter-spacing: 0.02em;}
		div#playlist ul li div.vid_hover {display: block; height: 130px; width:225px; background: url(/images/design/play_hover_s.png) no-repeat; position: absolute; z-index: 50; display: none; }
*/

div.playlist ul {width: 100%; margin: 5px 0 0 0 !important; float:left; overflow: hidden; padding: 0 !important;} 
	div.playlist ul li {float: left; display: block; width: 350px; height:225px; margin: 0 15px 10px 0; overflow: hidden; position: relative;}
	
	div.playlist ul#ngaus li {width: 505px; height:296px;}
	
	div.playlist ul li img {width:345px;}
	div.playlist ul#ngaus li img {width:505px;}
	
	div.playlist ul li h1 {font-size:1em !important ; color:#444; letter-spacing: 0.02em;}
		div.playlist ul li div.vid_hover {display: block; height: 199px; width:345px;  background: url(/images/design/play_hover.png) no-repeat; position: absolute; z-index: 50; display: none; }


/*
div#playlist ul#reels li {width: 345px; height:220px; }
	div#playlist ul#reels li img {width:345px;}
div#playlist ul#reels li div.vid_hover { height: 199px; width:345px;  background: url(/images/design/play_hover.png) no-repeat;  }
*/
div#vp_holder {display: none;}








/* Footer */
div#footer {padding:10px 0; overflow: hidden; border-top: 1px solid #666;}
div#footer p {margin:2px 0; color:#bbb; font-size: 10px; text-align: center;}
	div#footer p.f_links a{margin:0 5px;}

	div#footer a {color: #bbb; text-decoration: underline; }
	div#footer a:hover {text-decoration: none;}
	


/* Hide iPhone*/
div#i_header, #i_main_nav, #i_feature {display: none;}


/* Fancybox settings */
html, body {
	height: 100%;
}

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	/*height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');*/
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('/images/design/fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url('/images/design/fancy_loading.gif') no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #333;
	background: #000;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #000;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('/images/design/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	/*background-image: url(data:image/gif;base64,AAAA);*/
	outline: none;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('/images/design/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('/images/design/fancy_right.png') no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('/images/design/fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('/images/design/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('/images/design/fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('/images/design/fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('/images/design/fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('/images/design/fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('/images/design/fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('/images/design/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(/images/design/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(/images/design/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(/images/design/fancy_title_right.png) repeat-x;
}