body {
	margin:0;
	border:0;
	padding:0;
	background-image:url(../images/bg_noise.png);
	background-repeat:repeat;
	font-family:"acuta-1", Times, serif;
	font-weight:400;
	font-style:italic;
	color:#FFF;
	font-size:14px;
}
#wrapper{
	width:1024px;
	margin:0 auto;
	position:relative;
}

/* pil under valgt menu */

.nav-active-forside{
	width:12px;
	height:10px;
	background-image:url(../images/valgt_forside.png);
	position:absolute;
	left: 723px;
	top: 27px;
}
.nav-active-profil{
	width:12px;
	height:10px;
	background-image:url(../images/valgt_profil.png);
	position:absolute;
	left: 782px;
	top: 27px;
}
.nav-active-referencer{
	width:12px;
	height:10px;
	background-image:url(../images/valgt_referencer.png);
	position:absolute;
	left: 846px;
	top: 27px;
}
.nav-active-kontakt{
	width:12px;
	height:10px;
	background-image:url(../images/valgt_kontakt.png);
	position:absolute;
	left: 923px;
	top: 27px;
}

/* navigations menu */

#nav-menu{
	width:1024px;
	height:35px;
	background-image: url(../images/menu.png);
	float:left;
	margin:0;
	padding:0;
	text-align:right;
	font-weight:700;
	font-style:italic;
}
#nav-menu ul{
	padding:0;
	margin:0;
	list-style:none;
	float:right;
	margin-right:70px;
	margin-top:10px;
}
#nav-menu li{
	margin-left:20px;
	display:inline;
}
#nav-menu li a:link{
	text-decoration:none;
	color:#FFF;
	border-radius:6px;
}
#nav-menu li a:active{
	text-decoration:none;
	color: #FFF;
	border-radius:6px;
}
#nav-menu li a:visited{
	text-decoration:none;
	color:#FFF;
	border-radius:6px;
}
#nav-menu li a:hover{
	text-decoration:none;
	color: #000;
	background-color: #FFF;
	border-radius:6px;
}
#logo-box{
	width:170px;
	height:180px;
	position:absolute;
	top:-40px;
	left:51px;
	background-image: url(../images/logo-box.png);
	z-index:1;
}
#main-repeat{
	width:1022px;
	height:auto;
	min-height:200px;
	background-color:#000;
	border-left:1px solid #282828;
	border-right:1px solid #282828;
	float:left;
}
	

/* --------------------Forside elementer-------------------- */

#header_forside{
	width:1022px;
	height:0px;
	background-color:#FFF;
	float:left;
	border-top: 2px solid #4e7091;
	border-left:1px solid #282828;
	border-right:1px solid #282828;
}
.gradient_blue{
	width:1022px;
	height:150px;
	background-image: url(../images/gradient_blue.png);
	background-repeat:repeat-x;
	background-position:bottom;
	border: 1px solid #688aaa;
	float:left;
	position:absolute;
	left: 0px;
	top: 815px;
}
h6{
	font-size:50px;
	font-weight:normal;
	padding:0;
	margin-top:0;
	line-height:50px;
	margin-bottom:20px;
	font-family:"acuta-1", Times, serif;
	font-weight:700;
	font-style:italic;
}
.welcome_circle{
	width:381px;
	height:400px;
	background-image: url(../images/circle_forside.png);
	position:absolute;
	left: 76px;
	top: 520px;
}
.welcome_text{
	width:230px;
	height:270px;
	text-align:left;
	padding-top:65px;
	margin: 0 auto;
}
.welcome_text a:link{
	color: #FFF;
	text-decoration:none;
}
.welcome_text a:visited{
	color:#FFF;
	text-decoration:none;
}
.welcome_text a:hover{
	text-decoration:none;
	color:#CCC;
}
.welcome_text a:active{
	text-decoration:none;
	color:#CCC;
}	
.working_on_circle{
	width:201px;
	height:220px;
	position:absolute;
	left: 654px;
	top: 704px;
	background-image: url(../images/circle_working_on.png);
}
.working_on_text{
	width:200px;
	height:40px;
	text-align:center;
	margin-top:80px;
	line-height:40px;
}
.working_on_title{
	position:absolute;
	width:230px;
	height:200px;
	left: 653px;
	top: 581px;
	text-align:left;
}

/* --------------------Profil elementer--------------------r */

#header_profil{
	width:1022px;
	height:50px;
	background-color:#000;
	float:left;
	border-top: 2px solid #519b39;
	border-left:1px solid #282828;
	border-right:1px solid #282828;
}
.bg_green{
	width:1022px;
	height:500px;
	background-color:#519b39;
	border: 1px solid #53ae35;
	float:left;
}
#gradient_green{
	background-image: url(../images/gradient_green.png);
	background-repeat:repeat-x;
	height:500px;
	background-position:bottom;
}
.circle_green{
	width:500px;
	height:400px;
	background-image: url(../images/circle_profil.png);
	position:absolute;
	left: 523px;
	top: 82px;
}
.fakta_text{
	width:230px;
	height:270px;
	text-align:left;
	padding-top:65px;
	padding-left:100px;
}
.cv_botton{
	width:88px;
	height:100px;
	position:absolute;
	left: 880px;
	top: 375px;
}
.skills_botton{
	width:88px;
	height:100px;
	position:absolute;
	left: 595px;
	top: 659px;
}
.brain{
	width:535px;
	height:458px;
	background-image:url(../images/profile_brain.png);
	position:absolute;
	left: 499px;
	top: 527px;
}
.program_text{
	width:500px;
	height:100px;
	position:absolute;
	left: 84px;
	top: 660px;
}
.program_botton{
	width:330px;
	height:70px;
	position:absolute;
	left: 77px;
	top: 816px;
}

/* --------------------Referencer elementer-------------------- */

#header_referencer{
	width:1022px;
	height:100px;
	background-color:#000;
	float:left;
	border-top: 2px solid #9d3e3e;
	border-left:1px solid #282828;
	border-right:1px solid #282828;
}
#pic-container{
	width:600px;
	float:left;
	margin-top:10px;
	margin-left:60px;
	margin-bottom:20px;
}
#pic-container img{
	margin-bottom:20px;
	border:1px solid #282828;
}
#project-text{
	width:280px;
	height:400px;
	float:left;
	margin-left:20px;
	margin-top:11px;
	color:#999;
}
h2{
	color:#FFF;
	font-size:16px;
	margin-top:5px;
}
#back-buttom{
	width:280px;
	height:20px;
	float:left;
	margin-top:10px;
	margin-left:20px;
	text-align:left;
	border-bottom: 1px solid #424242;
}
#back-buttom a:link{
	color:#424242;
	text-decoration:none;
}
#back-buttom a:active{
	color:#999;
	text-decoration:none;
}
#back-buttom a:visited{
	color:#424242;
	text-decoration:none;
}
#back-buttom a:hover{
	color:#999;
	text-decoration:none;
}
#launch_site{
	font-weight:bold;
	width:280px;
	height:20px;
	padding-top:5px;
	margin-top:20px;
	text-align:center;
	border-radius:6px;
	color:#000;
	background: #424242; /* for non-css3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#424242), to(#191919)); /* For Webkit Browsers */
	background: -moz-linear-gradient(top,  #424242,  #191919); /* For Firefox 3.6+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#424242', endColorstr='#19191919'); /* For Internet Explorer */
	text-shadow: #000 0px 1px 0px;
}
#launch_site a:link{
	color:#575757;
	text-decoration:none;
}
#launch_site a:active{
	color:#000;
	text-decoration:none;
}
#launch_site a:visited{
	color:#575757;
	text-decoration:none;
}
#launch_site a:hover{
	color:#999;
	text-decoration:none;
}
#opdeling{
	width:600px;
	height:19px;
	border-top:solid 1px #424242;
	border-bottom:solid 1px #424242;
	text-align:center;
	margin-bottom:20px;
	color:#424242;
}
/* --------------------Kontakt elementer-------------------- */

#header_kontakt{
	width:1022px;
	height:100px;
	background-color:#000;
	float:left;
	border-top: 2px solid #a87223;
	border-left:1px solid #282828;
	border-right:1px solid #282828;
}
.circle_contact{
	width:480px;
	height:400px;
	background-image:url(../images/circle_contact.png);
	float:left;
	margin-left:52px;
	margin-top:68px;
}
.contact_text{
	width:230px;
	height:200px;
	text-align:left;
	margin-top:90px;
	margin-left:80px;
	float:left;
}	


/* --------------------Footer-------------------- */	
	
#footer{
	width:1022px;
	height:290px;
	float:left;
}
.footer_text{
	width:500px;
	height:100px;
	color: #575757;
	margin-left:30px;
	float:left;
	margin-top:80px;
}
.footer_text a:link{
	color: #818181;
	text-decoration:none;
}
.footer_text a:visited{
	color: #818181;
	text-decoration:none;
}
.footer_text a:hover{
	color: #C0C0C0;
}
.footer_text a:active{
	color: #818181;
}
.follow-container{
	width:310px;
	height:100px;
	color: #424242;
	float:left;
	margin-left:100px;
	margin-top:80px;
}
#breakdown{
	width:1px;
	height:90px;
	background-color: #393939;
	border-right:1px solid #000;
	float:left;
	margin-top:70px;
	margin-left:20px;
}
h1{
	color: #575757;
	font-size:14px;
	margin-right:20px;
	margin-top:25px;
	float:left;
}