/**
Client:			UK Production Services Limited 
Date:				
**/


/** RESET CODE **/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/** **/

/** CLEAR AND FLOATS **/

.clear {
	clear:both;
}	 
.clearfix:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/* End hide from IE-mac */	 
	 
.right {
	float:right;
}
.left {
	float:left;
}

/** **/

/** STRUCTURE **/

.head, .prime, .banner, .container, .foot {
	clear:both;
	margin:0 auto;	
}
html {/* This forces a vertical scroll bar regardless of page height, simply to combat the irritating page shift. */
	height: 100%;
	margin-bottom: 1px;
}
* html body { /* make ie5.5 behave itself and center the layout */
	text-align:center;
}
* html .head, * html .prime, * html .banner, * html .container, * html .foot { /* for ie5.5 / 6.0 - realign the text */
	text-align:left;
}
* html .container { 
	height:300px; 
}
body {
	margin:0px auto;
	font-family:Verdana, Arial, sans-serif;
	color: #4e4e4e;
	font-size:100%;
	background:#FFFFFF url(../images/bg_green.gif) repeat-x scroll center top;
}
body.home, body.command, body.clients_list {
	background:#FFFFFF url(../images/bg_green_home.gif) repeat-x scroll center top;
}
div.content { /* Container for the whole page */
	margin:0 auto;
	padding:26px 0 0px 0;
	width:1020px;
	position:relative;
}
.head {
	padding:0 0 18px 0;
	margin:0;
	height:102px;
	width:1020px;
	background:url(../images/bg_navigation.gif) bottom left no-repeat;
}
.logo {
	margin:0 0 0 60px;
	padding:0 0 0px 0;
	line-height:0;
}
.prime {
	margin:18px 0 0 50px;
	padding:0 0 0px 0;
}
.banner {
	padding:0 62px 0px 0;
	margin:0;
	float:right;
	line-height:0;
	position:relative;
}
.banner img {
	float:right;
	display:block;
}
.container {
	margin:1px 0 0 0;
	padding:15px 60px 0px 60px;
	width:900px;
	clear:both;
	background:#ffffff url(../images/bg_content_top.gif) top left no-repeat;
}
#home .container { /*Container for the home page content */
	margin:0px 0 0 0;
	padding:0px 60px 10px 60px;
	background:#ffffff url(../images/bg_content_top_home.gif) top left no-repeat;
}
#command .container, body.clients_list .container { 
	background:none;
}
.foot {
	margin:10px auto;
	padding:25px 0px 0 0px;
	width:900px;
	clear:both;
	background:#ffffff url(../images/bg_footer.gif) top center no-repeat;
}
.spacer { /* fixes collapse of empty div in firefox */
	white-space: pre;
}

/* ------------------------   CONTENT COLUMN ONE  ------------------------*/
.content_one {
	margin: 0px 25px 0 0;
	padding: 15px 0 0 0;
	width:206px;
	float:left;
	display:inline;
	background:transparent url(../images/bg_col1.png) top left repeat-y;		
}
.content_one .decoration {/*Left column foot*/
	height:300px;
	background:transparent url(../images/bg_col1_ul_foot.gif) bottom left no-repeat;
}
.content_one .heading {
	margin:0 0 0px 0px;
	padding:4px 0 14px 0px;
	font-size: 1.15em;
	font-weight:500;
	color:#155f3c;
	background:none;
	background:transparent url(../images/bg_col1_li.gif) bottom right no-repeat;
	border:none;
}
#col1_copy {
	margin:0;
	padding:0;
	width:360px;
	float:left;
}
#col1_image {
	margin:0;
	padding:0;
	float:right;
}

/* ------------------------   CONTENT COLUMN TWO  ------------------------*/

.content_two {
	margin:15px 25px 0px 0;
	padding:0 0px;	
	width:435px;
	float:left;
	display:inline;	
}
#home .content_two { /*Left column*/
	margin: 30px 35px 0 0;
	padding: 0px 0 0 0;
	width:525px;
	float:left;
	display:inline;
	background:none;
}
#news_and_resources .content_two {
	width:625px;	
}
#command .content_two,  body.clients_list .container {
		margin: 0 0 0 175px;
		width:535px;	
}

/* ------------------------   CONTENT COLUMN THREE  ------------------------*/

.content_three {
	margin:15px 0 0px 0;
	padding:0px 0 0px 0;
	width:209px;
	float:right;
	display:inline;	
}
#home .content_three { /*Second column on home page only*/
	margin:30px 0px 0px 0;
	padding:0 0px;	
	width:327px;
	float:left;
	display:inline;
}
.contact .content_three p {
font-size:0.7em;
line-height:1.8em;
}
.content_block {
	border-bottom:1px dotted #000000;
}
.content_block p {
	font-size:0.7em;
	font-weight:500;
}
#content_col3 .content_block {
	border-bottom:1px dotted #CFD3D6;
}

/** **/

/** PRIMARY NAVIGATION **/

ul.primarynav {
	margin:0;
	padding:0px 0 0 0;
}
ul.primarynav li {
	margin:0;
	padding:0 12px 0 12px;
	font-size:0.9em;
	display: inline;
	float: left;
	border-right: 1px solid #ffffff;	
}
ul.primarynav li.last {
	border-right:0px solid #ffffff;	
}
ul.primarynav li a {
	margin:0;
	padding:0;
	display:block;
	color:#ffffff;
	text-decoration:none		
}
ul.primarynav li a:hover {
	text-decoration:underline;
}
ul.primarynav li a.activelink {
	text-decoration:underline;
}
.prime .right {
	line-height:2em;
}

/** **/

/** SECONDARY NAVIGATION **/

ul.secondarynav {
	padding:0 0 80px 0;
	background:transparent url(../images/bg_col1_ul_foot.gif) bottom left no-repeat;
}
ul.secondarynav li {
	margin:0;
	padding:0px 0 3px 0;	
	position:relative;
	list-style:none;
	background:transparent url(../images/bg_col1_li.gif) bottom right no-repeat;
}
ul.secondarynav li a {
	margin:0;
	padding:10px 0px 10px 10px;
	height:1%;
	font-size:0.8em;
	color:#155f3c;
	display:block;	
	text-decoration:none;
}
ul.secondarynav li a:hover {
	background:transparent url(../images/bg_active_link.gif) top right no-repeat;
	text-decoration:underline;
	color:#ffffff;
}
ul.secondarynav li a.activelink, ul.secondarynav li a:hover.activelink, li.heading {
	background:transparent url(../images/bg_active_link.gif) top right no-repeat;
	text-decoration:none;
	color:#ffffff;
}


/** **/

/** FOOT NAVIGATION **/

.foot ul li {	
	padding:0;
	margin:0;
	display:inline;
	float:right;
	color:#0000ff;
}
.foot ul li a {
	padding:0px 0px 0px 20px;
	display:block;
	float:left;
	font-size:11px;
	font-weight:600;
	color:#4e4e4e;
	text-decoration: none;
}
.foot ul li a:hover {
	text-decoration:underline;
}
.foot ul li a.activelink {
	font-weight:bold;
}
.foot .right {
	line-height:1.5em;
	margin:0;
	padding-left:1.5em;
}
.foot p {
	float:left;
}

/** **/

/** GENERIC STYLES **/

/*h1,h2,h3,p {
	margin: 0.6em 0;
}*/

h1 {
	margin:0 0 15px 0px;
	padding:0 0 12px 0px;
	font-size: 1.4em;
	font-weight:500;
	color:#155f3c;
	border-bottom:1px solid #dcddde;
}
h2 {
	margin:0 0 15px 0px;
	padding:0 0 12px 0px;
	font-size: 1.4em;
	font-weight:500;
	color:#155f3c;
	border-bottom:1px solid #dcddde;
}
.content_one h1, .content_one h2 {
	border:none;
	background:transparent url(../images/bg_col1_li.gif) bottom right no-repeat;
}
.content_two h2, .content_three h2 {
	margin: 10px 0 5px 0;
	padding:0;
	font-size: 0.9em;
	font-weight:600;
	color:#155f3c;
	border:none;
}
#home .content_three h2 {
	margin:7px 0 14px 0px;
	padding:0 0 0px 0px;
}
h3 {
	margin: 10px 0 3px 0;
	font-size: 0.9em;
	font-weight:600;
	color: #155f3c;
}
p {
	margin:0 0 20px 0;
	line-height:1.8em;
	font-size:0.75em;
}
a {
	color:#f15e22;
	text-decoration:none;
}
p a {
 	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
sup {
 color:#ff0000;
}

/* notes */


.note_warning {
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	background:#ffffff;
	border:1px solid #ff0000;		
}
.note_warning p {
	margin:0px 0px 5px 0px;
	color:#ff0000;
	font-size:0.7em;
	font-weight:600;
	text-align:center;
	line-height:1.5em;
} 
.note_info {
	margin:0px 0px 0px 5px;
	padding:3px 0px 3px 140px;
	width:260px;
	font-size:0.7em;
	color:#464646;
	float:left;
	text-align:left;
}

/* */

/* Caption images */

.caption_image {
	border:1px solid #DCDDDE;
	padding:4px 4px 4px 4px;
	line-height:0;
}
.caption_image.right {
	margin:5px 0 10px 10px;
}
.caption_image.left {
	margin:5px 10px 10px 0;
}
.caption_image p, .caption_image img {
	padding:0;
	margin:0;
}
#home .content_two .caption_image.right {
	border:none;
	margin:5px 0 10px 10px;
	padding:0px;
}
#home .content_two .caption_image.left {
	border:none;
	margin:5px 10px 10px 0;
	padding:0px;
}

/* */

/** **/

/** STYLES AND STRUCTURE FOR SPECIFIC AREAS / SECTIONS **/


/* ------------------------   SPOTLIGHT  ------------------------*/

#home .spotlight { /* Container for the spotlight and CTA area on the Home Page*/
	margin:0px 0 0px 0;
	padding:5px 60px 0 60px;
	width:900px;
	/*height:306px;*/
	background:#ffffff;
	position:relative;
}
#home .carousel { /*Container for the Spotlight area */
	padding:0px 5px 5px 5px;
	margin:0px;
	height:301px;
	position:relative;
	float:left;
	line-height:0;
}
#home .channels {
	margin: 0px 0  0 0px;
	float:left;
}
.channel {
	margin:0;
	padding:0px 5px 5px 0px;
	line-height:0;
	position:relative;
}
.prime .right {
	margin:0;
	padding-left: 1.5em;
}
.content_two ul {
	list-style: disc;
	margin:0.5em 2em;
}
.spotlight img {
	display:block;
}


/* ----------------------------  NEWS PAGE NEWS ITEMS  ---------------------------- */

.news_article {/*Styles the text pulled in form the news page*/
	margin:0px 0 10px 0px;
	padding:15px 0 0 0px;
	border-top:1px solid #dcddde;
}
#news_and_resources .content_two h1 {
	margin:0px 0 15px 0px;
	padding:0 0 0px 0px;
	border:none;
}
#news_and_resources .content_two h2 {
	margin:0px 10px 5px 0px;
	padding:0 0 0px 0px;
	font-size:1.0em;
	font-weight:600;
	/*float:left;*/
}
#news_and_resources .content_two h3, #home .content_three h4 {
	margin:0px 5px 5px 0px;
	padding:0 0 0px 0px;
	font-size: 0.8em;
	color:#155f3c;
	font-weight:500;
}
#news_and_resources .content_two p, #home .content_three p {
	margin:0 0px 5px 0;
	padding:0 0 0px 0px;
}
#news_and_resources .content_two a, #home .content_three a {
	font-size:0.7em;
	font-weight:600;
}

/* ----------------------------  HOMEPAGE EMAIL SUBMIT  ---------------------------- */

#home .content_three .newsletter, #home .content_three .newsletter form, #home .content_three .newsletter fieldset {/*Email sign up box*/
	height:65px;
	width:327px;
}
#home .content_three .newsletter {
	margin:20px 0 0 0;
	padding:0px 0px 0px 0px;
	background: url(../images/email_signup.gif) no-repeat;
}
#home .content_three .newsletter form label { /*Formatting for the label*/
	margin:12px 0px 0px 15px;
	padding:0px 0px 0px 0px;
	width:220px;
	float:none;
	display:block;
	font-size: 0.7em;
	font-weight:600;
}
#home .content_three .newsletter form #abc-test { /*Formatting for the text input area*/
	margin:8px 0px 0px 15px;
	padding:0px 0px 0px 0px;
	float:left;
	display:inline;
	font-size:0.8em;
	width:200px;
	border-top: 2px solid #939598;
	border-right: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	border-left: 2px solid #939598;
}
#home .content_three .newsletter form input { /*Container for the submit button */
	margin:7px 20px 0px 0px;
	padding:0px 0px 0px 0px;
	width:57px;
	float:right;
}


/* */

/** **/

/** FORMS **/

form {
	margin:10px 0 10px 0;
	width:435px;
}
fieldset div.clearfix {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	width:435px;
}
form label {	
	margin:0px 0px 0px 5px;
	padding:0px 0px 3px 0px;
	width:140px;
	float:left;
	display:inline;
	font-size:0.7em;
	color:#464646;
	font-weight:600;
}
#contact_us form div input {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/*width:275px;
	display:inline;*/ 
	float:left;	
	font-size: 0.8em;
}
form textarea { /*Formatting for the free text Comments & Query area*/
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/*width:328px;*/
	/*height:125px; Sets the height for IE6*/
	/*float:right;*/
}
form textarea#comments {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:275px;
}
#command form textarea { /*Formatting for the free text Comments & Query area*/
	height:200px; /*Sets the height for IE6*/
}


/* ----------------------------  Submit button  ---------------------------- */

#contact_us form .buttons input { /*Container for the submit button and associated graphic*/
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	float:right;
	width: 65px;
}


/** **/

/** ADMIN **/

#login {
	background:#FFFFFF url(../images/bg_green_home.gif) repeat-x scroll center top;
}
#login .container {
	background:none;
}
#login .content_two fieldset, #login .content_two fieldset div, #login .content_two form {
	padding: 3px 0px 3px 0px;
	width:480px;
}
#login .content_two {
	margin: 0px 0px 0px 175px;
	width:480px;
}
#login .content_two fieldset .clearfix div p {
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	font-size:0.9em;
	text-align:center;
	font-weight:600;
	line-height:1.0em;
}
#login form div.field_text input, #login form div.field_password input { /*Text input container div - One per label*/
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/*width:325px;*/ 
	float:left;
	display:inline;
	font-size: 0.8em;
}
.admin {
	margin:0;
	padding:5px 5px 5px 5px;
}
.content_one .admin {
	background:#ffffff;
}
.content_one ul.secondarynav .admin a {
	margin:0px 1px 0px 1px;
	padding:0px 3px 0px 3px;
}
.admin a {
	margin:0px 5px 0px 5px;
	padding:3px 3px 3px 3px;
	font-size:0.8em;
	color:#cc0000;
	text-decoration:none;
	background:#ffffff;
	border:1px #cc0000 solid;
	line-height: 2em;
	font-weight:bold;
	display: inline;
}
.content_one li div.admin a, .content_three li div.admin a {
	color:#cc0000;
	padding:0.0em;
}
.admin a:hover, .content_one ul.secondarynav .admin a:hover {
	background:#eeeeee;
	text-decoration:underline;
}
.caption_image .admin, .spotlight .admin, .banner .admin {
	text-align: left;
	position:absolute;
	top:10px;
	left:10px;
	/*font-size:0.8em;*/
	z-index:9;
}
.caption_image .admin a {
	margin:0 2px 0 0;
}
.secondarynav div.admin {
	margin-top:-2em;
	margin-right:4px;
	text-align:right;
}
#command fieldset p {
	margin:0 5px 0 0;
	padding:0;
	width:325px;
	float:left;
}
#command .content_two fieldset, #command .content_two form {
	padding: 3px 0px 3px 0px;
	width:530px;	
}
#command .content_two fieldset div.clearfix {
	padding: 3px 0px 3px 0px;
	width:100%;
}
#command form div.clearfix, #login form div, .odd_row {
	background:#f2f2f2;
}
#command form div.field_text input, #command form div.field_password input {
	/*width:325px;*/
	float:none;
}
#command form div.field_file input {
	/*width:225px;*/
	float:none;
}
#command table {
	width:330px;
}
#command #news_feature {
	margin:5px 0px 5px 0px;
	padding:0 0 0 0px;
	width:15px;
}
#command .content_two fieldset div.buttons.clearfix  {
	margin:0px 0px 0px 0px;
	padding:3px 0 3px 140px;
	width: 395px;
}
div.buttons input, div.field_submit input {
	margin:0px 5px 0px 0px;
	padding:0 5px 0 5px;
	color:#4E4E4E;
	float:left;
	font-size:0.9em;
	font-weight:600;
	text-decoration:none;
}
#content_image {
	width:325px;
}
body.clients_list tr {
	font-size:0.8em;
}
body.clients_list th {
	padding:3px 0px 3px 0px;
	font-weight:600;
}
body.clients_list td {
	padding:3px 0px 3px 0px;
}
body.clients_list td a {
	margin:0px 0px 0px 0px;
}

/** **/