html,body 
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	font-size: 90%;
	color:#39393B;
	background-color: #FFF;
}


.page 
{
	margin: 0px auto 0 auto;
}

h1{
	font-size:200%;
	font-weight:lighter;
	}
	
	h2{
	font-size:130%;
	font-weight:lighter;
	}


	
.bold
{font-size:130%;}	

#left {padding-left:50px;}

#pad100 {padding-top:100px;}




#HOME
		{		
		background:url(../img/img_home_europe_air.jpg);
		background-size:auto;
		background-repeat:no-repeat;
		margin: 0px auto 0 auto;
		background-position:center;}
		
#ABOUT
		{		
		background:url(../img/img_about_europe_air.jpg);
		background-size:auto;
		background-repeat:no-repeat;
		margin: 0px auto 0 auto;
		background-position:center;}
		
#services
		{		
		background: url(../img/img_installation_europe_air.jpg);
		background-size:auto;
		background-repeat:no-repeat;
		margin: 0px auto 0 auto;

		}
		
#portable
		{		
		background:url(../img/img_portable_air-con_europe_air.jpg);
		background-size:auto;
		background-repeat:no-repeat;
		margin: 0px auto 0 auto;
		background-position:center;}
		
#install
		{		
		background: url(../img/img_installation2_europe_air.jpg);
		background-size:auto;
		background-repeat:no-repeat;
		margin: 0px auto 0 auto;
		background-position:bottom;}

#sectors
		{		
		background: url(../img/img_installation_sectors.jpg);
		background-size:auto;
		background-repeat:no-repeat;
		margin: 0px auto 0 auto;
		background-position:bottom;}
		
		#contact
		{		
		background: url(../img/img_contact.jpg);
		background-size:auto;
		background-repeat:no-repeat;
		margin: 0px auto 0 auto;
		background-position:bottom;}


#blue

{
	color:#003366;
	}
	
	#blueLeft

{
	color:#003366;
	padding-left:20px;
	}
	
	#white

{
	color:#fff;
	}
	
	#whiteLeft

{
	color:#fff;
	padding-left:20px;
	}
	
	#logo { float:left;
	margin-top:30px;
	padding-left:100px;}

/*HEADER 1*/



div.header{
	height:747px;
	padding:20px 0 0 0;
	margin: 0px auto 0 auto;
}

	

/*MENU 1*/

div.menu{
	height:40px;
	background-color:#003366;
	background: rgba(0, 51, 102, 0.8);
    -pie-background:  (0, 51, 102, 0.8);
    behavior: url(PIE.htc);
	padding-top:20px;
}



div.menu a{
	font-size:100%;
	text-decoration:none;
	color:#fff;
	margin-top:20px;
	padding: 10px 0 10px 0px;

}


#menupad
{
	padding-left:2%;
	padding-right:2%;
}

 
div.menu a:hover
{
	color: #003366;
	background-color:#F0DC61;
	text-decoration: none;
}

div.menu a.selected
{
	color: #003366;
	background-color:#F0DC61;
	text-decoration: none;
}

/*CONTENT*/

div.content{
	width: 100%;
	padding: 0px;
	margin: 400px auto 0 auto;
	background-color:#FFF;
	min-height:300px;
	
}

	/*COLUMN 1*/

div.col1home{
	width: 400px;
	display: inline-block;
	margin-top:10px;
	vertical-align: top; 

}
	
 div.col1home ul {
	padding:0 0 0 30px;
	text-align:left;
	line-height:22px;
}

div.col1home p{
	padding-left:10px;
	padding-right:10px;
	line-height:22px;
	text-align:left;
	}
	
div.col1home a {
		text-decoration:none;
		padding-top:6px;
		margin-top:0px;
		color:#003366;
		font-weight:bolder;

}

	
div.col1home h1 {
	padding: 10px 25px 5px 10px;
	text-align:left;
	}

div.col1home h2 {
	padding: 10px 25px 5px 10px;
	text-align:left;
	}

	/*COLUMN 2*/

div.col2home{
	width: 280px;
	display: inline-block;
	margin-top:10px;
	vertical-align: top; 

}

div.col2home p{
	padding-left:10px;
	padding-right:10px;
	line-height:22px;
	text-align:left;
	}
	
div.col2home a {
		text-decoration:none;
		padding-top:6px;
		margin-top:0px;
		color:#003366;
		font-weight:bolder;

}

	
div.col2home h1 {
	padding: 10px 25px 5px 10px;
	text-align:left;
	}

div.col2home h2 {
	padding: 10px 25px 5px 10px;
	text-align:left;
	}
	
	div.col2home img {
	padding-bottom:20px;

	}

	
	
	/* BRANDS  */

div.brands{
	width: 100%
	height:200px;
	margin-left:25px;
	background-color:#fff;

}

div.brands p {
	padding-left:137px;
	padding-top:22px;
	line-height:22px;
	text-align:left;}
	


/* FOOTER  */

div.footer{
	width: 100%
	height:200px;
	background-color:#003366;

}

div.footer p {
	padding-left:10px;
	padding-top:5px;
	line-height:22px;
	text-align:left;
	color:#FFF}
	
	div.footer a {
	color:#FFF;
	text-decoration:none;}
	
	
	

div.spacer_r;ow 
{
	clear: both;
	line-height: 0px;

}


a{	outline : none;
	
}

a:hover
{
	outline : none;
}


@media screen and (max-device-width: 480px) {

#menupad
 { padding-left:2%; }
	 
	}