html, body {
	margin: 0;
	padding: 0;
	background: #000 url(../media/bg.jpg);
}

/* img, div	{
	behavior: url(iepngfix.htc)
	border: 0;
} */

img {
	border: none;
}

h1 {
	margin: 0 0 -8px 0;
	padding: 0;
	text-align: right;
	font: 30px book antiqua, bookman old style, georgia, times new roman, sans-serif;
	color: #fff;
}



p a {
	text-decoration: none;
	color: #bbb;
	border: solid #0A7699;
	border-width: 0 0 1px 0;
}

p a:hover {
	text-decoration: none;
	color: #0A7699;
	border: none;
}

p a:active {
	text-decoration: none;
	color: #989954;
}

p a:visited {
	text-decoration: none;
	color: #bbb;
	border: solid #0A7699;
	border-width: 0 0 1px 0;
}

p a:visited:hover {
	text-decoration: none;
	color: #0A7699;
	border: none;
}

p a:visited:hover:active {
	text-decoration: none;
	color: #989954;
}

.extlinkL {
	padding: 0px 25px 0px 0;
	background: url(../media/extlinkL.gif) no-repeat 100% 50%;
	display: inline-block;	/* IE correction to show the icon */
	cursor: pointer;	/* IE correction to show hand instead of arrow */
	vertical-align: bottom;	/* Opera correction to get the last word vertical aligned */
}

.extlinkS {
	padding: 0 15px 0 0;
	background: url(../media/extlinkS.gif) no-repeat 100% 50%;
	display: inline-block;	/* IE correction to show the icon */
	cursor: pointer;	/* IE correction to show hand instead of arrow */
	vertical-align: bottom;	/* Opera correction to get the last word vertical aligned */
}



acronym {
	color: #989970;
	border-bottom: 1px dotted #fff;
	cursor: help;
}

.u {
	text-decoration: underline;
}

.glow {
	color: #989954;
}

.dark {
	color: #666;
}

.h1add {
	font-size: 12px;
}

.ptop {
	margin-top: -20px;
	border-top: 1px solid #fff;
}



div#contHeader {
	height: 182px;
	background: url("../media/header.jpg") top left repeat-x;
}

	div#header {
		height: 182px;
		background: url("../media/micamp.jpg") top left no-repeat;
	}



div#contMain {
	float: left;
	width: 550px;
}

	div#themeImg {
		margin-top: -182px;
		height: 484px;
		background: url("../media/micamp.jpg") top left no-repeat;
	}

		#bloggerlink {
			position: absolute;
			margin: 378px 0 0 300px;
			padding: 0;
		}

		#flickrlink {
			position: absolute;
			margin: 303px 0 0 410px;
			padding: 0;
		}

	div#about {
		padding: 0 30px 0 30px;
	}

		div#me {
			padding-top: 100px;
			background: url(../media/me.jpg) top left no-repeat;
			width: 490px;
		}

	div#contact {
		padding: 0px 30px 0 30px;
	}

/* ### Start: FORM ### */


		#form {
			width: 460px;
			margin: 0 0 20px 0;
			padding: 15px;
			background: url(../media/bg-p.jpg);
		}

			#form td {
				vertical-align: top;
			}

		.contactlabel {
			font: 22px georgia, times new roman, sans-serif, trebuchet ms, lucida sans unicode, tahoma, sans-serif;
			line-height: 34px;
			color: #bbb;
		}

		input.formsolidbottom {
			width: 315px;
			background: url(../media/bg-p.jpg);
			border-width: 0 0 1px 0;
			border-bottom: 1px solid #888;
			font: 22px georgia, times new roman, sans-serif, trebuchet ms, lucida sans unicode, tahoma, sans-serif;
			color: #bbb;
		}

		input.formsolidbottom:focus {
			background: #111;
			border-width: 0 0 1px 0;
			border-bottom: 1px solid #0A7699;
			font: 22px georgia, times new roman, sans-serif, trebuchet ms, lucida sans unicode, tahoma, sans-serif;
			color: #bbb;
		}

		input.formdashedbottom {
			width: 315px;
			background: url(../media/bg-p.jpg);
			border-width: 0 0 1px 0;
			border-bottom: 1px solid #444;
			font: 22px georgia, times new roman, sans-serif, trebuchet ms, lucida sans unicode, tahoma, sans-serif;
			color: #bbb;
		}

		input.formdashedbottom:focus {
			background: #111;
			border-width: 0 0 1px 0;
			border-bottom: 1px solid #989954;
			font: 22px georgia, times new roman, sans-serif, trebuchet ms, lucida sans unicode, tahoma, sans-serif;
			color: #bbb;
		}

		textarea {
			width: 295px;
			padding: 10px;
			background: url(../media/bg-p.jpg);
			border: 1px solid #888;
			font: 22px georgia, times new roman, sans-serif, trebuchet ms, lucida sans unicode, tahoma, sans-serif;
			color: #bbb;
		}

		textarea:focus {
			background: #111;
			border-bottom: 1px;
			border: 1px solid #0A7699;
			font: 22px georgia, times new roman, sans-serif, trebuchet ms, lucida sans unicode, tahoma, sans-serif;
			color: #bbb;
		}



		div .button {
			width: 315px;
			padding: 5px;
			background: #444;
			border: 0;
			text-decoration: none;
			font: small-caps 22px georgia, times new roman, sans-serif, trebuchet ms, lucida sans unicode, tahoma, sans-serif;
			color: #888;
			cursor: pointer;
		}

		div .button:hover {
			padding: 5px;
			background: #888;
			border: 0;
			text-decoration: none;
			font: small-caps 22px georgia, times new roman, sans-serif, trebuchet ms, lucida sans unicode, tahoma, sans-serif;
			color: #333;
			cursor: pointer;
		}

/* ### End: FORM ### */

		div#contMain p {
			width: 460px;
			margin: 0 0 20px 0;
			padding: 15px;
			background: url(../media/bg-p.jpg);
			text-align: justify;
			font: 22px georgia, times new roman, sans-serif, trebuchet ms, lucida sans unicode, tahoma, sans-serif;
			line-height: 34px;
			color: #999;
		}

		div#contMain p#footer {
			border-width: 1px 0 1px 0;
			border-style: solid;
			border-color: #fff;
			font: small-caps 12px georgia, times new roman, sans-serif, trebuchet ms, lucida sans unicode, tahoma, sans-serif;
			text-align: left;
			line-height: 24px;
		}

div#contSect {
	margin-left: 550px;
}

	div.cont200 {
		float: left;
		width: 200px;
		margin: 0 3% 0 0;
	}

		div#contSect p {
			width: 180px;
			margin: 0 0 20px 0;
			padding: 10px;
			background: url(../media/bg-p.jpg);
			text-align: justify;
			font: 10px trebuchet ms, lucida sans unicode, tahoma, sans-serif;
			line-height: 15px;
			color: #999;
		}



/* Portfolio: WEBDESIGN			filter: alpha(opacity=60);
			-moz-opacity: .60;
			opacity: .60;
 */

			div#sbj {
				width: 200px;
				padding-top: 100px;
				background: url(../media/web/sbj-200.jpg) top left no-repeat;
			}

			div#rndm {
				width: 200px;
				padding-top: 100px;
				background: url(../media/web/rndm-200.jpg) top left no-repeat;
			}

			div#cissi {
				width: 200px;
				padding-top: 100px;
				background: url(../media/web/cissi-200.jpg) top left no-repeat;
			}

			div#jens {
				width: 200px;
				padding-top: 100px;
				background: url(../media/web/jens-200.jpg) top left no-repeat;
			}

			div#idq {
				width: 200px;
				padding-top: 100px;
				background: url(../media/web/idq-200.jpg) top left no-repeat;
			}

			div#hl {
				width: 200px;
				padding-top: 100px;
				background: url(../media/web/hl-200.jpg) top left no-repeat;
			}

			div#plast {
				width: 200px;
				padding-top: 100px;
				background: url(../media/web/plast-200.jpg) top left no-repeat;
			}

			div#dh {
				width: 200px;
				padding-top: 100px;
				background: url(../media/web/dh-200.jpg) top left no-repeat;
			}

			div#ne {
				width: 200px;
				padding-top: 100px;
				background: url(../media/web/ne-200.jpg) top left no-repeat;
			}

			div#pintura {
				width: 200px;
				padding-top: 100px;
				background: url(../media/web/pintura-200.jpg) top left no-repeat;
			}

			div#rebecca {
				width: 200px;
				padding-top: 100px;
				background: url(../media/web/rebecca-200.jpg) top left no-repeat;
			}

			div#widinghoff {
				width: 200px;
				padding-top: 100px;
				background: url(../media/web/widinghoff-200.jpg) top left no-repeat;
			}

			div#studiojr {
				width: 200px;
				padding-top: 100px;
				background: url(../media/web/studiojr-200.jpg) top left no-repeat;
			}

			div#capoeira {
				width: 200px;
				padding-top: 100px;
				background: url(../media/web/capoeira-200.jpg) top left no-repeat;
			}

			div#scout {
				width: 200px;
				padding-top: 100px;
				background: url(../media/web/scout-200.jpg) top left no-repeat;
			}

			div#phpfa {
				width: 200px;
				padding-top: 100px;
				background: url(../media/web/phpfa-200.jpg) top left no-repeat;
			}



/* Portfolio: LOGOS */

			div#nelogo {
				width: 200px;
				padding-top: 100px;
				background: url(../media/logos/ne-200.jpg) top left no-repeat;
			}

			div#plastlogo {
				width: 200px;
				padding-top: 100px;
				background: url(../media/logos/plast-200.jpg) top left no-repeat;
			}

			div#inovalogo {
				width: 200px;
				padding-top: 100px;
				background: url(../media/logos/inovacasa-200.jpg) top left no-repeat;
			}

			div#sjrlogo {
				width: 200px;
				padding-top: 100px;
				background: url(../media/logos/studiojr-200.jpg) top left no-repeat;
			}

			div#pfalogo {
				width: 200px;
				padding-top: 100px;
				background: url(../media/logos/phpfa-200.jpg) top left no-repeat;
			}



/* Portfolio: ILLUSTRATIONS */

			div#roadmaps {
				width: 200px;
				padding-top: 100px;
				background: url(../media/illstr/roadmaps-200.jpg) top left no-repeat;
			}

			div#mv060713 {
				width: 200px;
				padding-top: 100px;
				background: url(../media/illstr/mv060713-200.jpg) top left no-repeat;
			}

			div#misprinted {
				width: 200px;
				padding-top: 100px;
				background: url(../media/illstr/misprintedrainbow-200.jpg) top left no-repeat;
			}

			div#colliding {
				width: 200px;
				padding-top: 100px;
				background: url(../media/illstr/collidingtones-200.jpg) top left no-repeat;
			}

			div#eroded {
				width: 200px;
				padding-top: 100px;
				background: url(../media/illstr/eroded-200.jpg) top left no-repeat;
			}

			div#happiness {
				width: 200px;
				padding-top: 100px;
				background: url(../media/illstr/happiness-200.jpg) top left no-repeat;
			}

			div#portrait {
				width: 200px;
				padding-top: 100px;
				background: url(../media/illstr/portrait-200.jpg) top left no-repeat;
			}

			div#deniro {
				width: 200px;
				padding-top: 100px;
				background: url(../media/illstr/deniro-200.jpg) top left no-repeat;
			}

			div#abstractface {
				width: 200px;
				padding-top: 100px;
				background: url(../media/illstr/abstractface-200.jpg) top left no-repeat;
			}

		div.cont200 #flickr {
			width: 200px;
			margin-bottom: 20px;
			padding: 10px 0 10px 0;
			text-align: center;
			background: url(../media/bg-p.jpg);
		}

			div.cont200 table {
				margin: 0 auto;
			}

				div.cont200 td {
					padding: 5px;
				}