body
{
	color: #4C4C4C;
	position: relative;
	background: url(../images/background-1.png) 675px 60px no-repeat;
}

img, div { behavior: url(css/iepngfix.htc) }

/*# 1. Layout #*/
/* -------------------------------------------------------------- */

.navside
{
	position: absolute;
	z-index: -1;
	top: -90px;
	left: 0px;
	width: 40px;
	height: 504px;
	background-image: url(../images/navigation/nav-side_nw.png);
	background-repeat: repeat-x;
}

.container
{
	/*background: #ffffff;*/
	margin-left: 40px;
}


/*# 1. Layout/1.1 Header #*/

#header
{
	height: 108px;
	line-height: 108px;
	position: relative;
}

	#header img
	{
		float: left;
		margin-top: 18px;
		margin-left: -10px;
	}
	
	#header ul.topnav
	{
		display: block;
		position: absolute;
		top: 0;
		right: 0;
	}
	
		#header ul.topnav li
		{
			float: left;
			background: #2263AE url(../images/navigation/top-left.gif) left 5px no-repeat;
			height: 50px;
			line-height: 50px;
			list-style-type: none;
			padding: 0 0 0 12px;
			margin: -5px 0 0 10px;
		}
		
			#header ul.topnav li a
			{
				background: url(../images/navigation/top-right.gif) right 5px no-repeat;
				display: block;
				height: 50px;
				line-height: 50px;
				color: #ffffff;
				font-size: 1.5em;
				text-decoration: none;
				float: left;
				width: auto;
				padding: 0 12px 0 0;
				margin: 0;
			}
			
			#header ul.topnav li:hover
			{
				margin-top: 0px;
			}
			
			#header ul.topnav li a.currentpage
			{
				background: #4c4c4c url(../images/navigation/top-right.gif) right 10px no-repeat;
				margin-top: 5px;
			}

			
/*# 1. Layout/1.2 Sidebar #*/
			
#sidebar
{
	text-align: right;
	background-color: #ffffff;
}

	#sidebar ul.sidenav
	{
		background-color: white;
		margin: 0 0 36px 0;
	}
	
	#sidebar ul.sidenav li
	{
		list-style-type: none;
		height: 54px;
		margin-bottom: 9px;
		overflow: hidden;
	}
	
	#sidebar ul.sidenav li a
	{
		height: 54px;
		display: block;
		text-align: right;
		padding: 8px 15px 8px 0px;
		text-decoration: none;
		color: #ffffff;
		font-weight: bold;
		font-size: 1.3em;
	}
	
	#sidebar ul.sidenav li:hover
	{
		margin-right: -10px;
	}
	
	#sidebar ul.sidenav li.currentpage
	{
		margin-right: -20px;
	}
	
		li.airport, li.design
		{
			background: url(../images/navigation/airport-lt.png) repeat-x;
		}
		
			li.airport a, li.design a
			{
				background: url(../images/navigation/airport-rt.png) top right no-repeat;
			}
			
			li.airport, li.media
		{
			background: url(../images/navigation/media-lt.png) repeat-x;
		}
		
			li.airport a, li.media a
			{
				background: url(../images/navigation/media-rt.png) top right no-repeat;
			}
		
		li.steampacket, li.pr
		{
			background: url(../images/navigation/steampacket-lt.png) repeat-x;
		}
		
			li.steampacket a, li.pr a
			{
				background: url(../images/navigation/steampacket-rt.png) top right no-repeat;
			}
		
		li.busfleet, li.portfolios
		{
			background: url(../images/navigation/busfleet-lt.png) repeat-x;
		}
		
			li.busfleet a, li.portfolios a
			{
				background: url(../images/navigation/busfleet-rt.png) top right no-repeat;
			}
		
		li.palace, li.web
		{
			background: url(../images/navigation/cinema-lt.png) repeat-x;
		}
		
			li.palace a, li.web a
			{
				background: url(../images/navigation/cinema-rt.png) top right no-repeat;
			}
	
	#sidebar .cross-site
	{
		padding: 10px 10px 0 10px;
		margin-bottom: 18px;
		background: #E3EAF2 url(../images/cross-links/box-top.gif) no-repeat;
	}
	
		#sidebar .cross-site span.cross-site-bottom
		{
			display: block;
			width: 190px;
			height: 10px;
			margin: 0 0 0px -10px;
			padding: 0;
			background: #E3EAF2 url(../images/cross-links/box-bottom.gif)  bottom left no-repeat;
		}	
		
		#sidebar a.cross-site-button
		{
			display: block;
			height: 27px;
			line-height: 27px;
			background: #0A51A1 url(../images/icons/button-left.gif) left -2px no-repeat;
			color: #ffffff;
			font-size: 1.1em;
			font-weight: bold;
			text-align: left;
			padding: 0;
			margin: 0 0 9px 15px;
		}
		
#sidebar a.cross-site-button-anim
{
	display: block;
	height: 27px;
	line-height: 27px;
	background: url(../images/cross-links/button.gif) no-repeat;
	color: #ffffff;
	font-size: 1.1em;
	font-weight: bold;
	text-align: left;
	padding: 0;
	margin: 0 0 9px 15px;
}

#sidebar a:hover.cross-site-button-anim
{
	background: url(../images/cross-links/button-hover.gif) no-repeat;
}
		
			#sidebar a.cross-site-button span
			{
				background: url(../images/icons/button-right.gif) right -2px no-repeat;
				display: block;
				height: 27px;
				line-height: 27px;
				padding: 0 5px 0 30px;
			}
		
			#sidebar a:hover.cross-site-button
			{
				background-color: #156CD0;
				background-position: left -33px;
			}
			
			#sidebar a:hover.cross-site-button span
			{
				background-position: right -33px;
			}
	
	
	#sidebar ul
	{
		margin: 0 0 18px 0;
	}
	
		#sidebar ul.links li a
		{
			display: block;
			height: 18px;
			line-height: 18px;
			padding: 2px;
		}
	
		#sidebar ul li
		{
			list-style-type: none;
			line-height: 18px;
			margin-bottom: 5px;
		}
		
			ul.downloads li a
			{
				display: block;
				padding-right: 20px;
				background: url(../images/icons/download.gif) right 0 no-repeat;
			}
			
			ul.downloads li a:hover
			{
				background: url(../images/icons/download-hover.gif) right 0 no-repeat;
				background-color: #B71600;
				color: #ffffff;
			}
			
			
			
#sidebar .cross-site ul.downloads li a
{
	display: block;
	padding-right: 20px;
	background: url(../images/icons/download.png) right 5px no-repeat;
}

#sidebar .cross-site ul.downloads li a:hover
{
	background: url(../images/icons/download_hover.png) right 6px no-repeat;
}			
			

			
ul.downloads-button li
{
	display: block;
	height: 22px;
	margin-bottom: 3px;
	background: url(../images/icons/download_hover.png) left 0 no-repeat;
}
			
#sidebar ul.downloads-button li a:link
{
	padding: 0 10px 0 0;
	margin-left: 10px;
	display: block;
	height: 22px;
	line-height: 22px;
	background-color:#587516;
	color: #ffffff;
	font-weight: bold;
	background: #587516 url(../images/icons/download-button-right.gif) right 0 no-repeat;
}

ul.downloads-button li a:hover
{
	background-position: -22px;
}

#sidebar ul.subnav,
#sidebar ul.subnav-current
{
	font-size: 12px;
	margin-right: 10px;
	height: 40px;
	position: relative;
	top: -27px;
}
				
			ul.social li a
			{
				display: block;
				height: 18px;
				padding: 2px 22px 2px 2px;
			}
			
			ul.social li a:hover
			{
				background-position: right -23px;
			}
			
				a.facebook
				{
					background: url(../images/icons/facebook.gif) right 0px no-repeat;
				}
				
				a.linkedin
				{
					background: url(../images/icons/linkedin.gif) right 1px no-repeat;
				}
				
				a.twitter
				{
					background: url(../images/icons/twitter.gif) right 1px no-repeat;
				}
				
	/* a.ipa
	{
		
		display: block;
		overflow: hidden;
		height: 224px;
		width: 153px;
		float: right;
		border: none;
		background: url(../images/ipa.gif) 7px 0 no-repeat;
	}
	
	a:hover.ipa
	{
		display: block;
		border: none;
		background: url(../images/ipa.gif) -151px 0 no-repeat;
	}
	
	.main #content a.ipa-main
	{
		
		display: block;
		overflow: hidden;
		height: 146px;
		width: 301px;
		border: none;
		background: url(../images/ipa-main.gif) 0px 0 no-repeat;
	}
	
	.main #content a:hover.ipa-main
	{
		display: block;
		border: none;
		background: url(../images/ipa-main.gif) -303px 0 no-repeat;
	}
	*/
	a.ipa
	{
		
		display: block;
		overflow: hidden;
		height: 224px;
		width: 153px;
		float: right;
		border: none;
		background: url(../images/ipa-main.gif) 7px 0 no-repeat;
	}
	
	a:hover.ipa
	{
		display: block;
		border: none;
		background: url(../images/ipa-main.gif) -151px 0 no-repeat;
	}
	
	.main #content a.ipa-main
	{
		
		display: block;
		overflow: hidden;
		height: 146px;
		width: 301px;
		border: none;
		background: url(../images/ipa-main.gif) 0px 0 no-repeat;
	}
	
	.main #content a:hover.ipa-main
	{
		display: block;
		border: none;
		background: url(../images/ipa-main.gif) -303px 0 no-repeat;
	}

	
	#sidebar hr
	{
		width: 160px;
		float: right;
	}
	

/*# 1. Layout/1.3 Content #*/

#content
{
	position: relative;
	padding-top: 6px;
}

.printable
{
    display: none;
}

#image
{
	text-align: center;
}

#homepage-image
{
	/*margin-bottom: -18px;*/
	margin-bottom: 18px;
	margin-top: -54px;
	background: transparent;
	/*text-align: center;*/
	z-index: 2;
	zoom: 1;
}

#image img
{
	margin-bottom: 36px;
}

#homepage-offers
{
	display: block;
	overflow: hidden;
	position: relative;
}
	
	#special-offers
	{
		background: #ffffff url(../images/special-offers-top.png) no-repeat;
		/*border-right: 1px solid #587516;*/
		z-index: 1;
overflow: hidden;
	}
	
	#special-offers img
	{
		float: right;
		margin: 27px 1px 0 -12px;
	}

	#special-offers p
	{
		margin: 18px 20px;
		font-size: 12px;
	}
	
	#special-offers p a
	{
	    zoom: 1;
		z-index: 3;
	}

	#special-offers h2
	{
		color: #ffffff;
		height: 45px;
		line-height: 45px;
		padding-left: 20px;
		margin: 0;
		font-size: 1.8em;
		display: block;
		width: 270px;
	}
	
	#special-offers span
	{
		background: #ffffff url(../images/special-offers-bottom.png) no-repeat;
		height: 47px;
		margin-top: -18px;
		display: block;
		z-index: 2;
	}

	/*#special-offers p
	{
		font-size: 12px;
		z-index: 2;
	}

	#special-offers p.first
	{
		width: 160px;
	}*/

	/*#homepage-offers div.background
	{
		display: block;
		position: absolute;
		height: 720px;
		width: 720px;
		background: url(../images/background-cog.png) no-repeat;
		top: -9px;
		left: 0;
		z-index: -2;
	}*/
	
	

	#special-offers a:link				{ padding: 2px; color: #0A51A1; }

	#special-offers a:hover,
	#special-offers a:focus,
	#special-offers a:visited:hover,
	#special-offers a:visited:focus		{ background-color: #0A51A1; color: #ffffff; }

	#special-offers a:active			{ background-color: #1C81F0; color: #ffffff; }

	#special-offers a:visited			{ color: #999999; background-color: #f4f4f4; }

	
	
	
#content ul.download-centre li
		{
			list-style-type: none;
			line-height: 18px;
			margin-bottom: 5px;
			font-size: 1.2em;
		}
		
			#content ul.download-centre li a
			{
				display: block;
				padding-left: 20px;
				background: url(../images/icons/download.gif) left 0 no-repeat;
				width: auto;
			}
			
			#content ul.download-centre li a:hover
			{
				background: url(../images/icons/download-hover.gif) left 0 no-repeat;
				/*background-color: #B71600;
				color: #ffffff;*/
				background-color: #ffffff;
				color: #B71600;
			}
	

/*# 1. Layout/1.4 Footer #*/

#footer
{
	border-top: 1px solid #ddd;
	margin-left: 240px;
}

	#footer ul
	{
		list-style-type: none;
		margin: 18px 0;
		width: 50%;
	}

	#footer ul.leftitems
	{
		float: left;
	}
	
	#footer ul.rightitems
	{
		float: right;
		text-align: right;
	}
		
		#footer ul li
		{
			display: block;
			height: 18px;
			line-height: 18px;
			margin-bottom: 9px;
			padding: 2px;
			/*background-color: #efefef;*/
		}
		
		#footer ul li a
		{
			height: 20px;
			display: block;
			padding: 0 4px;
		}
		
		#footer ul li.phone
		{
		    padding-left: 31px;
			font-weight: bold;
			color: #666666;
			background: url(../images/icons/phone.gif) 2px -24px no-repeat;
		}
		
		#footer ul li.fax
		{
			padding-left: 32px;
			font-weight: bold;
			color: #666666;
			background: url(../images/icons/fax.gif) 2px -30px no-repeat;
		}
		
		#footer ul li.email a
		{
			padding-right: 26px;
			background: url(../images/icons/email.gif) right -27px no-repeat;
		}
		
		#footer ul li.sitemap a
		{
			padding-right: 26px;
			background: url(../images/icons/sitemap.gif) right -26px no-repeat;
		}
		
		#footer ul li.phone:hover
		{
			background-position: 2px 1px;
			color: #222222;
		}
		
		#footer ul li.fax:hover
		{
			background-position: 2px -4px;
			color: #222222;
		}
		
		#footer ul li.email a:hover
		{
			background-position: right -4px;
		}
		
		#footer ul li.sitemap a:hover
		{
			background-position: right -3px;
		}

		
/*# 2. Section Colours #*/
/* -------------------------------------------------------------- */

/*# 2. Section Colours/2.1 Main #*/

.main h1,
.main h2,
.main h3,
.main h4,
.main h5,
.main h6,
.main a:link,
.main ul.downloads li a:link,
.main ul.social li a:link,
.main ul.links li a:link,
.main #footer ul li a:link				{ color: #0A51A1; }

.main #content a:hover,
.main #content a:focus,
.main #content a:visited:hover		{ background-color: none; color: #333333; border-bottom: solid thin #333; }
.main #content a:active				{ color: #1C81F0; border-bottom: solid thin #1C81F0; }

.main ul.downloads li a:hover,
.main ul.downloads li a:focus,
.main ul.social li a:hover,
.main ul.social li a:focus,
.main ul.links li a:hover,
.main ul.links li a:focus,
.main #footer ul li a:hover,
.main #footer ul li a:focus				/*{ color: #073A72; }*/ { background-color: none; color: #333333; }

.main ul.downloads li a:active,
.main ul.social li a:active,
.main ul.links li a:active,
.main #footer ul li a:active			{ color: #0A51A1; }

.main #content a:visited,
.main ul.downloads li a:visited,
.main ul.social li a:visited,
.main ul.links li a:visited,
.main #footer ul li a:visited			/*{ color: #999999; background-color: #f4f4f4; }*/ { color: #0A51A1; }


/*# 2. Section Colours/2.2 Airport and Design #*/

.airport h1,
.airport h2,
.airport h3,
.airport h4,
.airport h5,
.airport h6,
.airport a:link,
.airport ul.downloads li a:link,
.airport ul.social li a:link,
.airport ul.links li a:link,
.airport #footer ul li a:link,

.design h1,
.design h2,
.design h3,
.design h4,
.design h5,
.design h6,
.design a:link,
.design ul.downloads li a:link,
.design ul.social li a:link,
.design ul.links li a:link,
.design #footer ul li a:link				{ color: #0A51A1; }

.airport #content a:hover,
.airport #content a:focus,
.airport #content a:visited:hover,

.design #content a:hover,
.design #content a:focus,
.design #content a:visited:hover			{ color: #333; border-bottom: 1px solid #333;}
.airport #content a:active,
.design #content a:active,
.design #content a:visited:active,
.airport #content a:visited:active					{ color: #1C81F0; border-bottom: #1C81F0 solid 1px; }

.airport ul.downloads li a:hover,
.airport ul.downloads li a:focus,
.airport ul.social li a:hover,
.airport ul.social li a:focus,
.airport ul.links li a:hover,
.airport ul.links li a:focus,
.airport #footer ul li a:hover,
.airport #footer ul li a:focus,

.design ul.downloads li a:hover,
.design ul.downloads li a:focus,
.design ul.social li a:hover,
.design ul.social li a:focus,
.design ul.links li a:hover,
.design ul.links li a:focus,
.design #footer ul li a:hover,
.design #footer ul li a:focus				{ color: #073A72; }

.airport ul.downloads li a:active,
.airport ul.social li a:active,
.airport ul.links li a:active,
.airport #footer ul li a:active,

.design ul.downloads li a:active,
.design ul.social li a:active,
.design ul.links li a:active,
.design #footer ul li a:active				{ color: #1C81F0; }

.airport #content a:visited,
.airport ul.downloads li a:visited,
.airport ul.social li a:visited,
.airport ul.links li a:visited,
.airport #footer ul li a:visited,

.design #content a:visited,
.design ul.downloads li a:visited,
.design ul.social li a:visited,
.design ul.links li a:visited,
.design #footer ul li a:visited				{ color: #0A51A1; }


/*# 2. Section Colours/2.3 Steam Packet/PR #*/

.steam-packet h1,
.steam-packet h2,
.steam-packet h3,
.steam-packet h4,
.steam-packet h5,
.steam-packet h6,
.steam-packet a:link,
.steam-packet ul.downloads li a:link,
.steam-packet ul.social li a:link,
.steam-packet ul.links li a:link,
.steam-packet #footer ul li a:link,

.pr h1,
.pr h2,
.pr h3,
.pr h4,
.pr h5,
.pr h6,
.pr a:link,
.pr ul.downloads li a:link,
.pr ul.social li a:link,
.pr ul.links li a:link,
.pr #footer ul li a:link						{ color: #B71600; }

.steam-packet #content a:hover,
.steam-packet #content a:focus,
.steam-packet #content a:visited:hover,

.pr #content a:hover,
.pr #content a:focus,
.pr #content a:visited:hover					{ color: #333; border-bottom: 1px solid #333333; }
.steam-packet #content a:active,
.pr #content a:active							{ color: #FF2404; border-bottom: 1px solid #FF2404; }

.steam-packet ul.downloads li a:hover,
.steam-packet ul.downloads li a:focus,
.steam-packet ul.social li a:hover,
.steam-packet ul.social li a:focus,
.steam-packet ul.links li a:hover,
.steam-packet ul.links li a:focus,
.steam-packet #footer ul li a:hover,
.steam-packet #footer ul li a:focus,

.pr ul.downloads li a:hover,
.pr ul.downloads li a:focus,
.pr ul.social li a:hover,
.pr ul.social li a:focus,
.pr ul.links li a:hover,
.pr ul.links li a:focus,
.pr #footer ul li a:hover,
.pr #footer ul li a:focus						{ color: #790F00; }

.steam-packet ul.downloads li a:active,
.steam-packet ul.social li a:active,
.steam-packet ul.links li a:active,
.steam-packet #footer ul li a:active,

.pr ul.downloads li a:active,
.pr ul.social li a:active,
.pr ul.links li a:active,
.pr #footer ul li a:active						{ color: #ff2404; }

.steam-packet #content a:visited,
.steam-packet ul.downloads li a:visited,
.steam-packet ul.social li a:visited,
.steam-packet ul.links li a:visited,
.steam-packet #footer ul li a:visited,

.pr #content a:visited,
.pr ul.downloads li a:visited,
.pr ul.social li a:visited,
.pr ul.links li a:visited,
.pr #footer ul li a:visited					{ color: #FF2404; border-bottom: 1px solid #FF2404; }


/*# 2. Section Colours/2.4 Buses/Portfolios #*/

.buses h1,
.buses h2,
.buses h3,
.buses h4,
.buses h5,
.buses h6,
.buses a:link,
.buses ul.downloads li a:link,
.buses ul.social li a:link,
.buses ul.links li a:link,
.buses #footer ul li a:link,
.portfolios h1,
.portfolios h2,
.portfolios h3,
.portfolios h4,
.portfolios h5,
.portfolios h6,
.portfolios a:link,
.portfolios ul.downloads li a:link,
.portfolios ul.social li a:link,
.portfolios ul.links li a:link,
.portfolios #footer ul li a:link,
ul.subnav li a:link,
ul.subnav-current li a:link						{ color: #587516; }

.buses #content a:hover,
.buses #content a:focus,
.buses #content a:visited:hover,
.portfolios #content a:hover,
.portfolios #content a:focus,
.portfolios #content a:visited:hover				{ color: #333; border-bottom: #333 solid 1px; }
.buses #content a:active,
.portfolios #content a:active,				
.buses #content a:visited:active,
.portfolios #content a:visited:active			{ color: #8EBC23; border-bottom: #8EBC23 solid 1px; }

.buses ul.downloads li a:hover,
.buses ul.downloads li a:focus,
.buses ul.social li a:hover,
.buses ul.social li a:focus,
.buses ul.links li a:hover,
.buses ul.links li a:focus,
.buses #footer ul li a:hover,
.buses #footer ul li a:focus,
.portfolios ul.downloads li a:hover,
.portfolios ul.downloads li a:focus,
.portfolios ul.social li a:hover,
.portfolios ul.social li a:focus,
.portfolios ul.links li a:hover,
.portfolios ul.links li a:focus,
.portfolios #footer ul li a:hover,
.portfolios #footer ul li a:focus,
ul.subnav li a:hover,
ul.subnav li a:focus,
ul.subnav li a:visited:hover,
ul.subnav-current li a:hover,
ul.subnav-current li a:focus,
ul.subnav-current li a:visited:hover				{ color: #394B0E; }

.buses ul.downloads li a:active,
.buses ul.social li a:active,
.buses ul.links li a:active,
.buses #footer ul li a:active,
.portfolios ul.downloads li a:active,
.portfolios ul.social li a:active,
.portfolios ul.links li a:active,
.portfolios #footer ul li a:active					{ color: #8EBC23; }

.buses #content a:visited,
.buses ul.downloads li a:visited,
.buses ul.social li a:visited,
.buses ul.links li a:visited,
.buses #footer ul li a:visited,
.portfolios #content a:visited,
.portfolios ul.downloads li a:visited,
.portfolios ul.social li a:visited,
.portfolios ul.links li a:visited,
.portfolios #footer ul li a:visited,
ul.subnav li a:visited,
ul.subnav-current li a:visited						{ color: #8EBC23; border-bottom: #8EBC23 solid 1px; }


/*# 2. Section Colours/2.5 Cinema and Web #*/

.cinema h1,
.cinema h2,
.cinema h3,
.cinema h4,
.cinema h5,
.cinema h6,
.cinema a:link,
.cinema ul.downloads li a:link,
.cinema ul.social li a:link,
.cinema ul.links li a:link,
.cinema #footer ul li a:link,
.web h1,
.web h2,
.web h3,
.web h4,
.web h5,
.web h6,
.web a:link,
.web ul.downloads li a:link,
.web ul.social li a:link,
.web ul.links li a:link,
.web #footer ul li a:link						{ color: #D14C01; }

.cinema #content a:hover,
.cinema #content a:focus,
.cinema #content a:visited:hover,
.web #content a:hover,
.web #content a:focus,
.web #content a:visited:hover				{ color: #333; border-bottom: #333 solid 1px; }
.cinema #content a:active,
.web #content a:active,						
.cinema #content a:visited:active,
.web #content a:visited:active				{ color: #FA5801; border-bottom: #FA5801 solid 1px; }


.cinema ul.downloads li a:hover,
.cinema ul.downloads li a:focus,
.cinema ul.social li a:hover,
.cinema ul.social li a:focus,
.cinema ul.links li a:hover,
.cinema ul.links li a:focus,
.cinema #footer ul li a:hover,
.cinema #footer ul li a:focus,
.web ul.downloads li a:hover,
.web ul.downloads li a:focus,
.web ul.social li a:hover,
.web ul.social li a:focus,
.web ul.links li a:hover,
.web ul.links li a:focus,
.web #footer ul li a:hover,
.web #footer ul li a:focus					{ color: #A93C01; }

.cinema ul.downloads li a:active,
.cinema ul.social li a:active,
.cinema ul.links li a:active,
.cinema #footer ul li a:active,
.web ul.downloads li a:active,
.web ul.social li a:active,
.web ul.links li a:active,
.web #footer ul li a:active					{ color: #FA5801; }

.cinema #content a:visited,
.cinema ul.downloads li a:visited,
.cinema ul.social li a:visited,
.cinema ul.links li a:visited,
.cinema #footer ul li a:visited,
.web #content a:visited,
.web ul.downloads li a:visited,
.web ul.social li a:visited,
.web ul.links li a:visited,
.web #footer ul li a:visited				{ color: #999999; background-color: #f4f4f4; }

/*# 2. Section Colours/2.5 Postcode Directory #*/

.postcode h1,
.postcode h2,
.postcode h3,
.postcode h4,
.postcode h5,
.postcode h6,
.postcode a:link,
.postcode ul.downloads li a:link,
.postcode ul.social li a:link,
.postcode ul.links li a:link,
.postcode #footer ul li a:link	{ color: #1E0F60; }	

.postcode #content a:hover,
.postcode #content a:focus,
.postcode #content a:visited:hover				{ color: #333; border-bottom: #333 solid 1px; }
.postcode #content a:active						{ color: #1E0F60; border-bottom: #1E0F60 solid 1px; }

.postcode ul.downloads li a:hover,
.postcode ul.downloads li a:focus,
.postcode ul.social li a:hover,
.postcode ul.social li a:focus,
.postcode ul.links li a:hover,
.postcode ul.links li a:focus,
.postcode #footer ul li a:hover,
.postcode #footer ul li a:focus					{ color: #110937; }

.postcode ul.downloads li a:active,
.postcode ul.social li a:active,
.postcode ul.links li a:active,
.postcode #footer ul li a:active				{ color: #0A051F; }

.postcode #content a:visited,
.postcode ul.downloads li a:visited,
.postcode ul.social li a:visited,
.postcode ul.links li a:visited,
.postcode #footer ul li a:visited	{ color: #1E0F60; background-color: none; }


/*# 9. Section Colours/2.5 MannVend #*/

.mannvend h1,
.mannvend h2,
.mannvend h3,
.mannvend h4,
.mannvend h5,
.mannvend h6,
.mannvend a:link,
.mannvend ul.downloads li a:link,
.mannvend ul.social li a:link,
.mannvend ul.links li a:link,
.mannvend #footer ul li a:link	{ color: #AF8801; }	

.mannvend #content a:hover,
.mannvend #content a:focus,
.mannvend #content a:visited:hover	{ color: #333; border-bottom: #333 solid 1px; }
.mannvend #content a:active			{ color: #EBB501; background-color: none; border-bottom: #EBB501 solid 1px; }			

.mannvend ul.downloads li a:hover,
.mannvend ul.downloads li a:focus,
.mannvend ul.social li a:hover,
.mannvend ul.social li a:focus,
.mannvend ul.links li a:hover,
.mannvend ul.links li a:focus,
.mannvend #footer ul li a:hover,
.mannvend #footer ul li a:focus					{ color: #110937; }

.mannvend ul.downloads li a:active,
.mannvend ul.social li a:active,
.mannvend ul.links li a:active,
.mannvend #footer ul li a:active				{ color: #EBB501; }

.mannvend #content a:visited,
.mannvend ul.downloads li a:visited,
.mannvend ul.social li a:visited,
.mannvend ul.links li a:visited,
.mannvend #footer ul li a:visited,
.mannvend #footer ul li a:visited:active	{ color: #EBB501; background-color: #f4f4f4; }



/*# 3. Typography #*/
/* -------------------------------------------------------------- */


body { 
  font-size: 62.5%;
  color: #4C4C4C; 
  background-color: #fff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

#footer
{
	font-size: 1.1em;
}


/*# 3. Typography/3.1 Headings #*/

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 2.7em; line-height: 1.32; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.6em; line-height: 1.125; margin-bottom: 0.9em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

#image h1
{
	font-size: 3.6em;
	line-height: 1;
	text-align: left;
}

/*# 3. Typography/3.2 Text elements #*/

p 
{
	margin: 0 0 1.5em;
	font-size: 1.2em;
	line-height: 2;
}

p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

#sidebar p
{
	color: #666666;
	font-size: 1em;
	line-height: 2.25;
	margin-bottom: 1.8em;
}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/*# 3. Typography/3.3 Links #*/

a:link, a:hover, a:focus, a:visited
{
	text-decoration: none;
	padding: 2px;
	outline: none;
}

#content a:hover, #content a:focus, #content a:visited:hover
{
	color: #ffffff;
}

#content a:active
{
	color: #ffffff;
}

#content a:visited
{
	background-color: #ffffff;
}

ul.downloads li a, ul.social li a:link
{
	background-color: #ffffff;
	/*padding: 2px 20px 2px 2px;*/
}

ul.downloads li a:hover, ul.downloads li a:focus, ul.social li a:hover, ul.social li a:focus
{
	background-color: #ffffff;
}


/*# 3. Typography/3.4 Lists #*/

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/*# 3. Typography/3.5 Tables #*/

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/*# 3. Typography/3.6 Misc Classes #*/

.small      { font-size: 1em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }


/*# 4. Portfolio #*/
/* -------------------------------------------------------------- */

/*# 4. Portfolio/4.1 IOMAD Specific #*/

#filter-portfolio
{
	height: 144px;
	margin-top: -54px;
	float: left;
	position: relative;
	margin-bottom: 36px;
	width: 100%;
}

#filter-portfolio img
{
	position: absolute;
	top: 0;
	right: 0;
}

#filter-portfolio p
{
	padding-right: 230px;
	margin-top: 80px;
	font-size: 21px;
	float: right;
}

.hidden
{
	display: none;
}

#filter-portfolio a:link,
#filter-portfolio a:visited,
#filter-portfolio a:visited:active
{
	background-color: #ffffff;
	color: #4c4c4c;
}

#filter-portfolio a:hover,
#filter-portfolio a:focus,
#filter-portfolio a.filteredby
{
	background-color: #4c4c4c;
	color: #ffffff;
}

/*ul#portfolio { 
	float: left; 
	list-style: none; 
	margin: 0;
	padding: 0;
	width: 726px;
}
	ul#portfolio li { 
		width: 230px;
		display: block;
		float: left;
		padding: 0;
		margin: 0 10px 10px 0;
	}

		ul#portfolio li, ul#portfolio li a
		{
			background: #ffffff;
		}
		
		ul#portfolio li a:link { display: block; border: 1px solid #cccccc; margin: 0; padding: 0; width: 230px; }
		ul#portfolio li a:hover { text-decoration: none; border: 1px solid #999999; }  
		ul#portfolio li img { display: block; }*/

ul#portfolio
{
	margin: 0;
	padding: 0;
	width: 726px;
}

	ul#portfolio li
	{
		display: block;
		width: 230px;
		margin: 0 10px 10px 0;
		padding: 0;
		float: left;
		background: #ffffff;
	}
	
		ul#portfolio li a
		{
			display: block;
			background: #ffffff;
			border: 2px solid #efefef;
			width: 230px;
			margin: 0;
			padding: 0;
		}
		
		ul#portfolio li a:hover
		{
			border: 2px solid #666666;
		}
		
		
		
		
	
	


/*# 5. Meet the Team #*/
/* -------------------------------------------------------------- */

#team
{
	font-size: 1.2em;
	height: 250px;
}

	#team img
	{
		float: left;
		margin-right: 59px;
	}

	#team ul
	{
		list-style-type: none;
		margin: 0;
		padding: 0;
		float: left;
		width: 150px;
		margin-right: 20px;
	}

		#team ul li
		{
			height: 20px;
			line-height: 20px;
			margin-bottom: 6px;
		}

#people
{
	position: relative;
}

#people img
{
	/*position: absolute;
	top: -229px;
	left: 20px;*/
	
	/*width: 115px;
	height: 195px;*/
}

#people span.mailme
{
    display: block;
	height: 36px;
	width: 110px;
	background: #B61500 url(../images/email-left.gif) top left no-repeat;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0px;
	left: 370px;
}

    #people span.mailme a,
	#people span.mailme a:visited,
	#people span.mailme a:visited:hover,
	#people span.mailme a:hover,
	#people span.mailme a:active,
	#people span.mailme a:visited:active,
	#people span.mailme a:visited:focus,
	#people span.mailme a:focus
	{
	    display: block;
		width: 100%;
		height: 36px;
		outline: none;
		border: 0;
		margin: 0;
		padding: 0 10px 0 0;
		text-decoration: none;
		line-height: 36px;
		color: #ffffff;
		font-size: 1.2em;
		background: transparent url(../images/email-right.gif) top right no-repeat;
		text-indent: 40px;
		font-weight: bold;
		text-shadow: #7F0F00 0px 1px 0px;
	}
	
	#people span.mailme a:hover,
	#people span.mailme a:visited:hover
	{
		text-decoration: underline;
	}


/*# 6. Sitemap #*/
/* -------------------------------------------------------------- */

ul.sitemap
{
	margin:6px 0;
}

	ul.sitemap li
	{
		margin-bottom: 6px;
		line-height: 18px;
		font-size: 1.2em;
		list-style-type: none;
	}
	
		ul.sitemap li a
		{
			padding-left: 22px;
		}
	
		ul.sitemap li a:link
		{
			background: url(../images/icons/sitemap-bullet.gif) left -2px no-repeat;
		}
		
		ul.sitemap li a:hover, ul.sitemap li a:visited:hover
		{
			background: url(../images/icons/sitemap-bullet.gif) left -24px no-repeat;
		}
		
		ul.sitemap li a:visited
		{
			background: url(../images/icons/sitemap-bullet.gif) left -46px no-repeat;
		}
		
		ul.sitemap li ul
		{
			margin: 9px 0 6px 16px;
		}
		
			ul.sitemap li ul li
			{
				font-size: 1em;
			}

			
/*# 7. News pages #*/
/* -------------------------------------------------------------- */

div.news-excerpt div
{
	height: 0px;
}

div.news-excerpt a.headline
{
    font-weight: bold;
	font-size: 1.5em;
	display: block;
	margin-bottom: 9px;
	border-bottom: 1px solid #ffffff;
}

div.news-excerpt img
{
    border: 5px solid #eee;
	float: right;
	margin: 5px 9px;
	width: 190px;
	height: 127px;
}



div.news-page img
{
    border: 5px solid #eee;
}

div.news-excerpt p.wp-caption-text
{
    display: none;
}

p.news-date
{
    color: #999999;
	font-style: italic;
}

p.wp-caption-text
{
    font-size: 1em;
	color: #999999;
	font-style: italic;
	padding: 0 10px;
}

p.caption strong
{
    color: #666;
}


/*# 8. Web Micro Site  Styles #*/
/* -------------------------------------------------------------- */

#topContent 
{
	border-bottom: thin solid #CCC;
	padding: 0 0 20px 0;
}


#topContent h1
{
	font-size: 4.5em;
}

#topContent .topLeft img 
{
	float: left;
	display: block;
	border: solid 8px #EFEFEF;
}

#topContent .topRight h1
{	
	margin: -16px 0 18px 0;
}

#bottomContent 
{
	margin-top: 20px;
}



/*#9. Web Micro Site Our Process Styles #*/
/* -------------------------------------------------------------- */

.processStep 
{
	display: block;
	width: 210px;
	height: 320px;
	margin: 36px 34px 0 0;
	background: #F0F0F0;
	border: solid 1px #CECECE;
	float: left;
	position: relative;
	
}

.processstepLast
{
	margin-right: 0;
	
	
}

.processStep h3 
{
	text-align: center;
	margin: 15px 0;
	
}


.processStep p 
{
	font-size: 1em;
	line-height: 16px;
	padding: 0 15px;
	position: absolute;
	top: 180px;
}

.processStep img 
{	
	display: block;
	margin: 50px 0 20px 54px;
	position: absolute;
	top: 69px;
}

.processStep .moveUp 
{
	position: absolute;
	top: 20px;
}


/*# 10. Web Micro Site Packages styles #*/
/* -------------------------------------------------------------- */

.packages 
{
	display: block;
	float: left;
	margin: 0 41px 0 0;
}

.packagesEnd
{
display: block;
float: left;
margin: 0;
}

.red-package 
{
	display: block;
	position: relative;
	background: url(../web-packages-images/red-package-middle.png) repeat-y;
	width: 202px;
	/* height: 525px;*/
	padding: 110px 0 10px 0;
	margin: 265px 0 50px 0;
}

.red-package-top 
{
	display: block;
	position: absolute;
	top: -89px;
	left: 9px;
	background: url(../web-packages-images/red-package-top.png) no-repeat;
	width: 202px;
	height: 185px;
}

.red-package-bottom 
{
	display: block;
	position: absolute;
	bottom: -166px;
	left: 9px;
	background: url(../web-packages-images/red-package-bottom.png) no-repeat;
	width: 202px;
	height: 185px;
}

.blue-package 
{
	display: block;
	position: relative;
	background: url(../web-packages-images/blue-package-middle.png) repeat-y;
	width: 202px;
	/* height: 525px;*/
	padding: 110px 0 10px 0;
	margin: 220px 0 50px 0;
}

.blue-package-top 
{
	display: block;
	position: absolute;
	top: -89px;
	left: 9px;
	background: url(../web-packages-images/blue-package-top.png) no-repeat;
	width: 202px;
	height: 185px;
}

.blue-package-bottom 
{
	display: block;
	position: absolute;
	bottom: -166px;
	left: 9px;
	background: url(../web-packages-images/blue-package-bottom.png) no-repeat;
	width: 202px;
	height: 185px;
}

.green-package 
{
	display: block;
	position: relative;
	background: url(../web-packages-images/green-package-middle.png) repeat-y;
	width: 202px;
	/* height: 525px;*/
	padding: 110px 0 10px 0;
	margin: 159px 0 50px 0;
}

.green-package-top 
{
	display: block;
	position: absolute;
	top: -89px;
	left: 9px;
	background: url(../web-packages-images/green-package-top.png) no-repeat;
	width: 202px;
	height: 185px;
}

.green-package-bottom 
{
	display: block;
	position: absolute;
	bottom: -166px;
	left: 9px;
	background: url(../web-packages-images/green-package-bottom.png) no-repeat;
	width: 202px;
	height: 185px;
}

.yellow-package 
{
	display: block;
	position: relative;
	background: url(../web-packages-images/yellow-package-middle.png) repeat-y;
	width: 202px;
	/* height: 525px;*/
	padding: 110px 0 10px 0;
	margin: 100px 0 50px 0;
}

.yellow-package-top 
{
	display: block;
	position: absolute;
	top: -89px;
	left: 9px;
	background: url(../web-packages-images/yellow-package-top.png) no-repeat;
	width: 202px;
	height: 185px;
}

.yellow-package-bottom 
{
	display: block;
	position: absolute;
	bottom: -166px;
	left: 9px;
	background: url(../web-packages-images/yellow-package-bottom.png) no-repeat;
	width: 202px;
	height: 185px;
}


.packages ul 
{
	list-style-type: none;
	width: 159px;
	display: block;
	margin: 0 0 20px 20px;
}

.packages li 
{
	background: url(../web-packages-images/cog-icon.png) 0 7px no-repeat;
	list-style-type: none;
	display: block;
	width: 159px;
	margin: 0;
	height: 44px;
	line-height: 44px;
	padding: 0;
	text-indent: 36px;
}

.packagesEnd ul 
{
	list-style-type: none;
	width: 159px;
	display: block;
	margin: 0 0 20px 20px;
}

.packagesEnd li 
{
	background: url(../web-packages-images/cog-icon.png) 0 7px no-repeat;
	list-style-type: none;
	display: block;
	width: 159px;
	margin: 0;
	height: 44px;
	line-height: 44px;
	padding: 0;
	text-indent: 36px;
}

.red-package ul 
{
	border-top: solid 1px #DECBC5;
}

.red-package li 
{
	border-top: solid 1px #FDF9F8;
	border-bottom: solid 1px #DECBC5;
}

.blue-package ul 
{
	border-top: solid 1px #BEC8D9;
}

.blue-package li 
{
	border-top: solid 1px #F6F9FC;
	border-bottom: solid 1px #BEC8D9;
}

.green-package ul 
{
	border-top: solid 1px #CCD3C0;
}

.green-package li 
{
	border-top: solid 1px #F9FBF7;
	border-bottom: solid 1px #CCD3C0;
}

.yellow-package ul 
{
	border-top: solid 1px #E5DABC;
}

.yellow-package li 
{
	border-top: solid 1px #FFFDF6;
	border-bottom: solid 1px #E5DABC;
}

.packages li.numberIcon5
{
	background: url(../web-packages-images/5-icon.png) 0 7px no-repeat;
}

.packages li.numberIcon10
{
	background: url(../web-packages-images/10-icon.png) 0 7px no-repeat;
}

.packages li.numberIcon30
{
	background: url(../web-packages-images/30-icon.png) 0 7px no-repeat;
}

.packagesEnd li.unlimited 
{
	background: url(../web-packages-images/unlimited-icon.png) 0 7px no-repeat;	
}

.packages li.bottomList 
{
	border-bottom: none;
	height: 120px;
}

.packages li.bottomList img 
{
	margin: 10px auto 0 auto;
	display: block;
	width: 70px;
}

.packages li.bottomListBlue
{
	border-bottom: none;
	height: 120px;
}

.packages li.bottomListBlue img 
{
	margin: 15px 5px 0 0;
	float: left;
	display: block;
}

.packages li.bottomListGreen
{
	border-bottom: none;
	height: 180px;
}

.packages li.bottomListGreen img 
{
	margin: 15px 5px 0 0;
	float: left;
	display: block;
}

.packagesEnd li.bottomListYellow 
{
	border-bottom: none;
	height: 240px;
}


.packagesEnd li.bottomListYellow img 
{
	margin: 16px 5px 0 0;
	float: left;
	display: block;
}

.astrisk 
{
	clear: both;
	display: block;
}


/*# 11. Web Micro Site list styles #*/
/* -------------------------------------------------------------- */

.featureList1 h3 
{
	width: 70px;
}


#featureLists ul.listA
{
	list-style-type: none;
	width: 440px;
	float: left;
	
}

.featureList1
{
	width: 440px;
	display: block;
	float: left;
}

.featureList2
{
	width: 240px;
	margin-left: 30px;
	display: block;
	float: left;
}

.featureList3
{
	width: 240px;
	display: block;
	float: left;

}


#featureLists .listA li 
{
	display: inline-block;
	font-size: 1.2em;
	width: 160px;
	text-indent: 0;
	margin: 0 50px 20px 0;
	line-height: 1;
	text-align: center;
}

#featureLists .listA li img 
{
	width: 70px;
	height: 45px;
	display: block;
	margin: 0 auto;
}

#featureLists ul.listB
{
	list-style-type: none;
	width: 220px;
	margin: 0;
	float: left;
}

#featureLists .listB li 
{
	display: inline-block;
	font-size: 1.2em;
	width: 160px;
	text-indent: 0;
	margin: 0 20px 20px 0;
	line-height: 1;
	text-align: center;
}

#featureLists .listB li img 
{
	width: 70px;
	height: 45px;
	display: block;
	margin: 0 auto;
}


#featureLists ul.listC
{
	list-style-type: none;
	width: 220px;
	margin: 0;
	float: left;
}

#featureLists .listC li 
{
	display: inline-block;
	font-size: 1.2em;
	width: 160px;
	text-indent: 0;
	margin: 0 20px 20px 0;
	line-height: 1;
	text-align: center;
}

#featureLists .listC li img 
{
	width: 70px;
	height: 45px;
	display: block;
	margin: 0 auto;
}











/*# 12. Web Micro Site footer styles #*/
/* -------------------------------------------------------------- */

#Microfooter
{
	border-top: 1px solid #ddd;
	margin: 20px 0 0 0;
}

	#Microfooter ul
	{
		list-style-type: none;
		margin: 18px 0;
		width: 50%;
	}

	#Microfooter ul.leftitems
	{
		float: left;
	}
	
	#Microfooter ul.rightitems
	{
		float: right;
		text-align: right;
	}
		
		#Microfooter ul li
		{
			display: block;
			height: 18px;
			line-height: 18px;
			margin-bottom: 9px;
			padding: 2px;
			/*background-color: #efefef;*/
		}
		
		#Microfooter ul li a
		{
			height: 20px;
			display: block;
			padding: 0 4px;
		}
		
		#Microfooter ul li.phone
		{
		    padding-left: 31px;
			font-weight: bold;
			color: #666666;
			background: url(../images/icons/phone.gif) 2px -24px no-repeat;
		}
		
		#Microfooter ul li.fax
		{
			padding-left: 32px;
			font-weight: bold;
			color: #666666;
			background: url(../images/icons/fax.gif) 2px -30px no-repeat;
		}
		
		#Microfooter ul li.email a
		{
			padding-right: 26px;
			background: url(../images/icons/email.gif) right -27px no-repeat;
		}
		
		#Microfooter ul li.sitemap a
		{
			padding-right: 26px;
			background: url(../images/icons/sitemap.gif) right -26px no-repeat;
		}
		
		#Microfooter ul li.phone:hover
		{
			background-position: 2px 1px;
			color: #222222;
		}
		
		#Microfooter ul li.fax:hover
		{
			background-position: 2px -4px;
			color: #222222;
		}
		
		#Microfooter ul li.email a:hover
		{
			background-position: right -4px;
		}
		
		#Microfooter ul li.sitemap a:hover
		{
			background-position: right -3px;
		}
		
		a.ipa
	{
		
		display: block;
		overflow: hidden;
		height: 224px;
		width: 153px;
		float: right;
		border: none;
		background: url(../images/ipa-main.gif) 7px 0 no-repeat;
	}
	
	a:hover.ipa
	{
		display: block;
		border: none;
		background: url(../images/ipa-main.gif) -151px 0 no-repeat;
	}
	
	.main #content a.ipa-main
	{
		
		display: block;
		overflow: hidden;
		height: 146px;
		width: 301px;
		border: none;
		background: url(../images/ipa-main.gif) 0px 0 no-repeat;
	}
	
	.main #content a:hover.ipa-main
	{
		display: block;
		border: none;
		background: url(../images/ipa-main.gif) -303px 0 no-repeat;
	}

	
	#sidebar hr
	{
		width: 160px;
		float: right;
	}