@charset "UTF-8";
/* CSS Document */

body#background {
  background: url('img/l4.gif') no-repeat 50% 50% fixed;
  background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
}

a {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

body,td,th {
	font-color: #000000;
	font-family: Helvetica;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 25px;
	font-weight: normal;
}


a:link { color: black; text-decoration: none }
a:active { color: black; text-decoration: none }
a:visited { color: black; text-decoration: none }
a:hover {color: black; text-decoration: none}

/* TITLE */
h1 {
	font-family: 'Ceviche One', cursive;
    font-size: 78px;
    letter-spacing: 1px;
    line-height: 0px;
	font-weight: normal;
}

h2 {
	font-family: Helvetica;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 50px;
	font-weight: normal;
}

h3 {background-color: #000;
	color: #fff;
	font-family: Helvetica;
    font-size: 13px;
    letter-spacing: 2px;
    line-height: 20px;
	font-weight: normal;
}


.underline{
    color: #000;
    border-bottom:3px solid #000;}





/* rotated links */
li, a {
      display: inline-block;
}
ul {
    -ms-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
  				
     -ms-transform: rotate(-90deg); 
 	-moz-transform: rotate(-90deg); 
 	-o-transform: rotate(-90deg); 
 	-webkit-transform: rotate(-90deg); 
  	transform: rotate(-90deg); 
    
    padding: 0;
    margin: 0;
    text-align: center;

    position: fixed;
    width:100%;
    top:50%;
    margin-top:50vw;
}