/* CSS Document */

* {margin:0;padding:0;} 

html, body, #wrapper {height: 100%;}


body {height: auto; min-height: 100%;}
#wrapper {min-height:950px;}
body {

background-image: url(images/wave.png);
background-repeat: no-repeat;
font-family: sans-serif; 
}

#main {padding-bottom: 70px;}

img
{  border-style: none;
}

#lfh_logo {
width:200px; 
height:50px;
text-align:left;
float:left;
position:relative;
top:20px;
left:20px;

}

#audio {
position:absolute;
top:10px;
right:20px;


}

#right {
position:absolute;
top:200px;
left:500px;


}

#content {
position:absolute;
font-size:15px;
top:175px;
left:50px;
height:400px;
width:350px;
padding:10px;
color:#000000;
font-family: sans-serif; 
font-size:20px;
text-decoration:none;
}

#list {
position:absolute;
font-size:15px;
top:175px;
left:50px;
height:400px;
width:600px;
padding:10px;
color:#000000;
font-family: sans-serif; 
font-size:20px;
text-decoration:none;
}

#content li {
color:#000000;
font-family: sans-serif; 
font-size:20px;
text-decoration:none;
}

#content a:link {
color:#666666;
font-family: sans-serif; 
font-size:20px;
text-decoration:none;
}

#content a:visited {
color:#666666;
font-family: sans-serif; 
font-size:20px;
text-decoration:none;
}

#content a:active {
color:#000000;
font-family: sans-serif; 
font-size:20px;
text-decoration:none;
}

#content a:hover {
color:blue;
font-family: sans-serif; 
font-size:20px;
text-decoration:none;
}

#rightimg {
position:absolute;
right:0;
top:0;
height:600px;
width:300px;
float:left;
background-color:#BFCBE2; 
background-image: url(images/right_face700.jpg);
background-repeat: no-repeat;
}


#menu {
position:absolute;
left:0px;
top:85px;
width:950px; 
height:50px;
text-align:left;
background-color:#666666; 
}

#menu h1 {
color:#ffffff;
font-family: sans-serif; 
font-size:40px;
text-decoration:none;
}

#menu a:link {
color:#ffffff;
font-family: sans-serif; 
font-size:40px;
text-decoration:none;
}

#menu a:visited {
color:#ffffff;
font-family: sans-serif; 
font-size:40px;
text-decoration:none;
}

#menu a:active {
color:#ffffff;
font-family: sans-serif; 
font-size:40px;
text-decoration:none;
}

#menu a:hover {
color:#cccccc;
font-family: sans-serif; 
font-size:40px;
text-decoration:none;
}



#footer {
 text-align: left;
clear:both;
height:400px;
margin-top: -400px;
position: relative;
background-color:#BFCBE2; 

}

#contacts {
margin-left:auto;
margin-right:auto;
position:relative;
top:15px;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */