/* annaholtblad.com */

/* Vertikal centrering */
#distance { 
	width:1px;
	height:50%;
	margin-bottom:-250px; /* half of container's height */
	float:left;
}
#container { 
	clear:left;
}
html, body {
	height:100%;
}

/* 1. element declarations */

* {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
}

body {
	text-align:center;
	font: 68.75%/150% Arial, Helvetica, sans-serif;
	color:#fff;
	/*text-transform:uppercase;*/
	background-color:#000;
	opacity:0.999999;

}

a img {
	border:none;
}

#slideshow a img {
	float:left;
}

#slideshow a img:hover {
	opacity:0.5;
	filter: alpha(opacity=50);
}

/*#slideshow a:hover img{
	border:none;
}*/

.image-section {float:left;clear:both;margin-bottom:133px;}

ul#globalNav {
	margin:64px 0 0 90px;
	float:left;
	text-transform:uppercase;
}

* html ul#globalNav/*,
* html ul#localNav*/ {
	display:inline; /* double margin bug */
}

ul#globalNav ul,
* html ul#globalNav ul li{
	margin-left:15px;
}

/*ul#localNav {
	margin:39px 0 0 88px;
	float:left;
}*/

/*#sidebar ul {
	margin-top:69px;
}*/
li {
	list-style-type:none;
}

/*ul#globalNav li {
	margin-bottom:0.2em;
}*/

#sidebar li,
.imagenote-caption li {
	margin-bottom:2em;
}

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

a.active,
a:hover,
a:active,
a:focus {
	text-decoration:none;
	color:#fff;
}

p {
	margin-bottom:1em;
	text-transform:none;
}

h1 {
	font-size:1em;
	font-weight:normal;
	margin-bottom:1em;
	text-transform:uppercase;
}

#captionList {
	font-weight:bold;
}

/* Home (id10) och Brand Store (id12)
------------------------------ */
#id10 #content,
#id12 #content {
	margin-top:0;
}


/* The Story of... (id13)
------------------------------ */
#id13 #content{
	position:relative;
}

#id13 #content img {
	position:absolute;
	right:0;
	top:-64px;
}

#id13 h1 {
	width:9em;
	margin-bottom:6em;
}

/* Press Images (id7)
------------------------------ */
#id7 h1 {
	margin-top:64px;
	padding-bottom:10px;
}



/* 2. class declarations */

.modno {
	font-weight:normal;
}

.prevImage {
	position:absolute;
	top:400px;
	left:130px;
	z-index:1;
}

.nextImage {
	position:absolute;
	top:400px;
	right:100px;
	z-index:1;
}

.logoImage {
	position:absolute;
	top:0;
	left:0;
	display:block;
	background:url('/images/logotype_neg.gif') no-repeat;
	text-indent:-1000px;
	width:226px;
	height:21px;
}

.backlink {
	text-transform:uppercase;
	font-weight:normal;
}

.headline {
	float:left;
	height:125px;
	width:100px;
	text-align:center;
	line-height:125px;
}

.printOnly {
	display:none;
}


/* 3. containers */

#container {
	width:922px;
	margin:0 auto;
	text-align:left;
	position:relative;
	overflow:hidden;
}

#nav {
	float:left;
	width:226px;
}

#content,
#slideshow {
	float:left;
	margin-left:35px;
	width:400px;
}

#content {
	margin-top:64px;
}

#sidebar {
	float: right;
	width:200px;
	padding:64px 26px 0 0;
}

#id12 #sidebar {
	padding-top:0;
}


/* Slideshow 
----------------------------------*/

.imageShowing #slideshow {
	float:none;
	width:661px;
	position:absolute;
	top:0;
	left:261px;
	margin-left:0;
	text-transform:uppercase;
}
#container.imageShowing{
	height:500px;
}
/*.imagenote-image {
	 div runt bilden som visas 
}*/
.imagenote-notes {
	/* div runt text och länkar */	
	top:0;
	right:0;	
	width:200px;
	padding-right:26px;
	position:absolute !important;
}
.imagenote-nav {
	/* navigationen */
	margin-top: 1em;
}
.imagenote-caption {
	margin-top:64px;
	font-weight:bold;
}
.imagenote-nav-imagenumber {		
	/* bild x av y */
	text-transform:uppercase;
}
.imagenote-nav-previous {
	/* span runt text eller länk till föregående bild */
	position:absolute;
	top:400px;
	right:204px;
	background-color:#fff;
	background:	url('/images/arrow-left-neg.gif') no-repeat;
	text-indent:-1000px;
}
.imagenote-nav-next {
	/* span runt text eller länk till nästa bild */	
	position:absolute;
	top:400px;
	background-color:#fff;
	background:	url('/images/arrow-right-neg.gif') no-repeat;
	text-indent:-1000px;
	right:157px;
}
.imagenote-nav-previous a,
.imagenote-nav-next a {
	display:block;
	width:22px;
	height:20px;	
}
.imagenote-nav-previous:hover,
.imagenote-nav-next:hover {
	opacity:0.5;
	filter: alpha(opacity=50);
}
/*#slideshow>div {
}*/


/* Formulär
-----------------------------------------*/

fieldset {
	border: none; 
	text-transform:none;
}
legend { display:none; }
label {
	float:left;
	clear:left;
}

input.text,
textarea {
	float:left; 
	width: 200px; 
	border:1px solid #fff;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	margin-bottom:5px;
	clear:left;
}	

textarea {
	width: 200px; 
}	

input.text.thin{
	width:75px;
}

input.text:focus,
textarea:focus {
	background-color:#dfdfdf;
}	
input.checkbox {
	margin:0 10px 2em 0;
	float:left;
}
label.checkbox {
	width: 200px; 
	margin:10px 0;
}

input.submit{
	float:left;
}

/* Files list 
--------------------------*/
ul.files { list-style-type: none; margin: 1em 0 0 0; padding: 0; }
ul.files li { background-repeat: no-repeat; padding-left: 20px; }
ul.files li.mov { background-image: url(/begood/pix/silkicons/film.gif); }
ul.files li.jpg { background-image: url(/begood/pix/silkicons/photo.gif); }
ul.files li.gif { background-image: url(/begood/pix/silkicons/photo.gif); }
ul.files li.pdf { background-image: url(/begood/pix/silkicons/page_white_acrobat.gif); }
ul.files li.doc { background-image: url(/begood/pix/silkicons/page_white_word.gif); }
ul.files li.dot { background-image: url(/begood/pix/silkicons/page_white_word.gif);}
ul.files li.ppt { background-image: url(/begood/pix/silkicons/page_white_powerpoint.gif);}
ul.files li.mp3 { background-image: url(/begood/pix/silkicons/music.gif); }
ul.files li.xls { background-image: url(/begood/pix/silkicons/page_white_excel.gif); }

/* Splashscreen 
------------------------------*/
#id #container {
	text-align:center;
}

#id #container a {
	display:block;
}

#id #container img {
	margin-bottom:45px;
}

#id #distance { 
	margin-bottom:-55px; /* half of container's height */
}