/*
title:	    IMPRESS Main Website
created:	06.01.2012
modified:	
*/

/*================ [ general styles ] ================ */

/* base reset */ html, body, div, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, li, ol, p, blockquote, pre, form, fieldset, 
table, th, td    { margin: 0; padding: 0; }

div#container {
	width: 1100px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse; 
	border: 0px;



	}
	
div#containerbody {
	width: 1110px;
	height:100%;
	float:left;


	
	}
	
div#containerinner {
	width: 1100px;
	height:auto;
	float:left;
	margin-left:60px;

	}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background-image:url(image/bground.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height:100%;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em; 
	color:#333; 
	line-height: 1.4em;
	padding-bottom:10px;
}

/*h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.2em;
	color:#005488;
	text-decoration: none;
	} */
	
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color:#666;
	text-decoration: none;
	line-height: 1.4em;
	font-weight:lighter;
	} 
	
h3 {


	} 
	
a {
	color:#002c53;
	text-decoration: none;

	} 
	
.bold {
	font-weight:bold;

	} 
	
@font-face {
    font-family: 'VAGRoundedStdLight';
    src: url('vagroundedstd-light-webfont.eot');
    src: url('vagroundedstd-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('vagroundedstd-light-webfont.woff') format('woff'),
         url('vagroundedstd-light-webfont.ttf') format('truetype'),
         url('vagroundedstd-light-webfont.svg#VAGRoundedStdLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

	
/*================ [ header ] ================ */

div#orangeband {
	width: 1024px;
	height: 15px;
	background-color:#c5975c;
	margin-left:auto;
	margin-right:auto;
	}
	
div#logocontainer {
	width: 930px;
	height: 134px;
	float:left;
	background-repeat:no-repeat;
	background-position:center;
	margin-top:20px;
	}
	
div#logo {
	width: 300px;
	height: 134px;
	float:left;
	background-repeat:no-repeat;
	background-position:-15px -5px;
	background-image: url(image/impresslogo.gif);
	}
	
div#logoright {
	width: 624px;
	height: 100px;
	float:left;
	margin-top:10px;
	}
	
div#logorighttop {
	width: 624px;
	height: 50px;
	float:left;
	}
	
div#logorightbtm {
	width: 624px;
	height: 70px;
	float:left;
	}
	
div#telholder {
	width: 150px;
	height: 30px;
	float:left;
	margin-left:290px;
	}
	
div#telholderleft {
	width: 30px;
	height: 30px;
	float:left;
	background-image:url(image/orangetel.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	}
	
div#telholderright {
	width: 120px;
	height: 30px;
	float:left;
	}
	
div#telholderright p{
	color:#FFF;
	padding-top:3px;
	font-size:1.3em;
	padding-left:5px;
	}
	
div#emailholder {
	width: 180px;
	height: 50px;
	float:left;
		margin-left:410px;

	}
	
div#emailholder a {
	width: 180px;
	height: 47px;
	float:left;
	background-image:url(image/contactusboth.gif);
	background-repeat:no-repeat;
	background-position:0 -45px;
	}
	
div#emailholder a:hover {
	width: 180px;
	height: 47px;
	float:left;
	background-image:url(image/contactusboth.gif);
	background-repeat:no-repeat;
		background-position:1px 0px;

	}
	
div#emailholderleft {
	width: 30px;
	height: 30px;
	float:left;
	background-image:url(image/email.gif);
	background-repeat:no-repeat;
	background-position:0px -2px;
	}
	
div#emailholderright {
	width: 150px;
	height: 27px;
	float:left;
	padding-top:3px;
	}
	
div#emailholderright p a{
	color:#FFF;
	font-size:1.2em;
	padding-left:5px;
	}
	
div#emailholderright p a:hover{
	color:#c5975c;
	}
	
	
div#topnav {
	width: 520px;
	height: 40px;
	float:left;
	margin-top:10px;
	margin-left:100PX;

	}
	
div#topnav ul{
	width: 520px;
	height: 40px;
	float:left;
	margin-top:13px;
	}
	
div#topnav ul li{
	display:inline;
	list-style-type:none;
	}
	
div#topnav ul li a{
	color:#002c53;
	font-size:1.2em;
	padding-right:9px;
	margin-left:9px;
	border-right:1px solid #969e18;

	}
	
div#topnav ul li a:hover{
	text-decoration:underline;
	}
	
div#topnav ul li.last{
	color:#FFF;
	font-size:1.2em;
	padding-right:9px;
	margin-left:9px;
	border:none;
	}
	
div#topnav ul li a.select{
	text-decoration:underline;
	}
	
	
/*================ [ index ] ================ */

div#bannerholder {
	width: 1000px;
	height: 350px;
	float:left;
	padding:10px;
	}
	
div#bannerholderemail {
	width: 1000px;
	height: 300px;
	float:left;
	padding:10px;
	}
	
div#banner {
	width: 904px;
	height: 320px;
	float:left;
	background-color: #000;
	border:1px solid #333;
	}
	
div#bannertag {
	width: 924px;
	height: auto;
	float:left;
	margin-top:30px;
	}
	
div#bannertag h2{
	font-size:2em;
	color:#FFF;
	text-align: center;
	font-weight:lighter;
	}
	
div#contentholder{
	width:930px;
	height:auto;
	float:left;
	padding-bottom:70px;
	margin-bottom:50px;

	}
	
.contactholder{
	width:894px;
	height:auto;
	float:left;
	padding-left:30px;
	margin-bottom:20px;
	}
	
.mapholder{
	width:500px;
	height:auto;
	float:left;
	margin-right:20px;
	}
	
.mapholder a {
	color:#999;

	}
	
.contactperson{
	width:200px;
	height:auto;
	float:left;
	margin-right:20px;
	}
	
.contactperson ul{
	width:200px;
	height:auto;
	float:left;
	margin-bottom:20px;
	}
	
.contactperson li{
	list-style-type:none;
	font-size:1.2em;
	color:#FFF;
	}
	
.contactperson li.orange{
	color:#c5975c;
	}
	
.contactperson li a {
	color:#fff;
	}
	
.contactperson li a:hover {
	color:#c5975c;
	}
	
.address{
	width:300px;
	height:auto;
	float:left;
	margin-right:20px;
	}
	
.address ul{
	width:300px;
	height:auto;
	float:left;
	margin-bottom:20px;
	}
	
.address li{
	list-style-type:none;
	font-size:1.2em;
	color:#FFF;
	}
	
.address li.orange{
	color:#c5975c;
	}
	
.address li a {
	color:#fff;
	}
	
.address li a:hover {
	color:#c5975c;
	}
	
.contactholder h2{
	color:#FFF;
	font-size:1.7em;
	line-height:1.3em;
	}
	
.contentholderindex{
	width:309px;
	height:auto;
	float:left;
	border-right:1px solid #CCC;
	}
	
.contentholderindex2{
	width:310px;
	height:auto;
	float:left;
	}
	
.indexheader1{
	width:310px;
	height:60px;
	float:left;
	background-image:url(image/welcome.jpg);
	background-repeat:no-repeat;
		background-position: 0px -10px;
	}
	
.responspic{
	width:290px;
	height:160px;
	float:left;
	background-image:url(image/environsmall.jpg);
	background-repeat:no-repeat;
	background-position:20px 0px;
	}
	
.indexheader2{
	width:310px;
	height:60px;
	float:left;
	background-image:url(image/responsibility.jpg);
	background-repeat:no-repeat;
		background-position: 0px -10px;
	}
	
.indexheader3{
	width:310px;
	height:60px;
	float:left;
	background-image:url(image/news.jpg);
	background-repeat:no-repeat;
			background-position: 0px -10px;

	}
	
.indexcontent{
	width:270px;
	height:auto;
	float:left;
	padding-right:20px;
	padding-left:20px;

	}
	
.indexcontent p{
	font-size:1.2em;
	color:#999;
	}
	
.indexcontent h2{
	font-size:1.5em;
	color:#002c53;
	margin-bottom:15px;

	}
	
.contentholderleft{
	width:550px;
	height:auto;
	float:left;
	padding-left:40px;
	}
	
.contentholderleft p{
	font-size:1.2em;
	color:#999;
	}
	
.contentholderleft h2{
	font-size:1.5em;
	color:#fff;
	margin-bottom:10px;
	padding:0;
	}
	
.contentholderleft h3 {
	font-size:1.2em;
	color:#c5975c;
	margin-bottom:10px;
	margin-top:10px;
	}
	
.contentholderleft a{
	color:#c5975c;
	}
	
.contentholderleft a:hover{
	text-decoration:underline;
	}
		
.projectholder{
	width:850px;
	height:auto;
	float:left;
	padding-left:40px;
	}
	
.projectholder p{
	font-size:1.2em;
	color:#999;
	}
	
.projectholder h2{
	font-size:1.5em;
	color:#fff;
	margin-bottom:10px;
	padding:0;
	}
	
.projectholder h3{
	font-size:1.3em;
	color:#c5975c;
	margin-bottom:10px;
	padding:0;
	font-weight:lighter;
	margin-top:30px;
	}
	
.contentholderleft ul{
	width:550px;
	height:auto;
	float:left;
	margin-top:10px;
	}
	
.contentholderleft ul li{
	color:#999;		
	padding-left:5px;
	font-size:1.2em;
	margin-left:10px;
	margin-bottom:10px;

	}
	
.contentholderinner{
	width:550px;
	height:auto;
	float:left;
	}
	

.contentholderinnerleft{
	width:260px;
	height:auto;
	float:left;
	margin-top:30px;
	margin-bottom:20px;
	}
	

	
.contentholderinnerleft ul{
	width:260px;
	height:auto;
	float:left;
	}
	
.contentholderinnerleft ul li{
	color:#999;
	font-size:1.2em;
	padding-left:5px;
	margin-left:10px;
	margin-bottom:0;
	padding-bottom:0;
	}
		
.contentholderinnerleft h2 {
	font-size:1.5em;
	color:#fff;
	margin-bottom:10px;
	}
	
.contentholderinner h2{
	font-size:1.5em;
	color:#fff;
	font-weight:lighter;
	}
	
.contentholderinner h3{
	font-size:1.5em;
	color:#c5975c;
	font-weight:lighter;
	}
	
.contentholderinner p{
	font-size:1.2em;
	color:#999;
	}
	
.contentholderinner a{
	color:#c5975c;
	}
	
.contentholderinner a:hover{
	text-decoration:underline;
	}
	
.contentholderinnerleft p {
	color:#c5975c;
	font-size:1.2em;
	padding:0px;
	margin:0px;
	}
	
div#contentholderindexright{
	width:490px;
	height:auto;
	float:left;
	margin-left:40px;
	}
	
div#contentholderright{
	width:285px;
	height:auto;
	float:left;
	margin-left:40px;
	}
	
.contentholderrightbox1{
	width:185px;
	height:270px;
	float:left;
	background-image:url(image/healthandsafetyhome.jpg);
	background-repeat:no-repeat;
	margin-right:20px;
	padding-left:20px;
	padding-top:20px;
	padding-right:20px;
	}
	
.contentholderrightbox1 h3{
	font-size:1.3em;
	color: #c5975c;
	}
	
.contentholderrightbox1 p{
	font-size:1.1em;
	color: #fff;
	}
	
.contentholderrightbox1 a{
	color: #c5975c;
	}
	
.contentholderrightbox1 a:hover{
	text-decoration:underline;
	}
	
.contentholderrightbox2{
	width:185px;
	height:270px;
	float:left;
	background-image: url(image/projectshome.jpg);
	background-repeat:no-repeat;
	padding-left:20px;
	padding-top:20px;
	padding-right:20px;
	}
	
.contentholderrightbox2 h3{
	font-size:1.3em;
	color: #c5975c;
	}
	
.contentholderrightbox2 p{
	font-size:1.1em;
	color: #fff;
	}
	
.contentholderrightbox2 a{
	color: #c5975c;
	}
	
.contentholderrightbox2 a:hover{
	text-decoration:underline;
	}
	
	
/*================ [ news ] ================ */

.newsarticle {
	width: 290px;
	height: auto;
	float:left;
	margin-bottom:20px;
	}
	
.newsarticlecontent {
	width: 190px;
	height: auto;
	float:left;
	}
	
.newsarticlecontent h2{
	font-size:1.3em;
	color:#002c53;
	}
	
.newsarticlepic {
	width: 100px;
	height: 80px;
	float:left;
	background-image:url(image/im.jpg);
	background-repeat:no-repeat;
	}
	
.newsarticlepic2 {
	width: 100px;
	height: 100px;
	float:left;
	background-image:url(image/merseytravel.jpg);
	background-repeat:no-repeat;
	}
	

/*================ [ footer ] ================ */

div#orangefooter {
	width: 1024px;
	height: 8px;
	float:left;
	background-color: #c5975c;
	}
	
div#footer {
	width: 100%;
	height: 112px;
	float:left;
	background-color: #343434;
	background-image:url(image/footergrad.jpg);
	background-repeat:repeat-x;
	}
	
div#footerholder {
	width: 930px;
	height: 112px;
	margin-left:auto;
	margin-right:auto;

	}
	
div#footerleft {
	width: 462px;
	height: 160px;
	float:left;
	margin-left:50px;
	}
	
div#footerright {
	width: 462px;
	height: 160px;
	float:left;
	}
	
.footertext {
	width: 462px;
	height: 20px;
	float:left;
	background-color: #343434;
	}
	
.footertext p{
	color:#c5975c;
	text-shadow: 2px 2px #000;
	}
	
.footerlogos {
	width: 452px;
	height: 140px;
	float:left;
	background-color: #343434;
	border-right:solid 1px #666;
	margin-right:10px;
	}
	
.footerlogosright {
	width: 462px;
	height: 140px;
	float:left;
	background-color: #343434;
	}
	
.footerlogosholder1{
	width: 158px;
	height: 76px;
	float:left;
	background-image:url(image/knauf.jpg);
	background-repeat:no-repeat;
	background-position:-3px 0px;
	}
	
.footerlogosholder2{
	width: 120px;
	height: 76px;
	float:left;
	background-image: url(image/amec.jpg);
	background-repeat:no-repeat;
	}
	
.footerlogosholder3{
	width: 130px;
	height: 76px;
	float:left;
	background-image: url(image/nustar.jpg);
	background-repeat:no-repeat;
	}
	
	
.footerlogosholder4{
	width: 102px;
	height: 76px;
	float:left;
	background-image: url(image/achilles.jpg);
	background-repeat:no-repeat;
	background-position:-10px 0px;
	}
	
.footerlogosholder5{
	width: 143px;
	height: 76px;
	float:left;
	background-image: url(image/iip.jpg);
	background-repeat:no-repeat;
	}
	
.footerlogosholder6{
	width: 73px;
	height: 76px;
	float:left;
	background-image: url(image/isn.jpg);
	background-repeat:no-repeat;
	}
	
.footerlogosholder7{
	width: 72px;
	height: 76px;
	float:left;
	background-image: url(image/safe.jpg);
	background-repeat:no-repeat;
	}
	
.footerlogosholder8{
	width: 72px;
	height: 76px;
	float:left;
	background-image: url(image/rospa.jpg);
	background-repeat:no-repeat;
	}
	
div#footercopyright {
	width: 524px;
	height: auto;
	float:left;
	margin-top:30px;
	}
	
div#footerright {
	width: 370px;
	height: 100px;
	float:left;
	 background-repeat:no-repeat;
	 margin-top:10px;
	 background-position:45px 0px;
	}
	
div#footercopyright p{
	color:#fff;
	font-size:1em;
	}
	

	/*================ [ jquery ] ================ */

#fssPlayPause {
position:absolute;
top:235px;
right:20px;
background:url(white.png) repeat;
padding:4px 0 5px 0;
-moz-border-radius:5px;
border-radius:5px;
width:60px;
text-align:center;
display:block;
color:#333;
text-decoration:none;}

#slideshowWrapper {
position:relative;
width:1000px;
height:320px;
float:left;

}

ul#slideshow
{list-style:none;
margin:0;
margin-top:0%;
width:1000px;
height:320px;
overflow:hidden; 
float:left;
}

ul#slideshow li 
{list-style:none;
margin:0;
margin-top:0%;
width:1000px;
height:320px;
overflow:hidden;
float:left;}

ul#slideshow li.three 
{
	background-image:url(image/banner1.jpg);
	background-repeat:no-repeat;
	}
	
	ul#slideshow li.two
{
	background-image:url(image/banner2.jpg);
	background-repeat:no-repeat;
	}
	
	ul#slideshow li.one 
{
	background-image: url(image/brochure.png);
	background-repeat:no-repeat;
	background-position:0px 100px;
	}


ul#slideshow li ul 
{width: 904px;
height:263px;
list-style:none;
}

ul#slideshow li ul li{
width: 904px;
height:263px;
list-style:none;
border:none;
display:inline;

}

ul#slideshow li ul li.left{
	
width: 750px;
height:263px;
float:left;
border:none;


}

ul#slideshow li ul li.right{
	
width: 154px;
height:263px;
float:left;
list-style:none;
border:none;
display:inline;
padding:15px;
margin-left:10px;


}


ul#slideshow li ul li.right p{
width: 154px;
height:263px;
float:left;	
font-family: Arial, Helvetica, sans-serif;
	font-size: 1.9em;
	color:#fff; 
	text-decoration: none;
	line-height: 1.3em;
	font-weight:bold;
	padding:0px;
}



#fssList
{list-style:none;
width:263px;
margin:auto;
padding:5px 0 0 45%;
position:absolute;
top:275px; left:40px;}

#fssList li {

display:inline;
margin-right:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;

}

#fssList li a {
width:15px;
height:15px;
float:left;
display:inline;
text-decoration:none;
background-image:url(image/bannerinactive.jpg);
background-repeat:no-repeat;
}

#fssList li.fssActive a{	

display:inline;

color:#FFF;
background-image:url(image/banneractive.jpg);
background-repeat:no-repeat;
}
	
	
.bannerrightholder {	
width:350px;
height:auto;
float:left;
margin-left:30px;
margin-top:30px;
}

.bannerright {	
width:350px;
height:auto;
float:left;
}

.bannerrightemail {	
width:200px;
height:auto;
float:left;
}

.bannerright p {	
font-size:3.3em;
color: #fff;
font-family: 'VAGRoundedStdLight';

}

.bannerbutton {	
width:200px;
height:45px;
float:left;

}

.bannerbutton a {	
width:200px;
height:45px;
float:left;
font-size:1.1em;
color: #000;
background-image:url(image/findoutboth.gif);
background-repeat:no-repeat;
background-position:-4px -43px;
}

.bannerbutton a:hover {
background-image:url(image/findoutboth.gif);
background-repeat:no-repeat;
background-position:-4px 0px;}


/*================ [ image gallery ] ================ */


.projectholder a {
	outline: none;
}

.projectholder a img {
	border: 1px solid #BBB;
	padding: 2px;
	margin: 10px 20px 10px 0;
	vertical-align: top;
}

.projectholder a img.last {
	margin-right: 0;	
}


/*================ [ inner ] ================ */

div#bannerleft {
	width: 280px;
	height: 300px;
	float:left;
	padding-top:20px;
	padding-right:20px;
	}
	
div#bannerleft h2{
	font-size:2.9em;
	color:#FFF;
	font-family: 'VAGRoundedStdLight';
	}
	
div#bannerleftemail {
	width: 480px;
	height: 300px;
	float:left;
	padding-top:20px;
	padding-right:20px;
	}
	
div#bannerleftemail h2{
	font-size:2.9em;
	color:#FFF;
		font-family: 'VAGRoundedStdLight';

	}
	
div#bannerright {
	width: 600px;
	height: 300px;
	float:left;
	}
	
div#bannerrightemail {
	width: 400px;
	height: 300px;
	float:left;
	background-image:url(image/email.png);
	background-repeat:no-repeat;
	background-position:00px 0px;
	}
	
		
div#bannerrightnews {
	width: 400px;
	height: 300px;
	float:left;
	background-image:url(image/news.gif);
	background-repeat:no-repeat;
	background-position:00px 0px;
	}
	
div#contentwhat {
	width: 619px;
	height: auto;
	float:left;
	border-right:1px solid #999;
	}
	
div#contentheaderwhat {
	width: 620px;
	height: 60px;
	float:left;
	background-image:url(image/whatwedoheader.jpg);
	background-repeat:no-repeat;
	background-position:0px -4px;
	}
	
div#contentnews {
	width: 820px;
	height: auto;
	float:left;
	}
	
div#contentheadernews {
	width: 820px;
	height: 60px;
	float:left;
	background-image:url(image/newsheader.jpg);
	background-repeat:no-repeat;
	background-position:0px -4px;
	}
	
div#contentheaderresp {
	width: 620px;
	height: 60px;
	float:left;
	background-image: url(image/ourrespons.jpg);
	background-repeat:no-repeat;
	background-position:0px -4px;
	}
	
div#contentheadercontact {
	width: 620px;
	height: 60px;
	float:left;
	background-image: url(image/contactheader.jpg);
	background-repeat:no-repeat;
	background-position:0px -4px;
	}
	
div#contentheaderspec {
	width: 620px;
	height: 60px;
	float:left;
	background-image: url(image/ourspec.jpg);
	background-repeat:no-repeat;
	background-position:0px -4px;
	}
	
.contenttext {
	width: 570px;
	height: auto;
	float:left;
	padding-left:30px;
	padding-right:20px;
	padding-bottom:30px;
	}
	
.contenttext p {
		font-size:1.2em;
		color:#666;
	}
	
.contenttext h2 {
		font-size:1.5em;
	color:#002c53;
	margin-bottom:15px;
	}
	
	
/*================ [ contact ] ================ */

	
	.formcontainer {
	float: left;
	height: 20px;
	width: 550px;
	margin-bottom: 10px;
	} 
	
.formcontainerbig {
	float: left;
	height: 200px;
	width: 550px;
	margin-bottom: 10px;
	} 
	
.name {
	float: left;
	height: 20px;
	width: 150px;
	text-align: right;
	} 
	
.name p {
	font-size: 1.2em;
	color:#002c53;
	} 
	
.box {
	float: left;
	height: 20px;
	width: 200px;
	margin-left: 10px;
	} 
	
.boxbig {
	float: left;
	height: 200px;
	width: 200px;
	margin-left: 10px;
	} 
	
.formbutton{
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color:#fff;
	font-weight:bold;
	padding: 1px 2px;
	background:url(images/submitgrad.jpg) repeat-x left top;
}


/*================ [ latest news ] ================ */

	
.newsmain {
	float: left;
	height: auto;
	width: 800px;
	margin-bottom: 20px;
	}
	
.newsholder {
	float: left;
	height: auto;
	width: 800px;
	margin-bottom: 20px;
	padding-left:30px;
	}
	
.newsholderleft {
	float: left;
	height: auto;
	width: 480px;
	margin-right: 20px;
	}
	
.newsholderleft p{
	color:#999;
	}
	
.newsholderleft h2{
		color:#002c53;
		font-size:2.4em;
		margin-bottom:20px;

	}
	
.newsholderpic {
	float: left;
	height: auto;
	width: 300px;
	}