/********************************** 
***** CSS for mikkjelfonhus.no ****
***** Author: http://jai.no    ****
***** Email:  info@jai.no      ****
**********************************/


/***** Global Settings *****/

html, body {
border:0;
margin:0;
padding:0;
}
 
body {
font:100%/1.25 Verdana, Arial, sans-serif,Garamond, Georgia, "Times New Roman", serif; /* font-size 16px, lineheight 16x1.0 = 16px*/
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #wrapper selector */
background: #000425;
}

/***** Headings *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
 
h1 {
padding:30px 0 25px 0;
letter-spacing:-1px;
font-size:2em;
}
 
h2 {
padding:20px 0;
letter-spacing:-1px;
font-size:1.5em;
}
 
h3 {
font-size:1em;
font-weight:bold;
}
 
/***** Common Formatting *****/
 
p, ul, ol {
margin:0;
padding:0 0 1.05em 0;
}

p, ul, ol {
	font-size:0.875em;
}
 
ul, ol, li {
margin:0;
padding:0;
}

li { 
list-style:none;
}

blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
a,
a:link,
a:visited,
a:hover {
color:#ADC8FA; 
}
a { text-decoration:none;}
a:hover {text-decoration:underline;}
/***** Forms *****/
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em Arial, Helvetica, sans-serif;
}
 
textarea {
width:100%;
line-height:1.25;
}
 
label {
cursor:pointer;
}
 
/***** Tables *****/
 
table {
border:0;
margin:0 0 1.25em 0;
padding:0;
}
 
table tr td {
padding:2px;
}
 

/***** Global Classes *****/
 
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }
.hidden		   { visibility:hidden; }

/***************************/
/***** CSS for the site ****/
/***************************/

/***** Wrapper *****/
 
#wrapper {
width: 940px; 
margin: 0 auto;
margin-top:9px;
margin-bottom:9px;
text-align: left; /* this overrides the text-align: center on the body element. */
position:relative; /* Positioning context for the absoulute possitioned navigation */
}

/* Frame */

#mainFrame {
background-image:url(../img/global/bg-top.gif);
background-repeat:no-repeat;
background-position:top;
width:100%;
float:left;
}

.mainFrameMid {
width:100%;
background-image:url(../img/global/bg-mid.gif);
margin:118px 0 0 0;
padding:0;
background-repeat:repeat-y;
float:left;
}

.mainFrameBottom
{
	width:100%;
	background-image:url(../img/global/bg-bottom.gif);
	background-position:bottom;
	margin:0;
	padding:0;
	background-repeat:no-repeat;
	float:left;
}

/* banner */
#banner {
background-repeat:no-repeat;
height:78px;
padding-top:10px;
}

#banner img { margin-left:12px;}
/*** Nav ***/
#nav {
width:600px;
height:99px;
position:absolute;
top:130px;
left:174px;
}

#nav ul {
	width:600px;
	height:99px;
	float:left;
	}
	
#nav ul li {
	float:left;	/* causes the list to align horizontally instead of stack */
}

#nav a {
	height:99px;
	text-decoration:none;
	background:url(../img/index/nav-sprite-2.png) 0 0 no-repeat;
	display:block;
	overflow:hidden;
	width:100px; 
}

#one a:hover {background-position:0 0;}
#one a{ background-position:0 -99px;}
#two a:hover  { background-position:-98px 0;}
#two a{ background-position:-98px -99px;}
#three a:hover { background-position:-197px 0;}
#three a { background-position:-197px -99px;}
#four a:hover { background-position:-295px 0;}
#four a { background-position:-295px -99px;}
#five a:hover { background-position:-394px 0;}
#five a { background-position:-394px -99px;}
#six a:hover { background-position:-492px 0;}
#six a { background-position:-492px -99px;}

#oneactive a { background-position:0 0;}
#twoactive a { background-position:-98px 0;}
#threeactive a { background-position:-197px 0;}
#fouractive a { background-position:-295px 0;}
#fiveactive a { background-position:-394px 0;}
#sixactive a { background-position:-492px 0;}

#nav a span { visibility:hidden;}

/*** content ***/



/*** IE6 hacks ***/
*html #nav a { background-image:url(../img/index/nav-sprite.jpg);}