/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	/*font: 11pt/1.2 "helvetica neue", helvetica, arial, sans-serif;*/
}



body {
	font: 12pt/1.2 times, georgia, serif;
	font-style: italic;
}
h3 {
	font-size: 1.2em;
	font-style: italic;
	font-weight: normal;
}
a:link, a:visited {
	color: #ffffff;
	font-style: italic;
	text-decoration: none;
}
a:hover, a:active {
	color: #9ec9c1;
}
a.external {
	target-new: tab !important;
}
/*img {
	background: #000000 url(loader.gif) no-repeat center center;
}*/
ol, ul {
	list-style: none;
}
sup {
	padding-left: 1px;
	vertical-align: top;
	font-size: 0.8em;
}



p.center {
	text-align: center;
}
.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.caps {
	text-transform: uppercase;
	font-size: 0.85em;
}
.loader {
	margin-top: 200px;
	margin-left: 206px;
	padding-top: 35px;
	padding-bottom: 10px;
	width: 100px;
	background: #000000 url(loader.gif) no-repeat 43px 10px;
	font-size: 0.7em;
	color: #ffffff;
	text-align: center;
	position: fixed;
}



#wrapper {
	width: 100%;
	height: 100%;
	position: absolute;
	color: #586d73;
}
	#bg {
		width: 100%;
		height: 100%;
		min-width: 960px;
		position: fixed;
		background: #000000 url(bg.gif) no-repeat top center;
	}
	#main {
		margin-left: auto;
		margin-right: auto;
		width: 960px;
		height: 100%;
	}
		#jazz {
			margin-left: -100px;
			position: fixed;
		}
			#jazz .table {
				margin-top: -419px; 
				margin-left: 80px;
				width: 419px;
				height: 224px;
				background: url(table.png) no-repeat 0px 0px;
				position: fixed;
			}
				#jazz .mug {
					margin-top: -36px; 
					margin-left: 310px;
					width: 25px;
					height: 36px;
					background: url(mug.png) no-repeat 0px 0px;
					position: fixed;
				}
				#jazz .laptop {
					margin-top: -92px; 
					margin-left: 190px;
					width: 113px;
					height: 92px;
					background: url(laptop.png) no-repeat 0px 0px;
					position: fixed;
				}
			#jazz .chair {
				margin-top: -391px; 
				width: 249px;
				height: 391px;
				background: url(chair.png) no-repeat 0px 0px;
				position: fixed;
			}
				#jazz .teeny {
					margin-top: -516px; 
					margin-left: 69px;
					width: 192px;
					height: 516px;
					background: url(teeny.png) no-repeat 0px 0px;
					position: fixed;
				}
		#content, #bigass, .content, .bigass {
			margin-left: 330px;
			padding: 20px;
			padding-top: 0px;
			width: 340px; /* 380px */
			background: url(main.png) repeat;
			position: absolute;
		}
			#bigass, .bigass {
				margin-left: 0px; 
				width: 670px
			}
			#content-wrapper, .content-wrapper {
				padding-top: 200px;
			}
				#bigass-wrapper, .bigass-wrapper {
					padding-top: 53px;
					padding-bottom: 33px;
				}
			#content img, #bigass img, .content img, .bigass img {
				margin-top: 30px;
			}
				#bigass img, .bigass img {
					margin-left: auto;
					margin-right: auto;
					display: block;
				}
			#content p, #bigass p, .content p, .bigass p {
				margin-top: 20px;
				font-size: 0.9em;
			}
			#content h2, #bigass h2, .content h2, .bigass h2 {
				height: 31px;
				text-indent: -1000000px;
			}
				h2#index {
					width: 252px;
					height: 82px;
					background: url(h2-hi.png) no-repeat top left;
				}
				h2#about {
					width: 74px;
					height: 32px;
					background: url(h2-about.png) no-repeat top left;
				}
				h2#folio {
					width: 103px;
					background: url(h2-folio.png) no-repeat top left;
				}
				h2#contact {
					width: 95px;
					background: url(h2-contact.png) no-repeat top left;
				}
			h3#latest {
				margin-top: 30px;
				margin-bottom: 10px;
				width: 340px;
				height: 20px;
				background: url(h3-latest.png) no-repeat bottom left;
				text-indent: -1000000px;
			}
			#internship {
				margin-top: 10px;
				margin-left: 220px;
				width: 120px;
				height: 120px;
				background: url(internship.png) no-repeat top left;
				text-indent: -1000000px;
				position: absolute;
			}
			#content .section, #bigass .section, .content .section, .bigass .section {
				margin-top: 30px;
				padding-top: 35px;
				background: url(divider.png) no-repeat top left;
			}
				.reverse-section {
					margin-bottom: 30px;
					padding-bottom: 35px;
					background: url(divider.png) no-repeat bottom left;
				}
				.sub-section {
					margin-top: 20px;
				}
			#content a.more:link, #content a.more:visited, #bigass a.more:link, #bigass a.more:visited, .content a.more:link, .content a.more:visited, .bigass a.more:link, .bigass a.more:visited {
				font-size: 0.8em;
				line-height: 1;
				text-align: right;
			}
			#content .project, #bigass .project, .content .project, .bigass .project {
				width: 340px;
				height: 150px;
				background: #202020;
			}
			#content ul, #bigass ul, .content ul, .bigass ul {
				margin-top: 20px;
			}
			.folio img {
				clear: both;
			}
			.folio h3 {
				float: left;
			}
			.folio span.editorial, .folio span.identity, .folio span.illustration, .folio span.packaging, .folio span.web {
				margin-top: 5px;
				height: 13px;
				text-indent: -1000000px;
				display: block;
				float: right;
			}
				.folio span.editorial {
					width: 48px;
					background: url(folio-label-editorial.png) no-repeat top left;
				}
				.folio span.identity {
					width: 42px;
					background: url(folio-label-identity.png) no-repeat top left;
				}
				.folio span.illustration {
					width: 62px;
					background: url(folio-label-illustration.png) no-repeat top left;
				}
				.folio span.packaging {
					width: 53px;
					background: url(folio-label-packaging.png) no-repeat top left;
				}
				.folio span.web {
					width: 21px;
					background: url(folio-label-web.png) no-repeat top left;
				}
			a#folio-back {
				display: block;
				float: right;
			}
			.lightbox-bg {
				top: 0px;
				width: 100%;
				height: 100%;
				background: url(main.png) repeat;
				position: fixed;
			}
			.lightbox {
				top: 0px;
				margin-top: 28px;
				width: 100%;
				position: absolute;
			}
				.lightbox img {
					margin-left: auto;
					margin-right: auto;
					display: block;
				}
				.lightbox .controls {
					margin-left: auto;
					margin-right: auto;
					margin-bottom: 10px;
					width: 960px;
					height: 15px;
				}
					.lightbox .controls .previous, .lightbox .controls .next {
						padding-right: 15px;
						width: 9px;
						height: 15px;
						background: url(left.png) no-repeat;
						text-indent: -1000000px;
						display: block;
						float: left;
					}
						.lightbox .controls .next {
							background: url(right.png) no-repeat;
						}
					.lightbox .controls .close {
						width: 15px;
						height: 15px;
						background: url(x.png) no-repeat;
						text-indent: -1000000px;
						display: block;
						float: right;
					}
				.lightbox .loader {
					margin: 0px;
					margin-left: auto;
					margin-right: auto;
					position: relative;
				}
			#bigass div.slideshow, .bigass div.slideshow {
				width: 670px;
				overflow: hidden;
			}
				#bigass div.slideshow ul, .bigass div.slideshow ul {
					margin: 0px;
				}
				#bigass div.slideshow ul li, .bigass div.slideshow ul li {
					display: block;
					float: left;
				}
				#bigass div.navi {
					margin-top: 10px;
					margin-left: auto;
					margin-right: auto;
					height: 10px;
				}
					#bigass div.navi a.idle, #bigass div.navi a.this {
						margin-left: 3px;
						margin-right: 3px;
						width: 10px;
						height: 10px;
						display: block;
						float: left;
					}
					#bigass div.navi a.idle {
						background: url(slideshow-idle.png) no-repeat;
					}
					#bigass div.navi a.this {
						background: url(slideshow-this.png) no-repeat;
					}
				#bigass p.no-slideshow {
					margin-top: 10px;
					font-size: 0.7em;
					text-align: center;
				}
		#sidebar {
			margin-top: 53px; /* 200px */
			margin-left: 730px;
			margin-right: 10px;
			width: 220px;
			position: fixed;
		}
			#sidebar h1 {
				margin-bottom: 50px;
				width: 226px;
				height: 97px;
				background: url(majkenbagge.png) no-repeat top left;
			}
				#sidebar h1 a {
					width: 226px;
					height: 97px;
					text-indent: -1000000px;
					display: block;
				}
			#menu {
				list-style: none;
			}
				#menu li a:link, #menu li a:visited {
					margin: 0px;
					margin-bottom: 12px;
					width: 90px;
					height: 17px;
					background-position: 0px 0px;
					background-repeat: no-repeat;
					text-indent: -1000000px;
					display: block;
				}
				#menu li a:hover, #menu li a:active {
					background-position: -91px 0px;
				}
					#menu-home {
						background-image: url(menu-home.png);
					}
					#menu-about {
						background-image: url(menu-about.png);
					}
					#menu-folio {
						background-image: url(menu-folio.png);
					}
					#menu-hi {
						background-image: url(menu-hi.png);
					}