* {
	/* simple bug fix to remove default attributes, as they differ across browsers */
	padding:0;
	margin:0;
}

body {
	color:#fff;
	margin:20px 0 20px 15px;
	text-align:center;
	font-size: 80%;
	font-family: Helvetica, Arial, sans-serif;
}

#container {
	width:762px;
	margin:0 auto;
	text-align:left;
}
	#header {
		background:url(images/bg_header.gif) no-repeat;
		height:149px;
		margin-bottom:15px;
	}
		h1 {
			background:url(images/logo.png) no-repeat;
			float:left;
			height:206px;
			margin:20px 0 0 30px;
			position:absolute;
			width:368px;
			z-index:5;
		}
			h1 a {
				display:block;
				height:124px;
				width:368px;
			}
				h1 a span {
					display:none;
				}
	#header.downstream {
		background:url(images/bg_header_downstream.gif) right no-repeat;
		height:80px;
		
	}
		#header.downstream h1 {
			background:url(images/logo_downstream.png) no-repeat;
			height:127px;
			margin:0px 0 0 10px;
			position:absolute;
			width:226px;
			z-index:1;
		}
			#header.downstream h1 a {
				height:80px;
				width:226px;
			}
		
		
		#slogan {
			background:url(images/bg_slogan.gif) no-repeat;
			float:right;
			height:149px;
			width:320px;
		}
			#slogan span {
				display:none;
			}
	#nav {
		background:#d7d7d7;
		height:19px;
		padding:2px 0 0 7px;
	}
	.nav {
		list-style-type:none;
	}
		.nav_core {
			float:left;
		}
		.nav_outside {
			float:right;
			padding-right:10px;
		}
	.downstream {
		position:relative;
		z-index:1;
	}
		.nav li {
			float:left;
		}
			.nav li a {
				color:#fff;
				display:block;
				float:left;
				font-size:95%;
				font-weight:bold;
				letter-spacing:0px;
				position:relative;
				text-decoration:none;
				text-transform:uppercase;
				z-index:10;
				padding: 1px 8px 1px 5px;
}
				.nav li a.core { color:#949494; }
					.nav li a.core:hover { color:#ab80b3; }
				.nav li a.current { color:#e1542a; }
				.nav li a.crank:hover, .nav li a.nav_crank_hover { color:#e1542a; }
				.nav li a.brandthink:hover, .nav li a.nav_brandthink_hover { color:#ecae18; }
				.nav li a.creativeResearch:hover, .nav li a.nav_creativeResearch_hover { color:#70c9d9; }
				.nav li a.chaos:hover, .nav li a.nav_chaos_hover { color:#f4d309; }
				.nav li a.spyNetwork:hover, .nav li a.nav_spyNetwork_hover { color:#b6d341; }
				.nav li a.contact:hover, .nav li a.nav_contact_hover { color:#ab80b3; }
	#nav_explanation {
		background:url(images/bg_nav_explanation.gif) no-repeat 8px 6px;
		clear:both;
		height:20px;
		position:relative;
		z-index:1;
	}
	#content_header {
		height:28px;
		padding:5px 15px;
		margin:10px 0;
	}
		#content_header ul.sub_nav {
			float:right;
			margin-top:7px;
			list-style-type:none;
		}
			#content_header ul.sub_nav li {
				float:left;
				padding-right:13px;
				font-weight:bold;
			}
			#content_header ul.sub_nav a {
				color:#666;
				text-decoration:none;
			}
			#content_header ul.sub_nav a:hover {
				color:#fff;
			}
		#content_header h2 {
			font-size:150%;
			font-weight:normal;
			margin-top:3px;
		}
		
	/* This section contains color information for both the #content_header and #content - hence why it is in between both */
	#content_header {background:#c1c1c1;}
	
	#content_header.crank, #content.crank { background:#e1542a; }
	#content_header.brandthink, #content.brandthink { background:#ecae18; }
	#content_header.creativeResearch, #content.creativeResearch { background:#70c9d9; }
	#content_header.chaos, #content.chaos { background:#f4d309; }
	#content_header.spyNetwork, #content.spyNetwork { background:#b6d341; }
	
	#content {
		background:#c1c1c1;
		padding:15px;
	}
		.nav_icon, #nav_icon_text, .cur_icon_text li {
			list-style-type:none;
			float:right;
		}
			.nav_icon li {}
				.nav_icon li a {
					display:block;
					height:28px;
					margin-bottom:2px;
					overflow:hidden;
					text-decoration:none;
					width:27px;
				}
					.nav_icon li a.crank { background:url(images/icon_crank.gif) no-repeat; }
					.nav_icon li a.brandthink { background:url(images/icon_brandthink.gif) no-repeat; }
					.nav_icon li a.creativeResearch { background:url(images/icon_creativeResearch.gif) no-repeat; }
					.nav_icon li a.chaos { background:url(images/icon_chaos.gif) no-repeat; }
					.nav_icon li a.spyNetwork { background:url(images/icon_spyNetwork.gif) no-repeat; }
					.nav_icon li a.contact { background:url(images/icon_contact.gif) no-repeat; }
						.nav_icon li a:hover,
						.nav_icon li a.nav_crank_hover,
						.nav_icon li a.nav_brandthink_hover,
						.nav_icon li a.nav_creativeResearch_hover,
						.nav_icon li a.nav_chaos_hover,
						.nav_icon li a.nav_spyNetwork_hover,
						.nav_icon li a.nav_contact_hover {
							background-position:-27px;
						}
					.nav_icon li a span {
						visibility:hidden;
					}
				#nav_icon_text li, .cur_icon_text li {
					height:20px;
					margin-bottom:2px;
					padding:4px 5px;
					text-align:right;
					width:250px;
				}
		#quote {
  			font-style: normal;
 			font-weight: normal;
 			font-size: 100%;
			background-color: #aaaaaa;
			clear:right;
			float:right;
			margin-top:10px;
			padding:10px;
			width:200px;
		}
		#quote_top {
  			font-style: normal;
 			font-weight: normal;
 			font-size: 100%;
			float:left;
			width: 224px;
			/*height:325px;*/
			padding:10px;
}
		#quote_top_alt {
  			font-style: normal;
 			font-weight: normal;
 			font-size: 100%;
			background-color: #aaaaaa;
			float:left;
			width:224px;
			/*height:325px;*/
			padding:10px;
}
			.quote_author {
				font-style: italic;
				display:block;
				text-align:right;
				margin-top: 6px;
			}
		.clear {
			clear:both;
		}
		.left {
			float:left;
		}
		.right {
			float:right;
		}
		
		
		#content #subscribe table td {
			padding:3px;
		}
		
		#content #subscribe sup {
			color:red;
		}
		
		
		#content_body {
			margin-top:20px;
			width:425px;
		}
		#content_body.downstream {
			margin-top:0;
		}
			#content_body h2 {
				font-size:160%;
				font-weight:normal;
			}
				#content_body h2 span {
					font-weight:normal;
					line-height:28px;
				}
				#content_body h2 a, #outsideBox h2 a {
						background:#fff;
						border:2px solid black;
						color:#c1c1c1;
						padding:3px;
					}
					#content_body h2 a:hover, #outsideBox h2 a:hover {
						background:#fff;
						color:#919191;
						border:2px solid;
					}
					
				#content_body h2 a.shop { border-color: #E1542A; }
				#content_body h2 a.subscribe { border-color: #ECAE18; }
				#content_body h2 a.download { border-color: #B6D341; }
				#content_body h2 a.register{ border-color: #70C9D9; }	
				#content_body h2 a.manifesto{ border-color: #E1542A; }	
				#outsideBox h2 a.brandthink { border-color: #ECAE18; }	
				#outsideBox h2 a.chaos { border-color: #F4D309; }	
				#outsideBox h2 a.creativeResearch { border-color: #70C9D9; }	
				
			#outsideBox h2 {
				font-size:100%;
			}
				
			#content_body h3 {
				font-size:140%;
				font-weight:normal;
				margin:15px 0 5px;
			}
				#content_body h3 a {
					color:#949494;
					text-decoration:underline;
				}
					#content_body h3 a:hover {
						color:#ffffff;
					}
			#content_body h4 {
				font-size:120%;
			}
			sup {
				font-size:50%;
			}
			#content_body p {
				font-size:115%;
				line-height:150%;
				margin-bottom:1.5em;
			}
				#content_body p.exclaim {
					text-transform:uppercase;
					font-size:150%;
					line-height: 130%;
				}
				#content_body p.caseStudies_nav {
					font-size:90%;
				}
				#content_body p img {
					padding:0 0 5px 5px;
				}
			#content_body a, #outsideBox a{
				color:#ffffff;
				text-decoration: none;
				border-bottom: 1px dashed #ffffff;
			}
			#content_body a:hover, #outsideBox a:hover{
				color:#ffffff;
				background: #ab80b3;
				border-bottom: 1px solid #ffffff;
			}
			#content_body .brands_curYear {
				color:#ab80b3;
			}
			#content_body ul {
				font-size:100%;
				list-style-type:none;
			}
				#content_body ul.brands li{
					background:white;
					float:left;
					display:block;
					height:135px;
					padding:0;
					margin:0 0 10px 10px;
				}
					#content_body ul.brands li img {
						height:135px;
						width:135px;
					}
				#content_body ul.brands li.first {
					margin-left:0;
				}
				#content_body ul.portfolio li {
					float:left;
					display:block;
					width:45%;
					margin-right:2%;
				}
					#content_body ul.portfolio ul {
						list-style-type:none;
					}
						#content_body ul.portfolio ul li {
							height:10px;
							margin:.4em 0 32px;
							float:none;
							width:auto;
							position:relative;
							top:-13px;
						}
							#content_body ul.portfolio ul li img {
								margin-right:5px;
								position:relative;
								top:13px;
							}
				#content_body ul.expressions li {
					margin:10px 0;
				}
					#content_body ul.expressions li p {
						border-left:3px double #ddd;
						margin:3px 0 0 10px;
						padding-left:11px;
					}
						#content_body ul.expressions li p img {
							border:1px solid #ddd;
							margin:6px;
							padding:3px;
						}
		#content_body .workshop_schedule {
			margin:10px;
		}
			#content_body .workshop_schedule td {
				padding-right:10px;
			}
		#content_body .toTop {
			background: url(images/icon_toTop.gif) no-repeat left center;
			font-size:80%;
			margin:5px 0;
			padding-left:16px;
			text-decoration:none;
			border: none;
		}
		
		#content_body .toTop:hover {
			background: #ab80b3 url(images/icon_toTop.gif) no-repeat left center;
		}
		
	#outsideBox {
		background:#c1c1c1;
		font-size:135%;
		line-height:140%;
		margin-top:10px;
		padding:15px 15px 15px 242px;
		text-align:right;
	}
	#footer {
		color:#777777;
		font-size:95%;
		margin-top:10px;
	}
	#home_outsideBox {
		border:2px dotted #c1c1c1;
		font-size:120%;
		line-height:140%;
		margin-top:10px;
		padding:15px 10px 15px 242px;
		text-align:right;
		color:#c1c1c1;
		
	}
		#footer p {}
			#footer p a {
				text-decoration:none;
				color:#777777;
			}
				#footer p a:hover {
					color:#ab80b3;
				}
			#footer p #phone {
				background:url(images/icon_phone.gif) no-repeat 0px;
				padding-left:20px;
				font-weight:bold;
			}
			
/* Lightbox */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	color:#666;
	font-size: 1em;
	padding-top: 0.4em;
	}
	#lightboxDetails a {
		font-size:1em;
	}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/images/overlay.png); }
	
	#tooltip {
	position: absolute;
	z-index: 3000;
	border: 2px solid #c1c1c1;
	background-color: #949494;
	padding: 5px;
	opacity: 0.93;
	text-align:left;
	width:270px;
}
#tooltip h3, #tooltip div { margin: 0; }