/* @override 
	http://2amfilms.co.uk/css/divs.css
	http://2amfilms.co.uk.local/css/divs.css
*/

@charset "UTF-8";
/* CSS Document */

#clientLogin {
	font-family: Arial, Helvetica, sans-serif;
}

#clientLogin {
	background-image: url(/media/gfk/images/red-dotted-line.gif);
	background-repeat: repeat-x;
	padding-top: 10px;
	width: 477px;
	background-position: 0px 4px;
}
.directorPages #clientLogin {
	width: 100%;
}

#clientLogin form{
	padding-top: 1px;
}

.home #container .firstColumn {
	width: 477px;
	padding-right: 12px;
}
.home #container .secondColumn {
	width: 326px;
}

#contents{
/* 	min-height:600px; */
	margin-bottom:2em;
}

.floatColumn{
	float:left;
}
.directorIndexDiv {
	float: left;
	height: 137px;
	width: 205px;
	padding-right: 12px;
	position: relative;

}

.directorIndexDiv:hover > a.tags,
.directorIndexDiv:hover a.tags{
	filter:alpha(opacity=80);
    -moz-opacity:0.80;
    -khtml-opacity: 0.80;
    opacity: 0.80;
}

a.tags {
	position: absolute;
	top: 0;
	padding: 7px 4px 4px;
	height: 104px;
	width: 197px;
	background-color: #da3612;
	/*background-color: #d1d2d4;*/
		filter:alpha(opacity=0);
    -moz-opacity:0.0;
    -khtml-opacity: 0.0;
    opacity: 0.0;
}

/*div.tags:hover {
	filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}*/



#container #directorNav {
	width: 205px;
	padding-right: 12px;
	float: left;
	height: auto;
}
#container #contents {
	float: left;
	width: 658px;
}
.directorPages #container {
	width: 875px;
}
.directorNameBox {
}
.directorNameBox h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 5px;
	text-transform: uppercase;
	color: #FFF;
	background-color: #da3612;
	height: 105px;
}
.directorIndexDiv  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
}
.directorIndexDiv p {
	padding-top: 2px;
}
.directorIndexDiv a{
	color: #999;
}
.directorIndexDiv a:hover{
	color: #DB3C11;
}
.directorPages #container #footer {
	padding-left: 0px;
	
}
#directorBiog p , p.directorBiog{
	font-size: 14px;
	line-height:15px;
	color: #999;
	padding-bottom: 12px;
}

div.directorInfo {
	
}

div.directorBiog {
	width: 60%;
	font-size: 14px;
}


div.rightColumn {
	width: 34%;
	margin-left: 3%;
}

div.awards {
	font-size: 14px;
}


div.directorBiog, div.rightColumn {
	float: left;
}







.newSection {
	background-image: url(/media/gfk/images/red-dotted-line.gif);
	background-repeat: no-repeat;
}
.newSectionGrey {
	background-image: url(/media/gfk/images/grey-dotted-line.gif);
	background-repeat: no-repeat;
	padding-top: ;
}

div.directorInfo div.newSectionGrey {
	padding-top: 6px;
}

div.directorInfo #relatedContent div.subContent.newSectionGrey. div.articleInfo {
	padding-top: 0px;
}
.blogArticle {
	padding-bottom: 20px;
}
.subContent {
	padding-bottom:0px;
	margin-bottom: 12px;
}

.blogArticleSmall .recentWorkDiv {
	float: left;
	width: 151px;
	padding-right: 12px;
	padding-bottom: 12px;
}
.blogArticleSmall{
	padding-bottom: 12px;
}

.activeBlogFilter {
	color: #313131;
}
.subImageHolder {
	float: left;
	width: 151px;
	padding-right: 12px;
	padding-bottom: 0px;
}
.forgottenPassword {
	display: none;
}
.clientShowreelDiv {
	margin-bottom: 10px;
	padding-bottom: 0px;
}
.associationItem {
	float: left;
	width: 151px;
	padding-right: 12px;
	color: #999;
	padding-bottom: 6px;
	font: bold 11px Arial, Helvetica, sans-serif;
}
.associationItem a{
	color: #999;
}
.associationItem a:hover{
	color: #da3612;
}
.staffDiv {
	padding-top: 6px;
}
.staffDiv p {
	font-size: 12px;
}
div.articleImage {
	float: left;
	width: 151px;
	margin-right: 12px;
	height: 83px;
	padding-bottom: 12px;
}
div.activeArticleImage img{
	border: 1px solid #DB3C11;
	overflow: hidden;
	width: 149px;
	height: 81px;
}
.blogArticle #articleMedia {
	height: auto;
}
.imageHolder {
	padding-bottom: 0px;
}
div {
	padding-bottom: 0px;
}

div.notes {
	margin-bottom: 1em;
}

div.notes h3 {
	margin-bottom: .4em;
	padding: 0;
}

p.notes {
	color: #666;
}

div.videoThumbs {
	float: left;
}

div.forwardShowreel {
	float: left;
	width: 205px;
	padding-right: 12px;
}


body.directorPages {
	margin-top: 28px;
}

#flashVideoHolder{
	min-height: 365px;
}