html {
	height:100%; 
	max-height:100%; 
	padding:0; 
	border:0; 
	margin:0; 
	background:#fff; 
	font: 100% sans-serif;
}



body {
	margin: 0% ; 
}

h1, h2, h3, h4, h5, h6 {
	color: #f3f ; 
}


li {
	list-style-position: inside ; 
	list-style-type: square ; 
}

a {
	text-decoration: none ; 
	color: #777 ; 
}

a:hover {
	text-decoration: underline ; 
	color: #777 ; 
}

#main{
	padding: 3% 0 ; 
}

#img {
	position: absolute ; 
	right: 0 ; 
	top: 20% ; 
	width: 25% ; 
	text-align: center ; 
	padding: 0 ;  
	margin: 1em 0em ; 
}

#img img {
    	border: #777 solid .5em ; 
}

#logo {
	position: absolute ; 
	left: 15% ; 
	top: 10% ;
	width: 100px ; 
	z-index: 0;
}

#content {
	position: absolute ; 
	left: 30% ; 
	top: 15% ; 
	width: 40% ;
	text-align: right ; 
	padding:  2em 3em 0 3em  ; 
}

#content p {
}

#content img {
	padding: .2em ; 
	border: 0 ; 
}

#menu {
	position: absolute ;   
	left: 0 ; 
	top: 15% ;
	width: 19% ; 
	text-align: right ; 
	font-weight: bold; 
	font-size: .8em ; 
	color: #777 ; 
	padding: 0; 
	margin: 0; 
	z-index: 1 ; 
}

#menu ul {
}

#menu li {
	list-style:none ; 
}


#footer {
	position: absolute ; 
	bottom: 2em ; 
	right: 0 ; 
	width: 25% ; 
	text-align: center ; 
	font-size: .8em ; 
	padding: 0 ; 
}

#footer p {
	padding: 0 ; 
	margin: 0 ; 
}

#footer a {
	color: #88E ; 
}

#footer a:hover {
	color: #228 ; 
}