html, body {
	margin: 0;
	padding: 0;
	background: url("../media/bg2.jpg") top left repeat-y #111;
}

#container {
	width: 979px;
}

p {
	padding: 0 20px;
	font: 10px trebuchet ms, tahoma, Arial, Helvetica, sans-serif;
	color: #aaa;
	text-align: justify;
	line-height: 18px;
}

p a {
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}

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

p a:active {
	text-decoration: none;
}

a.thumb {
	display: block;
	width: 135px;
	height: 135px;
	margin: 35px;
	padding: 0;
	border: 1px solid #333;
}

label {
	display: none;
}

img {
	margin: 0;
	padding: 0;
	border: 10px solid #000;
}

img:hover {
	margin: 0;
	padding: 0;
	border: 10px solid #fe2979;
}

span.hl {
	font-weight: bold;
	color: #fe2979;
}

	div#portfolio {
		float: left;
		margin: 0 0 40px 0;
		padding: 0px;
		background: url("../media/arrow.jpg") top left no-repeat;
	}

		div#portfolio p {
			margin: 12px 15px;
		}

		table {
			margin: 0 40px;
		}

	div#about {
		width: 258px;
		margin: 0 0 30px 719px;
		_margin: 0 0 30px 716px;
		padding-top: 100px;
	}

			div#header {
				margin-bottom: -10px;
				text-align: center;
				font: 36px trebuchet ms, arial, helvetica, sans-serif;
				
			}

			span#jens {
				font-weight: bold;
				font-style: italic;
				color: #fe2979;
			}

			span#ohgren {
				font-weight: bold;
				color: #fff;
			}

			div#header2 {
				margin-bottom: -10px;
				text-align: center;
				font: 23px trebuchet ms, arial, helvetica, sans-serif;
				
			}

			span#pers {
				color: #666;
			}

			span#port {
				color: #bbb;
			}

			div#pic {
				width: 258px;
				height: 132px;
				margin: 35px 0 25px 0;
				padding: 0px;
				border: 1px solid #333;
				background: url("../media/pic.jpg") top left no-repeat;
			}

			div.contact {
				display: block;
				width: 258px;
				margin: 15px 0;
				padding: 0px;
				border: 1px solid #333;
				background-color: #000;
			}

				input {
					margin: 0;
					padding: 8px;
					width: 93%;
					background: #000;
					border: 0;
					font: 10px trebuchet ms, tahoma, Arial, Helvetica, sans-serif;
					color: #fff;
				}

				textarea {
					margin: 0;
					padding: 8px;
					width: 93%;
					background: #000;
					border: 0;
					font: 10px trebuchet ms, tahoma, Arial, Helvetica, sans-serif;
					color: #fff;
				}

			p#creds {
				font: 9px trebuchet ms, tahoma, Arial, Helvetica, sans-serif;
				color: #444;
				text-align: right;
				line-height: 12px;
			}

			p#creds a {
				color: #666;
			}

			p#creds a:hover {
				color: #888;
			}

	.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
		clear:both;
    	height:0;
    	font-size: 1px;
    	line-height: 0px;
	}