/*
	About
	================
	Generic.css defines the site's main structural elements and default site-wide elements.
	After initial authoring at the beginning of the project, it should rarely need editing.

	Info
	================
	Author(s): 	[E.g - Finbarr N, Ian H]
	For: 		[Client Name]
	URL: 		[E.g - eonenergy.com]
	
	Contents
	================
	Reset:		Equalising all browsers
	Structure: 	Main structure of the website (e.g. body, header, footer, navigation)
	Defaults:	Default styles for elements (e.g links, tables, lists)
*/


/*	
	Reset
	===============================================================================================================
*/
html, body, div, span, ul, ol, li, h1, h2, h3, h4, h5, h6, p, a, img, dl, dt, dd, em, strong, object, form, fieldset, legend, button, label, table, tr, th, td, tbody, tfoot, thead, caption, blockquote, abbr, acronym, address, big, cite, code, del, dfn, ins, kbd, q, samp, small, sub, sup, tt, var, pre, b, u, i, center, font, applet, strike, s, iframe, embed, form {padding:0; margin:0; border:0; outline:0; font-size:1em; background:transparent; vertical-align:baseline;}
input, select, textarea {padding:0; margin:0; font-size:1em; vertical-align:middle;}
address, abbr, caption, cite, code, dfn, em, strong, th, var, h1, h2, h3, h4, h5, h6 {font-weight:normal; font-style:normal;}
ul, dir, menu {list-style:none;}
table {border-collapse:separate; border-spacing:0;}
caption, th {text-align:left;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
acronym {cursor:help;}
nobr {white-space:normal;}
hr {display:none;}


/*
	Structure
	===============================================================================================================
*/
html,
body 								{width:100%; min-width:940px; text-align:center; min-height:100%; height:auto !important; height:100%;}
body 								{line-height:1; background:#fff; color:#666; font:62.5%/1 "Trebuchet MS", Georgia, "Times New Roman", Times, serif;}
#container 							{width:100%; float:left; text-align:center; min-height:100%; height:auto !important; height:100%;}

.inner								{width:958px; margin:0 auto; clear:both; /* overflow:auto; */}

/* & header */
#header 							{width:100%; background:#fff url(../img/spcr_header.png) repeat-x 0 100%; text-align:left; min-height:11.3em; height:auto !important; height:11.2em; position:relative; z-index:+5;}
#header .inner						{padding-top:16px; overflow:visible;}
.brand 								{float:left; display:inline; margin-left:20px;}

#nav-extra 							{float:right; display:inline; width:237px; margin-right:5px;}
#nav-extra ul 						{float:left; display:inline; background:url(../img/bg_seperator.png) no-repeat 0 50%; padding:2px 0 2px 8px;}	
#nav-extra li						{float:left; display:inline; clear:both; font-size:1.2em; line-height:1.3;}
#nav-extra li a						{color:#666;}
#nav-extra li a:hover				{color:#00adee;}

#nav-main 							{width:953px; padding-left:5px; clear:both; overflow:visible; padding-top:8px;}				
#nav-main ul 						{width:100%; overflow:visible; display:inline;}
#nav-main li 						{float:left; display:inline; width:235px; padding-left:2px; background:url(../img/bg_seperator.png) no-repeat 0 100%; position:relative; z-index:+2;}
#nav-main li#home					{background:none;}
#nav-main li a						{float:left; display:block; height:50px; width:235px; overflow:hidden; position:relative;}
#nav-main li a span					{position:absolute; width:100%; height:100%; background:url(../img/sprt_nav-main.png) no-repeat; cursor:pointer;}
#nav-main li#home a span			{background-position:0 0;}
#nav-main li#home a:hover span,
#nav-main li#home.hover span, 
#nav-main li#home a.active span 	{background-position:0 -50px;}
#nav-main li#work a span 			{background-position:-250px 0;}
#nav-main li#work a:hover span, 
#nav-main li#work.hover span, 
#nav-main li#work a.active span 	{background-position:-250px -50px;}
#nav-main li#culture a span 		{background-position:-500px 0;}
#nav-main li#culture a:hover span, 
#nav-main li#culture.hover span, 
#nav-main li#culture a.active span 	{background-position:-500px -50px;}
#nav-main li#careers a span 		{background-position:-750px 0;}
#nav-main li#careers a:hover span, 
#nav-main li#careers.hover span, 
#nav-main li#careers a.active span	{background-position:-750px -50px;}

/* for ie 8 #nav-main li ul			{left:0; top:50px;}*/
/*for ie 7 * + html #nav-main li ul	{left:0;width:234px;}*/
/* temp */
body.js #nav-main li#careers ul, 
body.js #nav-main li#culture ul, 
body.js #nav-main li#work ul, 
body.js #nav-main li#home ul 		{display:none;}

/* sub nav */
#nav-main li ul						{position:absolute; left:2px; top:47px; background:#fff; width:auto; /* offset left, top, thickness, color with alpha */ -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); /* IE */ /* filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=2, Color='#000000'); /* slightly different syntax for IE8 */ -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=2, Color='gray')"; filter:progid:DXImageTransform.Microsoft.glow(Strength=3, Color='#dddddd'); -ms-filter:"progid:DXImageTransform.Microsoft.glow(Strength=2, Color='#dddddd')"; */}
/* for ie #nav-main li ul			{background:#fff url(../img/bg_nav-main-sub.png) no-repeat -2px 100%; padding:0 2px 5px 2px;}*/

#nav-main li li						{width:auto; padding-left:0; background:#fff; font-size:1em;}
#nav-main li li a					{height:auto; padding:3px 10px; width:215px; position:relative; zoom:1;}
#nav-main li li a:hover				{background:#cceffc;}
#nav-main li li a:active			{background:#00adee; color:#fff;}

/* & wrapper */
#wrapper							{width:100%; /* overflow:auto; */ float:left; text-align:left; background:#fff; border-bottom:100px solid #fff; clear:both;}
#wrapper .inner						{padding-top:110px;}
body.js #wrapper .inner				{padding-top:20px;}

/* & breadcrumb nav */
.breadcrumb ul						{width:938px; padding:0 5px; margin-bottom:10px;}
.breadcrumb li						{display:inline; font-size:1.2em; margin-right:6px;}
.breadcrumb li a					{padding-right:10px; background:url(../img/icon_breadcrumb-arrow.png) no-repeat 100% 60%; font-weight:bold;}

/* & footer */
#footer 							{width:100%; float:left; background:#00adee; text-align:left; color:#808080; min-height:100px; height:auto !important; height:100px; margin-top:-80px; position:relative;/*reqd for ff2*/}
#footer .inner						{border-top:16px solid #00adee; border-bottom:16px solid #00adee;}
#footer .brand						{width:217px; margin-bottom:10px;}
#footer p 							{padding-top:20px; font-size:1.4em; color:#fff; line-height:1.3; width:98%; display:inline;}
#footer a							{color:#808080;}


/*
	Defaults
	===============================================================================================================
*/
/* & Hide content class */
.context 							{height:1px; overflow:hidden; position:absolute; top:-9999em; left:0; width:1px; clear:none !important;}

/* & Hide content but leaves structure in place */
.context-flow 						{text-indent:-20000px;}

/* & standard clearfix definition */
.clearfix:after						{clear:both; content:"."; display:block; height:0; visibility:hidden;}

/* & Horizontal rules (hr) - allows universal control */
.hr 								{clear:both; height:1px; color:#dcdcdc; /* IE */ background:#dcdcdc; /* Gecko/Opera */ border:0 solid #dcdcdc; /* necessary to ensure hr is only 1px high in all browsers */ padding:0; margin:1.5em 0 1.5em 0;}
.hr hr 								{display:none;}

/* & Links */
a 									{color:#00adee; text-decoration:none; outline:0; font-style:inherit; font-weight:inherit;}
a:hover,
a:focus,
a:active 							{text-decoration:none; color:#666;}

p.cta a								{background:url(../img/sprt_cta.png) no-repeat 0 0; padding-left:14px; display:block; font-weight:bold;}
.opacity p.cta a, 
.info p.cta a						{background-position:0 -400px; color:#fff;}
.opacity p.cta a:hover, 
.info p.cta a:hover					{background-position:0 0; color:#00adee;}
p.back-link a						{background-position:0 -200px; margin-top:8px;}
p.back-link a:hover					{background-position:0 -600px;}

.module p.back-link					{border-top:1px dashed #D7D7D7; margin-top:18px;}

/* & Standard typography */
p, li, dt, dd 						{font-size:1.4em; line-height:1.4; font-style:inherit;}
li li, dd p, 
dt p, li li p, ul li li, 
dd li 								{font-size:1em;}/* ensures element within another element doesnt inherit font increase */
h1, h2, h3, h4, h5, h6 				{line-height:1.2; color:#000; font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-weight:normal;}
h2 									{font-size:3.4em; color:#fff; background:#00adee; padding:3px 10px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; line-height:1.2; position:relative;}
h3 									{font-size:1.8em; color:#00adee;}
h4 									{font-size:1.4em;}
h5 									{font-size:1.6em;}
h6 									{font-size:1.4em;}

address 							{font-size:1.4em; line-height:1.5;}
em 									{font-style:italic; font-weight:inherit; line-height:inherit;}
strong 								{font-style:inherit; line-height:inherit; font-weight:bold;}

.col-50-50 .col-1 h3				{margin:30px 0 10px;}

ol									{margin:10px 5px 10px 0; padding:6px 12px 6px 28px; background:#e5e5e5;}
ol li								{display:list-item; list-style:decimal; color:#000;}

/* & Misc */
p.disclaimer						{font-size:1em;}


/* language variations - french */
html#lang-fr #nav-main li a span	{background-image:url(../img/sprt_nav-main_lang-fr.png);}