html { 
  background: url(../images/background.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

img {
border:none;
}

body {
font-family:'Oswald';
font-weight:700;
color:#fff;
font-size:20px;
text-transform:uppercase;
}

body a {
color:#fff;
}

.navigation {
width:736px;
position:relative;
float:right;
position:absolute;
top:3%;
right:3%;
}

.title {
height:66px;
background-image:url("../images/lit.jpg");
}

.image-link {
display:block;
float:left;
width:362px;
margin-top:10px;
margin-right:10px;
}

.image { 
display:block;
width:362px;
height:204px;
position:relative;
}

.tint {
display:block;
width:362px;
height:204px;
position:absolute;
top:0;
left:0;
opacity:0;
-webkit-box-shadow: inset 0px 0px 262px 5px rgba(0,0,0,1);
-moz-box-shadow: inset 0px 0px 262px 5px rgba(0,0,0,1);
box-shadow: inset 0px 0px 262px 5px rgba(0,0,0,1);

transition:all 0.5s;
}

.image-link:hover .tint { 
opacity:1;
}

.image-link img {
width:362px;
height:204px;
}

.no-margin {
margin-right:0;
text-align:right;
}

.bar {
display:block;
height:32px;
background-image:url("../images/bar-normal.jpg");
background-repeat:repeat-x;
padding:15px;
transition:all 0.3s;
}

.image-link:hover .bar {
background-image:url("../images/bar-hover.jpg");
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.7);
}

.ball {
background-image:url("../images/ball.png");
width:148px;
height:149px;
position:absolute;
top:270px;
left:293px;
z-index:900;
}

.esf-logo {
background-image:url("../images/esf.png");
width:452px;
height:184px;
position:absolute;
bottom:3%;
left:3%;
}

.clear-both {
clear:both;
}