html,body{
width:100%;
height:99%;
margin:0;
padding:0;
font-family: "open-sans", sans-serif;
font-style:normal;
font-weight:100;
}

#wrapper {
position:relative;
min-height:100%;
}

#header{
position:relative;
width:100%;
}

#logo{
width:300px;
height:90px;
margin:0;
margin-top:10px;
margin-left:30px;
}

#logo img{
width:300px;
}

/* CONTENT */
#content{
position:relative;
top:0;
left:0;
width:100%;
padding-bottom:60px;
overflow:hidden;
}

/* FOOTER */
#footer{
position:absolute;
display:block;
left:0;
bottom:0;
width:100%;
height:40px;
text-align:center;
border-top:1px solid #999;
}

#footer p{
letter-spacing:1px;
font-size:12px;
color:#021239;
}

#footer p a{
letter-spacing:1px;
font-size:12px;
color:#021239;
text-decoration:none;
}

#footer p a:hover{
text-decoration:underline;
}

/* POSITIONALS & STUFF*/

.lf{float:left;}
.rt{float:right;}
.center{text-align:center;}

hr{
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	margin-bottom:30px;
}

.cursor{
  cursor:hand;
  cursor:pointer;
}

@media only screen and (max-width: 580px) {
#header{
height:140px;
}
}