body {
margin: 0;
padding: 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
letter-spacing: 0;
line-height: 1.2em;
}






/* BACKGROUNDS */

#newsbs { 
	color: #FFF; 
	background: #1f1715;
	background-image: url(http://www.johannjohannsson.com/images/08/news.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

#news { 
	color: #FFF; 
	background: #000000;
	background-image: url(http://www.johannjohannsson.com/images/08/newsbs.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

#newsarchive { 
	color: #FFF; 
	background: #473a36;
	background-image: url(http://www.johannjohannsson.com/images/08/newsarchive.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

#fordlandia { 
	color: #FFF; 
	background: #473938;
	background-image: url(http://www.johannjohannsson.com/images/08/fordlandia.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

#projects { 
	color: #FFF; 
	background: #625b48;
	background-image: url(http://www.johannjohannsson.com/images/08/projects.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

#discography { 
	color: #FFF; 
	background: #66625a;
	background-image: url(http://www.johannjohannsson.com/images/08/discography.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

#live { 
	color: #FFF; 
	background: #120f0a;
	background-image: url(http://www.johannjohannsson.com/images/08/live.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

#film { 
	color: #FFF; 
	background: #656762;
	background-image: url(http://www.johannjohannsson.com/images/08/film.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

#kitchenmotors { 
	color: #FFF; 
	background: #473f3d;
	background-image: url(http://www.johannjohannsson.com/images/08/kitchen.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

#media { 
	color: #FFF; 
	background: #7a7977;
	background-image: url(http://www.johannjohannsson.com/images/08/media.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

#contacts { 
	color: #FFF; 
	background: #1a1815;
	background-image: url(http://www.johannjohannsson.com/images/08/contacts.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

#press { 
	color: #FFF; 
	background: #000000;
	background-image: url(http://www.johannjohannsson.com/images/08/press.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}








/* STRUCTURE */


#container {
	width: 1000px;
	margin: 0;
	padding-top: 50px;
	text-align: left;
}


#content{
	float: left;
	width: 500px;
	margin: 0;
	padding: 0 0 0 140px;
	line-height: 1.5em;
	letter-spacing: 0.5px;
}

#contentright{
	float: right;
	width: 275px;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	letter-spacing: 0.5px;
}

#contentnews{
	float: left;
	width: 325px;
	margin: 0;
	padding: 0 0 0 140px;
	line-height: 1.5em;
	letter-spacing: 0.5px;
}

#contentnewsright{
	float: right;
	width: 250px;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	letter-spacing: 0.5px;
}

#content50{
	float: left;
	width: 387px;
	margin: 0;
	padding: 0 0 0 140px;
	line-height: 1.5em;
	letter-spacing: 0.5px;
}

#content50right{
	float: right;
	width: 387px;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	letter-spacing: 0.5px;
}

#contentvid{
	float: left;
	width: 425px;
	margin: 0;
	padding: 0 0 0 140px;
	line-height: 1.5em;
	letter-spacing: 0.5px;
}

#contentimg{
	float: right;
	width: 328px;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	letter-spacing: 0.5px;
}


#contentkm{
	float: left;
	width: 500px;
	margin: 0;
	padding: 0 0 0 140px;
	line-height: 1.5em;
	letter-spacing: 0.5px;
}

#contentkmright{
	float: right;
	width: 275px;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	letter-spacing: 0.5px;
}

#contentimg img, #contentkm img, #contentkmright img  {
		border: 1px solid #2b2b2b;
		margin: 0 5px 0 0;
	}

#contentone{
	float: left;
	width: 860px;
	margin: 0;
	padding: 0 0 0 140px;
	line-height: 1.5em;
	letter-spacing: 0.5px;
}

#contentnews{
	float: left;
	width: 700px;
	margin: 0;
	padding: 0 0 0 140px;
	line-height: 1.5em;
	letter-spacing: 0.5px;
}




/* TYPE */


a:link{
	font-style: italic;
	color: #FFF;
	letter-spacing: 0px;
	text-decoration: none;
	background-color: transparent;
}


a:visited{
	font-style: italic;
	color: #FFF;
	letter-spacing: 0px;
	text-decoration: none;
	background-color: transparent;
}



a:hover{
	font-style: italic;
	color: #FFF;
	text-decoration: none;
	letter-spacing: 0px;
	background-color: transparent;
	border-bottom: 1px dotted #9c9482;
}


.entrydate {
	font-size: 10px;
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	letter-spacing: 1px;
	margin-top: -5px;
	}

.entrydate a {
	color:#FFF;
	font-style: italic;
	letter-spacing: 1px;
	}
	

h1 { 	
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 1.2em;
	color: #FFF;
	padding-bottom: 10px;
	border-bottom: 1px #FFF solid;
	}

h2 { 	
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1.2em;
	color: #FFF;
	padding-bottom: 10px;
	}





/*Generic navigation*/

#navcontainer {
	background: transparent;
	width: 689px;
	height: 20px;
	margin: 0;
	border: 0;
	padding: 385px 0 0 236px;
	text-align: left;
}

#mainnavgroup {
float: left;
 width: 689px;
 height: 20px;
 background: url(http://www.johannjohannsson.com/images/08/newsbs_nav.jpg);
 margin: 0; 
 padding: 0;
 border: 0;
 position: relative;
}

#mainnavgroup li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#mainnavgroup li, #mainnavgroup a {height: 20px; display: block; text-decoration: none; border-bottom: none;}
#mainnavone {left: 0px; width: 42px; text-decoration: none; border-bottom: none;}
#mainnavtwo {left: 45px; width: 80px; text-decoration: none; border-bottom: none;}
#mainnavthree {left: 125px; width: 60px; text-decoration: none; border-bottom: none;}
#mainnavfour {left: 185px; width: 105px; text-decoration: none; border-bottom: none;}

#mainnavfive {left: 290px; width: 90px; text-decoration: none; border-bottom: none;}
#mainnavsix {left: 380px; width: 35px; text-decoration: none; border-bottom: none;}
#mainnavseven {left: 415px; width: 35px; text-decoration: none; border-bottom: none;}
#mainnaveight {left: 450px; width: 110px; text-decoration: none; border-bottom: none;}
#mainnavnine {left: 560px; width: 45px; text-decoration: none; border-bottom: none;}
#mainnavten {left: 605px; width: 75px; text-decoration: none; border-bottom: none;}



#mainnavone a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/newsbs_nav.jpg) -0px -20px no-repeat; text-decoration: none; border-bottom: none;}
#mainnavtwo a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/newsbs_nav.jpg) -45px -20px no-repeat; text-decoration: none; border-bottom: none;}
#mainnavthree a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/newsbs_nav.jpg) -125px -20px no-repeat; text-decoration: none; border-bottom: none;}
#mainnavfour a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/newsbs_nav.jpg) -185px -20px no-repeat; text-decoration: none; border-bottom: none;}
#mainnavfive a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/newsbs_nav.jpg) -290px -20px no-repeat; text-decoration: none; border-bottom: none;}
#mainnavsix a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/newsbs_nav.jpg) -380px -20px no-repeat; text-decoration: none; border-bottom: none;}
#mainnavseven a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/newsbs_nav.jpg) -415px -20px no-repeat; text-decoration: none; border-bottom: none;}
#mainnaveight a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/newsbs_nav.jpg) -450px -20px no-repeat; text-decoration: none; border-bottom: none;}
#mainnavnine a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/newsbs_nav.jpg) -560px -20px no-repeat; text-decoration: none; border-bottom: none;}
#mainnavten a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/newsbs_nav.jpg) -605px -20px no-repeat; text-decoration: none; border-bottom: none;}


#newsarchivenavgroup {
float: left;
 width: 689px;
 height: 20px;
 background: url(http://www.johannjohannsson.com/images/08/newsarchive_nav.jpg);
 margin: 0; 
 padding: 0;
 border: 0;
 position: relative;
}

#newsarchivenavgroup li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#newsarchivenavgroup li, #newsarchivenavgroup a {height: 20px; display: block; text-decoration: none; border-bottom: none;}
#newsarchivenavone {left: 0px; width: 42px; text-decoration: none; border-bottom: none;}
#newsarchivenavtwo {left: 45px; width: 80px; text-decoration: none; border-bottom: none;}
#newsarchivenavthree {left: 125px; width: 60px; text-decoration: none; border-bottom: none;}
#newsarchivenavfour {left: 185px; width: 105px; text-decoration: none; border-bottom: none;}

#newsarchivenavfive {left: 290px; width: 90px; text-decoration: none; border-bottom: none;}
#newsarchivenavsix {left: 380px; width: 35px; text-decoration: none; border-bottom: none;}
#newsarchivenavseven {left: 415px; width: 35px; text-decoration: none; border-bottom: none;}
#newsarchivenaveight {left: 450px; width: 110px; text-decoration: none; border-bottom: none;}
#newsarchivenavnine {left: 560px; width: 45px; text-decoration: none; border-bottom: none;}
#newsarchivenavten {left: 605px; width: 75px; text-decoration: none; border-bottom: none;}



#newsarchivenavone a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/newsarchive_nav.jpg) -0px -20px no-repeat; text-decoration: none; border-bottom: none;}
#newsarchivenavtwo a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/newsarchive_nav.jpg) -45px -20px no-repeat; text-decoration: none; border-bottom: none;}
#newsarchivenavthree a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/newsarchive_nav.jpg) -125px -20px no-repeat; text-decoration: none; border-bottom: none;}
#newsarchivenavfour a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/newsarchive_nav.jpg) -185px -20px no-repeat; text-decoration: none; border-bottom: none;}
#newsarchivenavfive a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/newsarchive_nav.jpg) -290px -20px no-repeat; text-decoration: none; border-bottom: none;}
#newsarchivenavsix a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/newsarchive_nav.jpg) -380px -20px no-repeat; text-decoration: none; border-bottom: none;}
#newsarchivenavseven a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/newsarchive_nav.jpg) -415px -20px no-repeat; text-decoration: none; border-bottom: none;}
#newsarchivenaveight a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/newsarchive_nav.jpg) -450px -20px no-repeat; text-decoration: none; border-bottom: none;}
#newsarchivenavnine a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/newsarchive_nav.jpg) -560px -20px no-repeat; text-decoration: none; border-bottom: none;}
#newsarchivenavten a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/newsarchive_nav.jpg) -605px -20px no-repeat; text-decoration: none; border-bottom: none;}




#newsbsnavgroup {
float: left;
 width: 689px;
 height: 20px;
 background: url(http://www.johannjohannsson.com/images/08/news_nav.jpg);
 margin: 0; 
 padding: 0;
 border: 0;
 position: relative;
}

#newsbsnavgroup li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#newsbsnavgroup li, #newsbsnavgroup a {height: 20px; display: block; text-decoration: none; border-bottom: none;}
#newsbsnavone {left: 0px; width: 42px; text-decoration: none; border-bottom: none;}
#newsbsnavtwo {left: 45px; width: 80px; text-decoration: none; border-bottom: none;}
#newsbsnavthree {left: 125px; width: 60px; text-decoration: none; border-bottom: none;}
#newsbsnavfour {left: 185px; width: 105px; text-decoration: none; border-bottom: none;}

#newsbsnavfive {left: 290px; width: 90px; text-decoration: none; border-bottom: none;}
#newsbsnavsix {left: 380px; width: 35px; text-decoration: none; border-bottom: none;}
#newsbsnavseven {left: 415px; width: 35px; text-decoration: none; border-bottom: none;}
#newsbsnaveight {left: 450px; width: 110px; text-decoration: none; border-bottom: none;}
#newsbsnavnine {left: 560px; width: 45px; text-decoration: none; border-bottom: none;}
#newsbsnavten {left: 605px; width: 75px; text-decoration: none; border-bottom: none;}



#newsbsnavone a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/news_nav.jpg) -0px -20px no-repeat; text-decoration: none; border-bottom: none;}
#newsbsnavtwo a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/news_nav.jpg) -45px -20px no-repeat; text-decoration: none; border-bottom: none;}
#newsbsnavthree a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/news_nav.jpg) -125px -20px no-repeat; text-decoration: none; border-bottom: none;}
#newsbsnavfour a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/news_nav.jpg) -185px -20px no-repeat; text-decoration: none; border-bottom: none;}
#newsbsnavfive a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/news_nav.jpg) -290px -20px no-repeat; text-decoration: none; border-bottom: none;}
#newsbsnavsix a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/news_nav.jpg) -380px -20px no-repeat; text-decoration: none; border-bottom: none;}
#newsbsnavseven a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/news_nav.jpg) -415px -20px no-repeat; text-decoration: none; border-bottom: none;}
#newsbsnaveight a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/news_nav.jpg) -450px -20px no-repeat; text-decoration: none; border-bottom: none;}
#newsbsnavnine a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/news_nav.jpg) -560px -20px no-repeat; text-decoration: none; border-bottom: none;}
#newsbsnavten a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/news_nav.jpg) -605px -20px no-repeat; text-decoration: none; border-bottom: none;}





#fordlandianavgroup {
float: left;
 width: 689px;
 height: 20px;
 background: url(http://www.johannjohannsson.com/images/08/fordlandia_nav.jpg);
 margin: 0; 
 padding: 0;
 border: 0;
 position: relative;
}

#fordlandianavgroup li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#fordlandianavgroup li, #fordlandianavgroup a {height: 20px; display: block; text-decoration: none; border-bottom: none;}
#fordlandianavone {left: 0px; width: 42px; text-decoration: none; border-bottom: none;}
#fordlandianavtwo {left: 45px; width: 80px; text-decoration: none; border-bottom: none;}
#fordlandianavthree {left: 125px; width: 60px; text-decoration: none; border-bottom: none;}
#fordlandianavfour {left: 185px; width: 105px; text-decoration: none; border-bottom: none;}

#fordlandianavfive {left: 290px; width: 90px; text-decoration: none; border-bottom: none;}
#fordlandianavsix {left: 380px; width: 35px; text-decoration: none; border-bottom: none;}
#fordlandianavseven {left: 415px; width: 35px; text-decoration: none; border-bottom: none;}
#fordlandianaveight {left: 450px; width: 110px; text-decoration: none; border-bottom: none;}
#fordlandianavnine {left: 560px; width: 45px; text-decoration: none; border-bottom: none;}
#fordlandianavten {left: 605px; width: 75px; text-decoration: none; border-bottom: none;}



#fordlandianavone a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/fordlandia_nav.jpg) -0px -20px no-repeat; text-decoration: none; border-bottom: none;}
#fordlandianavtwo a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/fordlandia_nav.jpg) -45px -20px no-repeat; text-decoration: none; border-bottom: none;}
#fordlandianavthree a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/fordlandia_nav.jpg) -125px -20px no-repeat; text-decoration: none; border-bottom: none;}
#fordlandianavfour a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/fordlandia_nav.jpg) -185px -20px no-repeat; text-decoration: none; border-bottom: none;}
#fordlandianavfive a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/fordlandia_nav.jpg) -290px -20px no-repeat; text-decoration: none; border-bottom: none;}
#fordlandianavsix a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/fordlandia_nav.jpg) -380px -20px no-repeat; text-decoration: none; border-bottom: none;}
#fordlandianavseven a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/fordlandia_nav.jpg) -415px -20px no-repeat; text-decoration: none; border-bottom: none;}
#fordlandianaveight a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/fordlandia_nav.jpg) -450px -20px no-repeat; text-decoration: none; border-bottom: none;}
#fordlandianavnine a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/fordlandia_nav.jpg) -560px -20px no-repeat; text-decoration: none; border-bottom: none;}
#fordlandianavten a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/fordlandia_nav.jpg) -605px -20px no-repeat; text-decoration: none; border-bottom: none;}



#othernavgroup {
float: left;
 width: 689px;
 height: 20px;
 background: url(http://www.johannjohannsson.com/images/08/projects_nav.jpg);
 margin: 0; 
 padding: 0;
 border: 0;
 position: relative;
}

#othernavgroup li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#othernavgroup li, #othernavgroup a {height: 20px; display: block; text-decoration: none; border-bottom: none;}
#othernavone {left: 0px; width: 42px; text-decoration: none; border-bottom: none;}
#othernavtwo {left: 45px; width: 80px; text-decoration: none; border-bottom: none;}
#othernavthree {left: 125px; width: 60px; text-decoration: none; border-bottom: none;}
#othernavfour {left: 185px; width: 105px; text-decoration: none; border-bottom: none;}

#othernavfive {left: 290px; width: 90px; text-decoration: none; border-bottom: none;}
#othernavsix {left: 380px; width: 35px; text-decoration: none; border-bottom: none;}
#othernavseven {left: 415px; width: 35px; text-decoration: none; border-bottom: none;}
#othernaveight {left: 450px; width: 110px; text-decoration: none; border-bottom: none;}
#othernavnine {left: 560px; width: 45px; text-decoration: none; border-bottom: none;}
#othernavten {left: 605px; width: 75px; text-decoration: none; border-bottom: none;}



#othernavone a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/projects_nav.jpg) -0px -20px no-repeat; text-decoration: none; border-bottom: none;}
#othernavtwo a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/projects_nav.jpg) -45px -20px no-repeat; text-decoration: none; border-bottom: none;}
#othernavthree a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/projects_nav.jpg) -125px -20px no-repeat; text-decoration: none; border-bottom: none;}
#othernavfour a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/projects_nav.jpg) -185px -20px no-repeat; text-decoration: none; border-bottom: none;}
#othernavfive a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/projects_nav.jpg) -290px -20px no-repeat; text-decoration: none; border-bottom: none;}
#othernavsix a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/projects_nav.jpg) -380px -20px no-repeat; text-decoration: none; border-bottom: none;}
#othernavseven a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/projects_nav.jpg) -415px -20px no-repeat; text-decoration: none; border-bottom: none;}
#othernaveight a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/projects_nav.jpg) -450px -20px no-repeat; text-decoration: none; border-bottom: none;}
#othernavnine a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/projects_nav.jpg) -560px -20px no-repeat; text-decoration: none; border-bottom: none;}
#othernavten a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/projects_nav.jpg) -605px -20px no-repeat; text-decoration: none; border-bottom: none;}



#discographynavgroup {
float: left;
 width: 689px;
 height: 20px;
 background: url(http://www.johannjohannsson.com/images/08/discography_nav.jpg);
 margin: 0; 
 padding: 0;
 border: 0;
 position: relative;
}

#discographynavgroup li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#discographynavgroup li, #discographynavgroup a {height: 20px; display: block; text-decoration: none; border-bottom: none;}
#discographynavone {left: 0px; width: 42px; text-decoration: none; border-bottom: none;}
#discographynavtwo {left: 45px; width: 80px; text-decoration: none; border-bottom: none;}
#discographynavthree {left: 125px; width: 60px; text-decoration: none; border-bottom: none;}
#discographynavfour {left: 185px; width: 105px; text-decoration: none; border-bottom: none;}

#discographynavfive {left: 290px; width: 90px; text-decoration: none; border-bottom: none;}
#discographynavsix {left: 380px; width: 35px; text-decoration: none; border-bottom: none;}
#discographynavseven {left: 415px; width: 35px; text-decoration: none; border-bottom: none;}
#discographynaveight {left: 450px; width: 110px; text-decoration: none; border-bottom: none;}
#discographynavnine {left: 560px; width: 45px; text-decoration: none; border-bottom: none;}
#discographynavten {left: 605px; width: 75px; text-decoration: none; border-bottom: none;}



#discographynavone a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/discography_nav.jpg) -0px -20px no-repeat; text-decoration: none; border-bottom: none;}
#discographynavtwo a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/discography_nav.jpg) -45px -20px no-repeat; text-decoration: none; border-bottom: none;}
#discographynavthree a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/discography_nav.jpg) -125px -20px no-repeat; text-decoration: none; border-bottom: none;}
#discographynavfour a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/discography_nav.jpg) -185px -20px no-repeat; text-decoration: none; border-bottom: none;}
#discographynavfive a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/discography_nav.jpg) -290px -20px no-repeat; text-decoration: none; border-bottom: none;}
#discographynavsix a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/discography_nav.jpg) -380px -20px no-repeat; text-decoration: none; border-bottom: none;}
#discographynavseven a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/discography_nav.jpg) -415px -20px no-repeat; text-decoration: none; border-bottom: none;}
#discographynaveight a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/discography_nav.jpg) -450px -20px no-repeat; text-decoration: none; border-bottom: none;}
#discographynavnine a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/discography_nav.jpg) -560px -20px no-repeat; text-decoration: none; border-bottom: none;}
#discographynavten a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/discography_nav.jpg) -605px -20px no-repeat; text-decoration: none; border-bottom: none;}


#livenavgroup {
float: left;
 width: 689px;
 height: 20px;
 background: url(http://www.johannjohannsson.com/images/08/live_nav.jpg);
 margin: 0; 
 padding: 0;
 border: 0;
 position: relative;
}

#livenavgroup li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#livenavgroup li, #livenavgroup a {height: 20px; display: block; text-decoration: none; border-bottom: none;}
#livenavone {left: 0px; width: 42px; text-decoration: none; border-bottom: none;}
#livenavtwo {left: 45px; width: 80px; text-decoration: none; border-bottom: none;}
#livenavthree {left: 125px; width: 60px; text-decoration: none; border-bottom: none;}
#livenavfour {left: 185px; width: 105px; text-decoration: none; border-bottom: none;}

#livenavfive {left: 290px; width: 90px; text-decoration: none; border-bottom: none;}
#livenavsix {left: 380px; width: 35px; text-decoration: none; border-bottom: none;}
#livenavseven {left: 415px; width: 35px; text-decoration: none; border-bottom: none;}
#livenaveight {left: 450px; width: 110px; text-decoration: none; border-bottom: none;}
#livenavnine {left: 560px; width: 45px; text-decoration: none; border-bottom: none;}
#livenavten {left: 605px; width: 75px; text-decoration: none; border-bottom: none;}



#livenavone a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/live_nav.jpg) -0px -20px no-repeat; text-decoration: none; border-bottom: none;}
#livenavtwo a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/live_nav.jpg) -45px -20px no-repeat; text-decoration: none; border-bottom: none;}
#livenavthree a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/live_nav.jpg) -125px -20px no-repeat; text-decoration: none; border-bottom: none;}
#livenavfour a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/live_nav.jpg) -185px -20px no-repeat; text-decoration: none; border-bottom: none;}
#livenavfive a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/live_nav.jpg) -290px -20px no-repeat; text-decoration: none; border-bottom: none;}
#livenavsix a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/live_nav.jpg) -380px -20px no-repeat; text-decoration: none; border-bottom: none;}
#livenavseven a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/live_nav.jpg) -415px -20px no-repeat; text-decoration: none; border-bottom: none;}
#livenaveight a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/live_nav.jpg) -450px -20px no-repeat; text-decoration: none; border-bottom: none;}
#livenavnine a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/live_nav.jpg) -560px -20px no-repeat; text-decoration: none; border-bottom: none;}
#livenavten a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/live_nav.jpg) -605px -20px no-repeat; text-decoration: none; border-bottom: none;}



#filmnavgroup {
float: left;
 width: 689px;
 height: 20px;
 background: url(http://www.johannjohannsson.com/images/08/film_nav.jpg);
 margin: 0; 
 padding: 0;
 border: 0;
 position: relative;
}

#filmnavgroup li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#filmnavgroup li, #filmnavgroup a {height: 20px; display: block; text-decoration: none; border-bottom: none;}
#filmnavone {left: 0px; width: 42px; text-decoration: none; border-bottom: none;}
#filmnavtwo {left: 45px; width: 80px; text-decoration: none; border-bottom: none;}
#filmnavthree {left: 125px; width: 60px; text-decoration: none; border-bottom: none;}
#filmnavfour {left: 185px; width: 105px; text-decoration: none; border-bottom: none;}

#filmnavfive {left: 290px; width: 90px; text-decoration: none; border-bottom: none;}
#filmnavsix {left: 380px; width: 35px; text-decoration: none; border-bottom: none;}
#filmnavseven {left: 415px; width: 35px; text-decoration: none; border-bottom: none;}
#filmnaveight {left: 450px; width: 110px; text-decoration: none; border-bottom: none;}
#filmnavnine {left: 560px; width: 45px; text-decoration: none; border-bottom: none;}
#filmnavten {left: 605px; width: 75px; text-decoration: none; border-bottom: none;}



#filmnavone a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/film_nav.jpg) -0px -20px no-repeat; text-decoration: none; border-bottom: none;}
#filmnavtwo a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/film_nav.jpg) -45px -20px no-repeat; text-decoration: none; border-bottom: none;}
#filmnavthree a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/film_nav.jpg) -125px -20px no-repeat; text-decoration: none; border-bottom: none;}
#filmnavfour a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/film_nav.jpg) -185px -20px no-repeat; text-decoration: none; border-bottom: none;}
#filmnavfive a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/film_nav.jpg) -290px -20px no-repeat; text-decoration: none; border-bottom: none;}
#filmnavsix a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/film_nav.jpg) -380px -20px no-repeat; text-decoration: none; border-bottom: none;}
#filmnavseven a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/film_nav.jpg) -415px -20px no-repeat; text-decoration: none; border-bottom: none;}
#filmnaveight a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/film_nav.jpg) -450px -20px no-repeat; text-decoration: none; border-bottom: none;}
#filmnavnine a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/film_nav.jpg) -560px -20px no-repeat; text-decoration: none; border-bottom: none;}
#filmnavten a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/film_nav.jpg) -605px -20px no-repeat; text-decoration: none; border-bottom: none;}



#kitchennavgroup {
float: left;
 width: 689px;
 height: 20px;
 background: url(http://www.johannjohannsson.com/images/08/kitchen_nav.jpg);
 margin: 0; 
 padding: 0;
 border: 0;
 position: relative;
}

#kitchennavgroup li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#kitchennavgroup li, #kitchennavgroup a {height: 20px; display: block; text-decoration: none; border-bottom: none;}
#kitchennavone {left: 0px; width: 42px; text-decoration: none; border-bottom: none;}
#kitchennavtwo {left: 45px; width: 80px; text-decoration: none; border-bottom: none;}
#kitchennavthree {left: 125px; width: 60px; text-decoration: none; border-bottom: none;}
#kitchennavfour {left: 185px; width: 105px; text-decoration: none; border-bottom: none;}

#kitchennavfive {left: 290px; width: 90px; text-decoration: none; border-bottom: none;}
#kitchennavsix {left: 380px; width: 35px; text-decoration: none; border-bottom: none;}
#kitchennavseven {left: 415px; width: 35px; text-decoration: none; border-bottom: none;}
#kitchennaveight {left: 450px; width: 110px; text-decoration: none; border-bottom: none;}
#kitchennavnine {left: 560px; width: 45px; text-decoration: none; border-bottom: none;}
#kitchennavten {left: 605px; width: 75px; text-decoration: none; border-bottom: none;}



#kitchennavone a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/kitchen_nav.jpg) -0px -20px no-repeat; text-decoration: none; border-bottom: none;}
#kitchennavtwo a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/kitchen_nav.jpg) -45px -20px no-repeat; text-decoration: none; border-bottom: none;}
#kitchennavthree a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/kitchen_nav.jpg) -125px -20px no-repeat; text-decoration: none; border-bottom: none;}
#kitchennavfour a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/kitchen_nav.jpg) -185px -20px no-repeat; text-decoration: none; border-bottom: none;}
#kitchennavfive a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/kitchen_nav.jpg) -290px -20px no-repeat; text-decoration: none; border-bottom: none;}
#kitchennavsix a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/kitchen_nav.jpg) -380px -20px no-repeat; text-decoration: none; border-bottom: none;}
#kitchennavseven a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/kitchen_nav.jpg) -415px -20px no-repeat; text-decoration: none; border-bottom: none;}
#kitchennaveight a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/kitchen_nav.jpg) -450px -20px no-repeat; text-decoration: none; border-bottom: none;}
#kitchennavnine a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/kitchen_nav.jpg) -560px -20px no-repeat; text-decoration: none; border-bottom: none;}
#kitchennavten a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/kitchen_nav.jpg) -605px -20px no-repeat; text-decoration: none; border-bottom: none;}


#medianavgroup {
float: left;
 width: 689px;
 height: 20px;
 background: url(http://www.johannjohannsson.com/images/08/media_nav.jpg);
 margin: 0; 
 padding: 0;
 border: 0;
 position: relative;
}

#medianavgroup li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#medianavgroup li, #medianavgroup a {height: 20px; display: block; text-decoration: none; border-bottom: none;}
#medianavone {left: 0px; width: 42px; text-decoration: none; border-bottom: none;}
#medianavtwo {left: 45px; width: 80px; text-decoration: none; border-bottom: none;}
#medianavthree {left: 125px; width: 60px; text-decoration: none; border-bottom: none;}
#medianavfour {left: 185px; width: 105px; text-decoration: none; border-bottom: none;}

#medianavfive {left: 290px; width: 90px; text-decoration: none; border-bottom: none;}
#medianavsix {left: 380px; width: 35px; text-decoration: none; border-bottom: none;}
#medianavseven {left: 415px; width: 35px; text-decoration: none; border-bottom: none;}
#medianaveight {left: 450px; width: 110px; text-decoration: none; border-bottom: none;}
#medianavnine {left: 560px; width: 45px; text-decoration: none; border-bottom: none;}
#medianavten {left: 605px; width: 75px; text-decoration: none; border-bottom: none;}



#medianavone a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/media_nav.jpg) -0px -20px no-repeat; text-decoration: none; border-bottom: none;}
#medianavtwo a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/media_nav.jpg) -45px -20px no-repeat; text-decoration: none; border-bottom: none;}
#medianavthree a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/media_nav.jpg) -125px -20px no-repeat; text-decoration: none; border-bottom: none;}
#medianavfour a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/media_nav.jpg) -185px -20px no-repeat; text-decoration: none; border-bottom: none;}
#medianavfive a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/media_nav.jpg) -290px -20px no-repeat; text-decoration: none; border-bottom: none;}
#medianavsix a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/media_nav.jpg) -380px -20px no-repeat; text-decoration: none; border-bottom: none;}
#medianavseven a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/media_nav.jpg) -415px -20px no-repeat; text-decoration: none; border-bottom: none;}
#medianaveight a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/media_nav.jpg) -450px -20px no-repeat; text-decoration: none; border-bottom: none;}
#medianavnine a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/media_nav.jpg) -560px -20px no-repeat; text-decoration: none; border-bottom: none;}
#medianavten a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/media_nav.jpg) -605px -20px no-repeat; text-decoration: none; border-bottom: none;}



#contactsnavgroup {
float: left;
 width: 689px;
 height: 20px;
 background: url(http://www.johannjohannsson.com/images/08/contacts_nav.jpg);
 margin: 0; 
 padding: 0;
 border: 0;
 position: relative;
}

#contactsnavgroup li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#contactsnavgroup li, #contactsnavgroup a {height: 20px; display: block; text-decoration: none; border-bottom: none;}
#contactsnavone {left: 0px; width: 42px; text-decoration: none; border-bottom: none;}
#contactsnavtwo {left: 45px; width: 80px; text-decoration: none; border-bottom: none;}
#contactsnavthree {left: 125px; width: 60px; text-decoration: none; border-bottom: none;}
#contactsnavfour {left: 185px; width: 105px; text-decoration: none; border-bottom: none;}

#contactsnavfive {left: 290px; width: 90px; text-decoration: none; border-bottom: none;}
#contactsnavsix {left: 380px; width: 35px; text-decoration: none; border-bottom: none;}
#contactsnavseven {left: 415px; width: 35px; text-decoration: none; border-bottom: none;}
#contactsnaveight {left: 450px; width: 110px; text-decoration: none; border-bottom: none;}
#contactsnavnine {left: 560px; width: 45px; text-decoration: none; border-bottom: none;}
#contactsnavten {left: 605px; width: 75px; text-decoration: none; border-bottom: none;}



#contactsnavone a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/contacts_nav.jpg) -0px -20px no-repeat; text-decoration: none; border-bottom: none;}
#contactsnavtwo a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/contacts_nav.jpg) -45px -20px no-repeat; text-decoration: none; border-bottom: none;}
#contactsnavthree a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/contacts_nav.jpg) -125px -20px no-repeat; text-decoration: none; border-bottom: none;}
#contactsnavfour a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/contacts_nav.jpg) -185px -20px no-repeat; text-decoration: none; border-bottom: none;}
#contactsnavfive a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/contacts_nav.jpg) -290px -20px no-repeat; text-decoration: none; border-bottom: none;}
#contactsnavsix a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/contacts_nav.jpg) -380px -20px no-repeat; text-decoration: none; border-bottom: none;}
#contactsnavseven a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/contacts_nav.jpg) -415px -20px no-repeat; text-decoration: none; border-bottom: none;}
#contactsnaveight a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/contacts_nav.jpg) -450px -20px no-repeat; text-decoration: none; border-bottom: none;}
#contactsnavnine a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/contacts_nav.jpg) -560px -20px no-repeat; text-decoration: none; border-bottom: none;}
#contactsnavten a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/contacts_nav.jpg) -605px -20px no-repeat; text-decoration: none; border-bottom: none;}

#pressnavgroup {
float: left;
 width: 689px;
 height: 20px;
 background: url(http://www.johannjohannsson.com/images/08/press_nav.jpg);
 margin: 0; 
 padding: 0;
 border: 0;
 position: relative;
}

#pressnavgroup li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#pressnavgroup li, #pressnavgroup a {height: 20px; display: block; text-decoration: none; border-bottom: none;}
#pressnavone {left: 0px; width: 42px; text-decoration: none; border-bottom: none;}
#pressnavtwo {left: 45px; width: 80px; text-decoration: none; border-bottom: none;}
#pressnavthree {left: 125px; width: 60px; text-decoration: none; border-bottom: none;}
#pressnavfour {left: 185px; width: 105px; text-decoration: none; border-bottom: none;}

#pressnavfive {left: 290px; width: 90px; text-decoration: none; border-bottom: none;}
#pressnavsix {left: 380px; width: 35px; text-decoration: none; border-bottom: none;}
#pressnavseven {left: 415px; width: 35px; text-decoration: none; border-bottom: none;}
#pressnaveight {left: 450px; width: 110px; text-decoration: none; border-bottom: none;}
#pressnavnine {left: 560px; width: 45px; text-decoration: none; border-bottom: none;}
#pressnavten {left: 605px; width: 75px; text-decoration: none; border-bottom: none;}



#pressnavone a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/press_nav.jpg) -0px -20px no-repeat; text-decoration: none; border-bottom: none;}
#pressnavtwo a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/press_nav.jpg) -45px -20px no-repeat; text-decoration: none; border-bottom: none;}
#pressnavthree a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/press_nav.jpg) -125px -20px no-repeat; text-decoration: none; border-bottom: none;}
#pressnavfour a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/press_nav.jpg) -185px -20px no-repeat; text-decoration: none; border-bottom: none;}
#pressnavfive a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/press_nav.jpg) -290px -20px no-repeat; text-decoration: none; border-bottom: none;}
#pressnavsix a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/press_nav.jpg) -380px -20px no-repeat; text-decoration: none; border-bottom: none;}
#pressnavseven a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/press_nav.jpg) -415px -20px no-repeat; text-decoration: none; border-bottom: none;}
#pressnaveight a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/press_nav.jpg) -450px -20px no-repeat; text-decoration: none; border-bottom: none;}
#pressnavnine a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/press_nav.jpg) -560px -20px no-repeat; text-decoration: none; border-bottom: none;}
#pressnavten a:hover {background: transparent url(http://www.johannjohannsson.com/images/08/press_nav.jpg) -605px -20px no-repeat; text-decoration: none; border-bottom: none;}











.clear {
clear: both;
font-size: 1px;
line-height: 1px;
color: #fff;
}




input		{
			font-size: 10px;
			font-family: Garamond, Georgia, "Times New Roman", Times, serif;
			color:#FFF;
			letter-spacing: 1px;
			background-color:#877c7c;
			color: #fff;
			border: 1px dotted #2b2b2b;
			}
			
input:focus {
			color:#FFF; 
			background-color:#a79b9b;
			border: 1px dotted #2b2b2b;
}
			
			
.btn		{ 
			float: right;
			border:none;
			background-color:transparent;
			padding:0; 
			border:0; 
			margin: 0;
			}			
			
textarea		{
			font-size: 10px;
			font-family: Garamond, Georgia, "Times New Roman", Times, serif;
			color:#FFF;
			letter-spacing: 1px;
			background-color:#877c7c;
			}














/* #topper {
	background: #2b2b2b;
	position: static;
	top: 0;
	width: 100%;
	height: 15px;
	margin: 0 auto 0 auto;
	border: 0;
	padding: 0;
	text-align: left;
}

body>div#topper {position: fixed} */



#footer {
	background: #2b2b2b;
	position: static;
	bottom: 0;
	width: 100%;
	height: 15px;
	margin: 0 auto 0 auto;
	border: 0;
	padding: 0;
	text-align: left;
}

/* body>div#footer {position: fixed} */