/* CSS Document */

/* General Styles */

h1.newsHeadline {
	padding:0px;
	margin:0px 0px 8px 0px;
	font-size:20px;
}

h1.workTitle {
	margin:0px;
	padding:0px;
}

h1 a { 
	color:#000000;
	text-decoration:none;
}

h1.whiteNewsHeadline {
	color:#FFFFFF;
	font-size:20px;
	padding:0px;
	margin:0px 0px 8px 0px;
}

h2.sectionsList {
	padding:0px;
	margin:0px 0px 8px 0px;
	color:#FFFFFF;	
}

h2.sectionsList a {
	color:#FFFFFF;	
	text-decoration:none;
}

h2.sectionsList a:hover {
	color:#000000;
}

h2.subheader {
	font-size:16px;
}

p.homepage {
	margin:0px;
	padding:0px;
	color:#7E7E80;
}

p.searchResults a {
	color:#999999;
	font-style:normal;
}

p.rightWebLink {
	margin-bottom:8px;
}

p.rightWebLink a {
	color:#FFFFFF;
	font-style:normal;
	font-weight:bold;
}

.white {
	color:#FFFFFF;
}

.black {
	color:#000000;
}

.clientNavTop {
	text-align:right;
	margin-bottom:4px;
}

.clientNavBottom {
	text-align:right;
	margin-top:4px;
}

.clientNavTop a, .clientNavBottom a  {
	color:#666666;
}

p a {
	color:#000000;
	text-decoration:underline;
	font-style:italic;
	font-weight:bold;
}

img.subheader {
	margin:16px 0px 8px 0px;
}

.homeMoreLink {
	color:#000000;
	text-decoration:underline;
	font-style:italic;
	font-weight:bold;
}

.homeWhiteViewLink {
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
}

.homeRelated {
	margin:10px 0px 0px;
	padding:0px;
}

.homeRelatedWhite, .homeRelatedWhite a {
	color:#FFFFFF;
}

.hr {
	height:1px;
	line-height:1px; 
	background:url('../images/hr.gif') left repeat-x;
	margin:0px 10px;
	padding:10px;
}

.hr_fullwidth {
	height:1px;
	line-height:1px; 
	background:url(../images/hr.gif) left repeat-x;
	margin:0px;
}

a.noUnderline {
	text-decoration:none;
}

/* Header */
 
#headerWork { background: url(../images/header_work.gif) 0px 43px no-repeat #000000; }
#headerNews { background: url(../images/header_news.gif) 0px 43px no-repeat #000000; }
#headerClients { background: url(../images/header_clients.gif) 0px 43px no-repeat #000000; }
#headerShowreel { background: url(../images/header_showreel.gif) 0px 43px no-repeat #000000; }
#headerAbout { background: url(../images/header_about.gif) 0px 43px no-repeat #000000; }
#headerAwards { background: url(../images/header_awards.gif) 0px 43px no-repeat #000000; }
#headerContact { background: url(../images/header_contact.gif) 0px 43px no-repeat #000000; }

/* Quick Links */

#quickLinksHeader {
	background: url(../images/header_quicklinks.gif) 58px no-repeat #000000;
	height: 23px;
	padding:0px;
	margin:19px 0px 0px 0px;	
}

#menu p { 
	padding:0px 23px 0px 0px;
	margin:11px 0px 6px 0px;
}

ul.quickLinks {
	list-style:none; 	
	margin:2px 23px 0px 0px; 
	padding:0px;
}

ul.quickLinks li {
	margin:0px 0px 3px 0px; 
}

ul.quickLinks a {
	color:#FFFFFF;
}

/* Homepage Main Area */

#mainAreaHome { 
	border:10px solid #BFBFBF;
	background:#FFFFFF;
	width:567px;
	float:left;
	min-height:617px;
	height: auto;
}

/* min-height for Internet Explorer to understand */
* html #mainAreaHome {
	height: 617px;
}

/* Rest of Site Main Area */

#mainArea {
	border:10px solid #BFBFBF;
	background:#FFFFFF;
	width:567px;	
	float:left;
	min-height:617px;
	height: auto;
	background:url('../images/bg_right.gif') top right repeat-y #FFFFFF;
}

/* min-height for Internet Explorer to understand */
* html #mainArea {
	height: 617px;
}

/* 1st Featured Article on Home Page */

#homeFeatured1 {
	padding:10px 10px 0px 10px;
	height:250px;
	background-color: #FFFFFF;
	/*filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);*/ /*Specify fade effect in IE. Remove if desired.*/
	/*-moz-opacity: 0.8;*/ /*Specify fade effect in Firefox. Remove if desired.*/
}

#homeFeatured1_imgContainer {
	 width:334px;
	 height:250px;
	 margin:0px 20px 0px 0px;
	 float:left;
	 text-align:center;
	 overflow:hidden; 
	 background:#999999;
}

.homeFeat_linksContainer {
	float: left; 
	padding-left:0px;
}

.homeFeat1_nextContainer {
	float:right; 
	width: 13px; 
	padding: 10px 0px 0px;
}

/* Container that holds Search Bar and 2nd Featured Article on Home Page */

#homeSearchFeaturedContainer {
	 width:334px;
	 padding:0px 10px;
	 margin:0px;
	 float:left;
}

/* searchBar */

#searchBar {
	background:url(../images/home_search.gif) 14px no-repeat #000000;
	height:48px;
}
/*
#searchBar form {
	 margin:0px;
	 padding:2px;
}

#searchBar form .search {
	border:0;
	margin:6px 0px 0px 106px;
	padding:0;
	height:27px;
	font-size:23px;
	width:159px;
}

#searchBar form .go {
 	margin:0px 0px 0px 8px;
	padding:5px 0px 0px 0px;
} */

/* 2nd Featured Article on Home Page */

#homeFeatured2 {
	background:#BFBFBF;
	margin-top:10px;
	padding:10px;
	margin:10px 0px 0px 0px;
	height:248px;
	/*filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);*/ /*Specify fade effect in IE. Remove if desired.*/
	/*-moz-opacity: 0.8;*/ /*Specify fade effect in Firefox. Remove if desired.*/
}

#homeFeatured2_imgContainer { 
	 height:120px;
	 width:160px;
	 margin:0px 0px 8px 10px;
	 float:left; 
	 text-align:center;
	 overflow:hidden; 
}

.featured2Headline {
	width:144px;
	float:left;
}

.featured2text {
	/*height:96px;*/
}

.homeFeat2_nextContainer {
	float:right; 
	width: 13px; 
	padding: 4px 0px 0px;
}

/* Container that holds TV Showreel Pic and Awards Pic on Home Page */

#homeTvAwardsContainer {
	float:left;
	width:203px; 
	text-align:right;
}

/* TvShowreel */

#TvShowreel {
	 background:url(../images/home_tvshowreel.gif) 10px 14px no-repeat #BFBFBF;
	 padding:22px 10px 10px 10px;
	 margin-bottom:10px;
	 height:126px;
}

#TvShowreel img {
	margin-top:12px;
}

/* Awards */

#Awards {
	 background:url(../images/home_awards.gif) 10px 14px no-repeat #BFBFBF;
	 padding:22px 10px 10px 10px;
	 height:126px;
}

#Awards img {
	margin-top:12px;
}

/* Central and Right Divs for other pages */

#central {
	width:334px;
	padding:12px;
	float:left;
}

p.newsText {
	margin-top:12px;
	color:#7E7E80;
	line-height:16px;
}

/* Clients on clients page */

.clients {
	margin:10px 0px;
	float:left;
	width:100%;
}

div.clientsImgContainer {
	height:104px;
	line-height:104px;
	width:104px;
	text-align:center;
	float:left;
	border:1px solid #BFBFBF;
	margin:0px 8px 8px 0px;
}

div.clientsImgContainer img {
	vertical-align:middle;
}

/*  old style

a.clientsImgContainer {
	display:block;
	height:104px;
	line-height:104px;
	width:104px;
	text-align:center;
	float:left;
	border:1px solid #BFBFBF;
	margin-right:10px;
}

a.clientsImgContainer img {
	vertical-align:middle;
}*/

.clientContainer {
	float:left; 
	border:1px solid #BFBFBF; 
	margin:0px 8px 8px 0px;
}

.clientImgContainer {
	display:block; 
	text-align:center; 
	height:104px; 
	width:104px; 
	vertical-align:middle;
}

/* Clients on work page */

.workClients {
	float:left;
	margin-bottom:8px;
}

.workClientContainer {
	float:left;
	width:104px;
	border:1px solid #BFBFBF;
	margin-right:8px;	
}

/* Hack so that margins are ok in IE 6 - may have to come out if posing problems later on */

* html .workClientContainer {
	margin-right:4px;
}

a.workClientsImgContainer {
	display: block;
	height:104px;
	text-align:center;	
}

a.workClientName {
	display:block;
	text-decoration:none;
	background:#BFBFBF;
	color:#FFFFFF;
	font-weight:bold;
	padding:4px;
	height:32px;
}

#right {
	width:189px;
	padding:10px;
	float:left;
}

#right p a {
	color:#FFFFFF;
}


#right p a.blackLink {
	color:#000000;
}

#rightAboutUs {
	width:189px;
	padding:0px 10px 10px 0px;
	float:left;
}

.rightQuickLinksHeader {
	font-weight:bold;
	margin-bottom:4px;
	padding-bottom:0px;
}

ul.rightQuickLinks {
	list-style:none; 	
	margin:0px 23px 0px 0px; 
	padding:0px;
}

ul.rightQuickLinks li {
	margin:0px 0px 3px 0px; 
}

ul.rightQuickLinks a {
	color:#FFFFFF;
}

li.blackLink a {
	color:#000000;
}

p.newsList {
	margin:4px 0px;
}

p.newsList a {
	font-style:normal;
	font-weight:normal;
}

p.typeList a {
	font-style:normal;
	font-weight:normal;
}

p.archiveLink a {
	font-style:normal; 
	font-weight:normal;
	color:#000000; 
}

.rightLogoContainer {
	margin-bottom:16px;
}

.clientDesc {
	color:#FFFFFF;
	margin:4px 0px;
}

/* Tabs */

ul.tabs {
	margin:10px 0px 0px 0px; 
	padding:0px; 
	list-style:none;				
}

ul.tabs li {
	width:140px;
	padding:6px;
	font-size:14px;
	font-weight:bold;
	border: 1px solid #000000;
	border-left: 0;
	background:#4B4B4B;
	color:#FF0000;
	margin-bottom:2px;
}

ul.tabs li.current {
	background:#FFFFFF;
	color:#333333;
}

ul.tabs li a {
	text-decoration:none;
	color:#BFBFBF;
}

/* End Tabs */

/* Main Work */

#mainWork {
	width:332px;
	overflow:hidden;
	border: 1px solid #CCCCCC;
	margin-bottom:10px;
}

h2.mainWorkTitle {
	padding-left:10px;
	font-size:16px;
}

p.mainWorkText {
	padding-left:10px;
}

/* End Main Work */

/* Other Work */

#prevArrow {
	float:left;
	width:18px;
	padding-left:4px;
}

#nextArrow {
	float:left;
	width:18px;
	padding-right:4px;
	text-align:right;
}

#restOfWorkSection {
	float:left;
	border:1px solid #CCCCCC;
	margin-bottom:6px;
}

#restOfWorkContainer {
	float:left;
	width:288px;
	padding:10px 0px 0px 0px;
}

.otherWork {
	width:140px;
	float:left;
	height:105px;
	/* background:#cccccc;*/
}

#otherWork1, #otherWork3 {
	margin: 0px 8px 8px 0px;
}

#otherWork2, #otherWork4 {
	margin: 0px 0px 8px 0px;
}

/* End Other Work */

/* Contact Us & Map */

#map {
	border:1px solid #999999; 
	width: 332px; 
	height: 332px;
	margin-bottom:10px;
}

/* End Contact Us & Map */

/* Footer */

ul#footerMenu {
	list-style:none;
	margin:10px 0px 0px;
	float:right;
}

ul#footerMenu li {
	display:inline;
	color:#FFFFFF;
}

ul#footerMenu li a {
	color:#FFFFFF;
	text-decoration:none;
}

ul#footerMenu li a:hover {
	color:#999999;	
	text-decoration:underline;
}
 
#footerText {
	text-align:left;
	font-size:12px;
	margin:15px 0px 0px 0px;
	color:#FFFFFF;
}