/* STRUCTURE */
html { overflow-y:scroll; }
html, body { width:100%; height:100%; }
body {
	position:relative;
	font:62.5% Helvetica, 'Helvetica Neue', Arial, sans-serif; /* 1 em = 10px */
	line-height:1.4;
	background-color:#fff;
	color:#7f7f7f;
}

a { color:#7f7f7f; }
a:hover { text-decoration:underline; }
h2 { font-size:2.2em; }
	h2.featured {
		text-transform:uppercase;
		color:#BFBFBF;
	}
h3 { font-size:1.2em; }
em { font-weight:bold; }

p.back, p.view {
	font-size:1.4em;
	text-transform:uppercase;
	font-weight:bold;
}

.pagination { }
	.pagination span, 
	.pagination a { padding:10px; display:inline-block; border:1px solid #ddd; text-decoration:none; }
		.pagination span.current { background-color:#ddd; }
		.pagination span.disabled { background-color:#ddd; border:1px solid #ddd; }
		.pagination a:hover { color:#000; }

/** PAGE_WRAP **/
#page_wrap {
	margin:0 auto;
	width:96em;
	position:relative;
	clear:both;
}

/* Studio Widget */
#widget {
	height:3.5em;
	background:#7f7f7f;
}
	#widget_content_wrap {
		width:96em;
		margin:0 auto;
	}
	#widget ul.studios,
	#widget ul.general_admin { float:left; }
	#widget ul.client_login,
	#widget ul.secondary_admin { float:right; }
	#widget ul.client_login a,
	#widget ul.secondary_admin a { color:#000; }
	#widget ul {
		height:3.5em;
		line-height:3.5em;
	}
	#widget li {
		display:inline;
		position:relative;
		padding-right:1.5em;
	}
	#widget a {
		font-size:1.4em;
		color:#fff;
		text-transform:uppercase;
		text-decoration:none;
	}
		#widget a:hover { text-decoration:underline; }

/** HEADER **/
#header {
	margin:4em 0 4em 0;
	overflow:hidden;
}
	#header a { text-decoration:none; }
	#header h1 {
		float:left;
		margin-right:2em;
		display:inline; /* IE */
	}
	#header h1 a {
		display:block;
		text-indent:-9999px;
		width:40.1em;
		height:3.5em;
		background-image:url(../images/logos/fwc_neutral_bg.png);
	}
 	#header ul {
		float:left;
		overflow:hidden;
	}
	#header li { float:left; }
	#header li a {
		vertical-align:bottom;
		display:block;
		font-size:1.8em;
		text-transform:uppercase;
		padding:0 0.5em;
		color:#7F7F7F;
		padding-top:1em;
	}
	/* TODO: Better Vertical Alignment */

/** PAGE **/
#page { overflow:hidden; }

/** NAVIGATION **/
#navigation {
	float:left;
	width:28em;
	text-transform:uppercase;
	margin-right:2em;
	display:inline; /* IE */
}
	#navigation a { text-decoration:none; }
#navigation ul.info {
	font-weight:bold;
	font-size:1.8em;
	margin-bottom:1em;
}
#services { font-size:1.4em; }
	#services li div.artists { padding-left:2em; }
		#services li div a { text-transform: none; }

#external_links span { position:relative; }
	#external_links span span {
		text-transform:none;
	}

/** CONTENT **/
#content {
	width:66em;
	float:left;
}

/* two column layout */
#content_columns { overflow:hidden; }
	#content_columns div.column {
		float:left;
		width:31em;
		margin-right:2em;
		display:inline; /* IE */
	}

/* featured video */
#featured_video {
	width:64em;
	margin-right:2em;
	margin-bottom:1em;
}

/* small videos */	
#samples { margin-right:2em; }
	#samples h2 {
		color:#BFBFBF;
		font-size:3.2em;
		text-transform:uppercase;
	}
	#samples ul { }
	#samples li {
		padding:1.5em;
		padding-left:34.4em;
		background-color:#f2f2f2;
		overflow:hidden;
		margin-bottom:1em;
	}
	#samples li img {
		float:left;
		display:inline;
		width:30.4em;
		height:17.1em;
		margin-left:-32.9em;
	}
	#samples p.agency {
		color:#9B9B9B;
		font-size:1.5em;
		text-transform:uppercase;
		margin-bottom:0.5em;
	}
	#samples h3 {
		font-size:2.2em;
		text-transform:uppercase;
		line-height:1;
	}
		#samples h3 a {
			color:#666;
			text-decoration:none;
			display:block;
		}
		#samples h3 a:hover { text-decoration:underline; }
	#samples p.title {
		font-size:1.5em;
		text-transform:capitalize;
	}
		#samples p.title a {
			color:#999;
			text-decoration:none;
		}
		#samples p.title a:hover { text-decoration:underline; }

#sample p.download {
	margin-bottom:1em;
	font-size:1.2em;
}
#sample div.credits { font-size:1.6em; }

/* blog posts */
#blog_posts {margin-right:2em;}
	#blog_posts li {
		padding:2em;
		margin-bottom:1.4em;
		background-color:#f2f2f2;
	}	
	#blog_posts h3 {
			font-weight:bold;
			text-transform:uppercase;
			font-size:2em;
			line-height:1.1;
		}
			#blog_posts h3 a {text-decoration:none; display:block;}
		#blog_posts p.date {
			margin-bottom:0.2em;
			font-size:1em;
		}

/* contact */
#contact {
	background-color:#f2f2f2;
	padding:1.5em;
	margin-left:13.1em;
}

#contact div.address {
	font-size:1.4em;
	text-transform:uppercase;
	margin-bottom:3em;
}

#contact ul { }
#contact li { margin:0 0 1.5em 0; }
#contact li:last-child { margin-bottom:0; }
	#contact li h4 { font-size:1.4em; }
		#contact li h4 span { color:#C6C6C6; }
	#contact li p a {
		font-size:1.2em;
		color:#C6C6C6;
		font-weight:bold;
		text-decoration:none;
	}
	#contact li p a:hover { text-decoration:underline; }

/* pages */
#content div.page {
	background-color:#F2F2F2;
	padding:2em;
}
	#content div.page div.body { }
		#content div.page div.body p {
			font-size:1.4em;
			margin-bottom:0.5em;
		}
	#content div.page img { display:block; }
		
.page div.attached_files {
	overflow:hidden;
	margin-bottom:1em;
}
	.page div.attached_file {
		background-color:#ddd;
		padding:0.5em 1em;
		margin-bottom:0.5em;
		float:left;
		clear:left;
	}
		.page div.attached_file a {
			display:block;
			font-size:1.4em;
			padding-left:24px;
			background-image:url("../images/page_white_get.png");
			background-repeat:no-repeat;
			background-position:0 50%;
		}

/* footer */
#footer {
	margin-left:30em;
	padding:2em 0 1em;
	clear:both;
}