
/* - Copyright 2011-2013 Lazy Grace Ltd - */
/* - March 2013 - */

/* Common Elements */


body{
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', Helvetica, sans-serif;
	height: 100%;
	width: 100%;
	font-size: 14px;
	background-image:url(http://www.nuleader.eu/images/common/bg.png);
	background-attachment:fixed;
}

body.homeBody{
	background-image:url(http://www.nuleader.eu/images/common/bg_home.png);	
	background-attachment:fixed;
}

img{
	margin: 0;
	padding: 0;
	border: 0;
}

#whole{
	width:980px;
	margin:0 auto;
	position:relative;
	padding-top: 24px;
}

#container{
	width:980px;
	float:left;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
}

#pdfBtn{
	float:left;
	position:relative;
	margin-top:20px;
}

/* TEXT & TABLE */

p {
	margin: 0;
	padding: 0 0 15px 0;
	font-size: 0.8em;
	color: #7e7e7e;
	line-height: 1.5em;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: 300;
}
	

	
h1 {
	
}
h2 {
	
}
h3 {
	
}
h4 {
	
}
h5 {
	
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
p a {
	text-decoration: none;
	color: #9e1c1e;
}
p a:hover {
	text-decoration: underline;
}


/* Layout */
#top_nav{
	display: none;
}
#header  {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 980px;
	position: relative;
	display: block;
	z-index: 10;
	float:left;
}

#slideshow{
	float:left;
	position:relative;
	background-color:#CCC;
	width:980px;
	height:240px;
}

#slideshow .slide, #slideshow .slide img{
	width:980px;
	height:240px;
	float:left;
	position:relative;
}

.homeSlideshow .slide, .homeSlideshow .slide img{
	width:980px;
	height:382px !important;
	float:left;
	position:relative;
}

#slideshow .slide p{
	background-image:url(http://www.nuleader.eu/images/common/black_fade.png);
	color:#FFF;
	margin:0;
	padding:10px;
	width:960px;
	position:absolute;
	bottom:0;
	left:0;
	font-size:0.9em;
}

#content .homeSlideshow{
	height: 382px;
}
#header #logo{
    margin: 0;
    padding: 0;
    position: absolute;
    right: 2px;
    top: 0;
    z-index: 2;
}

#header  #main_nav{
    background-color: #074607;
    display: block;
    float: left;
    font-size: 1em;
    font-weight: 300;
    overflow: hidden;
    padding: 5px 0;
    position: relative;
    text-transform: uppercase;
    width: 980px;
	-webkit-box-shadow:-5px 8px 3px -7px #000000;
       -moz-box-shadow:-5px 8px 3px -7px #000000;
            box-shadow: -5px 8px 3px -7px #000000;
	}

#header  #main_nav li{
	margin: 0;
	padding: 0;
	width: auto;
	float: left;
	clear: none;
	display: block;
	border-right: 1px #fff dotted;
}

#header  #main_nav li.last{
	border:none !important;
}

#header  #main_nav li a{
    clear: none;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 13px;
    margin: 0;
    padding: 10px 17px;
    text-transform: none;
    width: auto;
	font-weight: 400;
}

#header  #main_nav li a:hover{
	color:#CCC;
	text-decoration:none;
}
#header  #main_nav li a.on{
	color: #ADAD43;
}

#content{
    float: left;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 980px;
    z-index: 1;
	background-color:#fff;
}

/* CONTENT */

#text{
	margin: 0 auto 20px auto;
	padding: 0 0 20px 0;
	width: 960px;
	text-align: center;
	font-family: 'Open Sans';
	color: #000000;
	clear: both;
	border-bottom: 1px #d7d7d7 solid;
}
#text h1{
	font-family: 'Open Sans';
	color: #000000;
	line-height: 1.9em;
	font-size: 2.7em;
	font-weight: 300;
	text-transform: uppercase;
}
#text h2{
	font-family: 'Open Sans';
	color: #000000;
	line-height: 1.6em;
	font-size: 1.8em;
	font-weight: 200;
	text-transform: uppercase;
	text-align: left;
	border-bottom: 1px #cccccc solid;
	clear: both;
}
#text p{
	font-family: 'Open Sans';
	color: #000000;
	line-height: 1.4em;
	font-size: 1.2em;
}

	
	#content #full{
		clear: both;
		margin: 0px 0 0 0;
	}
	
	#content #full h1{
		clear: both;
		margin: 5px 0 10px 0;
		border-bottom:1px #cccccc solid;
		font-size: 2.3em;
		line-height: 2em;
	}
	
	
/* Main Page Layout */
#content #holder{
	margin: 0 auto;
	width: 980px;
	clear: both;
	float:left;
	font-family: 'Open Sans', serif;
}
#content #holder #right{
	margin: 0 10px 20px 0;
	padding: 0;
	width: 225px;
	float: right;
	font-family: 'Open Sans', serif;
	padding-top:55px;
}
	#content #holder #right .left_nav{
    clear: both;
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 225px;
	}
	#content #holder #right .left_nav li {
    background-color: #E5E5E5;
    color: #701B28;
    float: left;
    font-size: 14px;
    margin: 0;
    padding: 0;
    width: 225px;
	}
	#content #holder #right .left_nav li:last-child a {
		border:none;
	}
	#content #holder #right .left_nav li.main , #content #holder #right .left_nav em.main  {
    background-color: #CECECE;
    color: #000000;
    display: block;
    font-family: 'Open Sans',serif;
    font-size: 18px;
    font-weight: 300;
    margin: 0;
    padding: 10px 5px;
    text-align: center;
    width: 215px;
	}
	#content #holder #right .left_nav li.main  em  {
		font-weight: 300;
	}
	#content #holder #right .left_nav li.main  a{
		padding: 0;
		margin: 0;
		text-decoration: none;
		width: auto;
		height: auto;
		color: #000000;
		font-size: 1em;
		font-weight: 100;
	}
	#content #holder #right .left_nav li a{
    border-bottom: 1px solid #CECECE;
    color: #000;
    display: block;
    font-size: 13px;
    height: auto;
    margin: 0 10px;
    padding: 10px 5px;
    text-align: center;
    text-decoration: none;
    width: auto;
	line-height:18px;
	}
	.black{
		color:#000;
	}
	#content #holder #right .left_nav li.date{
		color:#000;
		padding:5px 10px;
		width:205px;
		text-align:center;
	}
	
	#content #holder #right .left_nav li a:hover{
		color: #063C06;
	}
	#content #holder #right .left_nav li a em{
		margin: 5px 0 0 0;
		height: auto;
		line-height: 20px;
		width: 205px;
		display: block;
		font-style: italic;
		color: #757575;
		font-size: .85em;
	}
	#content #holder #right .left_nav li ul#thelist{
		padding: 1px  0 10px 10px;
		width: 215px;
	}
	#content #holder #right .left_nav li ul#thelist li{
		width: 215px;
		background: #e5f6ed;
	}
#content #holder #left{
	margin: 0 20px 0 10px;
	padding: 0;
	width: 715px;
	float: left;
	padding-bottom:10px;
}
	#content #holder #left h1{
		padding: 0 0 10px;
		margin: 10px 0px;
		color: #074607;
		text-align: left;
		font-size:  24px;
		font-weight: 300;
		line-height: 36px;
		font-family: 'Open Sans', serif;
		border-bottom: 1px dotted #b4c7b4;
	}
	
	#homeMap{
		float:left;
	}
	
	.gallery .fancy{
		border:1px solid #CCCCCC;
		padding:4px;
		margin-right:10px;
		margin-bottom:10px;
		float:left;
		position:relative;
	}
	
	.gallery .fancy img{
		float:left;
		position:relative;
	}
	
	#content #holder #left h2{
		padding: 0;
		margin: 10px 0px;
		line-height: 1.6em;
		z-index: 3;
		font-size: 18px;
		font-weight: 300;
		text-align: left;
		font-family: 'Open Sans', serif;
	}
	
	.backBtn{
    background-color: #063C06;
    color: #FFFFFF !important;
    font-size: 13px;
    line-height: 1.4em;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    text-transform: lowercase;
	}
	
	.backBtn:hover{
		background-color:#074607;
		text-decoration:underline;
	}

	#content #holder #left h2.projectTitle{
    border-bottom: 1px dotted #b4c7b4;
    color: #074607;
    font-weight: 400;
    padding-bottom: 5px;
	position:relative;
	}
	
	#content #holder #left h3{
		padding: 0;
		margin: 10px 0px;
		color: #000000;
		text-align: left;
		font-size:  18px;
		font-weight: 300;
		line-height: 40px;
		font-family: 'Open Sans', serif;
		border-bottom: 1px #cccccc solid;
		text-transform: capitalize;
	}
	#content #holder #left p{
    color: #000000;
    font-size: 13px;
    line-height: 18px;
    margin: 0 0 15px;
    padding-bottom: 0;
	}

	#content #holder #left p a{
		color: #063C06;
		text-decoration: underline;
	}
	#content #holder #left p a:hover{
		color: #063c06;
		text-decoration: none;
	}
	#content #holder #left strong{
		font-weight: bold;
	}
	#content #holder #left ul.files{
		padding: 0;
		margin: 0 0 10px 15px;
		width: 680px;
		font-size: .9em;
		display: block;
		list-style: disc;
		float:left;
	}
	#content #holder #left ul.files li{
		padding: 0;
		margin: 0px 30px 10px 0px;
		width: auto;
		height: auto;
		float:left;
	}
	#content #holder #left ul.files li a{
		color: #ADAD43;
		padding: 0;
		margin: 0px;
		width: auto;
		height: auto;
		line-height: 22px;
		display: block;
		text-align: left;
		text-decoration:underline;
		float:left;
	}
	#content #holder #left ul.files li a:hover{
		color: #818132;
		text-decoration: none;
	}
	#content #holder #left ul{
		padding: 0;
		width: 726px;
		font-size: .9em;
		display: block;
		list-style: square;
		list-style-position: inside;
		text-align: left;
		font-weight: 300;
		float:left;
	}
	#content #holder #left ul li{
		padding: 0;
		margin: 0 5px 0 0;
		width: 726px;
		background:none;
		line-height: 22px;
		font-size:13px;
	}
	#content #holder #left .newslist li{
		list-style:none;
	}
	#content #holder #left .newslist a{
		color:#063C06;
		text-decoration:none;
	}
	#content #holder #left .newslist a:hover{
		color:#063c06;
		text-decoration:underline;
	}
	#content #holder #left #content_area{
		position: relative;
		z-index: 21;
	}
/* _------------------------------_ */
	
#footer{
    background: none repeat scroll 0 0 #074607;
    clear: both;
    float: left;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    width: 980px;
	}
	
	#footer_cont{
		margin: 0 auto;
		width: 980px;
		height: auto;
		display: block;
		float:left;
	}
	#footer .col1{
		padding: 0px;
		float: left;
		width: 235px;
	}
	#footer .col2{
		padding: 0px;
		float: left;
		width: 500px;
	}
	
	#footer .col2 h5{
		padding:5px 10px 0;
		font-size:1em;
		font-weight:300;
	}
	
	#footer .col3{
		padding: 0px;
		float: left;
		width: 245px;
	}
	#footer #twitter {
		float: left;
		margin-left: 10px;
		margin-top: 5px;
		padding: 5px 0 5px 10px;
		position: relative;
		width: 225px;
	}	
	.borderBottomDotted{
		border-bottom: 1px dotted #007538;
		float: left;
		height: 0;
		margin: 5px 10px 10px;
		padding-top: 5px;
		position: relative;
		width: 480px;
	}
	#footer fieldset{
		padding: 0;
		border: 0px;
	}
	#footer label{
		display: none;
	}
	#footer p{
		color: #FFFFFF;
		font-size: 12px;
		line-height: 1.4em;
		margin: 0;
		padding: 5px 0 5px 10px;
		font-weight:400;
	}
	#footer #copy{
		float: left;
		padding: 10px 0 0;
		width: 235px;
	}
	#footer a{
		color: #adad43;
	}
	#footer #footer_nav{
		float:left;
		position:relative;
	}
	#footer #footer_nav li{
		border-right: 1px solid #FFFFFF;
		float: left;
		margin-right: 5px;
		margin-top: 10px;
		padding-right: 5px;
		position: relative;
	}
	#footer #footer_nav li.last{
		border:none;
	}
	#footer #footer_nav li a{
		color: #FFFFFF;
		float: left;
		font-size: 12px;
		font-weight: 400;
		position: relative;
		line-height:1.4em;
		text-transform:lowercase;
	}
	#footer h4{
		color: #ffffff;
		font-size: 1em;
		line-height: 1.4em;
		font-family: 'Open Sans', serif;
		font-weight: 300;
		padding:10px 0 10px 10px;
		background-color:#063c06;
	}
	
	#footer #footer_bottom{
    border-top: 1px solid #007538;
    clear: both;
    float: left;
    margin: 5px 10px 10px 10px;
    position: relative;
    width: 960px;
	}
	#footer #footer_bottom #lazy{
    background: url("http://www.nuleader.eu/images/common/lazy.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    border: 0 none;
    display: block;
    float: right;
    height: 14px;
    margin-top: 10px;
    width: 150px;
	}
	#footer #footer_bottom #lazy span{
		display: none;
	}
	
	#footerBottomContainer{
		width:100%;
		float:left;
		position:relative;
		padding-top:20px;
		height:100px;
	}
	
	#footerBottom{
		width:980px;
		position:relative;
		margin:0 auto;
	}
	
	#footerBottom p{
		font-size:11px;
		color:#000;
		width:715px;
		float:left;
		font-weight: 400;
	}
	
	#footerBottom #department, #footerBottom #europe{
		float:right;
		position:relative;
	}

.clear  {
	width: 100%;
	clear: both;
}
		
/* COOKIES */

#cookies{
background: none repeat scroll 0 0 #074607;
    border-top: 1px solid #FFFFFF;
    bottom: 0;
    color: #FFFFFF;
    display: block;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 0.8em;
    height: 45px;
    line-height: 45px;
    margin: 0;
    padding: 0;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 100;
	}
#cookies #butt_morecookies{
	color: #ADAD43;
	font-weight: bold;
	opacity:1.0;
	filter:alpha(opacity=100);
}
#cookies #butt_cookies{
	text-decoration: none;
	margin: 0 0 0 20px;
	padding: 3px;
	width: 135px;
	height: 25px;
	background: #ADAD43;
	border: 1px #fff solid;
	color: #ffffff;
}
#cookies #butt_cookies:hover{
	text-decoration: none;
	background: #919139; 
}

/* HIGH SPEFICITY - KEEP AT BOTTOM OF FILE */
	p.red, p.alert, #content #holder #left p.red, #content #content_area p.alert{
		margin: 0 15px;
		padding: 0 0 0 30px;
		width: auto;
		min-height: 40px;
		line-height: 40px;
		font-size: 13px;
		border: 1px #ff0000 solid;
		color: #ff0000;
		background: #f4efe6 url(http://www.nuleader.eu/images/common/alert_icon.png) 5px 10px no-repeat;
		display: block;
		clear: both;
		text-align: left;
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	}
	p.msg,p.orange, #content #holder #left p.msg, #content #content_area p.orange, #content #holder #left #order_form p.msg{
		margin: 0 15px;
		padding: 0 0 0 30px;
		width: auto;
		min-height: 40px;
		line-height: 40px;
		font-size: 13px;
		border: 1px #f39322 solid;
		color: #a56d2c;
		background: #f4efe6 url(http://www.nuleader.eu/images/common/alert_icon_pending.png) 5px 10px no-repeat;
		display: block;
		clear: both;
		text-align: left;
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	}
	p.green_msg, p.green_alert, p.green, #content #holder #left p.green_msg, #content #holder #left #order_form p.green_msg, #content #content_area p.green_alert, #content #content_area p.green{
		margin: 0 15px;
		padding: 0 0 0 30px;
		width: auto;
		min-height: 40px;
		line-height: 40px;
		font-size: 13px;
		border: 1px #7fba33 solid;
		color: #5a8127;
		background: #f4efe6 url(http://www.nuleader.eu/images/common/tick_icon.gif) 5px 10px no-repeat;
		display: block;
		clear: both;
		text-align: left;
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	}
	.clear{ clear: both; display: block;}
	
	
/* Contact Form */

.error{
	color:#F00 !important;
}

.ok{
	color:#060 !important;
}

#contact_map{
    border: 1px solid #063C06;
    float: right;
    height: 343px;
    margin: 0;
    padding: 0;
    width: 410px;
	}
#emailform_form{
	margin: 0 0 20px 0px;
	padding: 0;
	width: 280px;
	height: auto;
	float: left;
}
#emailform_form fieldset{
	margin: 0;
	float:left;
	width:280px;
}
	#emailform a{
		color: #222222;
	}
	#emailform h2{
		margin: 10px;
		padding: 0;
		width: auto;
		height: auto;
		color: #FF5F00;
		border-bottom: 1px solid #FF5F00;
		background: #ffffff;
		font-size: 1.3em;
		line-height: 1.6em;
	}
	#emailform p{
		margin: 3px 10px;
		padding: 0;
		width: auto;
		font-size: .9em;
		line-height: 1.2em;
	}
	#emailform_form form {
		padding: 5px 0;
	}
	#emailform_form label {
		width: 260px;
		height:0px;
		float: left;
		margin: 0;
		display:none;
		padding:0px;
		}	
	#emailform_form .field {
		width: 260px;
		height: 30px;
		margin: 0px 0px 9px 0px;
		font-size: 0.75em;
		padding: 0 5px;
		background:#EBEBEB;
		border: 1px solid #999;
		float: left;
		position:relative;
		font-family: 'Open Sans',Arial, Helvetica, sans-serif;
	}
	#emailform_form .textarea {
		width: 260px;
		height: 200px;
		border: none;
		margin: 0 0 10px 0;
		padding: 10px 5px;
		font-size: 0.75em;
		background:#EBEBEB;
		border: 1px solid #999;
		float: left;
		position:relative;
		font-family: 'Open Sans',Arial, Helvetica, sans-serif;
	}
	
	#forgotten_password label {
		display: none;
	}
	#forgotten_password .text {
		width: 270px;
		height: 30px;
		border: none;
		margin: 0px 0px 9px 0px;
		font-size: 0.75em;
		padding: 0 5px;
		background: #E5F6ED;
		border: 0px #00A650 solid;
		clear: both;
		float: left;
		font-family: 'Open Sans',Arial, Helvetica, sans-serif;
	}
	#forgotten_password .butt_gen {
		clear: both;
	}
	
	#left .memberBox{
		width:715px;
		float:left;
		position:relative;
		padding-bottom:10px;
		margin-bottom:10px;
		border-bottom:1px dotted #b4c7b4;
	}

	#left .memberLeft{
		width:110px;
		height:150px;
		float:left;
		background-color:#CCC;
		}

	#left .memberRight{
		margin-left:10px;
		width:590px;
		float:left;
		}
	
	#content #holder #left .memberRight h3{
		margin:0;
		padding:0 0 10px 0;
		width:590px;
		border:none;
		line-height:20px;
	}
	
	.noBorder{
		border:none !important;
	}
	
	.newsRow{
		width:715px;
		float:left;
		position:relative;
		padding-bottom:10px;
		margin-bottom:10px;
		border-bottom:1px dotted #b4c7b4;
	}
	
	.newslist .last{
		border:none !important;
	}
	
	.newsLeft{
    background-color: #E5E5E5;
    float: left;
    height: 158px;
    margin-right: 10px;
    position: relative;
    width: 223px;
	}

	.projectLeft{
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    position: relative;
    width: 223px;
	}
	
	.projectLeft img{
		padding-bottom:10px;
	}
	
	#content #holder #left .projectLeft ul{
		width:223px;
	}
	
	#content #holder #left .projectLeft li{
		width:223px;
		margin-right:0px;
	}

	.newsRight{
		float:left;
		position:relative;
		width:480px;
		margin-bottom:10px;
	}

	#content #holder #left .newsRight h3{
		margin:0 0 10px;
		padding:0;
		width:480px;
		border:none;
		line-height:26px;
	}
	
	.newsRight .butt_gen, .butt_submit{
		background-color:#063C06;
		color:#FFF !important;
		padding:5px 10px;
		border:none;
		font-size:13px;
		font-weight:300;
		font-family: 'Open Sans',Arial, Helvetica, sans-serif;
	}
	
	.webLink{
    background-color: #063C06;
    color: #FFFFFF !important;
    float: left;
    font-size: 13px;
    line-height: 1.4em;
    margin-top: 10px;
    padding: 5px 10px;
    text-align: center;
    width: 203px;
	}
	
	.newsRight .butt_gen:hover, .webLink:hover{
		background-color:#074607;
	}

/*
     FILE ARCHIVED ON 00:40:22 Jul 31, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:22:24 Jul 01, 2020.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  PetaboxLoader3.datanode: 75.255 (4)
  CDXLines.iter: 14.128 (3)
  esindex: 0.013
  captures_list: 257.923
  exclusion.robots: 0.217
  load_resource: 272.102
  RedisCDXSource: 13.939
  PetaboxLoader3.resolve: 147.456
  exclusion.robots.policy: 0.2
  LoadShardBlock: 53.494 (3)
*/