/*
The main box for the graphics.
*/
#main_graf {
	position:absolute;
	width:350px;
	top: 60px;
	left: 60px;
	}
	
/*
Top left coner, PNG image.
*/
#img_one {
	background-image: url(../images/top_coner1.png);
	background-repeat: no-repeat;
	float: left;
	position: relative;
	height: 100px;
	width: 100px;
	}

/*
The company name, PNG image.
*/
#img_two {
	background-image: url(../images/name.png);
	background-repeat: no-repeat;
	position: relative;
	height: 100px;
	width: 242px;
	float: right;
	}

/* Övre högra hörnet */
#corner {
	background-image: url(../images/top_coner2.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 100px;
	width: 100px;
	top: 0px;
	left: 420px;
	float: right;
	}

/*
Girl in middle, PNG image
*/
#img_three {
	background-image: url(../images/girl.png);
	float: left;
	height: 239px;
	width: 100%;
	position: absolute;
	top: 100px;
	left: 0px;
	background-repeat: no-repeat;
	background-position: center;
	}

/*
Bottom coner, PNG image.
*/
#img_four {
	background-image: url(../images/bottom_coner1.png);
	background-repeat: no-repeat;
	float: right;
	height: 100px;
	width: 100px;
	position: relative;
	}

/*
The navigation box
*/
div.nav {
	position: absolute;
	z-index: 1;
	height: auto;
	width: 150px;
	top: 175px;
	left: 60px;
	}

/*
Drenai Data info
*/
div.info1 {
	position: absolute;
	z-index: 1;
	height: auto;
	width: 230px;
	top: 400px;
	left: 60px;
	}

/*
Wellcome text
*/
div.info2 {
	position: absolute;
	z-index: 1;
	height: auto;
	width: 240px;
	left: 335px;
	top: 160px;
	}

/*
Company information.
*/
div.info3 {
	position: absolute;
	z-index: 1;
	height: auto;
	width: 300px;
	left: 335px;
	top: 175px;
}
/*

linje
*/
div.v-linje-h {
	position: absolute;
	z-index: 1;
	height: 239px;
	width: 2px;
	left: 578px;
	top: 160px;
	}