html, body, #bg, #bg table, #bg td {
	height: 100%;
	width: 100%;
	overflow: hidden;
	}

body {
    color:  #fff;
    background-color: #fff;
    font-family: Helvetica, Arial, san serif;
    font-size: 1.4em;
    padding: 0;
	margin: 0px;
    text-align: center;
    line-height: 2em;
    }

a:link, a:visited {
	color:  #fff;
	font-family: Helvetica, Arial, san serif;
	text-decoration: none;
	}

h1 {
	font-size: 9em;
    font-family: Helvetica, Arial, san serif;
    color: #fff;
    padding: 0;
    line-height: 0em;
    }

menu {
    text-align: left;
    }

h4 {
	font-size: 10px;
	text-align: center;
	}


    /* Content container */


#bg {
    position: fixed;
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

	
#wrap {
	float: center;
	padding: 20px 50px 10px 50px;
	margin: 0;
	}
	
div#content {
	/* This is the only important rule */
	/* We need our content to show up on top of the background */
	position: relative; 
	}

	
#col1 {
	float: left;
	width: 20%;
	padding: 0;
	margin: 0;
	}

#col1 li {
	list-style: none outside none;
    text-align: left;
	}