/* LAYOUT */
/* ----------------------------------------- */
body {background: #fff; color:#707172; font: normal 100% Verdana, Geneva, Tahoma, sans-serif; }

	#wrapper { margin:35px auto; width:950px; }
	
		.branding { margin: 0 0 5px 50px; }
	
	
		/*#lead-content { min-height:345px; -45px - 45px padding overflow: auto; position:relative; width:930px; }*/
		
		/*new*/#lead-content { min-height:345px; /*-45px - 45px padding*/ overflow: auto; margin:10px auto;  width:930px; }

		
		#lead-content-wrapper { background:url(../img/gfx_lozenge_drop_shadow.png) no-repeat;  min-height:455px;overflow: hidden; position:relative; width:950px; }
		
			/* body ID for lead content - pages */
			#news #lead-content, #page #lead-content { background:url(../img/info_lozenge.png) no-repeat; width: 930px; height: 435px; /*padding: 45px */ padding:0; overflow:hidden;}
			
			#news #sidebar { float: left; margin: 25px 0 0 45px; width: 150px; }
			
			#news #primary-content { background: #f3f3f4; height:360px; overflow:auto; padding:0 20px 10px 20px; margin: 15px 60px 0 50px; width: 585px; -moz-border-radius: 20px; -webkit-border-radius: 20px;  }
			
			
			
			#sidebar { float: left; margin: 25px 0 0 45px; width: 150px; }
			
				#secondary-sidebar-nav { margin-top: 20px; }
				
				#secondary-sidebar-nav li li a:link { color: #000; }
				
				ul#sidebar-category-nav { margin-top:20px; }
				
				
				#related-links { margin: 20px 0; }
				
				#rss { margin: 15px 0;}
				
					#rss img { float:left; margin: 0 7px 0  -5px; }
				
				
			
			/*primary-content is for content within lead content*/
			#primary-content { float:left; padding: 0 30px 0 30px; position:relative; width: 555px;  }
			
				.article { color: #000; margin-bottom:0px; }
				
				#article-nav { clear:both; float:right; margin: 15px 60px 0 0;   }
		
	
		
		
		#case-study-copy { border-bottom: 1px dotted #bcbdc0; margin: 0 0 20px 40px; padding:0 0 20px 0; width: 900px; }
		
		#case-study-copy .article { float: right; margin-top:0; width: 645px; }
		
		#case-study-title { float:left;width:240px; }
		
		.case-study-columns { margin-right: 20px; }
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		#contact-info { margin: 0 0 10px 40px;}
		
			#contact-info span { color: #000; margin: 0 3px; }
		
		/*primary-content-sub is primary content for content below the lead content box*/
		#primary-content-sub { border-right: 1px dashed #bbbdc0; float: left; margin-bottom:10px; padding-right:15px; width:549px; }
		
			#lead-sub-image { margin-top: 25px; }
			
			#image-detail { margin: 15px 0 15px 0; }
			
				#image-detail p { max-width: 420px; }
			
			#hot-off-the-press img { float:right; margin-left:5px;}
			
				#hot-off-the-press p { max-width: 200px; }
			
			#blogroll { margin: 50px 0 0 0;}
		
		/*secondary-content-sub is secondary content for content below the lead content box*/
		#secondary-content-sub { float:left; width: 345px; padding-left:20px;}
		
			.noticeboard-item { border-bottom: 1px dashed #bbbdc0; margin:0 0 20px 0; padding-bottom:20px; }
			
			.noticeboard-item img { float:right; margin-left:30px; }
			
			#whats-up { margin-top: 50px; min-height: 150px; position:relative }
			
			#whats-up img { /*float:left; margin-left: -15px;*/ position: absolute; top:-60px; left:-40px; }
		
		#footer { background: #e7e7e8; clear:both; padding: 15px 20px 40px 20px; width: 890px; overflow:hidden; }
		
		#footer div { float:left; margin-right:20px; width: 156px;  }


/* TYPOGRAPHY */
/* ----------------------------------------- */

/*balanced font stack for headers
http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/ */
h1, h2, h3, h4, h5, h6 { font-family: Verdana, Tahoma, Geneva, sans-serif ; }

/*scale*/
h1 { font-size: 35px;}
h2 { font-size: 23px;}
h3 { font-size: 20px; }
h4 { font-size: 17px; }
h5 { font-size: 15px; }
h6 { font-size: 12px; }
p, li { font-size: 12px; }

p, li { line-height: 17px; }
h3 { margin-bottom: 15px; }

blockquote p { color:#939598 !important; }


/* Specifics */
/* ----------------------------------------- */

/* Sub content */
#contact-info p { font-size:12px; }

#primary-content-sub h3, #secondary-content-sub h3 { font-size: 17px; }

.noticeboard-item h1 { font-size: 14px; margin-bottom: 20px;}
.noticeboard-item h4 { font-size: 14px; }
.noticeboard-item p { margin-bottom: 20px;}

#inside-this-issue h4 { font-size: 14px; padding-top:10px; }
#inside-this-issue p { line-height: 18px; }

/* Primary content */
.article p { line-height: 18px; }
.article h3 { font-size: 17px; }
.article span { color:#ff0000; }

/* Case studies */
#case-study-copy h1 { color: #ed1c24; font-size: 16px; margin:0; padding:0;  }
#case-study-copy h2 { color: #231f20; font-size:16px; margin:0; padding:0; }
#case-study-copy p { color: #6d6e71; margin:0; padding:0; font-size:12px;  }

p.work-type, p.cross-reference { position: relative; top: 5px;  }

 p.cross-reference { top: 50px; font-size:12px;  }




/*Sidebar*/
#sidebar h4 { color:#000; font-size: 16px; margin: 20px 0;   }
#sidebar-nav li, #secondary-sidebar-nav li { font-size:12px; line-height: 22px;}
#sidebar-category-nav li { font-size: 12px;   }
#related-links p { font-size:12px; }
#rss p { font-size: 12px; }

/*Articles*/
.article p, .article h3 { margin-top: 10px; }
#primary-content h2 { margin-top:20px; }
.article img { float:right; margin: 0 10px 10px 10px; }
#article-nav p { font-size:12px;   }

#news .article ul, #news .article ol { margin: 20px 0; }
#news .article ol li { list-style: decimal; margin-left: 20px; }
#news .article ul li { list-style: disc; margin-left: 15px; }

/* Footer */
#footer h4 { border-bottom: 1px dotted #bbbdc0; font-size: 12px; font-weight: bold; margin-bottom:10px; padding-bottom: 1px; }
#footer li { font-size: 11px; font-weight: bold; line-height:16px; }


/* Image replacement */
h2.noticeboard { background: url(../img/replace_the_noticeboard.gif); height: 64px; overflow:hidden; text-indent: -9999px; width: 235px; position:relative; left:-25px; top: -15px; }


/* LINKS */
/* ----------------------------------------- */

a:link, a:visited { color:#000; text-decoration:none; }
a:hover, a:active { color:#666; text-decoration:underline; }

/*for contact box under lead content and blogroll*/
#contact-info a:link, #contact-info a:visited { color:#707172; text-decoration:none; }
#contact-info a:hover, #contact-info a:active { color:#666; text-decoration:underline; }

#blogroll a:link, #blogroll a:visited { color:#707172; text-decoration:none; }
#blogroll a:hover, #blogroll a:active { color:#666; text-decoration:underline; }

/*sidebar*/
#sidebar a:link, #sidebar a:visited { color:#6d6e71; text-decoration:none; }
#sidebar a:hover, #sidebar a:active { color:#231f20; text-decoration:none; }

#sidebar .current_page_item a:link, #sidebar .current_page_item a:visited, #sidebar .current_page_item a:active { color: #231f20; }




/*articles*/
.article h3 a:link, .article h3 a:visited { color:#000; text-decoration:none; }
.article h3 a:hover, .article h3 a:active { color:#000 ; text-decoration:underline; }

.article a:link, .article a:visited { color:#ed1c24; text-decoration:none; }
.article a:hover, .article a:active { color:#ed1c24; text-decoration:underline; }

#article-nav a:link, #article-nav a:visited { color:#6d6e71; text-decoration:none; }
#article-nav a:hover, #article-nav a:active { color:#6d6e71; text-decoration:underline; }

.return-link a:link, .return-link a:visited { color:#ff0000; text-decoration:none; }
.return-link a:hover, .return-link a:active { color:#ff0000; text-decoration:underline; }

/* footer */
#footer a:link, #footer a:visited { color:#ed1c24; text-decoration:none; }
#footer a:hover, #footer a:active { color:#ed1c24; text-decoration:underline; }

#footer h4 a:link, #footer h4 a:visited { color:#939598; text-decoration:none; }
#footer h4 a:hover, #footer h4 a:active { color:#666; text-decoration:none; }

.read-more a:link, .read-more a:visited { color:#ed1c24; text-decoration:underline; }
.read-more a:hover, .read-more a:active { color:#ed1c24; text-decoration:underline; }

/*one offs*/
a.red:link {color: #ed1c24 !important; } a.red:visited {color: #ed1c24 !important; } a.red:hover { color: #ed1c24 !important; } a.red:active { color: #ed1c24 !important; } 
a.black:link {color: #000 !important; } a.black:visited {color: #000 !important; } a.black:hover { color: #000 !important; } a.black:active { color: #000 !important; } 

/* FORMS */
/* ----------------------------------------- */
input[type=text] { border: 1px solid #bbbdc0; color: #bbbdc0; margin: 5px 0; padding: 1px; }

/* NAV - PRIMARY
-------------------------------------------------------------- */
#primary-nav { height: 71px; margin-left: 40px; margin-bottom: -15px; position:relative; width:850px; }

ul#pop-up-nav { background:url(../img/gfx_primary_navigation.gif); }

ul#pop-up-nav li { float:left; list-style-type:none }

ul#pop-up-nav li a { height:71px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none }

li#navInfo a, li#nav360 a, li#nav2d a, li#nav3d a { background:url(../img/gfx_primary_navigation.gif) }

li#navInfo a { background-position:-5px 0; width:209px; left:5px }
li#navInfo a:hover { background-position:-5px -71px }
body#info li#navInfo a	{ background-position:-5px -142px }

li#nav360 a { background-position:-216px 0; width:209px; left:216px }
li#nav360 a:hover	{ background-position:-216px -71px }
body#three-sixty-vision li#nav360 a { background-position:-216px -142px }

li#nav2d a { background-position:-428px 0; width:209px; left:428px }
li#nav2d a:hover	{ background-position:-428px -71px }
body#two-d-branding li#nav2d a { background-position:-428px -142px }

li#nav3d a { background-position:-639px 0; width:209px; left:639px }
li#nav3d a:hover	{ background-position:-639px -71px }
body#three-d-environments li#nav3d a { background-position:-639px -142px }

body#news li#navInfo a	{ background-position:-5px -142px }






















		
/* BITS */
/* ----------------------------------------- */
.divider {clear:both;line-height:0;font-size:0;height:0px;}

.divider-border { border-top: 1px dashed #bbbdc0; clear:both; font-size:0;height:0px; line-height:0; margin: 15px 0; }

.border-box { border-bottom: 1px dashed #bbbdc0; padding-bottom:20px;}

.last { margin-right: 0; border:none; }

.highlight { color:#ff0000; }

p.note { font-size:10px; margin-top:8px; }

p.read-more  { margin:8px 0 2px 0; }

p.end { margin-bottom: 0; }

p.return-link { font-size:11px; display:inline; margin-left: 5px; }

/*remove red border from Firefox links*/
a { outline: none; }

#primary-content #links li { list-style-type:none; color: #939598; }

#primary-content #links li a { display:block; margin-top:25px; margin-bottom:10px; }

ul#social {	list-style-type: none;	margin: 15px 0 0 0;}
#social li { padding-left: 25px; margin-bottom:5px;list-style: none; background-position: 0 10px; letter-spacing:normal; font-size:12px; }
li#facebook {background:url(../img/graphic_icon_facebook.png) center left no-repeat; }
li#social-rss  {background:url(../img/graphic_icon_rss.png) center left no-repeat;}
li#linkedin  {background:url(../img/graphic_icon_linkedin.png) center left no-repeat;}





/* WORDPRESS */
/* ----------------------------------------- */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/*COMMENTS*/
.comment-header  { font-size:14px; font-weight:bold; margin: 20px 0 20px 0; background: url(../img/comment_16x16.png) no-repeat top left; background-position: 0 2px; padding: 0 0 0 25px;   }
.comment-form-header  { font-size:14px; font-weight:bold; margin: 20px 0 35px 0; background: url(../img/edit_16x16.png) no-repeat top left; background-position: 0 2px; padding: 0 0 0 25px;   }

li#comment { background-color: #EFFAFF; margin: 10px 0; padding:5px; border:1px solid #ccc; list-style-type:none; }
li.alt#comment { background-color: #f2f2f2; padding:5px; border:1px solid #ccc;  }

#comment_form ol { padding:0; margin: 0 12px 0 0;}

#comment em { font-size:12px; color: #666;}

#comment_form form { margin-bottom: 10px;}
#comment input[type="text"] { width: 180px; padding:2px; border:1px solid #ccc; background: #EFFAFF; margin:5px 0 2px 0; color:#666;  font-family:Verdana, Geneva, sans-serif;  font-size:12px;}

input#author, input#email, input#url { width: 165px; padding:2px; border:1px solid #ccc; background: #EFFAFF; margin:5px 0 2px 0; color:#666;  font-family:Verdana, Geneva, sans-serif;  font-size:12px;}
textarea#comment  { width: 350px; padding:2px; border:1px solid #ccc; background: #EFFAFF; margin:5px 0 10px 0; color:#666; font-family:Verdana, Geneva, sans-serif; font-size:12px;}

comment_form .button { background: #8d979d; border: none;	color: #fff;	cursor: pointer;	overflow: hidden;	padding: 2px 1px;	text-transform: uppercase; width: auto; font-weight: bold; }
comment_form .button:hover { background-color: #000; }









/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #000;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;  
/*border: 5px solid #ff0000;   */
margin: 0 0 1px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 35px 0 0 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
float:right;
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font-size: 12px; 
line-height: 15px; 
color: #2c2c2d; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
color: #6d6e71; 
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
} 


a#prev, a#next { font-size: 11px; color: #000; text-decoration: none; }
a#prev:hover, a#next:hover {text-decoration: none; }
	
.pics { height: 435px; width: 930px; padding:0; margin-bottom: 15px; overflow: hidden; background-color: transparent !important; }
.pics img { height: 435px; width: 930px; padding: 0; top:0; left:0;   }

.nav {  width:890px; font-size:11px; color: #6d6e71; display:inline; }
#nav a { margin: 0 2px; padding:0; background: #fff; text-decoration: none; color:#c1c2c4; }
#nav a.activeSlide { color: #6d6e71 }
#nav a:focus { outline: none; }
#nav a:hover { color: #6d6e71; }




.photo-container {
  position: relative; 
  display: block;
    overflow:hidden;
  border: none;
  
} 
img.mask {
  position: absolute;
  top: 0;
  left: 0;
  overflow:hidden;
  border: none;
} 




@media screen {
	div#preloader {
		position: absolute;
		left: -9999px;
		top:  -9999px;
		}
	div#preloader img {
		display: block;
		}
	}
@media print {
	div#preloader, 
	div#preloader img {
		visibility: hidden;
		display: none;
		}
	}

#lead-content-single { position:relative; left:10px; top:10px; height: 495px; }

#mc_signup_container legend { display:none;}

#mc_signup_container { text-align:left; font-size:14px; position:absolute; right:0; top:85px; }

#mc_signup_container input { text-align:left; color:#666;}

.mc_signup_submit { width:100%; text-align:left !important; clear:both; padding:.2em; }