* { 
	margin: 0; padding: 0;
}	
#wrap { 
	width: 980px; 
	margin: 0 auto; 
	margin-top: 45px;  
	height: 500px;
}
body { 
	background-color: #ffffff; 
	font-family: Georgia, Arial, Times, serif; 
	font-size: 11px; 
	color: #ffffff; 
	text-transform: lowercase;}
#content { 
	float: left;
	margin-left: 40px;
	width: 900px; 
	height: 250px; 
	padding-top: 5px;
	position: absolute;
	top: 650px;
	
}
ul#navigation {
	width: 960px;
	list-style-type: none;
	position: absolute;
	top: 288px;
}
ul#navigation li a { display: block;  width: 19px; height: 19px; text-indent: -9999px;}
ul#navigation li.previous { float: left; }
ul#navigation li.next { float: right;}
ul#navigation li.previous a { background-image: url(http://hornedesign.no/img/prev.png);}
ul#navigation li.next a { background-image: url(http://hornedesign.no/img/next.png);}
ul#navigation li.previous a:hover, ul#navigation li.next a:hover { background-position: 19px 0px;}
#portfolio { height: 600px; float: left; width: 960px; padding: 0px 10px 1px 10px;margin-bottom: 19px; }
#pictures .video { width: 960px; text-align: center; float: left; height: 500px; margin-top: 145px; }
#index { width: 992px; text-align: center; float: left; height: 641px; margin-top: -40px; margin-left: -13px;}
#holder { width: 960px; height: 600px; float: left; margin-bottom: 19px;}

#pictures { }
#loader { width: 32px; height: 32px; margin: 0 auto; margin-top: 270px; background: url(http://hornedesign.no/img/loader_.gif) no-repeat; display: none;}
.pics { height: 600px; width: 900px; margin:0 auto; overflow: hidden; background-color: #ffffff; }
.vid { height: 518px; width: 900px; margin:0 auto; overflow: hidden; background-color: #ffffff; }
.pics img { display: block; margin: 0 auto; }
.imgc { width: 900px; height: 600px;  }

#video_left {
width: 900px;
list-style-type: none;
text-align: left;
margin-top: 0px;
height:0px;
}
ul#video01 {
	width: 900px;
	position: left;
	margin-top: 0px;
	margin-left: 29px;

}
ul#video02 {
	width: 900px;
	position: left;
	margin-top: 255px;
	margin-left: 29px;

}


#video_right {
width: 900px;
list-style-type: none;
text-align: right;
margin-top: 0px;
height:0px;
}
ul#video03 {
	width: 900px;
	position: right;
	margin-top: -255px;
	margin-left: 25px;

}
ul#video04 {
	width: 900px;
	position: right;
	margin-top: 255px;
	margin-left: 25px;

}


#video_index {
width: 900px;
list-style-type: none;
text-align: right;
margin-top: 0px;
height:0px;
}
ul#video_index {
	width: 900px;
	position: right;
	margin-top: 207px;
	margin-left: 31px;

}

#index_box {
width: 900px;
list-style-type: none;
text-align: right;
margin-left: 41px;
margin-top: 0px;
height:0px;
}

#index_image {
width: 900px;
list-style-type: none;
text-align: left;
margin-left: 38px;
margin-top: 26px;
height:0px;
}

ul#index_image {
	width: 140px;
	list-style-type: none;
	position: absolute;
	top: 179px;
}
ul#index_image li.mail a { display: block;  width: 154px; height: 15px; text-indent: -9999px;}
ul#index_image li.mail a { background-image: url(http://hornedesign.no/img/index_mail.png);}
ul#index_image li.mail a:hover { background-position: 154px 0px;}
ul#index_image li.mail { width: 278px; height: 1px; position: absolute;}
ul#index_image li.details a { display: block;  width: 78px; height: 15px; text-indent: -9999px;}
ul#index_image li.details a { background-image: url(http://hornedesign.no/img/index_details.png);}
ul#index_image li.details a:hover { background-position: 78px 0px;}
ul#index_image li.details { width: 770px; height: 1px; position: absolute; margin-top: 100px;}



.bfcontainer {
	position: relative;
}

.bfcontainer div {
	float: left;
	min-width: 150px;
	position: absolute;
}

/* new class */
.bfcontainer .top {
	min-width: 120px;
}

.bfcontainer a {
	clear: both;
	display: block;
	min-width: 150px;
}

/* new class */
.bfcontainer .top a {
	min-width: 120px;
}

.bfcontainer .feature {
	min-width: 150px;
}

.bfcontainer .active {
	font-weight: bold;
}

.bfcontainer .inpath {
	font-style: italic;
}
ul#meny {
	width: 140px;
	list-style-type: none;
	position: absolute;
	top: 548px;
}
ul#meny li.motion a { display: block;  width: 95px; height: 50px; text-indent: -9999px;}
ul#meny li.motion a { background-image: url(http://hornedesign.no/img/bl_motion.png);}
ul#meny li.motion a:hover { background-position: 95px 0px;}
ul#meny li.motion { width: 125px; height: 1px; position: absolute;}

ul#meny li.photography a { display: block;  width: 113px; height: 50px; text-indent: -9999px;}
ul#meny li.photography a { background-image: url(http://hornedesign.no/img/bl_fotografi.png);}
ul#meny li.photography a:hover { background-position: 113px 0px;}
ul#meny li.photography { width: 315px; height: 1px; position: absolute;}

ul#meny li.design a { display: block;  width: 74px; height: 50px; text-indent: -9999px;}
ul#meny li.design a { background-image: url(http://hornedesign.no/img/bl_design.png);}
ul#meny li.design a:hover { background-position: 74px 0px;}
ul#meny li.design { width: 510px; height: 1px; position: absolute;}

ul#meny li.vj a { display: block;  width: 74px; height: 50px; text-indent: -9999px;}
ul#meny li.vj a { background-image: url(http://hornedesign.no/img/bl_vj.png);}
ul#meny li.vj a:hover { background-position: 74px 0px;}
ul#meny li.vj { width: 675px; height: 1px; position: absolute;}

ul#meny li.motion_foto a { display: block;  width: 95px; height: 50px; text-indent: -9999px;}
ul#meny li.motion_foto a { background-image: url(http://hornedesign.no/img/bl_motion02.png);}
ul#meny li.motion_foto a:hover { background-position: 95px 0px;}
ul#meny li.motion_foto { width: 125px; height: 1px; position: absolute;}

ul#meny li.design_foto a { display: block;  width: 74px; height: 50px; text-indent: -9999px;}
ul#meny li.design_foto a { background-image: url(http://hornedesign.no/img/bl_design02.png);}
ul#meny li.design_foto a:hover { background-position: 74px 0px;}
ul#meny li.design_foto { width: 510px; height: 1px; position: absolute;}

ul#meny li.vj_foto a { display: block;  width: 74px; height: 50px; text-indent: -9999px;}
ul#meny li.vj_foto a { background-image: url(http://hornedesign.no/img/bl_vj02.png);}
ul#meny li.vj_foto a:hover { background-position: 74px 0px;}
ul#meny li.vj_foto { width: 675px; height: 1px; position: absolute;}


ul#meny2 {
	width: 60px;
	list-style-type: none;
	position: absolute;
	top: 548px;
}
ul#meny2 li.blogg a { display: block;  width: 44px; height: 15px; text-indent: 0px;}
ul#meny2 li.blogg a { background-image: url(http://hornedesign.no/img/bl_blogg.png);}
ul#meny2 li.blogg a:hover { background-position: 44px 0px;}
ul#meny2 li.blogg { width: 702px; height: 1px; position: absolute; margin-top: 15px;}

ul#meny2 li.skillestrek a { display: block;  width: 16px; height: 28px; text-indent: 0px;}
ul#meny2 li.skillestrek a { background-image: url(http://hornedesign.no/img/bl_skillestrek.png);}
ul#meny2 li.skillestrek a:hover { background-position: 16px 0px;}
ul#meny2 li.skillestrek { width: 717px; height: 1px; position: absolute; margin-top: 9px;}

ul#meny2 li.twitter a { display: block;  width: 44px; height: 15px; text-indent: 0px;}
ul#meny2 li.twitter a { background-image: url(http://hornedesign.no/img/bl_twitter.png);}
ul#meny2 li.twitter a:hover { background-position: 44px 0px;}
ul#meny2 li.twitter { width: 763px; height: 1px; position: absolute; margin-top: 15px;}

ul#meny2 li.facebook a { display: block;  width: 66px; height: 15px; text-indent: 0px;}
ul#meny2 li.facebook a { background-image: url(http://hornedesign.no/img/bl_facebook.png);}
ul#meny2 li.facebook a:hover { background-position: 66px 0px;}
ul#meny2 li.facebook { width: 825px; height: 1px; position: absolute; margin-top: 15px;}

ul#meny2 li.myspace a { display: block;  width: 66px; height: 15px; text-indent: 0px;}
ul#meny2 li.myspace a { background-image: url(http://hornedesign.no/img/bl_myspace.png);}
ul#meny2 li.myspace a:hover { background-position: 66px 0px;}
ul#meny2 li.myspace { width: 883px; height: 1px; position: absolute; margin-top: 15px;}

ul#meny2 li.vimeo a { display: block;  width: 44px; height: 15px; text-indent: 0px;}
ul#meny2 li.vimeo a { background-image: url(http://hornedesign.no/img/bl_vimeo.png);}
ul#meny2 li.vimeo a:hover { background-position: 44px 0px;}
ul#meny2 li.vimeo { width: 928px; height: 1px; position: absolute; margin-top: 15px;}



ul#link {
	width: 0px;
	list-style-type: none;
	position: absolute;
	top: 0px;
}
ul#link li.om a { display: block;  width: 40px; height: 25px; text-indent: 0px;}
ul#link li.om a { background-image: url(http://hornedesign.no/img/link_om.png);}
ul#link li.om a:hover { background-position: 40px 0px;}
ul#link li.om { width: 942px; height: 1px; position: absolute; margin-top: 14px;}

ul#link li.om2 a { display: block;  width: 40px; height: 25px; text-indent: 0px;}
ul#link li.om2 a { background-image: url(http://hornedesign.no/img/link_om.png);}
ul#link li.om2 a:hover { background-position: 40px 0px;}
ul#link li.om2 { width: 1145px; height: 1px; position: absolute; margin-top: 14px;}

ul#link li.tjenester a { display: block;  width: 79px; height: 25px; text-indent: 0px;}
ul#link li.tjenester a { background-image: url(http://hornedesign.no/img/link_tjenester.png);}
ul#link li.tjenester a:hover { background-position: 79px 0px;}
ul#link li.tjenester { width: 725px; height: 1px; position: absolute; margin-top: 15px;}

ul#link li.kunder a { display: block;  width: 58px; height: 25px; text-indent: 0px;}
ul#link li.kunder a { background-image: url(http://hornedesign.no/img/link_kunder.png);}
ul#link li.kunder a:hover { background-position: 58px 0px;}
ul#link li.kunder { width: 795px; height: 1px; position: absolute; margin-top: 15px;}

ul#link li.kontakt a { display: block;  width: 65px; height: 25px; text-indent: 0px;}
ul#link li.kontakt a { background-image: url(http://hornedesign.no/img/link_kontakt.png);}
ul#link li.kontakt a:hover { background-position: 65px 0px;}
ul#link li.kontakt { width: 875px; height: 1px; position: absolute; margin-top: 15px;}


ul#link_vj {
	width: 0px;
	list-style-type: none;
	position: absolute;
	margin-left: -60px;
	top: 205px;
}
ul#link_vj li.om a { display: block;  width: 40px; height: 25px; text-indent: 0px;}
ul#link_vj li.om a { background-image: url(http://hornedesign.no/img/link_om.png);}
ul#link_vj li.om a:hover { background-position: 40px 0px;}
ul#link_vj li.om { width: 645px; height: 1px; position: absolute; margin-top: 15px;}

ul#link_vj li.tjenester a { display: block;  width: 79px; height: 25px; text-indent: 0px;}
ul#link_vj li.tjenester a { background-image: url(http://hornedesign.no/img/link_tjenester.png);}
ul#link_vj li.tjenester a:hover { background-position: 79px 0px;}
ul#link_vj li.tjenester { width: 725px; height: 1px; position: absolute; margin-top: 15px;}

ul#link_vj li.kunder a { display: block;  width: 58px; height: 25px; text-indent: 0px;}
ul#link_vj li.kunder a { background-image: url(http://hornedesign.no/img/link_kunder.png);}
ul#link_vj li.kunder a:hover { background-position: 58px 0px;}
ul#link_vj li.kunder { width: 795px; height: 1px; position: absolute; margin-top: 15px;}

ul#link_vj li.kontakt a { display: block;  width: 65px; height: 25px; text-indent: 0px;}
ul#link_vj li.kontakt a { background-image: url(http://hornedesign.no/img/link_kontakt.png);}
ul#link_vj li.kontakt a:hover { background-position: 65px 0px;}
ul#link_vj li.kontakt { width: 875px; height: 1px; position: absolute; margin-top: 15px;}


ul#link2 {
	width: 0px;
	list-style-type: none;
	margin-left:526px;
	position: absolute;
	top: 510px;
}
ul#link2 li.showreel a { display: block;  width: 79px; height: 25px; text-indent: -9999px;}
ul#link2 li.showreel a { background-image: url(http://hornedesign.no/img/link_showreel.png);}
ul#link2 li.showreel a:hover { background-position: 79px 0px;}
ul#link2 li.showreel { width: 215px; height: 1px; position: absolute;}

ul#link2 li.mail2 a { display: block;  width: 154px; height: 15px; text-indent: -9999px;}
ul#link2 li.mail2 a { background-image: url(http://hornedesign.no/img/index_mail.png);}
ul#link2 li.mail2 a:hover { background-position: 154px 0px;}
ul#link2 li.mail2 { width: 300px; height: 1px; position: absolute; margin-top: -190px}



ul#link_foto02 {
	width: 60px;
	list-style-type: none;
	position: absolute;
	top: 590px;
}
ul#link_foto02 li.bryllup a { display: block;  width: 54px; height: 20px; text-indent: 0px;}
ul#link_foto02 li.bryllup a { background-image: url(img/link_bryllup.png);}
ul#link_foto02 li.bryllup a:hover { background-position: 54px 0px;}
ul#link_foto02 li.bryllup { width: 255px; height: 1px; position: absolute;}

ul#link_foto02 li.portrett a { display: block;  width: 54px; height: 20px; text-indent: 0px;}
ul#link_foto02 li.portrett a { background-image: url(img/link_portrett.png);}
ul#link_foto02 li.portrett a:hover { background-position: 54px 0px;}
ul#link_foto02 li.portrett { width: 365px; height: 1px; position: absolute;}

ul#link_foto02 li.musikk a { display: block;  width: 54px; height: 20px; text-indent: 0px;}
ul#link_foto02 li.musikk a { background-image: url(img/link_musikk.png);}
ul#link_foto02 li.musikk a:hover { background-position: 54px 0px;}
ul#link_foto02 li.musikk { width: 255px; height: 1px; position: absolute; margin-top: 20px}

ul#link_foto02 li.natur a { display: block;  width: 54px; height: 20px; text-indent: 0px;}
ul#link_foto02 li.natur a { background-image: url(img/link_natur.png);}
ul#link_foto02 li.natur a:hover { background-position: 54px 0px;}
ul#link_foto02 li.natur { width: 365px; height: 1px; position: absolute; margin-top: 20px}

ul#link_foto02 li.reportasje a { display: block;  width: 71px; height: 20px; text-indent: 0px;}
ul#link_foto02 li.reportasje a { background-image: url(img/link_reportasje.png);}
ul#link_foto02 li.reportasje a:hover { background-position: 71px 0px;}
ul#link_foto02 li.reportasje { width: 310px; height: 1px; position: absolute; margin-top: 40px}

ul#link_foto01 {
	width: 100px;
	list-style-type: none;
	position: absolute;
	top: 50px;
}
ul#link_foto01 li.bryllup a { display: block;  width: 100px; height: 500px; text-indent: 0px;}
ul#link_foto01 li.bryllup a { background-image: url(img/foto_bryllup.jpg);}
ul#link_foto01 li.bryllup a:hover { background-position: 100px 0px;}
ul#link_foto01 li.bryllup { width: 505px; height: 1px; position: absolute;}

ul#link_foto01 li.portrett a { display: block;  width: 100px; height: 500px; text-indent: 0px;}
ul#link_foto01 li.portrett a { background-image: url(img/foto_portrett.jpg);}
ul#link_foto01 li.portrett a:hover { background-position: 100px 0px;}
ul#link_foto01 li.portrett { width: 610px; height: 1px; position: absolute;}

ul#link_foto01 li.musikk a { display: block;  width: 100px; height: 500px; text-indent: 0px;}
ul#link_foto01 li.musikk a { background-image: url(img/foto_musikk.jpg);}
ul#link_foto01 li.musikk a:hover { background-position: 100px 0px;}
ul#link_foto01 li.musikk { width: 715px; height: 1px; position: absolute;}

ul#link_foto01 li.natur a { display: block;  width: 100px; height: 500px; text-indent: 0px;}
ul#link_foto01 li.natur a { background-image: url(img/foto_natur.jpg);}
ul#link_foto01 li.natur a:hover { background-position: 100px 0px;}
ul#link_foto01 li.natur { width: 820px; height: 1px; position: absolute;}

ul#link_foto01 li.reportasje a { display: block;  width: 100px; height: 500px; text-indent: 0px;}
ul#link_foto01 li.reportasje a { background-image: url(img/foto_reportasje.jpg);}
ul#link_foto01 li.reportasje a:hover { background-position: 100px 0px;}
ul#link_foto01 li.reportasje { width: 925px; height: 1px; position: absolute;}


#title {
width: 900px;
list-style-type: none;
text-align: left;
margin:0 auto;
height:0px;
}

#title a { display: block;  width: 121px; height: 38px; text-indent: -9999px;}
#title a { background-image: url(http://hornedesign.no/img/tl_hornedesign.png);}
#title a:hover { background-position: 121px 0px;}