/* imports */
@import url(../Scripts/greybox/gb_styles.css);

/* standard shell template */
html, body 
{
	padding:0;
	border:0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

body
{		
	font-family: Arial;
	font-size: 70%;
	background: #7F0047 url(../Images/SiteBackground.jpg) repeat-x top left;	
	text-align: center;	
	line-height: 16px;
	color: #6D6F71;
}

.clear{
	clear:both;
	overflow: hidden;
	display: none;
	height: 0px;			
}

/* redefine */
form 
{
	padding: 0px;
	margin: 0px;
	border: 0px;	
}

.standardformfield 
{
	font-family: Arial;
	font-size: 100%;
	color: #424142;
}

a 
{
	color: #C6006F;
	text-decoration: underline;
}

a:hover 
{
	text-decoration: none;	
}

/* construct */
#wrapper 
{
	margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	text-align:left; /*** IE Win re-alignment of page if page is centered ***/
	position: relative;	
	width: 960px;		
}

	#wrapper #sitecontainer 
	{
		width: 960px;
		float: left;
		background: #FFFDFE;
	}

		#wrapper #sitecolone 
		{			
			float: left;
			width: 172px;
			padding: 28px 0px 0px 27px;		
		}
		
			#wrapper #sitecolone #logo 
			{
				width: 172px;
				float: left;
			}
			
				#wrapper #sitecolone #logo h1 
				{
					margin: 0px;
					padding: 0px;
				}
					
					#wrapper #sitecolone #logo h1 a 
					{
						display: block;
						background: url(../Images/shellGraphics_03.gif) no-repeat top left;
						width: 77px;
						height: 91px;
					}
					
						#wrapper #sitecolone #logo h1 a span 
						{
							display: none;
						}
						
			#wrapper #sitecolone #navigation 
			{
				width: 172px;
				float: left;
				margin-top: 26px;
			}
			
				#wrapper #sitecolone #navigation ul 
				{
					margin: 0px;
					padding: 0px;
				}
				
					#wrapper #sitecolone #navigation ul li 
					{
						display: inline;
						list-style-type: none;
					}
					
						#wrapper #sitecolone #navigation ul li a
						{
							float: left;
							width: 172px;
							height: 28px;
							display: block;
						}
						
							/* Image Replacements */
							#wrapper #sitecolone #navigation ul li.home a 
							{
								background: url(../Images/navigation_Home.gif) no-repeat top left;
							}
							
							#wrapper #sitecolone #navigation ul li.portfolio a 
							{
								background: url(../Images/navigation_Portfolio.gif) no-repeat top left;
							}
							
							#wrapper #sitecolone #navigation ul li.services a 
							{
								background: url(../Images/navigation_Services.gif) no-repeat top left;
							}
							
							#wrapper #sitecolone #navigation ul li.whyuseus a 
							{
								background: url(../Images/navigation_Whyuseus.gif) no-repeat top left;
							}
							
							#wrapper #sitecolone #navigation ul li.clients a 
							{
								background: url(../Images/navigation_Clients.gif) no-repeat top left;
							}
							
							#wrapper #sitecolone #navigation ul li.contact a 
							{
								background: url(../Images/navigation_Contact.gif) no-repeat top left;
							}
						
							#wrapper #sitecolone #navigation ul li a:hover, #wrapper #sitecolone #navigation ul li.selected a
							{
								background-position: bottom left;
							}
						
							#wrapper #sitecolone #navigation ul li a span 
							{
								display: none;	
							}	
							
			#wrapper #sitecolone #emailaddress 
			{
				width: 172px;
				float: left;
				margin: 94px 0px 27px 0px;
			}	
			
				#wrapper #sitecolone #emailaddress a 
				{
					display: block;
					width: 125px;
					height: 28px;
					background: url(../Images/shellGraphics_18.gif) no-repeat top left;
				}	
				
					#wrapper #sitecolone #emailaddress a:hover 
					{
						background-position: bottom left;
					}				
				
					#wrapper #sitecolone #emailaddress a span
					{
						display: none;
					}
		
		#wrapper #sitecoltwo 
		{			
			float: left;
			width: 739px;	
			padding: 28px 22px 22px 0px;	
		}
		
			#wrapper #sitecoltwo #servicelist 
			{
	width: 185px;
	float: left;
			}
			
				#wrapper #sitecoltwo #servicelist span 
				{
					display: none;
				}
			
				#wrapper #sitecoltwo #servicelist ul 
				{
					margin: 0px;
					padding: 0px;
				}
				
					#wrapper #sitecoltwo #servicelist ul li 
					{
	display: inline;
	list-style-type: none;
	width: 177px;
	display: block;
	color: #C6006B;
	font-size: 12px;
	height: 14px;
					}
#servicelist ul a {
	text-decoration: none;
}

					
						#wrapper #sitecoltwo #servicelist ul li.servone 
						{

						}
						
						#wrapper #sitecoltwo #servicelist ul li.servtwo 
						{

						}
						
						#wrapper #sitecoltwo #servicelist ul li.servthree 
						{

						}
						
						#wrapper #sitecoltwo #servicelist ul li.servfour 
						{

						}
						
						#wrapper #sitecoltwo #servicelist ul li.servfive 
						{

						}
						
						#wrapper #sitecoltwo #servicelist ul li.servsix 
						{

						}
						
							#wrapper #sitecoltwo #servicelist ul li span 
							{
								display: none;
							}
			
			#wrapper #sitecoltwo #newslettersignup 
			{
				float: left;
				margin: 76px 0px 0px 107px;
				background: url(../Images/shellGraphics_12.gif) no-repeat top left;
				width: 398px;
			}
			
				#wrapper #sitecoltwo #newslettersignup input 
				{
					width: 124px;
					height: 15px;
					font-family: Arial;
					font-size: 100%;
					background: #DFE0E2;						
					line-height: 15px;
					color: #6D6F71;
					border: solid 0px;
					margin-left: 114px;					
				}
				
					#wrapper #sitecoltwo #newslettersignup .emailfield 
					{
						float: left;
					}
				
					#wrapper #sitecoltwo #newslettersignup .submitbutton 
					{
						float: left;
						width: 41px;	
						text-transform: lowercase;
						height: 17px;
						line-height: 17px;
						margin-left: 4px;									
					}
			
			#wrapper #sitecoltwo #pagecontent 
			{
				float: left;
				width: 739px;
				margin-top: 16px;
			}						
				
				/* Standard Pages */
				#wrapper #sitecoltwo #pagecontent h2 
				{
					margin: 0px;
					padding: 0px;
					width: 739px;
					height: 20px;
					float: left;
				}
				
					#wrapper #sitecoltwo #pagecontent h2.home 
					{
						background: url(../Images/Headers_Home.gif) no-repeat top left;
					}
					
					#wrapper #sitecoltwo #pagecontent h2.portfolio 
					{
						background: url(../Images/Headers_Portfolio.gif) no-repeat top left;
					}
					
					#wrapper #sitecoltwo #pagecontent h2.services 
					{
						background: url(../Images/Headers_Services.gif) no-repeat top left;
					}
					
					#wrapper #sitecoltwo #pagecontent h2.whyuseus 
					{
						background: url(../Images/Headers_Whyuseus.gif) no-repeat top left;
					}
					
					#wrapper #sitecoltwo #pagecontent h2.clients 
					{
						background: url(../Images/Headers_Clients.gif) no-repeat top left;
					}
					
					#wrapper #sitecoltwo #pagecontent h2.contact 
					{
						background: url(../Images/Headers_Contact.gif) no-repeat top left;
					}
					
					#wrapper #sitecoltwo #pagecontent h2.privacypolicy 
					{
						background: url(../Images/Headers_PrivacyPolicy.gif) no-repeat top left;
					}
					
					#wrapper #sitecoltwo #pagecontent h2.sitemap 
					{
						background: url(../Images/Headers_SiteMap.gif) no-repeat top left;
					}
					
					#wrapper #sitecoltwo #pagecontent h2.accessibility 
					{
						background: url(../Images/Headers_Accessibility.gif) no-repeat top left;
					}
					
					#wrapper #sitecoltwo #pagecontent h2.newsletter 
					{
						background: url(../Images/Headers_Newsletter.gif) no-repeat top left;
					}
					
					/* Portfolio Headers */
					#wrapper #sitecoltwo #pagecontent h2.webvideo 
					{
						background: url(../Images/Headers_WebVideo.gif) no-repeat top left;
					}
					
					#wrapper #sitecoltwo #pagecontent h2.trainingvideo 
					{
						background: url(../Images/Headers_TrainingVideo.gif) no-repeat top left;
					}
					
					#wrapper #sitecoltwo #pagecontent h2.corporatevideo 
					{
						background: url(../Images/Headers_corporatevideo.gif) no-repeat top left;
					}
					
					#wrapper #sitecoltwo #pagecontent h2.documentaries 
					{
						background: url(../Images/Headers_documentaries.gif) no-repeat top left;
					}
					
					#wrapper #sitecoltwo #pagecontent h2.events 
					{
						background: url(../Images/Headers_events.gif) no-repeat top left;
					}
					
						#wrapper #sitecoltwo #pagecontent h2 span 
						{
							display: none;
						}
						
				#wrapper #sitecoltwo #pagecontent p 
				{
					float: left;
					margin: 0px;
					padding: 15px 0px 0px 0px;
					width: 739px;
				}	
				
					#wrapper #sitecoltwo #pagecontent .pinktext 
					{
						color: #C6006F;
					}
				
				/* Home Styles */
				#wrapper #sitecoltwo #pagecontent #homeselections 
				{
					width: 739px;					
					margin-bottom: 12px;	
					float: left;				
				}
				
					#wrapper #sitecoltwo #pagecontent #homeselections #videoplayer 
					{
						width: 396px;
						height: 298px;
						float: left;
					}
					
					#wrapper #sitecoltwo #pagecontent #homeselections #miniicons 
					{
						width: 342px;
						height: 258px;
						float: left;
						margin-left: 1px;
					}
					
					#wrapper #sitecoltwo #pagecontent #homeselections #viewportfolio 
					{
						float: left;
						margin: 1px 0px 0px 1px;
					}
					
						#wrapper #sitecoltwo #pagecontent #homeselections #viewportfolio a 
						{
							width: 342px;
							height: 39px;
							display: block;
							background: url(../Images/homeGraphics_05.gif) no-repeat top left;
						}
						
							#wrapper #sitecoltwo #pagecontent #homeselections #viewportfolio a:hover 
							{
								background-position: bottom left;
							}
							
							#wrapper #sitecoltwo #pagecontent #homeselections #viewportfolio a span 
							{
								display: none;
							}
				
				/* Contact Styles */
				#wrapper #sitecoltwo #pagecontent #contactsections 
				{
					width: 739px;					
					margin-bottom: 12px;	
					float: left;				
				}
				
					#wrapper #sitecoltwo #pagecontent #contactsections #videoplayer 
					{
						width: 396px;
						height: 298px;
						float: left;
					}
					
					#wrapper #sitecoltwo #pagecontent #contactsections #googlemap 
					{
						width: 342px;
						height: 298px;
						float: left;
						margin-left: 1px;
					}
				
				/* Client Styles */
				#wrapper #sitecoltwo #pagecontent #clientpage 
				{
					width: 739px;					
					margin-bottom: 12px;	
					float: left;				
				}
				
					#wrapper #sitecoltwo #pagecontent #clientpage #videoplayer 
					{
						width: 396px;
						height: 298px;
						float: left;
					}
					
					#wrapper #sitecoltwo #pagecontent #clientpage #clientlist 
					{
						width: 342px;
						height: 298px;
						float: left;
						margin-left: 1px;
					}
					
						#wrapper #sitecoltwo #pagecontent #clientpage #clientlist ul 
						{
							margin: 0px;
							padding: 0px;							
						}
							
							#wrapper #sitecoltwo #pagecontent #clientpage #clientlist ul li 
							{
								list-style-type: none;
								display: inline;								
							}
							
								#wrapper #sitecoltwo #pagecontent #clientpage #clientlist ul li a 
								{
									float: left;
									width: 215px;
									height: 23px;
									display: block;									
								}	
																								
									#wrapper #sitecoltwo #pagecontent #clientpage #clientlist ul li.clientone a
									{
										background: url(../Images/clientList_01.gif) no-repeat top left;										
									}
									
									#wrapper #sitecoltwo #pagecontent #clientpage #clientlist ul li.clienttwo a
									{
										background: url(../Images/clientList_02.gif) no-repeat top left;										
									}
									
									#wrapper #sitecoltwo #pagecontent #clientpage #clientlist ul li.clientthree a
									{
										background: url(../Images/clientList_03.gif) no-repeat top left;										
									}
									
									#wrapper #sitecoltwo #pagecontent #clientpage #clientlist ul li.clientfour a
									{
										background: url(../Images/clientList_04.gif) no-repeat top left;										
									}
									
									#wrapper #sitecoltwo #pagecontent #clientpage #clientlist ul li.clientfive a
									{
										background: url(../Images/clientList_05.gif) no-repeat top left;										
									}
									
									#wrapper #sitecoltwo #pagecontent #clientpage #clientlist ul li.clientsix a
									{
										background: url(../Images/clientList_06.gif) no-repeat top left;										
									}
									
									#wrapper #sitecoltwo #pagecontent #clientpage #clientlist ul li.clientseven a
									{
										background: url(../Images/clientList_07.gif) no-repeat top left;										
									}
									
									#wrapper #sitecoltwo #pagecontent #clientpage #clientlist ul li.clienteight a
									{
										background: url(../Images/clientList_08.gif) no-repeat top left;										
									}
									
									#wrapper #sitecoltwo #pagecontent #clientpage #clientlist ul li.clientnine a
									{
										background: url(../Images/clientList_09.gif) no-repeat top left;										
									}
									
									#wrapper #sitecoltwo #pagecontent #clientpage #clientlist ul li.clientten a
									{
										background: url(../Images/clientList_10.gif) no-repeat top left;										
									}
									
									#wrapper #sitecoltwo #pagecontent #clientpage #clientlist ul li a:hover, #wrapper #sitecoltwo #pagecontent #clientpage #clientlist ul li.selected a
									{
										background-position: bottom left;
									}
									
									#wrapper #sitecoltwo #pagecontent #clientpage #clientlist ul li a span 
									{
										display: none;
									}
				
				/* Portfolio Styles */
				#wrapper #sitecoltwo #pagecontent #portfolioselections 
				{
					width: 739px;					
					margin-bottom: 12px;	
					float: left;				
				}
				
					#wrapper #sitecoltwo #pagecontent #portfolioselections #videoplayer 
					{
						width: 396px;
						height: 298px;
						float: left;
					}
					
					#wrapper #sitecoltwo #pagecontent #portfolioselections #videoselections 
					{
						width: 342px;
						height: 298px;
						float: left;
						margin-left: 1px;
					}
					
						#wrapper #sitecoltwo #pagecontent #portfolioselections #videoselections ul 
						{
							margin: 0px;
							padding: 0px;							
						}
							
							#wrapper #sitecoltwo #pagecontent #portfolioselections #videoselections ul li 
							{
								list-style-type: none;
								display: inline;
								float: left;
								width: 342px;
								height: 48px;
								margin-bottom: 1px;
							}
							
								#wrapper #sitecoltwo #pagecontent #portfolioselections #videoselections ul li a 
								{
									float: left;
									width: 342px;
									height: 48px;
									display: block;									
								}																	
									#wrapper #sitecoltwo #pagecontent #portfolioselections #videoselections ul li.purplespacer
									{
										background: #C6006F;
										height: 53px;
									}
									
									/* Portfolio Landing */
									#wrapper #sitecoltwo #pagecontent #portfolioselections #videoselections ul li.corporatevideo a
									{
										background: url(../Images/portfolioLandingGraphics_03.jpg) no-repeat top left;
									}
									
									#wrapper #sitecoltwo #pagecontent #portfolioselections #videoselections ul li.trainingvideo a
									{
										background: url(../Images/portfolioLandingGraphics_05.jpg) no-repeat top left;
									}
									
									#wrapper #sitecoltwo #pagecontent #portfolioselections #videoselections ul li.documentaries a
									{
										background: url(../Images/portfolioLandingGraphics_07.jpg) no-repeat top left;
									}
									
									#wrapper #sitecoltwo #pagecontent #portfolioselections #videoselections ul li.webvideo a
									{
										background: url(../Images/portfolioLandingGraphics_09.jpg) no-repeat top left;
									}
									
									#wrapper #sitecoltwo #pagecontent #portfolioselections #videoselections ul li.eventsvideo a
									{
										background: url(../Images/portfolioLandingGraphics_11.jpg) no-repeat top left;
									}
									
									/* Corporate Video */
									#wrapper #sitecoltwo #pagecontent #portfolioselections #videoselections ul li.corporateheader
									{
										background: #C6006F url(../Images/corporateGraphics_01.gif) no-repeat top left;
										height: 53px;
									}
									
									#wrapper #sitecoltwo #pagecontent #portfolioselections #videoselections ul li.gandp a
									{
										background: url(../Images/corporateGraphics_03.jpg) no-repeat top left;
									}
									
									#wrapper #sitecoltwo #pagecontent #portfolioselections #videoselections ul li.torc a
									{
										background: url(../Images/corporateGraphics_05.jpg) no-repeat top left;
									}
									
									#wrapper #sitecoltwo #pagecontent #portfolioselections #videoselections ul li.keats a
									{
										background: url(../Images/corporateGraphics_07.jpg) no-repeat top left;
									}
									
									/* Training Video */
									#wrapper #sitecoltwo #pagecontent #portfolioselections #videoselections ul li.trainingheader
									{
										background: #C6006F url(../Images/trainingGraphics_01.gif) no-repeat top left;
										height: 53px;
									}
									
									#wrapper #sitecoltwo #pagecontent #portfolioselections #videoselections ul li.leicesteredu a
									{
										background: url(../Images/trainingGraphics_03.jpg) no-repeat top left;
									}
									
									#wrapper #sitecoltwo #pagecontent #portfolioselections #videoselections ul li.derbyedu a
									{
										background: url(../Images/trainingGraphics_05.jpg) no-repeat top left;
									}
									
									#wrapper #sitecoltwo #pagecontent #portfolioselections #videoselections ul li.sandwell a
									{
										background: url(../Images/trainingGraphics_07.jpg) no-repeat top left;
									}
									
									#wrapper #sitecoltwo #pagecontent #portfolioselections #videoselections ul li.swinfen a
									{
										background: url(../Images/trainingGraphics_09.jpg) no-repeat top left;
									}
									
									/* Documentaries */
									#wrapper #sitecoltwo #pagecontent #portfolioselections #videoselections ul li.documentariesheader
									{
										background: #C6006F url(../Images/docuGraphics_01.gif) no-repeat top left;
										height: 53px;
									}
									
									#wrapper #sitecoltwo #pagecontent #portfolioselections #videoselections ul li.linford a
									{
										background: url(../Images/docuGraphics_03.jpg) no-repeat top left;
									}
									
									#wrapper #sitecoltwo #pagecontent #portfolioselections #videoselections ul li.southcollege a
									{
										background: url(../Images/docuGraphics_05.jpg) no-repeat top left;
									}
									
									/* Web Video */
									#wrapper #sitecoltwo #pagecontent #portfolioselections #videoselections ul li.webheader
									{
										background: #C6006F url(../Images/webGraphics_01.gif) no-repeat top left;
										height: 53px;
									}
									
									/* Events Video */
									#wrapper #sitecoltwo #pagecontent #portfolioselections #videoselections ul li.eventsheader
									{
										background: #C6006F url(../Images/eventsGraphics_01.gif) no-repeat top left;
										height: 53px;
									}
									
									#wrapper #sitecoltwo #pagecontent #portfolioselections #videoselections ul li.sme a
									{
										background: url(../Images/eventsGraphics_03.jpg) no-repeat top left;
									}
									
									#wrapper #sitecoltwo #pagecontent #portfolioselections #videoselections ul li.arthurprice a
									{
										background: url(../Images/eventsGraphics_05.jpg) no-repeat top left;
									}
									
									#wrapper #sitecoltwo #pagecontent #portfolioselections #videoselections ul li.staffordshireuni a
									{
										background: url(../Images/eventsGraphics_07.jpg) no-repeat top left;
									}
										
										#wrapper #sitecoltwo #pagecontent #portfolioselections #videoselections ul li a:hover, #wrapper #sitecoltwo #pagecontent #portfolioselections #videoselections ul li.selected a
										{
											background-position: bottom left;
										}
										
										#wrapper #sitecoltwo #pagecontent #portfolioselections #videoselections ul li a span 
										{
											display: none;
										}
						
				/* Standard Styles */
				#wrapper #sitecoltwo #pagecontent #standardpageimage 
				{
					width: 739px;					
					margin-bottom: 12px;	
					float: left;				
				}
				
				/* Contact Styles */
				#wrapper #sitecoltwo #pagecontent #contactcolone 
				{
					width: 180px;
					float: left;
					margin-top: 15px;
				}
					
					#wrapper #sitecoltwo #pagecontent #contactcolone strong 
					{
						color: #C6006F;						
					}
				
				#wrapper #sitecoltwo #pagecontent #contactcoltwo
				{
					float: left;
					margin-top: 15px;
				}
				
					#wrapper #sitecoltwo #pagecontent #contactcoltwo strong 
					{
						color: #C6006F;
						font-weight: normal;
					}
	
	#wrapper #footer 
	{
		width: 960px;
		float: left;
		background: #4C4C4C;
	}
	
		#wrapper #footer ul 
		{
			margin: 0px 0px 0px 199px;
			padding: 0px;
		}
			
			#wrapper #footer ul li 
			{
				display: inline;
				list-style-type: none;
				height: 27px;
				line-height: 27px;
				color: #C9C9C9;
				padding-right: 35px;
			}
			
				#wrapper #footer ul li.designby 
				{
					padding: 0px 0px 0px 250px;
				}
			
				#wrapper #footer ul li a 
				{
					color: #C9C9C9;
				}
	#wrapper #footer2 
	{
	float: none;
	text-align: center;
	padding-left: 30px;
	}
	
		#wrapper #footer2 ul 
		{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
		}
			
			#wrapper #footer2 ul li 
			{
	display: inline;
	list-style-type: none;
	height: 20px;
	line-height: 20px;
	color: #C9C9C9;
	padding-right: 30px;
			}
			
				#wrapper #footer2 ul li a 
				{
	color: #C9C9C9;
	text-decoration: none;
				}
#pagecontent .errormessage1 {
	font-size: 12px;
	font-weight: bold;
	color: #C6006B;
	text-decoration: blink;
}
