/*
Theme Name: ITM Power 2010
Theme URI: http://www. 
Description: ITM Power 2010
Version: 1.0
Author: diva creative, Tim Parmee
Author URI: http://www.divacreative.com
Tags: 
*/

/*
#################################################################################################################################
= CONTENT
#################################################################################################################################
*/

/*	
	Content:
	1. RESET AND BASE ELEMENTS
	2. MAIN STRUCTURE
	3. NAVIGATION
	4. HOME PAGE
	5. HEADER
	6. CONTENT
	7. FOOTER
	8. HEADINGS
	9. TYPOGRAPHY
	10. LISTS
	11. WORDPRESS CSS
	12. MISC
	13. TABLES
*/

/*
#################################################################################################################################
= RESET AND BASE ELEMENTS
#################################################################################################################################
*/

/* ------------ RESET ------------ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, 
var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	border: 0;
	outline: 0;
	background: transparent;
}
	
ol, ul 			{ list-style: none; }
blockquote, q 	{ quotes: none; }
:focus 			{ outline: 0; }
table 			{ border-collapse: collapse; border-spacing: 0; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove annoying border on linked images. */
a img { border: none; }
a, a:link { outline:none; border:none; }

/* ------------ COLORS ------------ */
/*

Dk Blue:			#002B5C;
Lt Blue:			#009DDC;
Green:				#8DC73F;
Magenta:			#EC008C;
Purple:				#927FBC;
Grey Boxes:			#F7F7F7;
Footer Blue:		#073871;

*/

/* ------------ BASE ELEMENTS ------------ */

*			{ margin: 0; padding: 0; }
html		{ overflow-y: scroll; }
body 		{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#444; font-size: 62.5%; background: #FFF; line-height: 1.6em; }
	
/* links */
a, a:link, a:visited	{ color: #dc3584; font-weight:bold; text-decoration: none; outline: none; }
a:focus, a:hover		{ color: #dc3584; text-decoration: underline; }

sub {vertical-align: bottom; }
sup {vertical-align: super; }



/*
#################################################################################################################################
= MAIN STRUCTURE
#################################################################################################################################
*/

div#wrapper 		{ width:960px; margin: 0 auto; }
div#header 			{ position:relative; margin:0 10px; z-index:10; }
div#container 		{ }
div#mainContent 	{ position:relative; padding-top:20px;  } /*overflow:auto;*/

div#footerWrap 		{ position:relative; clear:both; padding-top:30px; }
div#footerTop		{ width:940px; height:50px; margin:0 auto; background:#073871; }
div#footer			{ width:940px; height:150px; margin:0 auto; background:#002B5C; }


/* Sets up basic grid/column floating and margin. */
div.col-1, div.col-2, div.col-2half, div.col-2narrow, div.col-2wide, div.col-2sidebar, div.col-3, div.col-4, div.colPanels
{ float: left; margin: 0 10px 0 10px; display: inline; }

/* Use these classes to set the width of a column. */
.col-1			{ width: 940px; }
.col-2			{ width: 640px; }
.col-2half		{ width: 460px; }
.col-2narrow	{ width: 620px; }
.col-2wide		{ width: 700px; }
.col-2sidebar	{ width: 280px; }
.col-3			{ width: 300px; }
.col-4			{ width: 220px; }
.colPanels		{ width: 940px; }

/* Add these to a column or element to prepend empty cols. */
.prepend-5  { padding-left: 200px; } 

/* The last column in a row needs this class. */
.last, div.last { margin-right: 0; }

/* Border with more whitespace, spans one column. */
.colborder { padding-right: 24px; margin-right: 25px; border-right: 1px solid #000; }

.block { }

/* Breadcrumbs */
div#breadcrumbs	{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#666; font-size: 1.1em; line-height: 1.5em; margin-left:10px; }


/*
#################################################################################################################################
= HEADER
#################################################################################################################################
*/

/* HEADER TYPES ---------------------------------------- */

.headerHome				{ height:330px; background:url(../images/headers/headerHome.jpg) no-repeat; } /*.headerHome */
.headerOverview1 		{ height:330px; background:url(../images/headers/headerHomeIce.jpg) no-repeat; } /*.headerHome */
.headerPage				{ height:110px; }

.headerOverview2		{ height:330px; background:url(../images/headers/headerAbout.jpg) no-repeat; } /*.headerAbout */
.headerOverview3		{ height:330px; background:url(../images/headers/headerTechnology.jpg) no-repeat; } /*.headerTechnology */
.headerOverview4		{ height:330px; background:url(../images/headers/headerApplications.jpg) no-repeat; } /*.headerApplications */
.headerOverview5		{ height:330px; background:url(../images/headers/headerProducts.jpg) no-repeat; } /*.headerProducts */
.headerOverview6		{ height:330px; background:url(../images/headers/headerInvestment.jpg) no-repeat; } /*.headerInvestment */
.headerOverview7		{ height:330px; background:url(../images/headers/headerMedia.jpg) no-repeat; } /*.headerMedia */
.headerOverview52		{ height:330px; background:url(../images/headers/headerProjects.jpg) no-repeat; } /*.headerProjects */

/* Header Bases */
.headerBase			{ display: block; width:940px; height:10px; margin:0 10px; background-color:#ECECEC; border-top: solid 1px #FFF; }



/* LOGO ---------------------------------------- */

#logo			{ position:absolute; left:0; top:40px; z-index:30; }

#logo h1		{ width:200px; height:60px; background:url(../images/headerLogo.png) no-repeat; text-indent:-9999px; margin:0; padding:0; } /* PNG FIX */
#logo h1 a		{ display:block; width:200px; height:60px; }

#hostBadge			{ position:absolute; left:43px; top:140px; text-indent: -9999px; width:120px; height:120px; z-index:500; background:url(../images/mobile_badge.png) no-repeat; }
#hostBadge a		{ display: block; width:120px; height:120px; }

#mobileBadge		{ position:absolute; left:10px; top:140px; text-indent: -9999px; width:140px; height:43px; z-index:500; background:url(../images/mobile_badge.png) no-repeat; }
#mobileBadge a		{ display: block; width:140px; height:43px; }


/*
#################################################################################################################################
= NAVIGATION
#################################################################################################################################
*/

/* TOP NAVIGATION ---------------------------------------- */

#topNav 				{ width:940px; height:40px; clear:both; }
#topNav ul 				{ float:right; margin:0; height:40px; }
#topNav li 				{ font-size:1em; font-weight:bold; text-transform:uppercase; display:inline; margin-right:10px; line-height:40px; }
#topNav li a 			{ text-decoration: none; color:#002B5C; }
#topNav li a:hover 		{ color:#009DDC; }
#topNav li img			{ margin-top:-5px; vertical-align:middle; }

.topSearch				{ float:right; }

/* MAIN NAVIGATION ---------------------------------------- */

#mainNav 				{ z-index:20; position:absolute; width:940px; height:60px; background:#002B5C url(../images/navBg.png) repeat-x; top:40px;  }
#mainNav ul 			{ float:right; margin:0 0 0 90px; height:60px; }
#mainNav li 			{ font-size:1.25em; font-weight:bold; display:inline; margin-right:5px; line-height:60px; }
#mainNav li a 			{ text-decoration: none; color:#FFF; padding:5px; }

/*
#################################################################################################################################
= HOMEPAGE
#################################################################################################################################
*/

/* INTRO ---------------------------------------- */
#intro			{ width:940px; height:125px; margin-left:10px; background:url(../images/homeIntroBg.png) no-repeat; padding-bottom:25px; }
#introPic		{ position:absolute; left:150px; top:0px; width:245px; height:275px; background:url(../images/homeIntroPic.png) no-repeat; }
#introCarousel	{ float:right; width:460px; height:120px; background:#9C3; }

/* BTNS ---------------------------------------- */

#col-homeWelcome	{ width: 340px; float:left; display:inline; }
.col-left			{ margin:0 10px 0 0; }
.col-right			{ margin:0 0 0 10px; }

/* BTNS ---------------------------------------- */

div#btnFindAService a		{ display: block; width:300px; height:106px; background:url(../images/btns/findAService.png) no-repeat; text-indent: -9999px; }
div#btnFindAService a:hover	{ background-position: 0 -10px; }

/* PANELS ---------------------------------------- */

.homeTechnology, .homeApplications, .homeProducts, .homeProjects, .homeHOST, .homeHOSTPartners, .homeQuentin, .homeEcoIsland, .homeUKH2Mobility	
{ width: 220px; float:left; display:inline; padding-bottom:5px; margin:20px 20px 0 0; }
.homeHOST 				{ margin-right:0; }
.homeHOSTPartners 		{ margin-right:0; }

div.colPanels h4		{ font-size: 1.35em; font-weight:bold; line-height:1.35em; color:#333; margin:5px 0 0 0; }
div.colPanels p			{ font-size: 1.1em; line-height:1.5em; color:#454545; margin:5px 0 0 0; }

div.colPanels ul		{ margin: 0 10px 3px 10px; padding-left:20px; }
div.colPanels li		{ font-size:1.1em; color:#454545; line-height:1.5em; }

div.colPanels h3		{ font-size:1.5em; font-weight:bold; line-height:30px; color:#FFF; margin:0; padding:10px 0 0 10px; }
div.homeTechnology h3	{ background: #EC008C url(../images/titleBlocks/homeTechnology.png) no-repeat; }
div.homeApplications h3	{ background: #8DC73F url(../images/titleBlocks/homeApplications.png) no-repeat; }
div.homeProducts h3		{ background: #009DDC url(../images/titleBlocks/homeProducts.png) no-repeat; }
div.homeProjects h3		{ background: #5F5E66 url(../images/titleBlocks/homeProjects.png) no-repeat; }
div.homeHOST h3			{ background: #5F5E66 url(../images/titleBlocks/homeHOST.png) no-repeat; }
div.homeQuentin h3		{ background: #5F5E66 url(../images/titleBlocks/homeQuentin.png) no-repeat; }
div.homeEcoIsland h3	{ background: #5F5E66 url(../images/titleBlocks/homeHOSTPartners.png) no-repeat; padding-bottom:10px; }
div.homeUKH2Mobility h3	{ background: #5F5E66 url(../images/titleBlocks/homeHOSTPartners.png) no-repeat; padding-bottom:10px; }

div.homeHOSTPartners h3	{ background: #5F5E66 url(../images/titleBlocks/homeHOSTPartners.png) no-repeat; padding-bottom:10px; }

div.homeHOSTPartners div.carousel		{ width:220px; height:120px; padding:35px 30px; margin-bottom:9px;}
div.homeHOSTPartners div.carousel ul	{ margin:0; padding:0; }
div.homeHOSTPartners div.carousel li	{ float:left; overflow:hidden; list-style:none; margin:0; padding:0; width:160px; height:120px; }

div.homeEcoIsland div.carousel		{ width:220px; height:120px; padding:35px 30px; margin-bottom:9px;}
div.homeEcoIsland div.carousel ul	{ margin:0; padding:0; }
div.homeEcoIsland div.carousel li	{ float:left; overflow:hidden; list-style:none; margin:0; padding:0; width:160px; height:120px; }

div.homeUKH2Mobility div.carousel		{ width:220px; height:120px; padding:35px 30px; margin-bottom:9px;}
div.homeUKH2Mobility div.carousel ul	{ margin:0; padding:0; }
div.homeUKH2Mobility div.carousel li	{ float:left; overflow:hidden; list-style:none; margin:0; padding:0; width:160px; height:120px; }

div.colPanels h3 a			{ color:#FFF; text-decoration:none; }
div.colPanels h3 a:hover	{ color:#FFF; text-decoration:none; }

/* NEWS ---------------------------------------- */

#homeNews				{ background-color:#F7F7F7; padding-bottom:5px; }

#homeNews h4			{ font-size: 1.35em; font-weight:bold; line-height:1.35em; color:#333; margin:10px 10px 0 10px; }
#homeNews img 			{ float: left; margin: 10px 8px 10px 10px; border: none; }
#homeNews p				{ font-size: 1.1em; line-height:1.5em; color:#454545; margin:0px 10px 5px 10px; }
p.newsDate				{ font-style:oblique; }

#homeNews ul			{ margin: 0 10px 3px 10px; padding-left:20px; }
#homeNews li			{ font-size:1.1em; color:#454545; line-height:1.5em; }

#homeNews h3			{ font-size:1.5em; font-weight:bold; color:#FFF; padding-left:10px; }
h3.latestNews			{ background: #927FBC url(../images/titleBlocks/homeLatestNews.png) no-repeat; line-height:50px; }
h3.newsArchive			{ background: #927FBC; line-height:27px; margin-top:10px; }
h3.latestEvents			{ background: #927FBC url(../images/titleBlocks/homeLatestEvents.png) no-repeat; line-height:50px; }
h3.homeYouTubeChannel	{ background: #927FBC url(../images/titleBlocks/homeYouTubeChannel.png) no-repeat; line-height:50px; }

#homeNews h3 a			{ color:#FFF; text-decoration:none; display:block; width:220px; height:50px; }
#homeNews h3 a:hover	{ color:#FFF; text-decoration:none; }

/*
#homeNews img.iconYouTubeLogo		{ margin: 0px 17px 0 18px; }
#homeNews img.iconLinkedInLogo		{ margin: 0px 17px 0 18px; }
#homeNews img.iconRssLogo			{ margin: 0px 17px 0 18px; }
h3.homeITMConnect		{ background: #927FBC url(../images/titleBlocks/homeITMConnect.png) no-repeat; line-height:50px; }


/* SOCIAL LINKS ---------------------------------------- */

#homeConnect				{ background-color:#F7F7F7; padding-bottom:5px; }
#homeConnect img 			{ float: left; margin: 0px 9px; border: none; }
#homeConnect a img			{ padding-bottom:2px; }
#homeConnect a:hover img	{ padding-top:2px; padding-bottom:0; }



#homeConnect img.iconLeft	{ margin-left: 18px; }

#homeConnect h3				{ font-size:1.5em; font-weight:bold; color:#FFF; padding-left:10px; background: #927FBC url(../images/titleBlocks/homeITMConnect.png) no-repeat; line-height:50px; }

/*
#################################################################################################################################
= CONTENT
#################################################################################################################################
*/

a.backToTop, a:link.backToTop, a:visited.backToTop	{ font-size:1em; color:#FFF; font-weight:bold; line-height:1em; padding:3px; margin:0; background: #dc3584; text-transform:uppercase; }
a:focus.backToTop, a:hover.backToTop	{ color:#dc3584; background: #FFF; text-decoration:none; }

/* BODY ---------------------------------------- */

/* Body content columns */
.col-content		{ width: 200px; float:left; display:inline; margin:20px 0 0 0; }

.col-content h4		{ margin: 0 0 0.3em 0; }
.col-content p		{ font-size:1.1em; color:#666; line-height:1.5em; margin: 0 0 0.3em 0; }

.col-content ul		{ margin: 0 0 0.3em 0; padding-left:20px; }
.col-content li		{ font-size:1.1em; color:#666; line-height:1.5em; }

.Left	{ margin-right:20px; } /* background:url(../images/titleBlocks/contentColDivider.png) repeat-y; */
.Right	{ margin-right:0px; margin-left:20px; }

/* Partner logos */
.partnerBlock		{ border: 1px solid #CCC; padding:10px; margin-bottom:20px; height:190px; text-align:center; background:url(../images/partnerBlockBg.jpg) center bottom no-repeat; }


/* hr break */
div.hr { height: 1px; background: #CCC; margin:10px 0; clear:both; }
div.hr hr { display: none; }

#hr { height: 3px; background: none; margin:0; padding-bottom:10px; clear:both; }
#hr hr { display: none; }

/* SIDEBAR ---------------------------------------- */

#sidebar			{ background-color:#F7F7F7; padding-bottom:5px; }

#sidebar h4			{ font-size: 1.35em; font-weight:bold; line-height:1.35em; color:#333; margin:5px 10px 5px 10px; }
#sidebar p			{ font-size: 1.1em; line-height:1.5em; color:#454545; margin:0 10px 3px 10px; }

#sidebar ul			{ margin: 0 10px 3px 10px; padding-left:20px; }
#sidebar li			{ font-size:1.1em; color:#454545; line-height:1.5em; }

#sidebar h3					{ font-size:1.5em; font-weight:bold; line-height:50px; color:#FFF; margin:0; padding-left:10px; }

.aboutITM h3				{ background: #215B9E url(../images/titleBlocks/sideAboutITM.png) no-repeat; }
.relatedProducts h3			{ background: #009DDC url(../images/titleBlocks/sideProducts.png) no-repeat; }
.relatedApplications h3		{ background: #8DC73F url(../images/titleBlocks/sideApplications.png) no-repeat; }
.relatedTechnology h3		{ background: #EC008C url(../images/titleBlocks/sideTechnology.png) no-repeat; }
.latestNews h3				{ background: #927FBC url(../images/titleBlocks/sideLatestNews.png) no-repeat; }
.financialReports h3		{ background: #20A3A8 url(../images/titleBlocks/sideFinancialReports.png) no-repeat; }
.sharePrice h3				{ background: #20A3A8 url(../images/titleBlocks/sideSharePrice.png) no-repeat; }
.webLinks h3				{ background: #927FBC url(../images/titleBlocks/sideWebLinks.png) no-repeat; }
.Flickr h3					{ background: #215B9E url(../images/titleBlocks/sidePhotoGallery.png) no-repeat; }
.quoteRequest h3			{ background: #5F5E66 url(../images/titleBlocks/sideQuote.png) no-repeat; }

#sidebar.Flickr h3			{ margin-bottom:5px; }

.latestNews h3 a			{ color:#FFF; text-decoration:none; display:block; width:280px; height:50px; }
.latestNews h3 a:hover		{ color:#FFF; text-decoration:none; }
.latestNews img 			{ float: left; margin:0 8px 10px 10px; border: none; }

#sidebar.latestNews p		{ margin:0 10px 10px 10px; }
#sidebar.Flickr p			{ margin:3px 10px 5px 10px; }

#sidebar img.sideIcon		{ float:left; margin: 12px 17px 5px 18px; }

#sidebar div.carousel		{ width:280px; height:120px; padding:20px 60px; margin-bottom:9px; background:#FFF; }
#sidebar div.carousel ul	{ margin:0; padding:0; }
#sidebar div.carousel li	{ float:left; overflow:hidden; list-style:none; margin:0; padding:0; width:280px; height:120px; }

#sidebar div.ecoIslandLogo		{ width:280px; height:120px; padding:20px 60px; margin-bottom:9px; background:#FFF; }
#sidebar div.ecoIslandLogo ul	{ margin:0; padding:0; }
#sidebar div.ecoIslandLogo li	{ float:left; overflow:hidden; list-style:none; margin:0; padding:0; width:280px; height:120px; }

#sidebar div.hfuelHereLogo		{ width:280px; height:120px; padding:20px 60px; margin-bottom:9px; background:#FFF; }
#sidebar div.hfuelHereLogo ul	{ margin:0; padding:0; }
#sidebar div.hfuelHereLogo li	{ float:left; overflow:hidden; list-style:none; margin:0; padding:0; width:280px; height:120px; }


/* BTNS ---------------------------------------- */

.overviewBtn a				{ display: block; width:220px; height:120px; font-size:1.5em; font-weight:bold; line-height:50px; margin:10px 0; padding-left:8px; }
.overviewBtn a:hover		{ background-position: 0px -120px; color:#FFF; line-height:60px; text-decoration:none; }

/* About */
.aboutBoard a				{ color:#215B9E; background:url(../images/btns/aboutGeneric.jpg) no-repeat; }
.aboutManagement a			{ color:#215B9E; background:url(../images/btns/aboutGeneric.jpg) no-repeat; }
.aboutFacilities a			{ color:#215B9E; background:url(../images/btns/aboutGeneric.jpg) no-repeat; }
.aboutPartners a			{ color:#215B9E; background:url(../images/btns/aboutGeneric.jpg) no-repeat; }
.aboutCareers a				{ color:#215B9E; background:url(../images/btns/aboutGeneric.jpg) no-repeat; }

/* Technology */
.techMembrane a				{ color:#EC008C; background:url(../images/btns/techMembrane.jpg) no-repeat; }
.techHydroGen a				{ color:#EC008C; background:url(../images/btns/techHydroGen.jpg) no-repeat; }
.techHHOGen a				{ color:#EC008C; background:url(../images/btns/techGeneric.jpg) no-repeat; }
.techHydroStore a			{ color:#EC008C; background:url(../images/btns/techHydroStore.jpg) no-repeat; }
.techGenTech a				{ color:#EC008C; background:url(../images/btns/techGenTech.jpg) no-repeat; }
.techFuelCell a				{ color:#EC008C; background:url(../images/btns/techGeneric.jpg) no-repeat; }

/* Applications */
.appHydroHome a				{ color:#8DC73F; background:url(../images/btns/appHydroHome.jpg) no-repeat; }
.appEnergyStorage a			{ color:#8DC73F; background:url(../images/btns/appEnergyStorage.jpg) no-repeat; }
.appCarRefuel a				{ color:#8DC73F; background:url(../images/btns/appCarRefuel.jpg) no-repeat; }
.appFleetRefuel a			{ color:#8DC73F; background:url(../images/btns/appFleetRefuel.jpg) no-repeat; }
.appEnergySystems a			{ color:#8DC73F; background:url(../images/btns/appEnergySystems.jpg) no-repeat; }
.appAnalHydro a				{ color:#8DC73F; background:url(../images/btns/appAnalHydro.jpg) no-repeat; }
.appHHOApps a				{ color:#8DC73F; background:url(../images/btns/appGeneric.jpg) no-repeat; }

/* Products */
.prodHLab a					{ color:#009DDC; background:url(../images/btns/prodHLab.jpg) no-repeat; }
.prodHBox a					{ color:#009DDC; background:url(../images/btns/prodHBox.jpg) no-repeat; }
.prodHPac a					{ color:#009DDC; background:url(../images/btns/prodHPac.jpg) no-repeat; }
.prodHFuel a				{ color:#009DDC; background:url(../images/btns/prodHFuel.jpg) no-repeat; }
.prodHFlame a				{ color:#009DDC; background:url(../images/btns/prodHFlame.jpg) no-repeat; }

/* Investment */
.investAIMInfo a			{ color:#20A3A8; background:url(../images/btns/investAIMInfo.jpg) no-repeat; }
.investAdvisors a			{ color:#20A3A8; background:url(../images/btns/investAdvisors.jpg) no-repeat; }
.investGrants a				{ color:#20A3A8; background:url(../images/btns/investGrants.jpg) no-repeat; }
.investSectorInfo a			{ color:#20A3A8; background:url(../images/btns/investSectorInfo.jpg) no-repeat; }

/* News & Media */
.mediaNews a				{ color:#927FBC; background:url(../images/btns/mediaNews.jpg) no-repeat; }
.mediaMediaCover a			{ color:#927FBC; background:url(../images/btns/mediaMediaCover.jpg) no-repeat; }
.mediaMediaResource a		{ color:#927FBC; background:url(../images/btns/mediaMediaResource.jpg) no-repeat; }
.mediaEvents a				{ color:#927FBC; background:url(../images/btns/mediaEvents.jpg) no-repeat; }

/* Projects*/
.projHOST a					{ color:#605F65; background:url(../images/btns/projHOST.jpg) no-repeat; }
.projCREO a					{ color:#605F65; background:url(../images/btns/projCREO.jpg) no-repeat; }
.projCaseStudyOne a			{ color:#605F65; background:url(../images/btns/projCaseStudyOne.jpg) no-repeat; }
.projCaseStudies a			{ color:#605F65; background:url(../images/btns/projCaseStudies.jpg) no-repeat; }
.projHfuelHere a			{ color:#605F65; background:url(../images/btns/HfuelHere.jpg) no-repeat; }
.projEcoIsland a			{ color:#605F65; background:url(../images/btns/projEcoisland.jpg) no-repeat; }
.projSafeFlame a			{ color:#605F65; background:url(../images/btns/projSafeFlame.jpg) no-repeat; }
.projUKH2Mobility a			{ color:#605F65; background:url(../images/btns/projUKH2Mobility.jpg) no-repeat; }

/* Case Studies */
.caseStudyBtn			{ display:block; float:left; position:relative; width:310px; }
.caseStudyBtn h3		{ font-size:1.5em; font-weight:bold; margin-top:125px; }
.btnLeft 				{ margin:0 10px 10px 0; } 
.btnRight 				{ margin:0 0 10px 10px; } 

img.caseOverlay			{ opacity:1; position: absolute; left: 0; top: 0; z-index: 5;
						-webkit-transition: opacity 0.3s ease;
						-moz-transition: opacity 0.3s ease;
						-o-transition: opacity 0.3s ease;
						transition: opacity 0.3s ease;
}
img.caseOverlay:hover	{ opacity:0.1; }
img.caseBtm				{ position: absolute; left: 0; top: 0; }


/* Media Resources */
.resourceBtn a			{ display: block; width:302px; height:160px; font-size:1.5em; font-weight:bold; padding-left:8px; float:left; color:#927FBC; line-height:50px; } 
.resourceBtn a:hover	{ background-position: 0px -160px; text-decoration:none; color:#FFF; line-height:60px; }

.mediaResBrand a		{ background:url(../images/btns/mediaBranding.jpg) no-repeat; margin:0 10px 10px 0; } 
.mediaResImagery a		{ background:url(../images/btns/mediaImageArchive.jpg) no-repeat; margin:0 0 10px 10px; } 
.mediaResAwareness a	{ background:url(../images/btns/mediaAwareness.jpg) no-repeat; margin:0 10px 10px 0; } 
.mediaResResults a		{ background:url(../images/btns/mediaInterim.jpg) no-repeat; margin:0 0 10px 10px; } 


/* OVERVIEW PAGES ------------------------------------ */

/* Subheader blocks */
.overviewSectionHeader		{ float:left; margin:10px; display: inline; width:940px; height:27px; background-color:#E9ECEF; }
.overviewSectionHeader h3	{ font-size:1.5em; font-weight:bold; margin:0; padding-left:10px; line-height:29px; float:left; }
.overviewSectionHeader p	{ font-size:1.1em; line-height:1.5em; color:#454545; margin:0; padding-right:10px; line-height:29px; float:right; }


/* NEWS ------------------------------------ */

h3.newsItem		{ margin: 1em 0 0.5em 0; }
#backToNews a	{ font-size:1.15em; }

/* IMAGE GALLERY ------------------------------------ */

#Gallery img 		{ margin: 5px 10px 5px 0; border: solid 2px #D0D0D0; }

.GalleryPic 		{ float:left; }
.GalleryPic img 	{ margin: 6px 10px 0 0; border: solid 2px #D0D0D0; }
.GalleryPic p 		{ font-size: 1.1em; line-height:1.3em; color:#454545; margin:0 0 8px 0; }


ul.GalleryPicList 		{ /* width:660px; /* Page col width */ padding:0; margin:0; list-style: none; }
ul.GalleryPicList li	{ float:left; /*width:140px; /*Set default width*/ margin: 6px 10px 0 0; padding:0; display:inline; position:relative; }
ul.GalleryPicList img 	{ border: solid 2px #D0D0D0; }
ul.GalleryPicList p 	{ font-size: 0.8em; line-height:1.3em; color:#454545; margin:0 0 8px 0; }

ul.GalleryPicList li.singleImage
{ margin-bottom:20px; }

/*
#################################################################################################################################
= FOOTER
#################################################################################################################################
*/

#footerTop span.itmFooterLogo			{ float:left; width:200px; height:50px; background:url(../images/footerLogo.png) no-repeat; text-indent:-9999px; margin:0; padding:0; } /* PNG FIX */
#footerTop span.itmFooterLogo a		{ display:block; width:200px; height:50px; }

#footerTop span.misFooterLogo			{ float:right; width:102px; height:50px; background:url(../images/misFooterLogo.png) no-repeat; text-indent:-9999px; margin:0; padding:0; } /* PNG FIX */
#footerTop span.misFooterLogo a		{ display:block; width:102px; height:50px; }

#footerCol				{ width:450px; float: left; margin: 10px 10px 0 10px; display: inline; text-align:left; color:#FFF !important; }

#footerCol p			{ color:#FFF; }
.footerAddress			{ font-size: 1.15em; margin-bottom:1.5em; }
.footerCopyright		{ font-size: 1em; }

#footerCol ul 			{ float:right; margin:0; }
#footerCol li 			{ font-size:1.25em; font-weight:bold; line-height:1.5em; list-style:none; text-align:right; color:#FFF;}
#footerCol li a 		{ text-decoration: none; color:#FFF; }
#footerCol li a:hover 	{ text-decoration: underline; }

/*
#################################################################################################################################
= HEADINGS
#################################################################################################################################
*/

h1,h2,h3,h4,h5,h6 { }

h1 { font-size:3em; line-height: 1em; margin-bottom: 0.5em; }
h2 { font-size:2.7em; font-weight:normal; color:#999; margin:0.75em 0; line-height:1em; }
h3 { font-size:1.65em; font-weight:bold; color:#666; line-height: 1.35em; margin-bottom: 0.5em; }
h4 { font-size:1.5em; font-weight:bold; color:#333; line-height: 1.35em; margin:1em 0 0.3em 0; text-transform:none; }
h5 { font-size:1.1em; font-style:oblique; color:#999; margin:0 0 0.5em 0; }
h6 { font-size:1.2em; font-weight:bold; text-transform:uppercase; color:#484848; margin:1.25em 0 0.5em 0; padding-left:8px; border-bottom:1px solid #C0C0C0; }

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

h4.Partner { margin:0 0 0.3em 0; text-transform:none; }

.ui-accordion-content h4
{ margin:0.8em 0 0.3em 0; }
.ui-accordion-content h5
{ color:#333; font-size:1.3em; font-style:normal; font-weight:normal; line-height:1.5em; margin:0.5em 0 0.3em 0; }

/*
#################################################################################################################################
= TYPOGRAPHY
#################################################################################################################################
*/

p { font-size: 1.3em; line-height:1.5em; color:#444; margin:0 0 0.75em 0; }

.imgLeft	{ float: left; margin: 1em 1.5em 1em 0.3em; border: solid 2px #D0D0D0; }
.imgRight	{ float: right; margin: 1em 0.3em 1em 1.5em; border: solid 2px #D0D0D0; }
.noBorder	{ border: none; }

.imgCal		{ float: left; margin: 0 1em 0.3em 1em; border: none; }
.imgPartner	{ float:none; margin: 1.3em 1.5em 0.3em 0; border: none; }

blockquote  {  background-attachment: scroll;
    background-clip: border-box;
    background-color: #FFFFFF;
    background-image: url("../images/icons/speechmark-block.gif");
    background-origin: padding-box;
    background-position: 1% 15px;
    background-repeat: no-repeat;
    background-size: auto auto;
    clear: both;
    color: #414141;
    display: block;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 1.0em;
    font-style: italic;
    line-height: 23px;
    margin: 10px 0 ;
    quotes: "" "";
    width: 100%;
	}
	
blockquote p {
	background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/icons/speechmark-block-end.gif");
    background-origin: padding-box;
    background-position: 99% 90%;
    background-repeat: no-repeat;
    background-size: auto auto;
    border-bottom-color: #DFDFDF;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-top-color: #DFDFDF;
    border-top-style: solid;
    border-top-width: 1px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 10px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;}
	
strong      { font-weight: bold; }

.breadCrumb	a { font-weight:normal; }

/*
#################################################################################################################################
= LISTS
#################################################################################################################################
*/

/* RESET UL STYLE */
ul	{ list-style-image:none; list-style-position:outside; list-style-type:disc; margin-bottom:0.75em; padding-left:30px; }
li	{ font-size:1.3em; color:#555; line-height:1.75em; }
li	{ font-size:1.3em; color:#555; line-height:1.75em; }
li ul li { font-size:1em; }

/* RESET UL STYLE */
ol	{ list-style-image:none; list-style-position:outside; list-style-type:decimal; margin-bottom:0.75em; padding-left:30px; }
li ol li { font-size:1em; }

.siteMapTop	li { font-size:1.3em; }
.siteMapSub	li { font-size:1em; }


/*
#################################################################################################################################
= FORMS
#################################################################################################################################
*/

input, select, textarea		{ border:2px solid #009DDC; background-color:#FFF; color:#454545; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.1em; padding:4px; margin:8px; }

input.search	{ width:140px; padding:3px; margin:8px 0px; }
input.button 	{ text-transform:uppercase; font-weight:bold; color: #FFF; background:#009DDC; cursor:pointer; margin:8px 0px; }
input.sendForm	{ font-size:1em; text-transform:uppercase; font-weight:bold; color: #FFF; background:#009DDC; cursor:pointer; }

.required		{ font-size:16px; color:#EC008C; }
.requiredText	{ font-size:12px; color:#EC008C; }

#messageBox { background-color:#FFFFFF; border:1px solid #CC0000; color:#FF0000; font-style:normal; font-weight:bold; margin-bottom:1em; padding:1em; }

td.fieldNameError label { color:#CC0000; font-weight:bold; margin-bottom:0; text-align:right; }



/*
form td { padding: 5px; }
form p 	{ padding: 0px 0px 5px 0px; margin: 0; color: #5f6057; }
label 	{ font-weight: bold; color: #5f6057; }
input, select, textarea { margin:0; padding: 5px; color: #6A6969; border:1px solid #fff; background:#e7e7e1; }
input:focus, select:focus, textarea:focus { color: #9d9d8c; background: #ffffff; }
#name, #email { width: 180px; }
input.button { font: bold 10px Arial, Sans-serif; margin: 0 0 10px 0; padding: 2px 3px; color: #fff; background: #f25e1e; border:1px solid #FFF; }

input.BookNow	{ font-weight:bold; color: #fff; border:1px solid #6A6969; background:#8a8b77; cursor:pointer; }
input.ResetForm	{ font-weight:normal; color: #6A6969; border:1px solid #c6c5b8; background:#e7e7e1; cursor:pointer; }
*/

/*
#################################################################################################################################
= WORDPRESS CSS
#################################################################################################################################
*/

/*
#################################################################################################################################
= MISC ELEMENTS
#################################################################################################################################
*/

/* Use a .box to create a padded box inside a column.  */ 
.box { padding: 1.5em; margin-bottom: 1.5em; background: #E5ECF9; }

/* In case you need to add a gutter above/below an element */
.prependTop { margin-top:40px; }
.append-bottom { margin-bottom:1.5em; }

/* Social Bookmark layout */
div.shareIcons			{ margin:10px; }
div.shareIcons a		{ margin-right:10px; font-weight:normal; color:#454545; }
div.shareIcons a:hover	{ text-decoration:none; }

/* Results Navigation */
div.resultsNav { clear: both; font-size: 1.1em; line-height:1.5em; color:#454545; text-align: center; background-color:#F7F7F7; margin:0; padding:8px; border:solid #C0C0C0; border-width:1px 0; }

/* HR stuff */
#hr.column	{ margin:0px; }

div#clear	{ clear:both; }
div.clear { clear:both; }

/* Alignment */
.alignCenter		{ text-align: center; }
.floatLeft			{ float: left; }
.floatRight			{ float: right; }

/*
#################################################################################################################################
= TABLES
#################################################################################################################################
*/

table { }
		
caption { }
		
tr { }

tr.hiddenTR { background:transparent;display:none; }

tr.showTR { background:transparent;display:table-row; }

th, td { }
		
th { }
		
td { font-size: 1.3em; line-height:1.5em; color:#666; margin:0 0 0.75em 0; }


/*
#################################################################################################################################
= IMAGE CAPTIONS
#################################################################################################################################
*/


div.imgWrapper{
	float:right; /* important */
	position:relative; /* important(so we can absolutely position the description div */
	margin: 1em 0.3em 1em 1.5em;
	text-align:right;

}
div.imgDescription{
	width:100%;
	/* styling bellow */
	background-color:none;
}
p.imgDescription_content{
	padding:0px;
	margin:0px;
	color:#000;
	text-align:right;
}