html{
	font-size:100%;
}

body{
	font-size:62.5%;
	font-family:Georgia, "Times New Roman", serif;
	color:#fff;
	background: #006373;
	padding: 20px 0 0 0;
}


/*-------------------------------------------+
|                                            |
|                	MENU	                 |
|                                            |
+-------------------------------------------*/
a:active { 
	outline: none; 
}
	
a:focus { 
	-moz-outline-style: none; 
}


ul#menu {
	list-style-type:none;
	padding:0;
	margin: 10px 0 0 0;
	height: 70px;
	width: 470px;
}


ul#menu li {
	float:left;
}

ul#menu li a {
		background:url('../images/meny.png') no-repeat scroll top left;
		display:block;
		height:70px;
		position:relative;
}

	
ul#menu li a.start {
		width: 80px;
		background-position: 0px 0px;
	}
	
ul#menu li a.about {
		width: 80px;
		background-position: -80px 0px;
	}

ul#menu li a.staff {
		width:80px;
		background-position: -160px 0px;
	}
	
ul#menu li a.philosophy {
		width:80px;
		background-position: -240px 0px;
	}
	
ul#menu li a.map {
		width:80px;
		background-position: -320px 0px;
	}
	
ul#menu li a.bleach {
		width:70px;
		background-position: -400px 0px;
}
	
ul#menu li a span {
		background:url('../images/meny.png') no-repeat scroll bottom left;
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:100;
}
	
ul#menu li a span:hover {
		cursor:pointer;
}

ul#menu li a.start span {
		background-position: 0px -70px;
}
	
ul#menu li a.about span {
		background-position: -80px -70px;
}

ul#menu li a.staff span {
		background-position: -160px -70px;
}

ul#menu li a.philosophy span {
		background-position: -240px -70px;
}
	
ul#menu li a.map span {
		background-position: -320px -70px;
}
	
ul#menu li a.bleach span {
		background-position: -400px -70px;
}


#logotype {
	height: 115px; 
	display: block; 
	margin-left: 5px;
	background: url('../images/logotyp.png') no-repeat;
}

.home {
	height: 115px; 
	display: block;
}

.home span{
	display:none;
}

/* IE FLICKER FIX */
html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}



/*-------------------------------------------+
|                                            |
|                	CONTENT	                 |
|                                            |
+-------------------------------------------*/
#content {
	margin-top: 20px;
}


#footer p {
	text-align: center;
	font-size: 1.2em;
}


.contentimg {
	height: 322px;
}

.bigmap {
	height: 375px;
	width: 630px; 
	position: relative;
}

.tl,.tr,.bl,.br{width:8px;height:8px;position:absolute}
.tl,.tr{top:0}
.bl,.br{bottom:0}
.tl,.bl{left:0}
.tr,.br{right:0}
.tl{background:url('../images/tl.png') top left no-repeat}
.tr{background:url('../images/tr.png') top right no-repeat}
.bl{background:url('../images/bl.png') bottom left no-repeat}
.br{background:url('../images/br.png') bottom right no-repeat}


/*-------------------------------------------+
|                                            |
|                FONT STYLES                 |
|                                            |
+-------------------------------------------*/
/*PARAGRAPHS
-------------------------------------------------------- */
p {
	font-size:1.4em;
	line-height:1.6em;
	margin-bottom:1.5em;
	
}

.personalimg p {
	text-align: center;
	font-size:1.2em;
	line-height:1.2em;
}

/*HEADINGS
-------------------------------------------------------- */
h1{
	color:#618c9c;
	font-size:3em;
	margin-bottom:0.6em;
	font-style:italic;
	line-height:1.2em;
}

h2{
	color:#618c9c;
	font-size:3em;
	margin-bottom:0.3em;
	line-height:0.9em;
}

h3{
	color:#fff;
	font-size:2.0em;
	margin-bottom:0.2em;
	line-height:1.2em;
	font-variant:small-caps;
}


/*LINKS
-------------------------------------------------------- */
p a{
	color:#8fafb7;
	text-decoration:none;
}

p a:hover{
	text-decoration:none;
}