/* global elements */

body {
	margin:0px;
	padding:0px;
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#6d6e71;
	height:100%;
}

fieldset { margin:0px; padding:0px; border:0px; }

img { border:0px; }

form { margin:0px; padding:0px; }

h1 { font-size:16px; margin:0px 0px 14px 0px; padding:0px; color:#9f9e9e; font-weight:normal; }

p { padding:0px; margin: 0px 0px 14px 0px; }

a:link { color:#6d6e71; }
a:visited { color:#6d6e71; }
a:hover { color:#000; }

/* wrapper elements */
#wrapper {
	width:100%;
	height:100%;
}

/* header */
#header {
	width:100%;
	height:76px;
	background:url(/images/header_bg.jpg) no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	z-index:9999;
}

#header #logo_gigantic {
	
}

/* main menu */
ul#mainmenu {
	margin:0px;
	padding:0px;
	position:absolute;
	top:76px;
	left:0px;
	list-style:none;
	z-index:999;
}

ul#mainmenu li {
	margin:0px 0px 5px 0px;
	padding:0px;
	height:30px;
	background-repeat:no-repeat;
	background-position:0px -30px;
}

ul#mainmenu.homepage li { background-position:0px 0px; }

ul#mainmenu li a { display:block; width:100%; height:30px; }
ul#mainmenu li:hover { background-position:0px -60px; }

ul#mainmenu li#focus { width:116px; height:30px; background-image:url(/images/menu_focus.png); }
ul#mainmenu li#reel { width:92px; background-image:url(/images/menu_reel.png); }
ul#mainmenu li#work { width:107px; background-image:url(/images/menu_work.png); }
ul#mainmenu li#buzz { width:92px; background-image:url(/images/menu_buzz.png); }
ul#mainmenu li#thinkbig { width:182px; background-image:url(/images/menu_thinkbig.png); }
ul#mainmenu li#brands { width:149px; background-image:url(/images/menu_brands.png); }
ul#mainmenu li#ballyhoo { width:188px; background-image:url(/images/menu_ballyhoo.png); }
ul#mainmenu li#reach { width:119px; background-image:url(/images/menu_reach.png); }

ul#mainmenu li.active { background-position:0px -90px; }
ul#mainmenu li.active:hover { background-position:0px -60px; }

body#workitem p { margin-top:14px; font-weight:bold; margin-bottom:0px; }
body#workitem #headline { font-weight:bold; margin-bottom:14px; }

/* pages */

#page {
	padding-left:240px;
	padding-top:25px;
	padding-right:178px;
	width:520px;
	margin:0px auto;
	height:100%;
}	

#page #content {
	margin-top:100px;
}

#page #content #title {
	margin-bottom:20px;
}

#page.homepage {
	width:100%;
	padding:0px;
}

#page.homepage #stage_bear {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	width:100%;
	height:100%;
	overflow:hidden;
	background-color:#358393;
	min-height:650px;
}

#page.homepage #thinkbig {
	position:absolute;
	left:0px;
	top:380px;
	z-index:3;
}

#page.homepage #bear {
	width:100%;
}

#page.homepage #photo_copyright {
	position:absolute;
	bottom:20px;
	left:18px;
	font-size:10px;
	color:#fff;
	z-index:2;
}

#page.buzz {
	text-align:center;
}

#page.buzz .quote {
	margin-bottom:25px;
}

#page.focus {

}

	#page.focus #flowpanes {
								position:relative;
								overflow:hidden;
								clear:both;
								height:400px;
								width:385px;
							}

	#page.focus #flowpanes .flowitem {
								float:left;
								display:block;
								width:385px;
								height:350px;
							}
							
	#page.focus #flowpanes div .flowtitle {
		text-align:center;
		margin-bottom:20px;
	}
	
	#page.focus #flowpanes .itemblock {
		width:180px;
		float:left;
	}
	
	#page.focus #flowpanes div .item_co {
		width:170px;
		padding-right:10px;
		float:left;
		margin-bottom:14px;
	}
	
	#page.focus #flowpanes div #mascot {
		float:right;
	}	
	
	#page.focus #flowpanes div #mascot_txt {
		width:230px;
		text-align:right;
	}

	#page.focus #flowpanes .items {
								margin:0;
								padding:30px 0px 0px 0px;
								position:absolute;
								top:0px;
								left:0px;
								height:380px;
								width:9999999em;
							}
							
	#page.focus #flowtabs li {
		float:left;
		list-style:none;
		padding:7px 16px 0px 15px;
		font-size:14px;
	}
	
	#page.focus .prev { float:left; }
	#page.focus .next { float:left; margin-left:20px; }
	
	#page.focus #flowtabs li a:link { color: #ea028c; text-decoration:none; }
	#page.focus #flowtabs li a:visited { color: #ea028c; text-decoration:none; }
	#page.focus #flowtabs li a:hover { color: #000; text-decoration:none; }	
	#page.focus #flowtabs li a.current:link { color: #000; text-decoration:none; }
	#page.focus #flowtabs li a.current:visited { color: #000; text-decoration:none; }
	#page.focus #flowtabs li a.current:hover { color: #000; text-decoration:none; }
	
#page.reach {

}

	#page.reach #c1 {
		padding-left:25px;
		margin-bottom:40px;
	}
	
		#page.reach #c1 #c1_1 {
			float:left;
			width:200px;
		}
		
	
		#page.reach #c1 #c1_2 {
			float:left;
			width:86px;
		}
		
	#page.reach #c2 {
		
	}
	
	#page.reach #c2 .r {
		margin-bottom:4px;
	}
	
	#page.reach #c2 .r img {
		float:left;
		margin-right:5px;
	}
	
	#page.reach #c2 .r span {
		float:left;
		padding-top:1px;
	}	
	
		#page.reach #c2 #c2_1 {
			float:left;
			width:200px;
			margin-top:35px;
		}
		
	
		#page.reach #c2 #c2_2 {
			float:left;
			width:158px;
		}
		
		#page.reach #c2 #c2_2 #bu {
			margin-left:25px;
			margin-bottom:20px;
		}
		
#page.ballyhoo {

}

	#page.ballyhoo #content #title {
		text-align:center;
		margin-bottom:40px;
	}
	
	#page.ballyhoo #inthenews {
		text-align:center;
		margin-bottom:20px;
	}
	
	#page.ballyhoo #news {
		margin:0px;
		padding:0px;
		list-style:none;
	}
	
	#page.ballyhoo #news li {
		margin:0px 0px 10px 0px;
		padding:0px 0px 0px 80px;
		list-style:none;
	}
	
	#page.ballyhoo #news li a:link { color: #ec008d; text-decoration:none; }
	#page.ballyhoo #news li a:visited { color: #ec008d; text-decoration:none; }
	#page.ballyhoo #news li a:hover { color: #000; text-decoration:none; }
	
	#page.ballyhoo  #downloadacrobat{ 
		float:left;
		margin-top:20px;
	}
	
#page.brands {
	width:750px;
	padding-top:0px;
}
	
#page.reel {
	width:780px;
	padding-top:0px;
}

#page.tb {
	width:850px;
	padding-top:0px;
	margin:0px auto;
}

#page.tb #content {
	width:850px;
}

#page.tb #blog {
	width:375px;
	float:left;
	font-size:11px;
	display:inline;
}

#page.tb #blog a:link { color:#000; }
#page.tb #blog a:visited { color:#000; }
#page.tb #blog a:hover { color:#6d6e71; }



#page.tb #twitter {
	width:375px;
	float:right;
	padding-top:21px;
	font-size:11px;
	display:inline;
}

#page.tb #twitter ul {
	border-top:2px solid #fafafa;
	list-style:none;
	margin:26px 0px 0px 0px;
	padding:0px;
}

#page.tb #twitter li {
	border-bottom:2px solid #fafafa;
	list-style:none;
	margin:0px;
	padding:10px 0px;
}

#page.tb #twitter a:link { color:#ef4a40; }
#page.tb #twitter a:visited { color:#ef4a40; }
#page.tb #twitter a:hover { color:#000; }

#page.work {
	padding-top:0px;
	width:783px;
}

#page.work #arrow_down {
	float:left;
	margin-right:2px;
}

#page.work #arrow_up {
	float:left;
	margin-right:20px;
}

#page.work #quote {
	padding-top:11px;
	float:left;
}

#page.work #workstage {
	height:597px;
	width:792px;
	margin-top:18px;
	overflow:hidden;
	position:relative;
}

#page.work #workstage #workclip {
	position:absolute;
	top:0px;
	left:0px;
	width:792px;
}

#page.work .workitem {
	width:255px;
	height:193px;
	margin-right:9px;
	margin-bottom:9px;
	float:left;
	position:relative;
}

#page.work .workitem .workborder {
	position:absolute;
	z-index:2;
	top:0px;
	left:0px;
}

#page.work .workitem .photo {
	position:absolute;
	z-index:1;
	top:0px;
	left:0px;
}

#page.work .workitem .workclose {
	position:absolute;
	top:3px;
	right:6px;
	width:13px;
	height:13px;
	font-size:14px;
	z-index:4;
	font-weight:bold;
	background-image:url(/images/btn_close.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	font-size:0px;
	cursor:pointer;
}

#page.work .workitem .workclose:hover { background-position:0px -13px; }

#workpop {
	width:549px;
	height:412px;
	background:url(/images/workbg.png) no-repeat;
	position:absolute;
	top:100px;
	left:100px;
	z-index:99999;
}

#workpop #workpopiframe {
	width:549px;
	height:382px;
}

#workpop #closework {
	float:right;
	width:90px;
	height:39px;
	font-size:0px;
}

/* workitem */

#workitem {
	background:none;
}

#workitem #col1 {
	float:left;
	width:213px;
	height:318px;
	overflow:hidden;
	position:relative;
}

#workitem #col1 #copy {
	position:absolute;
	bottom:0px;
	padding:0px 10px;
	font-size:12px;
	text-align:right;
	width:193px;
}


	#workitem #flowpanes {
								position:relative;
								overflow:hidden;
								height:317px;
								width:317px;
								float:left;
							}

	#workitem #flowpanes .item {
								float:left;
								display:block;
								width:317px;
								height:317px;
								overflow:hidden;
								text-align:center;
							}

	#workitem #flowpanes .items {
								margin:0;
								padding:0px 0px 0px 0px;
								position:absolute;
								top:0px;
								left:0px;
								height:317px;
								width:9999999em;
							}
	
	#workitem .prev { float:left; margin-top:10px; margin-left:120px; font-size:0px; background-repeat:no-repeat; background-image:url(/images/arrow_left2.png);background-position:0px 0px; width:24px; height:24px; display:block; cursor:hover; }
	#workitem .prev:hover { background-position:0px -24px; }
	#workitem .next { float:left; margin-left:20px; margin-top:10px; font-size:0px; background-repeat:no-repeat; background-image:url(/images/arrow_right2.png);background-position:0px 0px; width:24px; height:24px; display:block; cursor:hover; }
	#workitem .next:hover { background-position:0px -24px; }
	
	#workitem #workitemplayer {
								position:absolute;
								top:0px;
								left:213px;
								width:317px;
								height:317px;
								z-index:999;
							}

#watermark {
	font-size:10px;
	color:#989797;
	padding-bottom:20px;
	text-align:right;
	position:absolute;
	top:0px;
	right:40px;
}