@CHARSET "ISO-8859-1";


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, 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-weight: inherit; font-style: inherit; font-size: 100%;	font-family: inherit;	vertical-align: baseline;}
ol, ul { list-style: none;}table {	border-collapse: separate;	border-spacing: 0;}caption, th, td { text-align: left;	font-weight: normal;}

body {
	font-family: Georgia, verdana;
	font-size: 12px;
	background: #332e28 url("img/logotop.jpg") no-repeat 9px top;
	color: #7d7467;
}


#handverksite {
	overflow: hidden;
	margin: 4px 0 50px 2px;
}

h2 {
	font-weight: bold;
	font-size: 1em;
	padding: 0 0 22px 0;
}

h3 {
	font-weight: bold;
	font-size: 1em;
}

p {
	line-height: 1.6em;	
	font-size: 1em;
	padding-bottom: 20px;
}

a {
	color: #7d7467;
	font-size: 1em;
}


/*
 *  NAVIGATION ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 */

	#mainnav {
		width: 215px;
	}
	
	a.logo {
		display: block;
	}
		a.logo img {
			display: block;
			border: 0;
		}
	
	
	#mainnav div.navigation {
		margin-top: 7px;
		padding: 7px;
		height: 449px; /* 463 - 14px */
		background: transparent url("img/box_nav.png") no-repeat left top;
	}
	
	#mainnav div.navigation div.container {
		background-color: #f3f1e2;
		height: 449px;
	}
	
	#mainnav h2 {
		text-transform: uppercase;
		color: #191000;
		padding: 29px 0 0 8px;
	}
	
	#mainnav ul {
		margin: 18px 0 0 12px;
		padding-bottom: 10px;
		background: transparent url("img/someline.gif") no-repeat left bottom;
	}
	
	#mainnav ul.rest {
		margin-top: 30px;
		background: none;
	}
	
	
	#mainnav li {
		margin-left: 6px;
	}
	
	#mainnav li a {
		color: #6f695b;
		text-decoration: none;
	}
	
	#mainnav li a:hover {
		color: #191000;
		text-decoration: underline;
	}
	
	#mainnav li.active a {
		font-weight: bold;
		color: #191000;
	}
	
/*
 *  FIXED SECTIONS  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 */

	div.news {
		padding: 7px;
		height: 404px;
		color: #7d7467;
	}
	
	#contact, #aboutus {
		color: #fff;
		padding: 7px;
		height: 404px;
		margin-top: 7px;
	}
	
	.column {
		margin: 7px 0 0 7px;
		float: left;
	}

	div.news div.newsitem {
		padding-bottom: 18px;
		font-size: 1em;
		width: 370px;
	}

	div.news h2 {
		padding-top: 20px;
	}
	
	
	div.infoFrame {
		display: none;
		margin: 7px;
		padding: 7px;
		width: 875px;
		height: 612px;
		background-color: #0f0902;
	}
	
	div.infoFrame h2 {
		padding-top: 65px;
		padding-left: 15px;
	}
	
	div.infoFrame h3 {
		padding-left: 15px;
	}
	
	div.infoFrame p {
		padding-left: 15px;
		width: 514px;
	}
	
	div.infoFrame a {
		padding-right: 5px;
	}
	
	div.infoFrame div.info {
		width: 400px;
		float: left;
	}
	
	div.infoFrame div.extra {
		padding-top: 73px;
		width: 447px;
		float: left;
	}
	
	#contactpicturelinks {
		padding-top: 10px;
		text-align: right;
	}	
	
	#contactpicturelinks a { 
		text-decoration: none;
	}
	#contactpicturelinks a:hover {
		text-decoration: underline;
	}
	
	div.credits {
		color: #5c5855;
		text-align: right;
		padding-top: 30px;
	}
	
/*
 *  PROJECT THUMBS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 */
	
	div.project {
		color: #fff;
		padding: 7px;
		height: 404px;
	}
		div.project img.thumb {
			height: 286px;
		}
	
		div.description {
			margin: 10px 0 0 0;
			padding: 17px 0 0 0;
			background: transparent url("img/indicator.gif") no-repeat left top;
			color: #7d7467;
			font-size: 1em;
			line-height: 1.4em;
		}



/*
 *  PROJECT POPUP  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 */

	#closeFrameButton {
		display: none;
		z-index: 202;
		position: absolute;
		top: 130px;
		left: 150px;
		width: 17px;
		height: 18px;
		background: transparent url("img/closeIcon.png") no-repeat left top;
		cursor: pointer;
	}
 
	#frame {
		display: none;
		z-index: 201;
		position: absolute;
		text-align:left;
		top: 130px;
		left: 150px;
		
		background: #fff;
	}
	
	
	#frameBackground {
		display: none;
		position: fixed;
		z-index: 200;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background: transparent url("img/framebg.png") repeat left top;
	}

	#loadingFrame {
		display: none;
		width: 400px;
		height: 400px;
		background: #fff url("img/loader.gif") no-repeat 192px 192px;
	}

	#errorFrame {
		display: none;
	}
	
	#projectFrame {
		display: none;
		background-color: #0f0902;
		margin: 7px;
		padding: 7px;
	}
	
	#projectImageView {
		height: 643px;
	}
	
	#projectDescription {
		width: 380px;
		float: left;
		margin-top: 20px;
		font-size: 1em;
	}
	
	
	
	#projectImageBrowsing {
		margin-top: 5px;
		overflow: hidden;
		text-align: right;
		background: transparent url("img/indicator.gif") no-repeat left 3px;
	}
	
		#projectImageBrowsing a { 
			cursor: pointer;
			padding: 0 0 0 4px;
			font-size: 1em;
		}
		
		#projectImageBrowsing a.active, #projectImageBrowsing a:hover {
			color: #fff;
		}
		
		#projectImageBrowsing a.next, #projectImageBrowsing a.prev {
			padding-left: 16px;
		}
		


	#projectdetail {
		background-color: #fff;
		overflow: hidden;
		margin: 7px;
		float: left;
	}
	
	#projectdetail #projectFrame { 
		display: block;
		overflow: hidden;
	}
	#projectdetail #projectImageView {
		height: auto;
	}
	
	#projectdetail #projectDescription {
		padding-bottom: 20px;
	}




	.BOX_1 { width: 201px; background: transparent url("img/box_sprite.png") no-repeat left top;}
	.BOX_2 { width: 423px; background: transparent url("img/box_sprite.png") no-repeat -235px top;}
	.BOX_3 { width: 645px; background: transparent url("img/box_sprite.png") no-repeat -692px top;}
		
	.BOX_1 img.thumb { width: 201px; }
	.BOX_2 img.thumb { widht: 459px; }
	.BOX_3 img.thumb { width: 645px; }