html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, legend, table, th, td { margin: 0; padding: 0; }

/* Begin Body */

* html #footer { top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight)); position:absolute; }

* html { background-image: url(image.jpg); } /* stop jitter by adding a 1px transparent gif to background of html*/

body, html {
	height: 100%;
}

body {
	background: #fff url('../img/layout/footer-cloud.gif') no-repeat center bottom fixed;
	font: 1em/1.5em Verdana, Tahoma, sans-serif;
	color: #000;
	margin: 0;
}

/* Defaults */

a 			{ color: #507bc8; text-decoration: none; }
a:hover 	{ color: #315594; text-decoration: none; }
img 		{ border: 0; }
.clearboth	{ clear: both; }
.bottom10	{ padding: 0 0 10px 0; }
.left20		{ margin: 0 0 0 20px; }
a.cloud		{ position: fixed; bottom: 35px; left: 50%; margin: 0 0 0 250px; display: block; height: 110px; width: 135px; z-index: 99; }

/* Screen */
	
#outer { width:100%; margin:auto; position: relative; }
#header		{ display: block; height: 160px; width: 100%; background: url('../img/layout/header.gif') no-repeat center 50%; }
	#header h1	{ font: 1em/1em Verdana, Tahoma, sans-serif; color: #507bc8; position: absolute; left: 50%; top: 60px; margin: 0 0 0 -100px; }
	#header p	{ font: 0.6em/1em Verdana, Tahoma, sans-serif; color: #507bc8; position: absolute; left: 50%; top: 100px; margin: 0 0 0 -100px; width: 300px; }
#content	{ display: block; margin: 0 auto 35px auto; width: 485px; padding: 0; }
	#content .project			{ width: 485px; border-top: 1px solid #acbed4; padding: 22px 0 66px 0; position: relative; }
	#content .project img		{ border: 1px solid #abbed3; width: 483px; height: 151px; display: block; }
	#content h2					{ font: 1.2em/1.5em Verdana, Tahoma, sans-serif; color: #1d4997; padding: 15px 0 12px 0; }
	#content h4					{ font: 1.0em/1.5em Verdana, Tahoma, sans-serif; color: #1d4997; padding: 15px 0 12px 0; }
	#content p					{ font: 0.65em/1.5em Verdana, Tahoma, sans-serif; color: #9da7b2; }
	#content div.links			{ color: #507bc8; font: 0.65em/1.5em Verdana, Tahoma, sans-serif; color: #9da7b2; padding: 5px 0 0 0; }
	#content div.links a:hover	{ color: #1d4997; }
	#content div.links .left	{ float: left; width: 242px; text-align: left; }
	#content div.links .right	{ float: right; width: 243px; text-align: right; }
	#content p.twocolumn		{ width: 232px; float: left; }
	#content p.leftcolumn		{ padding: 0 10px 0 0; }
	#content p.rightcolumn		{ padding: 0 0 0 10px; }
	#content p.textright		{ text-align: right; }
	#content ul					{ list-style-type: none; padding: 0 0 10px 0; font: 0.65em/1.5em Verdana, Tahoma, sans-serif; color: #9da7b2; }
	#content ul.opsomming		{ list-style-type: circle; list-style-position: outside; padding: 0 0 10px 20px; font: 0.65em/1.5em Verdana, Tahoma, sans-serif; color: #9da7b2; }
	#content ul.opsomming li	{ padding: 0 0 5px 0; }
#footer { position:fixed; margin:auto; left:0; bottom:0; height:44px; width:100%; background: url('../img/layout/bg-footer_shadow.png') repeat-x bottom; text-align: center; color: #a2bad4; font: 0.65em/1em Verdana, Tahoma, sans-serif; text-transform: uppercase; }
	#footer ul				{ list-style-type: none; margin: 0 auto; width: 325px; position: relative; top: 21px; }
	#footer ul li			{ float: left; }
	#footer ul li a			{ color: #a2bad4; padding: 0 5px; }
	#footer ul li a:hover	{ color: #fff; padding: 0 5px; }
	#footer ul#social-media	{ list-style-type: none; width: 78px; position: absolute; top: 19px; right: 5px; }