/* CSS Document */
/*<group=general>*/

* { 
	padding: 0; margin: 0;
	font: 10px Verdana, Arial, sans-serif; color: #393939;
	}

* img {
border: 0;
}

body { 
	background: #ffffff url(images/bg_tile.jpg) 50% repeat-y;
   text-align: center;
	}
	
img {
   display: block;
   }

h1 {
	font: 12px Verdana, Arial, sans-serif;
	color:#ef0000;
	font-weight:600;
	}
	
h2 {
   font: bold 11px Verdana, Arial, sans-serif;
   padding: 10px 0 5px 0;
   }

h3 {
   font: bold 10px Verdana, Arial, sans-serif;
   }
   
a, a:visited {
   color: #ef0000; text-decoration: none; font-weight:600;
	}
	
a:hover {
   color: #666666; text-decoration: none; font-weight:600;	} 
   

/*</group>*/

/*<group=site-wide components>*/

#container {
	margin: 0 auto;
	width: 800px;
	text-align: left;
	}

#logo {
	margin: 150px 0 0 0; padding: 0;
	float: left;
	display: block;	
	position: relative;
	width: 75px; height: 350px;
	overflow: hidden;
	border-top:1px solid #ef0000;
	border-bottom:1px solid #ef0000;
	border-right: none;
	border-left:1px solid #ef0000;
	}
	  
#logo a.image {
	display: block;
	position: absolute;
	left: 0; top: 0;
	z-index: 1;
	width: 75px; height: 350px;
	margin: 0; padding: 0;
	background: url(images/happyfewlogo.jpg) top left no-repeat;
	}

#left-column {
	float: left;
	width: 75px;
	}
   
#middle-column {
   float: left;
   width: 290px;
}

#right-column {
	float: left;
	width: 425px;
	}

#content {
	margin: 60px 0 0 20px;
	}

#mainpageintro {
	margin: 0px 0 0 0px;
	height: 150px;
	width: 425px;
	}
			
#mainpage550 {
	margin: 50px 0 0 0px;
	height: 550px;
	width: 425px;
	border-top: 1px solid #ef0000;
	border-right: 1px solid #ef0000;
	border-bottom: 1px solid #ef0000;
	}
				
#mainpagecontent {
	margin: 0px 0 0 0px;
	height: 350px;
	width: 425px;
	text-align: justify;
	background-color:#ffffff;
	border-bottom:1px solid #ef0000;
	border-left: none;
	border-right:1px solid #ef0000;
	border-top:1px solid #ef0000;
	}
	/*</group>*/

/*<group=main nav>*/
/* control */

div#nav { 
	height: 100px; width: 290px; 
	margin: 50px 0 0 0;
	}
	
div#nav ul#menu {
	height: 100px; width: 290px;
	background: url(images/navigation.jpg) top left no-repeat;
	position: relative;
	}
	
div#nav ul#menu li {
	list-style: none;
	position: absolute;
	}


ul#menu li, ul#menu a {
	height: 25px; width: 290px;
	display: block;
	}


div#nav ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}

/* placement */

#newsmenu {
	top: 0;
	}


#artistsmenu {
	top: 25px;
	}
	
#cataloguemenu {
	top: 50px;
	}


#contactgeneralmenu {
	top: 75px;
	}

/* interaction */

#newsmenu a:hover {
	background: url(images/navigation.jpg) -290px 0 no-repeat;
	}
#newscurrent {
	background: url(images/navigation.jpg) -290px 0 no-repeat;
	top: 0px;
}

#artistsmenu a:hover {
	background: url(images/navigation.jpg) -290px -25px no-repeat;
	}
#artistscurrent {
	background: url(images/navigation.jpg) -290px -25px no-repeat;
	top: 25px;
}

#cataloguemenu a:hover {
	background: url(images/navigation.jpg) -290px -50px no-repeat;
	}
#cataloguecurrent {
	background: url(images/navigation.jpg) -290px -50px no-repeat;
	top: 50px;
}

#contactgeneralmenu a:hover {
	background: url(images/navigation.jpg) -290px -75px no-repeat;
	}
#contactcurrent {
	background: url(images/navigation.jpg) -290px -75px no-repeat;
	top: 75px;
}


/* select */

body#news #newsmenu {
	background: url(images/navigation.jpg) -290px 0 no-repeat;
	}

body#artists #artistsmenu {
	background: url(images/navigation.jpg) -290px -25px no-repeat;
	}

body#catalogue #cataloguemenu {
	background: url(images/navigation.jpg) -290px -50px no-repeat;
	}

body#contactgeneral #contactgeneralmenu {
	background: url(images/navigation.jpg) -290px -75px no-repeat;
	}

/*</group>*/

/*<group=projects>*/

/* project window control */

#project-window {
	float: left;
	width: 290px;
	margin-bottom: 30px;
   }
   
#project {
	position: relative;
	width: 290px; 
	height: 350px;
	overflow: hidden;
	border-top:1px solid #ef0000;
	border-bottom:1px solid #ef0000;
	}

#project span {
	display: block;
	position: absolute;
	left: 0; top: 0;
	z-index: 1;
	width: 290px; height: 350px;
	}

#sigmundelias {
margin-top: 15px;
width: 260px;
text-align:center;
}

/* individual project classes */

#project span.frontpage {
	background: url(images/dancing_people.jpg) top left no-repeat;
	}
	
/* her er det bare å endre class og background url */	
/*</group>*/

/*subnavigation contact*/

div#contactnav { 
	height: 150px; width: 425px; 
	margin: 0px 0 0 0;
	}
	
div#contactnav ul#contactmenu {
	height: 150px; width: 425px;
	background: url(images/contactoverview.jpg) top left no-repeat;
	position: relative;
	}
	
div#contactnav ul#contactmenu li {
	list-style: none;
	position: absolute;
	}


ul#contactmenu li, ul#contactmenu a {
	height: 25px; 
	width: 425px;
	display: block;
	}


div#contactnav ul#contactmenu li a {
	text-indent: -9999px;
	text-decoration: none;
	}

/* placement */

#distributionmenu {
	top: 50px;
	}


#labelmenu {
	top: 75px;
	}
	
#armenu {
	top: 100px;
	}


#bookingmenu {
	top: 125px;
	}

/* interaction */

#distributionmenu a:hover {
	background: url(images/contactoverview.jpg) -425px -50px no-repeat;
	}
#distributioncurrent {
	background: url(images/contactoverview.jpg) -425px -50px no-repeat;
	top: 50px;
}

#labelmenu a:hover {
	background: url(images/contactoverview.jpg) -425px -75px no-repeat;
	}
#labelcurrent {
	background: url(images/contactoverview.jpg) -425px -75px no-repeat;
	top: 75px;
}	

#armenu a:hover {
	background: url(images/contactoverview.jpg) -425px -100px no-repeat;
	}
#arcurrent {
	background: url(images/contactoverview.jpg) -425px -100px no-repeat;
	top: 100px;
}	

#bookingmenu a:hover {
	background: url(images/contactoverview.jpg) -425px -125px no-repeat;
	}
#bookingcurrent {
	background: url(images/contactoverview.jpg) -425px -125px no-repeat;
	top: 125px;
}

/* select */

body#distribution #distributionmenu {
	background: url(images/contactoverview.jpg) -425px -50px no-repeat;
	}

body#label #labelmenu {
	background: url(images/contactoverview.jpg) -425px -75px no-repeat;
	}

body#ar #armenu {
	background: url(images/contactoverview.jpg) -425px -100px no-repeat;
	}

body#booking #bookingmenu {
	background: url(images/contactoverview.jpg) -425px -125px no-repeat;
	}

/*artists subnavigation 1*/

div#artists1nav { 
	height: 150px; width: 212.5px; 
	margin: 0px 0 0 0;
	}
	
div#artists1nav ul#artists1menu {
	height: 150px; width: 212.5px;
	background: url(images/artistsoverview1.jpg) top left no-repeat;
	position: relative;
	}
	
div#artists1nav ul#artists1menu li {
	list-style: none;
	position: absolute;
	}


ul#artists1menu li, ul#artists1menu a {
	height: 25px; width: 212.5px;
	display: block;
	}


div#artists1nav ul#artists1menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}

/* placement */

#happyfewmenu {
	top: 50px;
	}

#getonmenu {
	top: 75px;
	}
	
#holminmenu {
	top: 100px;
	}


#flooramenu {
	top: 125px;
	}

/* interaction */

#happyfewmenu a:hover {
	background: url(images/artistsoverview1.jpg) -212.5px -50px no-repeat;
	}
#happyfewcurrent {
	background: url(images/artistsoverview1.jpg) -212.5px -50px no-repeat;
	top: 50px;
	}
	
#getonmenu a:hover {
	background: url(images/artistsoverview1.jpg) -212.5px -75px no-repeat;
	}
#getoncurrent {
	background: url(images/artistsoverview1.jpg) -212.5px -75px no-repeat;
	top: 75px;
	}
	
#holminmenu a:hover {
	background: url(images/artistsoverview1.jpg) -212.5px -100px no-repeat;
	}
#holmincurrent {
	background: url(images/artistsoverview1.jpg) -212.5px -100px no-repeat;
	top: 100px;
	}
	
#flooramenu a:hover {
	background: url(images/artistsoverview1.jpg) -212.5px -125px no-repeat;
	}
#flooracurrent {
	background: url(images/artistsoverview1.jpg) -212.5px -125px no-repeat;
	top: 125px;
	}	

/* select */

body#happyfew #happyfewmenu {
	background: url(images/artistsoverview1.jpg) -212.5px -50px no-repeat;
	}

body#geton #getonmenu {
	background: url(images/artistsoverview1.jpg) -212.5px -75px no-repeat;
	}

body#holmin #holminmenu {
	background: url(images/artistsoverview1.jpg) -212.5px -100px no-repeat;
	}

body#floora #flooramenu {
	background: url(images/artistsoverview1.jpg) -212.5px -125px no-repeat;
	}

/*artists subnavigation 2*/

div#artists2nav { 
	height: 150px; width: 212.5px; 
	margin: 0px 0 0 0;
	}
	
div#artists2nav ul#artists2menu {
	height: 150px; width: 212.5px;
	background: url(images/artistsoverview2.jpg) top left no-repeat;
	position: relative;
	}
	
div#artists2nav ul#artists2menu li {
	list-style: none;
	position: absolute;
	}


ul#artists2menu li, ul#artists2menu a {
	height: 25px; width: 212.5px;
	display: block;
	}


div#artists2nav ul#artists2menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}

/* placement */

#allstarsmenu {
	top: 50px;
	}


#barabassmenu {
	top: 75px;
	}
	
#horveimenu {
	top: 100px;
	}

#sanjallymenu {
	top: 125px;
	}
/* interaction */

#allstarsmenu a:hover {
	background: url(images/artistsoverview2.jpg) -212.5px -50px no-repeat;
	}
#allstarscurrent {
	background: url(images/artistsoverview2.jpg) -212.5px -50px no-repeat;
	top: 50px;
	}
	
#barabassmenu a:hover {
	background: url(images/artistsoverview2.jpg) -212.5px -75px no-repeat;
	}
#barabasscurrent {
	background: url(images/artistsoverview2.jpg) -212.5px -75px no-repeat;
	top: 75px;
	}
	
#horveimenu a:hover {
	background: url(images/artistsoverview2.jpg) -212.5px -100px no-repeat;
	}
#horveicurrent {
	background: url(images/artistsoverview2.jpg) -212.5px -100px no-repeat;
	top: 100px;
	}
	
#sanjallymenu a:hover {
	background: url(images/artistsoverview2.jpg) -212.5px -125px no-repeat;
	}
#sanjallycurrent {
	background: url(images/artistsoverview2.jpg) -212.5px -125px no-repeat;
	top: 125px;
	}
/* select */

body#allstars #happyfewmenu {
	background: url(images/artistsoverview2.jpg) -212.5px -50px no-repeat;
	}

body#barabass #getonmenu {
	background: url(images/artistsoverview2.jpg) -212.5px -75px no-repeat;
	}

body#horvei #holminmenu {
	background: url(images/artistsoverview2.jpg) -212.5px -100px no-repeat;
	}
	

/* contact */
  .submitform {
  padding: 3px 3px 3px 3px ;
  border: solid 1px #b8b8b8;
  background-color:#f9f9f9;
  margin-bottom:4px;
  }	

/* News items */
/*	Article Items
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
			
.listItem {
float: left;
border-width: 5px 0px 0px 5px;
border-color: #ffffff;
border-style: solid;
overflow: hidden;}
			
.listItem a, .listItem a:visited {
display: block;
background-color: #ffffff;
padding: 4px 6px 6px 6px;
width: 400px;
height: 100px;
border: solid 1px #B8B8B8;
}
			
.listItem a:hover {
display: block;
background-color: #f8f8f8;
padding: 4px 6px 6px 6px;
width: 400px;
height: 100px;
border: solid 1px #ef0000;
cursor:text;
}
		
.listItem p {
display: inline;}

/* News items, icons and colours */
.internal {
			background-color: #f2f2f2;
			display: block;
			margin: -3px -5px 2px -5px;
			padding: 2px 5px 3px 5px;
			color: #333;
			font-weight: bold;}

.catalogue {
float: left;
overflow: hidden;
padding-top: 5px;
padding-left: 5px;
background-color: #ffffff;
text-align: left;
}

.catalogue a, .catalogue a:visited {
display: block;
padding: 4px 6px 6px 6px;
background-color: #ffffff;
width: 400px;
height: 50px;
border: solid 1px #b8b8b8;
}

.catalogue a:hover {
display:block;
padding: 4px 6px 6px 6px;
background-color: #f8f8f8;
width: 400px;
height: 50px;
border: solid 1px #ef0000;
}

.catalogue img {
float:left;
padding-right:10px;
}