@charset "utf-8";
/* --<<[[ RESET ]]>>-- */
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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	/*clear: both;*/
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}
.clear{
	clear: both;
}

/* --<<[[ LAY-OUT ]]>>-- */
body{
	background: #cccccc url(../../images/layout/body_bg.png) repeat;
	position: relative;	
}
	#body-gradient{
		background: url(../../images/layout/body_gradient.png) 0 0 repeat-x;
		height: 380px;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 0;
	}
	#container{
		background: url(../../images/layout/container_bg.png) 60px 50px no-repeat;
		height: 690px;
		margin: 0 auto;
		position: relative;
		width: 940px;
		z-index: 1;
	}
		#content, #navigation{
			left: 70px;
			position: absolute;
			right: 70px;
			width: 800px;	
		}
		#content{
			height: 470px;
			overflow: hidden;
			position: relative;
			top: 60px;
			width: 800px;
		}
			#album-name{
				background: rgba(0,0,0,.75);
				border: 1px solid rgba(255,255,255,.25);
				color: #ffffff;
				font: normal 11px/14px 'Ubuntu', Arial, Helvetica, sans-serif;
				left: 300px;
				padding: 14px 9px;
				position: absolute;
				text-align: center;
				text-shadow: 1px 1px 2px rgba(0,0,0,.75);
				top: -1000px;
				width: 200px;	
				z-index: 10;
				
				box-shadow: 3px 3px 3px rgba(0,0,0,.25), inset 5px 5px 5px rgba(0,0,0,.25); 
				-moz-box-shadow: 3px 3px 3px rgba(0,0,0,.25), inset 5px 5px 5px rgba(0,0,0,.25); 
				-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.25), inset 5px 5px 5px rgba(0,0,0,.25);
				
				border-radius: 0px 0px 20px 20px;
				-moz-border-radius-topleft: 0px;
				-moz-border-radius-topright: 0px;
				-moz-border-radius-bottomright: 20px;
				-moz-border-radius-bottomleft: 20px;
				-webkit-border-radius: 0px 0px 20px 20px;
			}
			#content-wrapper{
				font-size: 0px;
				left: 0;
				line-height: 0px;
				position: absolute;
				top: 0;	
				width: 10000px;
			}
				#content-wrapper.home img{
					display: block;
					float: left;
				}
				#content-wrapper.home br{
					clear: both;	
				}
				#content-wrapper .page,
				#content-wrapper .album-content{
					color: #161514;
					float: left;
					font: normal 12px/18px 'Ubuntu', Arial, Helvetica, sans-serif;
					height: 350px;
					padding: 60px 70px;
					width: 660px;	
				}
				#content-wrapper .page{
					color: #161514;
					text-shadow: 1px 1px 1px rgba(255,255,255,.50);
				}
				#content-wrapper .album-content{
					color: #ffffff;
					position: relative;
					text-shadow: 1px 1px 1px rgba(0,0,0,.75);
				}
					#content-wrapper .page h2,
					#content-wrapper .album-content h2{
						font: normal 18px/24px 'Ubuntu', Arial, Helvetica, sans-serif;
						padding: 0 0 18px 0;
					}
					#content-wrapper .page p,
					#content-wrapper .album-content p{
						padding: 0 0 18px 0;
						text-align: justify;	
					}
				#content-wrapper .album{
					float: left;
					font-size: 0px;
					height: 460px;
					line-height: 0px;
					padding: 5px;
					width: 790px;	
				}
					.fancybox{
						background: rgba(0,0,0,.50);
						display: block;
						float: left;
						height: 120px;
						margin: 5px;
						outline: none;
						padding: 10px;
						position: relative;
						width: 165px;
						
						box-shadow: 3px 3px 3px rgba(0,0,0,.25); 
						-moz-box-shadow: 3px 3px 3px rgba(0,0,0,.25); 
						-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.25);
					}
						.fancybox img{
							left: 10px;
							position: absolute;	
							top: 10px;
						}
					#content-wrapper.gallery br{
						clear: both;
					}
					
			#google-map{
				height: 470px;
				width: 800px;	
			}
				.gmap_marker{
					color: #333333;
					font: normal 11px/14px 'Ubuntu', Arial, Helvetica, sans-serif;
					padding: 0 15px;
					text-shadow: 1px 1px 1px rgba(0,0,0,.25);
				}
					.gmap_marker a{
						color: #333333;
						text-decoration: underline;	
					}
					.gmap_marker a:hover{
						text-decoration: none;
					}
					.gmap_marker p{
						margin: 10px 0;
					}
					.gmap_marker span{
						display: block;
						float: left;
						width: 35px;	
					}
			#vcard{
				display: none;	
			}
			#next-link,
			#prev-link{
				background-image: url(../../images/layout/nav.png);
				background-repeat: no-repeat;
				display: block;
				font-size: 0px;
				height: 42px;
				line-height: 0px;
				outline: none;
				position: absolute;
				text-decoration: none;
				text-indent: -99999px;	
				top: 275px;
				width: 30px;
			}
			#next-link{
				background-position: -45px -48px;
				right: 15px;
			}
			#prev-link{
				background-position: -5px -48px;
				left: 15px;
			}
			#navbar{
				position: absolute;
				top: 38px;
			}
				#navbar li{
					background: url(../../images/layout/nav.png) -3px -34px no-repeat;
					cursor: pointer;
					display: block;
					float: left;
					font-size: 0px;
					height: 14px;
					line-height: 0px;
					margin: 0 3px;
					text-indent: -99999px;
					width: 14px;
				}
				#navbar li.active{
					background-position: -23px -34px;
				}
			
		#navigation{
			bottom: 30px;
			height: 90px;
			top: 530px;
		}
			#logo{
				left: 30px;
				outline: none;
				position: absolute;
				top: 17px;	
			}
			#navigation ul{
				left: 305px;
				position: absolute;
				top: -5px;
			}
			#navigation ul li{
				display: block;
				float: left;
				font-size: 0%;
				line-height: 0%;
				padding: 0 5px;
				position: relative;
			}
			#navigation ul a{
				color: #333333;
				display: block;
				font: normal 12px/18px 'Ubuntu', Arial, Helvetica, sans-serif;
				outline: none;
				padding: 40px 35px 15px 25px;
				position: relative;
				text-decoration: none;
				text-shadow: 1px 1px 2px rgba(0,0,0,.25);
			}
			#navigation ul a:hover{
				text-shadow: 0 0 10px rgba(0,0,0,.5);
			}
				#navigation ul a span{
					background: url(../../images/layout/nav.png) -4px -20px no-repeat;
					display: block;
					height: 7px;
					position: absolute;
					right: 15px;
					top: 47px;
					width: 7px;
				}
				#navigation ul ul{
					background: rgba(0,0,0,.75);
					border: 1px solid rgba(255,255,255,.25);
					bottom: 73px;
					display: none;
					height: auto;
					left: 0;
					padding: 12px 14px;
					position: absolute;
					top: auto !important;
					
					box-shadow: 3px 3px 5px rgba(0,0,0,.25); 
					-moz-box-shadow: 3px 3px 5px rgba(0,0,0,.25); 
					-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,.25);
				}
					#navigation ul ul li{
						float: none;
						padding: 2px 0;	
					}
					#navigation ul ul a{
						background: url(../../images/layout/nav.png) -56px 10px no-repeat;
						color: #ffffff;
						padding: 4px 15px 4px 25px;
						text-shadow: 1px 1px 2px rgba(0,0,0,.75);
						width: 110px;
					}
					#navigation ul ul a:hover{
						background-color: rgba(0,0,0,.85);	
					}
			#navigation br{
				clear: both;	
			}
		#birgerdesign{
			background: url(../../images/birgerdesign.png) 0 0 no-repeat;
			bottom: 13px;
			display: block;
			font-size: 0px;
			height: 15px;
			left: 431px;
			line-height: 0px;
			position: absolute;
			text-indent: -99999px;	
			width: 79px;
		}
			#birgerdesign span{
				background: url(../../images/birgerdesign.png) 0 -15px no-repeat;
				display: none;
				height: 15px;
				left: 0;
				position: absolute;
				top: 0;
				width: 79px;
			}