/* CSS Document */
/* NARUD NORGE */
/* www.narud.no */

@import url(reset.css);

<!-- 

body {
background-color: #000;
color: #fff;
font-size: 9px;
font-family: Arial;
line-height: 11px;
}

a {text-transform: none;}

img {border: 0; outline: none;}

a:link, a:visited {
	text-decoration: none;
	color: #fff;
}

p#bottomline {
margin-top: 10px;
color: #777;
}

/* INTERFACE */

div#wrapper {
width: 100%;
height: 600px;
margin: auto;

top: 50%;
margin-top: -300px;
position: absolute;
}

div.inside {
width: 900px;
height: 600px;
background-color: #fff;
position: absolute;

left: 50%;
margin-left: -450px;
}

#panel {
width: 900px;
padding-top: 36px;
top: 36px;
left: 0px;
z-index: 30;
position: absolute;
}

div#icon {
width: 63px;
height: 63px;
background-image: url(img/icon.png);
position: absolute;
top: 0px;
left: 36px;
}

/* MENY */

ul#nav {
width: 171px;
height: 63px;
float: right;
position: absolute;
top: 0px;
right: 0px;
}

ul#nav li 				{list-style-type: none;}

.nav					{width: 171px; height: 21px; background-repeat: no-repeat;}

ul#nav a				{width: 171px; height: 21px; background-repeat: no-repeat; float: left;}
.link:hover				{background-position: 0 -21px;}

a#kolleksjon			{background-image: url(img/kolleksjon.png);}
a#kolleksjonactive		{background-image: url(img/kolleksjon_active.png);}	

a#kontakt				{background-image: url(img/kontakt.png);}
a#kontaktactive			{background-image: url(img/kontakt_active.png);}	

a#galleri				{background-image: url(img/galleri.png);}
a#galleriactive			{background-image: url(img/galleri_active.png);}	


/* KONTAKT */

div#kontakt {
background-image: url(con/kontaktbackground.png);
}

div#kontaktwrapper {
top: 264px;
position: absolute;
padding-left: 40px;
padding-right: 40px;
}

div#kontaktbeskrivelse {
width: 500px;
height: 300px;
float: left;
margin-right: 20px;
background-color: #fff;
background-image: url(con/kontaktbeskrivelse.png);
background-repeat: no-repeat;
}

a#kontaktinfo {
width: 300px;
height: 300px;
float: right;
background-color: #000;
background-image: url(con/kontaktinfo.png);
background-repeat: no-repeat;
}

#kontaktinfo:hover {
background-image: url(con/kontaktinfohover.png);
}


/* GALLERI */

#slideshow {
    width: 900px;
    height:600px;
    position:relative;
    z-index: 5;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow img.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


/* KOLLEKSJON */

.hidden
{
display: none;
}

.prevNext
{
position: absolute;
top: 375px;
left: 36px;
width: 825px;
z-index: 15;
}

#prevNext img
{
position: relative;
z-index: 2;
cursor: pointer;
}

div#carousel {
left: 0px;
top: 100px;
position: absolute;
}

.jFlowNext {
float: right;
background: url('img/right.png') no-repeat;
width: 25px;
height: 25px;

}

.jFlowPrev {
float: left;
background: url('img/left.png') no-repeat;
width: 25px;
height: 25px;
}

.jFlowNext:hover {
background: url('img/right_hover.png') no-repeat;
float: right;
width: 25px;
height: 25px;
}

.jFlowPrev:hover {
background: url('img/left_hover.png') no-repeat;
float: left;
width: 25px;
height: 25px;
}


-->