html { 
  
}

body {
	padding: 50px 0;
	margin: 0;
	font-family: Calibri light, Arial, Sans-serif;
	font-size: 1.15em;
	color: #999;
	
	background: url(../images/bgMain.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

p { margin-bottom: 1em;}

h1 {
	font-size: 1.5em;
	color: #000;
	margin: 0 0 .5em;
	padding-top: 40px;
}

a:link {
color:#ff8b2d; text-decoration:none
}
a:visited {
color:#ff8b2d; text-decoration:none
}
a:active {
color:#ff8b2d; text-decoration:none
}
a:hover {
color:#ff8b2d; text-decoration:underline
}

.container {
	width: 880px;
	padding: 15px 40px 30px;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 0 25px #222;
	color: #444;
	border-radius: 11px;
}

nav {
	width: 100%;
	padding: 0;
	text-align: center;
	background: #acacac;
	background: -moz-linear-gradient(top,  #acacac 0%, #818181 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#acacac), color-stop(100%,#818181));
	background: -webkit-linear-gradient(top,  #acacac 0%,#818181 100%);
	background: -o-linear-gradient(top,  #acacac 0%,#818181 100%);
	background: -ms-linear-gradient(top,  #acacac 0%,#818181 100%);
	background: linear-gradient(to bottom,  #acacac 0%,#818181 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acacac', endColorstr='#818181',GradientType=0 );
	color: #fff;	
}

nav a:link, nav a:visited, nav a:active  {
	display: inline-block;
	padding: 10px 20px;
	color: #fff;
	text-decoration: none;
	border-left: 1px solid #fff;
}

nav a:hover  {
	text-decoration: underline;
}



.hm_intro {
	background: url(../images/air-compressor-bg.jpg) no-repeat top right;
	width: 100%;
	height: 395px;
	
}

.hm_intro section {
	width: 310px;
	overflow: hidden;
}