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: 0;
	left: 0px;
	width: 40px;
	height: 630px; 
	background: url(../images/navigation/nav-side.png) repeat-x;
}

.container
{
	/*background: #ffffff;*/
	margin-left: 40px;
}


/*# 1. Layout/1.1 Header #*/

#header
{
	height: 198px;
	line-height: 198px;
	position: relative;
}

	#header img
	{
		float: left;
		margin-top: 55px;
		/*margin-left: 30px;*/
	}
	
	#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.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;
			}
			
		li.postCode
		{
			background: url(../images/navigation/postcode-lt.png) repeat-x;
		}
		
			li.postCode a
			{
				background: url(../images/navigation/postcode-rt.png) top right no-repeat;
			}
			
		li.mannvend
		{
			background: url(../images/navigation/mannvend-lt.png) repeat-x;
		}
		
			li.mannvend a
			{
				background: url(../images/navigation/mannvend-rt.png) top right no-repeat;
			}
			
		li.bus-vannin
		{
			background: url(../images/navigation/bus-vannin-lt.png) repeat-x;
		}
		
			li.bus-vannin a
			{
				background: url(../images/navigation/bus-vannin-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;
}
				
			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;
		background: url(../images/ipa.gif) 7px 0 no-repeat;
	}
	
	a:hover.ipa
	{
		display: block;
		background: url(../images/ipa.gif) -151px 0 no-repeat;
	}
	
	
	#sidebar hr
	{
		width: 160px;
		float: right;
	}
	

/*# 1. Layout/1.3 Content #*/

#content
{
	position: relative;
}

    /*.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;
	padding-top: 7px;
	background: url(../images/offers/offers-top-post.png) no-repeat;
}
	
	#special-offers
	{
		background: #ffffff url(../images/offers/offers-top-post.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/offers/offers-btm-post-v1.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' tags moved to the bottom of this style sheet
   due to inheriting issue */
	

	
		#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;
				text-decoration: none;
				border: none;
				width: auto;
			}
			
			#content ul.download-centre li a:hover,
			#content ul.download-centre li a:visited:hover,
			#content ul.download-centre li a:active
			{
				background: url(../images/icons/download-hover.gif) left 0 no-repeat;
				/*background-color: #B71600;
				color: #ffffff;*/
				background-color: #ffffff;
				text-decoration: none;
				border: none;
				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 #*/

.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				{ 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				{ 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			{ 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; }


/*# 9. Section Colours/2.6 Bus Vannin #*/

.bus-vannin h1,
.bus-vannin h2,
.bus-vannin h3,
.bus-vannin h4,
.bus-vannin h5,
.bus-vannin h6,
.bus-vannin a:link,
.bus-vannin ul.downloads li a:link,
.bus-vannin ul.social li a:link,
.bus-vannin ul.links li a:link,
.bus-vannin #footer ul li a:link					{ color: #990033; }	

.bus-vannin #content a:hover,
.bus-vannin #content a:focus,
.bus-vannin #content a:visited:hover			{ color: #333; border-bottom: #333 solid 1px; }
.bus-vannin #content a:active					{ color: #D20044; background-color: none; border-bottom: #D20044 solid 1px; }			

.bus-vannin ul.downloads li a:hover,
.bus-vannin ul.downloads li a:focus,
.bus-vannin ul.social li a:hover,
.bus-vannin ul.social li a:focus,
.bus-vannin ul.links li a:hover,
.bus-vannin ul.links li a:focus,
.bus-vannin #footer ul li a:hover,
.bus-vannin #footer ul li a:focus					{ color: #110937; }

.bus-vannin ul.downloads li a:active,
.bus-vannin ul.social li a:active,
.bus-vannin ul.links li a:active,
.bus-vannin #footer ul li a:active				{ color: #D20044; }

.bus-vannin #content a:visited,
.bus-vannin ul.downloads li a:visited,
.bus-vannin ul.social li a:visited,
.bus-vannin ul.links li a:visited,
.bus-vannin #footer ul li a:visited,
.bus-vannin #footer ul li a:visited:active		{ color: #D20044; 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;
			}

/*# 6. Postcode directory #*/
/* -------------------------------------------------------------- */
			      
.postcodeTable th 
{
	Color: #FFF;
	background-color: #EE3424;
	font-weight: bold;
}

.postcodeTable td.cellBG
{
	background-color: #FCD9D6;
}

/* Special offers links moved here due to inheriting issues */

	#special-offers a:link				{ padding: 2px; font-size: 1.2em; font-weight: bold; background-color: none; color: #BD3C26 ; }
	#special-offers a					{ padding: 2px; font-size: 1.2em; font-weight: bold; background-color: none; color: #BD3C26 ; }

	#special-offers a:hover,
	#special-offers a:focus,
	#special-offers a:visited:hover,
	#special-offers a:visited:focus		{ background-color: none; color: #333333; border-bottom: solid thin #333; }

	/*#special-offers a:active			{ background-color: none; color: #BD3C26; }

	#special-offers a:visited			{ color: #CCC; background-color: #BD3C26; } */
	


	/*# 7. News pages #*/
/* -------------------------------------------------------------- */

a.headline
{
    font-weight: bold;
	font-size: 1.5em;
	display: block;
	margin-bottom: 9px;
}

img.news-thumbnail
{
    border: 5px solid #eee;
	float: right;
	margin: 5px 9px;
}

img.news
{
    border: 5px solid #eee;
}

p.caption
{
    font-size: 1em;
	color: #999999;
	font-style: italic;
	padding: 0 10px;
}

p.caption strong
{
    color: #666;
}

