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;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
		
		body {
			/*background: url(../images/body-bg.jpg) top center no-repeat #111111;*/
			background: url(../images/noise.png);
			color: #fff;
			font-family: Helvetica, Arial;
			font-size: 0.8em;
			text-align: center; /* IE hack */
			line-height: 25px;
		}
		
		img {
			border:0;
		}
		
		a {
			color: #3891F1;
			text-decoration: none;
		}
		
		a:hover {
			color: #98C6F8;
		}
		
		#header, #slideshow {
			margin: 0 auto;
			text-align: left;
		}
		
		#header {
			display: block;
			width: 197px;
			margin-top: 30px;
		}
		
		#slideshow {
			width: 900px;
			height: 505px;
			margin-top: 20px;
			position:relative;
			background: url(../images/ajax-loader.gif) center center no-repeat transparent;
			
			/*box-shadow: 0 10px 20px rgba(27, 27, 27, 1);
			-webkit-box-shadow: 0 10px 20px rgba(27, 27, 27, 1);
			-moz-box-shadow: 0 10px 20px rgba(27, 27, 27, 1);*/
			
			box-shadow: 0 0 20px #555;
			-webkit-box-shadow: 0 0 20px #555;
			-moz-box-shadow: 0 0 20px #555;
			
			border-radius: 11px;
			-moz-border-radius: 11px;
			-webkit-border-radius: 11px;
		}
			#slideshow #slidesContainer {
				margin:0 auto;
				width:900px;
				height:505px;
				overflow:auto; /* allow scrollbar */
				position:relative;
			}
			#slideshow #slidesContainer .slide {
				margin:0 auto;
				position:relative;
				width:900px; /* reduce by 20 pixels to avoid horizontal scroll */
				height:505px;
				border-radius: 11px;
				-moz-border-radius: 11px;
				-webkit-border-radius: 11px;
			}
			.control {
				display:block;
				/*background: url(../images/opacity.png);*/
				width:37px;
				height:70px;
				padding: 8px;
				text-indent:-10000px;
				position:absolute;
				cursor: pointer;
			}
			#leftControl {
				top:239px;
				right:900px;
				background: url(../images/control-left.png) no-repeat center center;
			}
				#leftControl:hover {
					background: url(../images/control-left-hover.png) no-repeat center center;
				}
			#rightControl {
				top:239px;
				left:900px;
				background:url(../images/control-right.png) no-repeat center center;
			}
				#rightControl:hover {
					background:url(../images/control-right-hover.png) no-repeat center center;
				}
		#slideshow .undertekst h1 {
			z-index: 11;
			margin-bottom: 0px;
			margin-top: 0;
			font-size: 14px;
			font-weight: bold;
		}
		#slideshow img {
			z-index: 1;
		}
		#slideshow .undertekst {
			z-index:10;

			width: 860px;
			position:absolute;
			bottom: 10px;
			left: 10px;
			background: url(../images/opacity.png);
			padding: 10px;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}
		#portfolio-overview {
			margin-top: 20px;
		}
		.portfolio-overview-item {
			z-index: 1;
			text-align:center;
			width: 290px;
			margin: 10px;
			display: inline-block;
		}
		.portfolio-overview-item img {
			z-index: 1;
			opacity: 0.7;
			-moz-box-shadow: 0 0 15px #333;
			box-shadow: 0 0 15px #333;
			-o-transition: width 0.15s ease-in, height 0.15s ease-in, box-shadow 0.15s ease-in, opacity 0.15s ease-in;
			-moz-transition: -moz-box-shadow 0.15s ease-in, opacity 0.15s ease-in;
			-webkit-transition: width 0.15s ease-in, height 0.15s ease-in, box-shadow 0.15s ease-in;
		}
		
		.portfolio-overview-item img:hover {
			opacity: 1;
			z-index: 100;
			-moz-box-shadow: 0 0 25px #555;
			box-shadow: 0 0 25px #555;
		}
			/*.page-curl {
				position: relative;
				background: #ffffff;
				background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
				-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
				-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); }

				.page-curl:after {
				z-index: -1;
				position: absolute;
				background: transparent;
				width: 70%;
				height: 55%;
				content: '';
				right: 10px;
				bottom: 10px;
				-webkit-transform: skew(15deg) rotate(5deg);
				-webkit-box-shadow: 8px 12px 10px rgba(0, 0, 0, 0.3);
				-moz-transform: skew(15deg) rotate(5deg);
				-moz-box-shadow: 8px 12px 10px rgba(0, 0, 0, 0.3); }

				.page-curl:before {
				z-index: -2;
				position: absolute;
				background: transparent;
				width: 70%;
				height: 55%;
				content: '';
				left: 10px;
				bottom: 10px;
				-webkit-transform: skew(-15deg) rotate(-5deg);
				-webkit-box-shadow: -8px 12px 10px rgba(0, 0, 0, 0.3);
				-moz-transform: skew(-15deg) rotate(-5deg);
				-moz-box-shadow: -8px 12px 10px rgba(0, 0, 0, 0.3); }*/
		#contact, #navigasjon {
			list-style: none;
			padding:0;
		}
		#contact {
			float:left;
		}
		#navigation {
			margin:0 auto;
			margin-top: 28px;
		}
		#navigation li {
			font-size: 14px;
			display: inline-block;
			margin-right: 2.5px;
			padding-bottom: 11px;
		}
			#navigation li.active {
				background: url('../images/nav-active-bg.png') bottom center no-repeat;
			}
			#navigation a {
			display: inline-block;
				color: #fff;
				width: 92px;
				padding-top: 3px;
				padding-bottom: 3px;
				background: url('../images/nav-bg-opacity.png');
				border-radius: 5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
			}
			#navigation li.active a, #navigation a:hover {
				background: url('../images/nav-bg-active-opacity.png');
			}
		#subnav {
			margin: 0 auto;
			max-width: 800px;
			margin-top: 15px;
		}
			#subnav li {
				display: inline;
				list-style-type: none;
				font-size: 12px;
				margin-right: 15px;
			}
				#subnav li.active a {
					color: #fff;
					font-weight:bold;
				}
				#subnav a {
					color: #ccc;
					font-weight: normal;
				}
				#subnav a:hover {
					color: #fff;
				}
		#description {
			text-align:left;
			margin: 0 auto;
			/*background: url('../images/description-bg-gradient.png') repeat-x bottom;*/
			background: #111111;
			padding:15px;
			width: 843px;
			border-bottom-left-radius: 10px;
			border-bottom-right-radius: 10px;
			-webkit-border-bottom-left-radius: 10px;
			-webkit-border-bottom-right-radius: 10px;
			-moz-border-radius-bottomleft: 10px;
			-moz-border-radius-bottomright: 10px;
		}
			#description h1, #description a { 
				font-size: 18px;
				color: #B3C5CC;
			}
		
		#footer {
			color: #999;
			font-size: 12px;
			margin:0 auto;
			width: 860px;
			border-top: 1px solid #1F1F1F;
			clear:both;
			margin-top: 30px;
			padding-bottom: 100px;
			padding-top: 10px;
		}
		#footer p {
			width: 215px;
			float:left;
		}
		
		.right {
			float:right;
		}
		.text-left {
			text-align: left;
		}
		.text-right {
			text-align: right;
		}
		
		#navigasjon, #contact, .undertekst		{
			display:none;
		}