/*


colors

text grey	: dddddd
red			: A9122A
dark grey	: 1e1e1e
dark blue 	: 1E3041
med grey	: 3e3e3e
light grey 	: 6f6d6d
cyan		: a9d5db
khaki		: f0f779
yellow		: f0f779

*/

@import url("style.search.css");



/* 	
	Layout and Typography */
html,body
{
	font:12px/14px Georgia, "Times New Roman", serif;
	height:101%;
	width:100%;
	color:#ddd;
	background:#6f6d6d;
	/*background:url(../images/bg_grad.jpg) top repeat-x #6f6d6d;*/
}

body {
	margin:0px auto;
	width:800px;
}

/* links */
a,.linkEm
{
	cursor:pointer;
	text-decoration:none;
}

a:hover
{
	cursor:pointer;
	color:#f55;
}

a.emaillink
{
	float:right;
	font-size:10px;
	text-transform:uppercase;
}

/* headlines */
h1
{
	font-size:36px;
	font-weight:normal;
	line-height:40px;
	margin:3px 0 16px;
	padding:0;
	
}

/* front page headline */
h2
{
	font-size:28px;
	font-weight:normal;
	line-height:26px;
	margin:12px 0 4px;
	padding:0;
	color:#fff;
}

/* large headline */
h3
{	color:#a9d5db;
	font-size:18px;
	font-weight:normal;
	line-height:20px;
	margin:14px 0;
	padding:0;
}

/* sub head */
h4
{
	font-size:10px;
	font-weight:normal;
	line-height:8px;
	margin:6px 0;
	padding:0;
	/*color:#e0a3ac;*/
}

/* agency 
 global elements */
.smallcaps
{
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
}

p
{
	margin:8px 0 0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:16px;
}

.normType
{
	font:12px/16px Georgia, "Times New Roman", serif;
	font-weight:normal;
	text-transform:none;
}
































/* navigation cube */
#nav_cube, 
#nav_cube_login, 
#nav_cube_review {
	height:248px;
	width:248px;
	margin:16px 0 0 15px;
	position:absolute;
	z-index:1900;
	background:#A9122A;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height:18px;
}

#nav_cube        a.logo, 
#nav_cube_login  a.logo, 
#nav_cube_review a.logo {
	display:block;
	height:66px;
	padding-bottom:82px;
	padding-left:8px;
}
#nav_cube_login a.logo {
	padding-bottom:60px;
}
#nav_cube        a.logo img, 
#nav_cube_login  a.logo img,
#nav_cube_review a.logo img {
	float:right;
	margin:8px;
}
#nav_cube_login {
	display:none;
	z-index:1901;
	background:#1E3041;
}

#nav_cube a {
	color:#fff;
	display:block;
	padding-left:10px;
	padding-bottom:1px;
}
#nav_cube .worklinks {
padding:5px 0;
	
}
#nav_cube .worklinks a, #nav_cube .wl {
	color:#a9d5db;
	/*padding-left:15px;*/
}
#nav_cube  a:hover {
	color:#ddd;
}
#nav_cube .worklinks a:hover {
	background:#8d0f23;
}

#nav_cube .worklinks a:active {
	background:#b0253b;
	color:#b7f1ef;
}




#nav_cube_login .info {
	margin-bottom:8px;
	padding:0 12px 0px 12px;
}
#nav_cube_login .frm span {
display:block;
width:70px;
padding:2px 8px 0 0;
float:left;
text-align:right;
font-size:10px;
text-transform:uppercase;
color:#a9d5db;
}

#nav_cube_login .frm input {
margin-bottom:2px;
border:1px solid #222;
background:#eee;
width:155px;
padding:2px;
font-size:11px;
}
#nav_cube_login .submit {
	float:right;
	margin:5px 10px 0 0;

}



































#outerpattern
{	background:#292a2b;
	padding:16px;
}

#toppattern
{
	height:248px;
	position:absolute;
	top:12px;
	width:768px;
	z-index:0;
}

/* container */
#container
{

	clear:both;
	margin:0;
	width:768px;
}

/* 
small image thumbnails */
#media_imagethumbs
{
	position:absolute;
	width:120px;
	z-index:200;
}

#media_imagethumbs img.sm_thmb
{
	float:left;
	height:25px;
	margin:0 0 7px 6px;
	width:36px;
}

.mediaheight1
{
	top:399px;
}

/* specific height if there is one vs >2 media objects */
.mediaheight2
{
	top:528px;
}

/* splash */
#rndmimg
{
	height:384px;
	margin-left:256px;
	position:absolute;
	top:0;
	width:512px;
}

#splash
{
	height:384px;
	margin-top:120px;
	position:absolute;
	width:768px;
	z-index:5;
}

/* prev / next project arrows */
#viewbrowse
{
	display:none;
	margin-left:700px;
	margin-top:26px;
	position:absolute;
	text-align:right;
	width:68px;
	z-index:4000;
}

#viewbrowse a#browsenext
{
	display:block;
	float:right;
	font-size:14px;
	height:20px;
	text-align:right;
	width:12px;
}

#viewbrowse a#browseprev
{
	display:block;
	float:right;
	font-size:14px;
	height:20px;
	text-align:left;
	width:12px;
}

a#image_control
{
	border-bottom:none;
	display:block;
	height:384px;
	margin-left:256px;
	position:absolute;
	text-align:center;
	top:136px;
	width:512px;
	z-index:310;
}

/* main content */
#main_content
{
	float:right;
	margin-top:256px;
	position:relative;
	width:640px;
	z-index:300;
}

/* spot links */
#spots
{
	float:left;
	width:120px;
}

/* main content */
#content
{
	float:right;
	margin-top:248px;
	width:512px;
}

.emaillinkP
{
	height:16px;
}

#subcontent
{
	float:right;
	padding:0;
	width:640px;
}

/* sub nav white block */
.subnav
{
	float:left;
	padding:0;
	width:120px;
}

.subnav a,.subnav div
{
	display:block;
	line-height:12px;
}

/* grey 
 grey 
 prev / next project arrows 
 subnav block */
.subnav table
{
	background:#ededed;
	height:120px;
	width:120px;
}

.title
{
	display:block;
	line-height:10px;
	margin:0;
	margin-bottom:4px;
}

/* subnav links */
.press_links
{
	margin:0;
	padding:0;
}

.press_links a
{
	line-height:10px;
}

a.art_l
{
	display:block;
	font-size:12px;
	line-height:10px;
	margin:0;
	padding-bottom:3px;
}

.ac_links
{
	height:20px;
}

/* credits body 
awards list */
#subcontent #creditsbody,#subcontent #awardsbody
{
	
	float:right;
	margin:0;
	padding:0 0 0 120px;
	width:512px;
}

#subcontent #creditsbody p,#subcontent #awardsbody p
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height:16px;
	margin:0;
	padding:0 0 8px;
}

#subcontent #creditsbody p span,#subcontent #awardsbody p span
{
	font-size:10px;
	line-height:13px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin-top:10px;
	display:block;
}

/* press body */
#subcontent #pressbody
{
	float:right;
	height:384px;
	margin:8px 0 16px;
	width:640px;
}

#subcontent #pressbody iframe
{
	height:100%;
	width:100%;
}

#press_iframe_LG
{
	height:470px;
	margin-top:8px;
	width:100%;
}

#press_cover
{
	position:absolute;
	top:256px;
}

/* when a paragraph is a link 
 footer */
div#footer
{
	clear:both;
	font-size:10px;
	line-height:13px;
	width:768px;
	color:#999;

}

div#footer #footerspc
{
	height:8px;
}

div#footer td a
{
	text-decoration:none;
}

div#footer table
{
	
	height:40px;
	width:100%;
}

.mthgridleft
{
	height:384px;
	width:248px;
}

/* general block elements*/
a.block,div.block
{
	background:#1e1e1e url(../images/finebgpat.png);
	display:block;
	font-size:10px;
	height:120px;
	line-height:12px;
	margin-bottom:8px;
	text-decoration:none;
	width:120px;
}

a.block span.t
{
	background:#ffffff;
	display:block;
	height:32px;
	padding:0;
	width:120px;
}

/* subnav links 
 address block */
div.address
{
	background-color:#FFFFFF;
	background-image:none;
	font-size:12px;
	line-height:16px;
}

























/* footer */
td.shadow
{
	font-size:5px;
	line-height:5px;
}

/* contact block */
.contact_block
{
	
	font-size:11px;
	height:380px;
	margin-left:256px;
	position:absolute;
	top:140px;
	width:504px;
	z-index:350;
	color:#aaa;
}

.contact_block p {
	font-family:Georgia, "Times New Roman", Times, serif;
}

.contact_block .colleft
{
	float:left;
	width:254px;
}

.contact_block .colright
{
	float:right;
	width:236px;
}

.contact_block p.item
{
	letter-spacing:-0.014em;
	line-height:16px;
	margin:0 0 8px;
	padding:0;
}

.contact_block h3
{
	font-size:14px;
	height:16px;
	line-height:16px;
	margin:0;
	padding:0;
	color:#ddd;
}

.contact_block .title
{
	color:#fff;
	font-size:14px;
}

/* line under the press/worklist*/
.contact_block span.ln
{
	border-bottom:1px solid #a9d5db;
	display:block;
	height:1px;
	position:relative;
	top:-4px;
	width:16px;
}

.contact_block a {
	color:#a9d5db;
}

.contact_block a:hover {
	color:#f0f779;
}	




/* PRESS */



/* line under contact list (same as above) 
 block mode 
 nearwhite 
 contact block 
 press index */
#pindex
{
	background:#222222;
	float:right;
	line-height:0;
	margin-left:256px;
	position:absolute;
	top:136px;
	width:512px;
	z-index:301;
}

#pindex div.pressLS
{
	height:32px;
	margin-top:8px;
	width:512px;
}

#pindex div.pressLS a.block
{
	
	display:block;
	height:32px;
	margin:0;
	width:512px;
}

/* press index link color  */
#pindex div.pressLS a.block .t {
	background:#1e1e1e;
	color:#a9d5db;
	font-weight:normal;
}
/* press index link alternate color */
#pindex div.pressLS a.block .t .sub {
	color:#ddd;
}


#pindex div.pressLS a.block .t .smallcaps {
	color:#999;
}



#pindex div.pressLS a span.t
{
	font-size:16px;
	font-weight:700;
	height:32px;
	padding:0;
	width:512px;
}

#pindex div.pressLS a span.ln
{
	display:block;
	height:1px;
	line-height:1px;
	margin-top:9px;
	width:16px;
}

#pindex div.head
{
	font-size:14px;
	height:24px;
	line-height:25px;
	margin:0;
	padding:0;
	color:#aaa;
}

#press_title
{
	height:32px;
	margin-bottom:8px;
	padding:0;
	width:512px;
}

#press_title h1
{
	font-size:16px;
	font-weight:normal;
	line-height:18px;
	margin:0;
	padding:0;
	color:#444;
}
#press_title h1 {
	color:#A9122A;
}
#press_title h1 strong ,#press_title h1 .smallcaps {
	color:#444;
}

#press_title h1 .d
{
	font-size:10px;
	text-decoration:none;
	text-transform:uppercase;
}

#press_title #pagescontrol
{
	float:right;
	font-size:10px;
	margin-top:2px;
}

#press_title #pagescontrol a
{
	display:block;
	float:left;
	padding:3px;
	text-decoration:none;
}

#press_cover img
{
	width:120px;
}






























/* hovering item to show if you can nav */
#nav_notice
{
	display:none;
	font-size:10px;
	margin-top:8px;
	text-transform:uppercase;
}

#nav_notice #pressPrev
{
	cursor:pointer;
	display:none;
	float:left;
}

#nav_notice #pressNext
{
	cursor:pointer;
	display:block;
	float:right;
}

div.featuredArticle
{
	display:none;
	font-size:10px;
	width:120px;
}

#pressViewer
{
	position:relative;
	top:0;
}

#pressViewer p
{
	margin:0;
	padding:0;
	text-indent:30px;
}

/* article */
#article_viewer
{
	left:0;
	overflow:hidden;
	position:relative;
	top:0;
	z-index:20;
}

#article_viewer #article_pages
{
	height:100%;
	position:absolute;
	width:100%;
}

#article_viewer div.column
{
	height:auto;
	margin:0;
	padding:0;
	position:absolute;
}

#article_viewer div.column div.intro .article_image
{
	display:none;
	left:0;
	position:absolute;
	top:46px;
}

#article_viewer div.column div.intro .article_image img
{
	height:164px;
}

#article_viewer div.column div.intro span.title
{
	font-size:16px;
}

#article_viewer div.column div.intro span.mag
{
	font-size:10px;
	text-transform:uppercase;
}

#article_viewer div.column div.intro .thumb_selector
{
	left:140px;
	position:absolute;
	top:44px;
}

#press_left_body
{
	margin:32px 0 8px;
	width:120px;
}

#press_right_body
{
	border:1px solid #f00;
}

#TRANSBACK
{
	/* 6f6d6d */
	background:#111;

	/*background:url("../images/trans.png");*/
	font-size:.01em;
	
	line-height:0;
	position:absolute;
	top:0;
	width:800px;
	z-index:1850;

	

	filter:alpha(opacity=0);
	opacity: 0;
	-moz-opacity:0;

	
	
	
}

/* //////////////////////////////////////////////////////////////////////// 
 
	Overall colors and patterns. 
	
	Define classes with colors and patterns 
	here, you may duplicate the classes in 
	the main styles above for formatting. 

 
	yellow: rgb(238,252,79); 
	lime: 	rgb(216,251,32);
	blue: 	rgb(152,242,233);

*/
	
/* text color */
html,body
{
	color:#ddd;
}

a.block, div.block,h1 a, .standard{
	color:#555;
}


h1 a {
	color:#fff;
}

h1 a:hover {
	color:#fdd;
}


.light, #subcontent #creditsbody p span,#subcontent #awardsbody p span
{
	color:#93A0A1;
}

.pattern_continue
{
	/*background:url(../images/leftmthgrid.gif) no-repeat bottom left;*/
}

.pattern_lines
{
	background:#141414 url(../images/finebgpat.png);
}

.fine_pattern{
	background-image:url(../images/finebgpat.png);
}

/* credits body 
awards list 
 footer */
div#footer table td
{
	background:#222;
}

/* white */
div#footer table td.bottombgpat
{
	background-color:#101010;
	background-image:url(../images/finebgpat.png);
	
}

div#footer a {
	color:#ddd;
}

div#footer a:hover {
	color:#f0f779;
}









#press_splash_img
{

}

#splash .content,#splash .content img
{
	float:right;
	height:384px;
	width:768px;
}

a.block span.img,#resultlist div.block span.img
{
	display:block;
	height:88px;
	width:120px;
}

#resultlist div.item span.a,
#resultlist div.block a span.awards
{
	display:none;
}

#pindex div.pressLS a span.sub,#pindex div.pressLS a:hover span.sub
{
	font-weight:normal;
}

a, a.block span.t .sub, 
div#searchContainer #listcontrol a#viewlist, 
.pressnav0, .highlight,
#pindex div.pressLS a:hover .t .sub
{
	color:#A9122A;
}


/* hover highlight color
	for block elements
	
 */
#resultlist div.block a:hover span.t, 
#resultlist div.list a:hover span.t,
a.block:hover span.t, 
#resultlist a:hover span.t,
#press_title,
#pindex div.pressLS a:hover .t
{
	background:#f0f779;
	color:#2e2e2e;
}

