@charset "utf-8";

/* CSS Document */

/* ------------------------------------------------- 
----------------------------------------------------

I. INFO

	CSS Document for ECE IRELAND
	Author: Mateusz Szewczyk / Lunaspell
	E-mail: mszewczyk@weblinksoftware.eu
	
----------------------------------------------------

II. CONTENTS

	1. RESET
	2. FONTS EMBED
	3. STYLES
	4. SLIDER
		
/* -------------------------------------------------- 
--------------     1. 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 
{
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
}
* 
{
	margin: 0;
}
html, body 
{
	height: 100%;
	line-height: normal;
	font-stretch: normal;
}
h1, h2, h3, h4, h5, h6 
{
	font-weight: normal;
}
ol, ul 
{
	list-style: none;
}
blockquote 
{
	quotes: none;
}
blockquote:before, blockquote:after 
{
	content: '';
	content: none;
}
/* -------------------------------------------------- 
--------------     2. FONTS EMBED
---------------------------------------------------*/
@font-face {
    font-family: 'ScalaSansRegular';
    src: url('fonts/ScalaSans/scalasans-webfont.eot');
    src: url('fonts/ScalaSans/scalasans-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ScalaSans/scalasans-webfont.woff') format('woff'),
         url('fonts/ScalaSans/scalasans-webfont.ttf') format('truetype'),
         url('fonts/ScalaSans/scalasans-webfont.svg#ScalaSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* -------------------------------------------------- 
--------------     3. STYLES       
---------------------------------------------------*/
html, body { height: 100%; }
html
	{
		
		
		
	}
body
	{
		background: #1c3b97 url(images/gradient-top.png) repeat-x top;
		font-size: 10px;
		color: #ffffff;
	}
a
	{
		outline: none;
	}
header, section, footer, nav, aside, article
	{
		display: block;
	}
.container 
	{ 
		min-height: 100%; 
		width: 100%;
		background: transparent url(images/gradient-bottom.png) repeat-x bottom;
	}
.container > * 
	{ 
		width: 963px;
		margin: 0 auto;
	}
#content 
	{
		overflow:auto;
		padding-bottom: 154px;
	}
footer 
	{
		position: relative;
		margin-top: -110px;
		height: 105px;
		clear:both;
		background: #a68748;
		border-top: 4px solid #ffffff;
	} 
footer > div
	{
		width: 925px;
		margin: 0 auto;
		padding-right: 45px;
	} 
footer > div > *
	{
		margin-top: 30px;
	} 
footer > div .links
	{
		float: left;
		line-height: 15px;
	} 
footer > div .links a
	{
		font-family: sans-serif;
		font-size: 12px;
		text-decoration: none;
		color: #ffffff;
	} 
footer > div .copy
	{
		float: right;
		text-align: right;
		font-family: sans-serif;
		font-size: 12px;
		text-decoration: none;
		color: #ffffff;
		line-height: 21px;
	} 
/*Opera Fix*/
body:before 
	{
		content:"";
		height:100%;
		float:left;
		width:0;
		margin-top:-32767px;/
	}
	
.container > header
	{
		padding-top: 4em;
		clear: both;
		position: relative;
		min-height: 120px;
		height: 120px;
	}
.container > header #logo
	{
		width: 398px;
		height: 98px;
		display: block;
		background: url(images/ECE.png) no-repeat;
		float: left;
		margin-bottom: 4em;
	}
.container > header #logo h1, .container > header #logo h2
	{
		visibility: hidden;
	}
.container > header .functional
	{
		float: right;
		margin: 10px 18px;
	}
.container > header .functional form label
	{
		padding: 24px 0;
		float: right;
		font-family: ScalaSansRegular;
		font-size: 11px;
		text-transform: uppercase;
	}
.no-js .container > header .functional form label
	{
		font-family: Arial;
		font-size: 11px;
	}
.container > header .functional form input
	{
		width: 130px;
		padding: 2px 3px;
		text-indent: 4px;
		height: 18px;
		line-height: 18px;
		background: #ffffff;
		border: none;
		outline: none;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		margin-left: 7px;
	}
.container > header .functional p
	{
		font-family: sans-serif;
		font-size: 25px;
		color: #ffffff;
		text-align: right;
	}
.container nav#main
	{
		clear: both;
		min-height: 3em;
		margin-top: 18px;
		margin-bottom: 18px;
	}
.container nav#main > ul
	{
		margin-left: -20px;
	}
.container nav#main > ul > li
	{
		float: left;
		margin-right: 21px;
		padding: 0 0px 0 20px;
		height: 30px;
		font-family: ScalaSansRegular, Arial;
		font-size: 16px;
	}
.container nav#main > ul > li
	{
		padding: 0 0px 0 29px;
	}
.container nav#main ul li.first
	{
		margin-left: -14px;
	}
.container nav#main > ul > li:hover
	{
		background: url(images/star-hover.png) no-repeat 8px -1px;
	}
.container nav#main > ul > li.current-menu-item, .container nav#main > ul > li.current-menu-parent
	{
		background: url(images/star-hover.png) no-repeat 8px -1px;
	}
.container nav#main ul li.last
	{
		margin-right: 0;
	}
.no-js .container nav#main > ul > li > a
	{
		font-family: Arial;
		font-size: 15px;
	}
.container nav#main > ul > li > a
	{
		font-family: ScalaSansRegular;
		font-size: 16px;
		color:#ffffff;
		font-weight: normal;
		text-transform: uppercase;
		text-decoration: none;
		clear: both;
		display: block;
	}
.container nav#main > ul > li > ul
	{
		display: none;
		position: absolute;
		background: #ffffff;
		opacity: 0.8;
		z-index: 99999;
		padding: 19px 15px;
		margin-top: 11px;
		border: 1px solid #464f5c;
		border-top: 4px solid #2e4fb0;
		padding-right: 50px;
		-webkit-box-shadow: 0px 8px 15px 0px #3d4a5e;
		-moz-box-shadow: 0px 8px 15px 0px #3d4a5e;
		box-shadow: 0px 8px 15px 0px #3d4a5e;
	}
.no-js .container nav#main > ul > li:hover > ul
	{
		display: block;
	}
.container nav#main > ul > li > ul li
	{
		float: none;
		padding: 4px 24px 6px 9px;
	}
.container nav#main > ul > li > ul li, .container nav#main > ul > li > ul li a
	{
		color: #292929;
		font-family: sans-serif;
		font-size: 13px;
		font-weight: bold;
		text-decoration: none;
		line-height: 18px;
	}
.container nav#main > ul > li > ul li a:hover, .container nav#main .submenu li:hover a
	{
		background: none;
		color: #3d60b5;
	}
#content article
	{
		margin-bottom: 40px;
	}
#subpage #content article
	{
		background: #ffffff;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 0px 4px 12px 0px #051239;
		-moz-box-shadow: 0px 4px 12px 0px #051239;
		box-shadow: 0px 4px 12px 0px #051239;
		padding: 30px 30px;
		behavior: url(../scripts/pie/pie.htc);
	}
#subpage #content article h1, #subpage #content article h2, #subpage #content article h3,
#subpage #content article h1 a, #subpage #content article h2 a, #subpage #content article h3 a
	{
		font-size: 32px;
		font-family: sans-serif;
		color: #133188;
		text-decoration: none;
	}
#subpage #content article h3,
#subpage #content article h3 a
	{
		font-size: 21px;
	}
#subpage #content article h4, #subpage #content article h5, #subpage #content article h6
	{
		font-size: 18px;
		font-family: sans-serif;
		color: #133188;
		text-decoration: none;
	}
#subpage #content article h5
	{
		font-size: 16px;
	}
#subpage #content article h6
	{
		font-size: 14px;
	}
#content article h1, #content article h2, #content article h3,
#content article h1 a, #content article h2 a, #content article h3 a
	{
		font-size: 32px;
		font-family: sans-serif;
		color: #d3b16b;
		line-height: 44px;
		text-decoration: none;
	}
#content article h3,
#content article h3 a
	{
		font-size: 24px;
	}
#content article h4, #content article h5, #content article h6,
	{
		font-size: 18px;
		font-family: sans-serif;
		color: #d3b16b;
		line-height: 44px;
		text-decoration: none;
	}
#content article h5
	{
		font-size: 16px;
	}
#content article h6,
	{
		font-size: 14px;
	}

#content article p
	{
		font-family: Verdana;
		color: #ffffff;
		font-size: 12px;
		line-height: 20px;
		margin: 1.5em 0;
	}
#content article ul, #content article ol, #content article pre, #content article blockquote, 
	{
		font-family: Verdana;
		color: #ffffff;
		font-size: 12px;
		line-height: 20px;
		margin: 1.5em 0;
	}
#subpage #content article ul, #subpage #content article ol, #subpage #content article pre, #subpage #content article blockquote 
	{
		font-family: Verdana;
		color: #3c3c3e;
		font-size: 12px;
		line-height: 20px;
		margin: 1.5em 0;
	}
#subpage #content article ul
	{
		list-style: disc;
		padding-left: 30px;
	}
#subpage #content article ol
	{
		list-style: decimal;
		padding-left: 30px;
	}
/* ---- */
#content article ul, #content article ol, #content article pre, #content article blockquote, 
	{
		font-family: Verdana;
		color: #ffffff;
		font-size: 12px;
		line-height: 20px;
		margin: 1.5em 0;
	}
#home #content article ul, #home #content article ol, #home #content article pre, #home #content article blockquote 
	{
		font-family: Verdana;
		color: #ffffff;
		font-size: 12px;
		line-height: 20px;
		margin: 1.5em 0;
	}
#home #content article ul
	{
		list-style: disc;
		padding-left: 30px;
	}
#home #content article ol
	{
		list-style: decimal;
		padding-left: 30px;
	}
#content article a
	{
		color: #ffffff;
	}
#subpage #content article p
	{
		font-family: Verdana;
		color: #3c3c3e;
		font-size: 12px;
		line-height: 20px;
		margin: 1.5em 0;
	}
#subpage #content article a
	{
		color: #3c3c3e;
	}
#content section.articles
	{
		float: left;
		padding: 0 2em 8em 0;
		width: 50em;
	}
#subpage #content section.articles
	{
		float: left;
		padding: 0 2em 8em 0;
		width: 66em;
	}
#subpage #content #buttons
	{
		float: right;
		width: 215px;
		margin: 0 30px 20px 0;
	}
#content #buttons
	{
		float: right;
		width: 350px;
		margin: 20px 30px 20px 0;
	}
#subpage #content #buttons a
	{
		width: 225px;
		height: 88px;
	}
#content #buttons a
	{
		width: 340px;
		height: 100px;
		background: #2e4fb0;
		-webkit-border-radius: 28px;
		-moz-border-radius: 28px;
		border-radius: 28px;
		display: block;
		margin: 18px 0;
		-webkit-transition: background 0.3s ease-out;
		-moz-transition: background 0.3s ease-out;
		-ms-transition: background 0.3s ease-out;
		-o-transition: background 0.3s ease-out;
		transition: background 0.3s ease-out;	
		text-decoration: none;
		outline: none;
		border: none;
	}
#content #buttons a:hover
	{
		background: #7394f4;
		-webkit-transition: background 0.3s ease-out;
		-moz-transition: background 0.3s ease-out;
		-ms-transition: background 0.3s ease-out;
		-o-transition: background 0.3s ease-out;
		transition: background 0.3s ease-out;	
		opacity: 0.9;
	}
#content #buttons a img
	{
		float: left;
		margin: 20px 8px;	
	}
#content #buttons .email
	{
		background: #517cd0;
	}
#content #buttons a > div
	{
		width: 260px;
		float: left;
	}
#content #buttons h4
	{
		font-size: 21px;
		font-family: ScalaSansRegular;
		text-transform: uppercase;
		color: #ffffff;
		padding-top: 20px;
	}
#content #buttons p
	{
		font-size: 11px;
		font-family: sans-serif;
		color: #ffffff;
		margin-right: 10px;
		width: 240px;
		margin-top: 3px;
	}

#social-media .tab, .submenu, section, article, #buttons a, .search input, 
	{
		
	}
a, a:hover, button, button:hover, li, li:hover
	{
		-webkit-transition: color 0.3s ease-out;
		-moz-transition: color 0.3s ease-out;
		-ms-transition: color 0.3s ease-out;
		-o-transition: color 0.3s ease-out;
		transition: color 0.3s ease-out;
	}
#social-media
	{
		position: fixed;
		right: 0;
		top: 240px;
		margin: 0;
		width: 100px;
		height: 180px;
		z-index: 99999;
	}
#social-media .tab
	{
		background: #ffffff;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 0px 4px 12px 0px #051239;
		-moz-box-shadow: 0px 4px 12px 0px #051239;
		box-shadow: 0px 4px 12px 0px #051239;
		padding: 10px 10px;
		height: 42px;
		width: 100px;
		position: relative;
		right: -30px;
		margin: 14px 0;
	}
#social-media .tab:hover
	{
		right: 0px;
	}
#social-media .tab a
	{
		display: block;
		width: 100%;
		height: 42px;
	}
#social-media .tab a span
	{
		display: none;
	}
#social-media .tab .facebook
	{
		background: url(images/facebook.png) no-repeat left;
	}
#social-media .tab .linkedin
	{
		background: url(images/linkedin.png) no-repeat left;
	}
#social-media .tab .twitter
	{
		background: url(images/twitter.png) no-repeat left;
	}
::-moz-selection{
background: #1c3b97;
color: #ffffff;
} 

::selection {
background: #1c3b97;
color: #ffffff;
}
/* -------------------------------------------------- 
--------------     4. SLIDER   
---------------------------------------------------*/

.slider-wrapper {
	position: relative;
	height: 460px;
	padding: 10px 0;
}
.slider-wrapper .ribbon {
	position: absolute;
	top: -5px;
	left: -15px;
	z-index: 9999;
	background: url(images/slider-frame.png) no-repeat center center;
	width: 963px;
	height: 441px;
}
#subpage .slider-wrapper {
	height: 370px;
}
#subpage .slider-wrapper .ribbon {
	position: absolute;
	top: -5px;
	left: -15px;
	z-index: 9999;
	background: url(images/slider-frame-medium.png) no-repeat center center;
	width: 963px;
	height: 383px;
}
	
/* The Nivo Slider styles */
#subpage #noslide {
	position:relative;
	height: 311px;
	width: 943px;
	top: 17px;
}
#home #slider {
	position:relative;
	height: 395px;
	width: 963px;
	background:url(slides/1.png) no-repeat left top;
}

#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#noslide img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
#slider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}