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: 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: 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.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;
}
				
			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;
}

#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: #0A51A1; color: #ffffff; }
.main #content a:active				{ background-color: #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; }

.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: #1C81F0; }

.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; }


/*# 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			{ background-color: #0A51A1; }
.airport #content a:active,
.design #content a:active					{ background-color: #1C81F0; }

.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: #999999; background-color: #f4f4f4; }


/*# 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					{ background-color: #B71600; }
.steam-packet #content a:active,
.pr #content a:active							{ background-color: #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: #999999; background-color: #f4f4f4; }


/*# 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			{ background-color: #587516; }
.buses #content a:active,
.portfolios #content a:active				{ background-color: #8EBC23; }

.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: #999999; background-color: #f4f4f4; }


/*# 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				{ background-color: #D14C01; }
.cinema #content a:active,
.web #content a:active						{ background-color: #FA5801; }

.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.6 Social Media #*/

.media h1,
.media h2,
.media h3,
.media h4,
.media h5,
.media h6,
.media a:link,
.media ul.downloads li a:link,
.media ul.social li a:link,
.media ul.links li a:link,
.media #footer ul li a:link					{ color: #1696C0; }
.media #content a:hover,
.media #content a:focus,
.media #content a:hover,
.media #content a:visited:hover				{ background-color: #1696C0; }

/*# 2. Section Colours/2.5 Portfolios #

.portfolios h1,
.portfolios h2,
.portfolios h3,
.portfolios h4,
.portfolios h5,
.portfolios h6,
.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: #4c4c4c; }

.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: #4c4c4c; }

.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: #666666; }

.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: #999999; 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;
			}