html,body {
              height:88%;
}

h1 {
	text-indent: 30px;
	color: white;
	font: bold 30px lucida console, verdana;	
}
p 
{
	font-family: lucida console, verdana;
	text-indent: 30px;
}

header {
    background-color: #339999
}
nav {
    background-color: #339999
}
section {
    margin-top:10px;
    margin-bottom: 20px;		
    background-color: white;
}
footer {
    	background-color: #339999;
	position:relative;
        height:80px;
        margin:0 auto;
}
header, nav, section, footer {
    display: block;
}
#col1
{
	text-indent: 30px;
	float:left;
	width: 10%;
}
#col2
{
	text-indent: 30px;
	float:left;
	width: 10%;
}
#col3
{
	text-indent: 30px;
	float:left;
	width: 10%;
}
#col4
{
	text-indent: 30px;
	float:left;
	width: 10%;
}
#twitter
{
	text-indent: 30px;
	float:left;
	width: 30%;
}

#wrapper {
              position:relative;
              min-height:100%;
              height:auto;
              height:100%;
              margin:0 auto -80px;
}

a:link {
	  color: white;
	  text-decoration:none;
	}

	a:visited {
	  color: white;
	  text-decoration:none;
	}

	a:active {
	  background-color: yellow;
	  text-decoration:none;
	}

	a:hover {
	  color: yellow;
	  text-decoration:none;
	}
.clearfix:after {
                    content:".";
                    display:block;
                    height:0;
                    font-size:0;
                    clear:both;
                    visibility:hidden;
}
.clearfix {
                    display:inline-block;
}