@font-face {
	font-family: "Manning"; 
	src: url('fonts/manning.ttf'), url('fonts/manning.ttf');
	font-stretch: extra-condensed;
	line-height: 80%;
}

@font-face { 
	font-family: "BodyFont"; 
	src: url('fonts/fontmedium.ttf'), url('fonts/fontmedium.ttf');
}

@font-face { 
	font-family: "TitleBold"; 
	src: url('fonts/fontbold.ttf'), url('fonts/fontbold.ttf');
}

@font-face { 
	font-family: "UserFont"; 
	src: url('fonts/fontbold.ttf'), url('fonts/fontbold.ttf');
}

@font-face { 
	font-family: "BodyThin"; 
	src: url('fonts/fontregular.ttf'), url('fonts/fontregular.ttf');
}

body {
    background-image: url(images/background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.shadow {
    box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.75);
}

.abovefold {
    background-image: url(images/crane_hook.jpg);
    background-size: 980px 485px;
    background-repeat: no-repeat;
    background-attachment: local;
}

a:link, a:active, a:visited {
	color: #0070c9;
	font-family: "BodyFont";
	text-decoration: none;

}

a:hover {
	color: #0070c9;
	font-family: "BodyFont";
	text-decoration: underline;
}

.fade {
   opacity: 1;
   transition: opacity .2s ease-in-out;
   -moz-transition: opacity .2s ease-in-out;
   -webkit-transition: opacity .2s ease-in-out;
   }

.fade:hover {
   opacity: 0.5;
}

#rounded-image {

  moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border: 0px;
}