html, body {
margin: 0;
padding: 0;
font: normal 10px/14px arial, tahoma, verdana, sans-serif;
background: #ECECEC;
}
div#links {
width: 750px;
background: #ECECEC;
margin: 0px auto;
word-spacing: 20px;
text-align: center;
padding-bottom: 20px;
}
div#logo {
width: 750px;
background: #ECECEC;
margin: 0px auto;
text-align: center;
}
div#pics {
background: #ECECEC;
margin: 20px auto;
text-align: center;
}
.style1 {
text-align: center;
text-decoration: underline;
}
.style2 {
text-align: center;
}
.sections{
padding-bottom: 20px;
}
.sections a:hover, .sections a:active, .sections a:focus {
text-decoration:underline;
}
.djcontact a {
font: normal 10px/14px arial, tahoma, verdana, sans-serif ;
text-align: center;
}
a {
font: bold 20px/20px arial, tahoma, verdana, sans-serif;
color: #5E5E5E;
text-decoration: none
}
a img {
border: none;
outline: none;
}
ul {
display: block;
list-style-type: none;
float: left;
width: 495px;
margin-left: 5px;
}
li {
display: block;
padding: 2px 5px 2px 5px;
border-bottom: 1px solid #DDD;
}
h1 {
font: bold 20px/20px arial, tahoma, verdana, sans-serif;
margin-bottom: 10px;
padding-left: 5px;
color: #5E5E5E;
}
#pics img {
border: 0;
padding: 5px;
margin: 0;
width: 300px;
float: center;
}
/*FOOTER*/
div#footercontent {
	width:  100%;
	background: #ECECEC;
	padding-top: 25px;
	font-family: arial, helvetica, tahoma, verdana, sans-serif;
	font-size: 9px;
	text-align: center;
	color: #6A6A6A;
}
/*clear footer*/
html, body, #wrap {
    height: 100%;
}
body > #wrap {
    height: auto; 
    min-height: 100%;
}
#main {
    padding-bottom: 50px;
}  /* must be same height as the footer */
#footer {
    position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	clear:both;
} 
/*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 */