/******** General tags ********/
body{
	font:76% Verdana,Tahoma,Arial,sans-serif;
	color:#404040;
	line-height:1.2em;
	margin:0 auto;
	padding:0;
	background-color: #EAEAEA;	
	}

a{
text-decoration:none;
color:#666666;
font-weight:bold;
}

a:hover{text-decoration:underline;}
a img{border:0;}
p{
	margin:0 0 0px 7px;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
ul,ol,dl{font-size:0.9em; margin:2px 0 5px 35px;}
ul ul,ol ol{margin:4px 0 4px 35px;}

h1{
	font-size:2.5em;
	letter-spacing:-1px;
	margin:0 0 0px 6px;
	color:#993366;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h1 a{text-transform:none; color:#4088b8;}

h2{
	font-size:2em;
	color:#333333;
	letter-spacing:-1px;
	margin: 5px 0 5px 4px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h3{
	font-size:1em;
	font-weight:bold;
	margin:0px 0 3px 7px;
	padding:12px 0 0px 0;
	border-top: 1px solid #dadada;
}

blockquote{
font-size:0.9em;
border:1px solid #dadada;
margin:20px 10px;
padding:8px;
}

/******** Main wrap ********/
#wrap{
color:#333333;
width:760px;
margin:10px auto;
padding:0;
}

#header{margin:0;}

#header_top{margin:0px 0 0 0;}

#toplinks{
	text-align:left;
	padding:8px 0px 0px 8px;
	font-size: 1em;
	color: #999999;
	margin-bottom: 5px;
	margin-left: 1px;
}

#slogan{
font-size:1.5em;
color:#808080;
font-weight:bold;
letter-spacing:-1px;
margin:15px 0px 20px 35px;
line-height:1.2em;
}

/******** sidebar ********/
#sidebar{
float:left;
width:185px;
margin:5px 0 5px 0;
padding:1px 0 0 0;
}

#sidebar ul{
list-style:none;
font-size:0.9em;
margin:0;
padding:0 0 15px 10px;
}

#sidebar li{
list-style:none;
margin:0 0 4px 0;
padding:0;
}

#sidebar li a{
font-size:1.2em;
font-weight:bold;
padding:2px;
}

#sidebar ul ul{
margin:4px 0 3px 15px;
line-height:1.2em;
padding:0;
}

#sidebar ul ul li a{
	font-weight:normal;
	font-size: 1.1em;
}
#sidebar h2{margin:3px 0px 8px 0px;}

/******** Velvet Lounge ********/
#content_velvet_lounge_bg{
	line-height:1.5em;
	width:753px;
	float:right;
	text-align:left;
	margin:0px 0 0 0;
	padding:0;
	border: 1px solid #993366;
	background-image: url(images/test8.jpg);
	height: 584px;
}

#content_velvet_lounge{
	line-height:1.8em;
	width:370px;
	float:left;
	text-align:left;
	margin:210px 0 0 35px;
	padding:0 15px 0 0;
	height: 300px;
}

#content_velvet_lounge_bilder{
	line-height:1.5em;
	width:753px;
	float:right;
	text-align:left;
	margin:0px 0 0 0;
	padding:0;
	border: 1px solid #993366;
	background-image: url(images/lounge_bg.jpg);
	height: 584px;
}
/******** Koppla av i Loungen ********/
#content_koppla_av_i_lounge p{
	color: #FFFFFF;
}

#content_koppla_av_i_lounge a{
text-decoration:underline;
	color: #FFFFFF;
}

#content_koppla_av_i_lounge a:hover{
	text-decoration:none;
}

#content_koppla_av_i_lounge h1{
	font-size:2em;
	color:#FFFFFF;
	letter-spacing:-1px;
	margin: 5px 0 5px 4px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#content_koppla_av_i_lounge{
	line-height:1.6em;
	width:420px;
	float:left;
	text-align:left;
	margin:330px 0 0 15px;
	padding:0 15px 0 0;
}

#content_koppla_av_i_lounge_bilder{
	line-height:1.8em;
	width:240px;
	float:right;
	text-align:left;
	margin:340px 0 0 0px;
	padding:0 5px 0 0;
}

#content_koppla_av_i_lounge_bg{
	line-height:1.5em;
	width:753px;
	float:right;
	text-align:left;
	margin:0px 0 0 0;
	padding:0;
	border: 1px solid #993366;
	background-image: url(images/lounge_bg.jpg);
	height: 584px;
	background-repeat: no-repeat;
}
.koppla_av_i_lounge_photo{
	border:1px solid #ffffff;
	padding:1px -1px 1px 1px;
	margin:1px 3px 3px 1px;
	float: left;
}


#content_koppla_av_i_lounge p{
	color: #FFFFFF;
}

#content h3, #contentalt h3{margin:10px 0 8px;}

/******** EN BIT MAT ********/

#content_en_bit_mat p{
	color: #FFFFFF;
}

#content_en_bit_mat a{
text-decoration:underline;
	color: #FFFFFF;
}

#content_en_bit_mat a:hover{
text-decoration:none;
}

#content_en_bit_mat h1{
	font-size:2em;
	color:#FFFFFF;
	letter-spacing:-1px;
	margin: 5px 0 5px 4px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#content_en_bit_mat_bg{
	line-height:1.5em;
	width:753px;
	float:right;
	text-align:left;
	margin:0px 0 0 0;
	padding:0;
	border: 1px solid #993366;
	background-image: url(images/at_en_bit_mat_bg.jpg);
	height: 584px;
}

#content_en_bit_mat{
	line-height:1.8em;
	width:400px;
	float:right;
	text-align:right;
	margin:0px 0 0 10px;
	padding:0 15px 0 0;
}
#content_en_bit_mat_bilder{
	line-height:1.8em;
	width:240px;
	float:right;
	margin:31px 0px 210px 150px;
	padding:0 0px 0 0;
	height: 130px;
}

.en_bit_mat_photo{
	border:1px solid #ffffff;
	padding:1px -1px 1px 1px;
	margin:1px 0px 0px 1px;
	float: left;
}
/******** AFTERWORK ********/
#content_after_work p{
	color: #FFFFFF;
	text-align: right;
}

#content_after_work a{
text-decoration:underline;
	color: #FFFFFF;
}

#content_after_work a:hover{
text-decoration:none;
}

#content_after_work h1{
	font-size:2em;
	color:#FFFFFF;
	letter-spacing:-1px;
	margin: 5px 0 5px 120px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: left;
}

#content_after_work_bg{
	line-height:1.8em;
	width:753px;
	float:right;
	text-align:left;
	margin:0px 0 0 0;
	padding:0;
	border: 1px solid #993366;
	background-image: url(images/afterw.jpg);
	height: 584px;
}

#content_after_work{
	width:350px;
	float:right;
	text-align:left;
	margin:20px 0 0 20px;
	padding:0 15px 0 0;
}
#content_after_work_bilder{
	line-height:1.8em;
	width:240px;
	float:right;
	margin:11px 0 60px 85px;
	padding:0;
	height: 130px;
}

.after_work_photo{
	border:1px solid #ffffff;
	padding:1px -1px 1px 1px;
	margin:1px 0px 0px 1px;
	float: left;
}
/******** KONTAKTA VELVET LOUNGE ********/
#content_kontakta_velvet p{
	color: #FFFFFF;
}

#content_kontakta_velvet a{
text-decoration:underline;
	color: #FFFFFF;
}

#content_kontakta_velvet a:hover{
text-decoration:none;
}

#content_kontakta_velvet h1{
	font-size:2em;
	color:#FFFFFF;
	letter-spacing:-1px;
	margin: 5px 0 5px 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#content_kontakta_velvet_bg{
	line-height:1.8em;
	width:753px;
	float:right;
	text-align:left;
	margin:0px 0 0 0;
	padding:0;
	border: 1px solid #993366;
	background-image: url(images/kontakta_velvet_bg.jpg);
	height: 584px;
}

#content_kontakta_velvet{
	width:650px;
	float:left;
	text-align:left;
	margin:0px 0 0 20px;
	padding:0 15px 0 0;
}
#content_kontakta_velvet_bilder{
	line-height:1.8em;
	width:240px;
	float:right;
	margin:31px 15px 10px 85px;
	padding:0;
	height: 130px;
}

.kontakta_velvet_photo{
	border:1px solid #ffffff;
	padding:1px -1px 1px 1px;
	margin:1px 0px 0px 1px;
	float: left;
}

/******** OM WEBBPLATSEN ********/
#content_om_webbplatsen p{
	color: #FFFFFF;
}

#content_om_webbplatsen a{
text-decoration:underline;
	color: #FFFFFF;
}

#content_om_webbplatsen a:hover{
text-decoration:none;
}

#content_om_webbplatsen h1{
	font-size:2em;
	color:#FFFFFF;
	letter-spacing:-1px;
	margin: 5px 0 5px 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#content_om_webbplatsen_bg{
	line-height:1.8em;
	width:753px;
	float:right;
	text-align:left;
	margin:0px 0 0 0;
	padding:0;
	border: 1px solid #993366;
	background-image: url(images/kontakta_velvet_bg.jpg);
	height: 584px;
}

#content_om_webbplatsen{
	width:650px;
	float:left;
	text-align:left;
	margin:0px 0 0 20px;
	padding:0 15px 0 0;
}
#content_om_webbplatsen_bilder{
	line-height:1.8em;
	width:240px;
	float:right;
	margin:31px 15px 10px 85px;
	padding:0;
	height: 130px;
}

.om_webbplatsen_photo{
	border:1px solid #ffffff;
	padding:1px -1px 1px 1px;
	margin:1px 0px 0px 1px;
	float: left;
}
/******** Footer ********/
#footer{
	clear:both;
	text-align:right;
	color:#999999;
	font-size:0.9em;
	padding:2px 6px 0 0;
	filter: Alpha(Opacity=80);
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -4px;

}





#footer a{
	color:#808080;
}


/******** Various classes ********/
.box{
	color:#ffffff;
	font-size:0.9em;
	background-color:#4088b8;
	border:1px solid #c8c8c8;
	line-height:1.3em;
	padding:10px 8px 10px 13px;
	width: 150px;
}

.box a{color:#f0f0f0;}
.left{float:left; margin:0 15px 4px 0;}
.right{
	float:right;
	margin:30px 0 10px 15px;
	font-size: 1.6em;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-bottom: 5px;
}
.right a{
	font-weight: normal;
}
.textright{text-align:right;}
.readmore{text-align:left; margin:50px 10px 12px 0;}

.center{text-align:center;}
.blue{color:#4088b8;}
.big{font-size:1.3em;}
.small{font-size:0.8em;}
.bold{font-weight:bold;}

.clear{clear:both;}
.hide{display:none;}
.fade{color:#c8c8c8;}
.gray{
	color:#808080;
}

.photo{
	border:1px solid #bababa;
	padding:1px -1px 1px 1px;
	background-color:#ffffff;
	margin:30px 0px 5px 8px;
	float: right;
}

.photobuttons{
	padding:2px;
	background-color:#ffffff;
	margin:20px 0px -20px 0px;
	float: right;
}

.photobutton1{
	padding:2px;
	background-color:#ffffff;
	margin:0px 0px -20px 110px;
	float: left;
}

.photologo{
	padding:2px;
	margin:0px 0px -10px 5px;
	float: left;
}

.texttoplinks{
	color:#999999;
	font-size: 1.1em;
	font-family: "Trebuchet MS", Times, serif;
	text-align: right;
	padding-top: 3px;
}

.texttoplinks li{
	list-style:none;
	display: inline;
	padding-left: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
}

.texttoplinks a{
	text-decoration: none}

.texttoplinks a:hover{
	text-decoration: underline}
	
/******** lightbox ********/

#lightbox{

	position: absolute;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

	}



#lightbox a img{ border: none; }



#outerImageContainer{

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

	}



#imageContainer{

	padding: 10px;

	}



#loading{

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

	}

#hoverNav{

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

	}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{

	width: 49%;

	height: 100%;

	background: transparent url(lightbox/images/blank.gif) no-repeat; /* Trick IE into showing hover */

	display: block;

	}

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(lightbox/images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/images/nextlabel.gif) right 15% no-repeat; }





#imageDataContainer{

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	overflow: auto;

	width: 100%	

	}



#imageData{	padding:0 10px; color: #666; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	

		

#overlay{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

	background-color: #000;

	}

	

/******** lightbox-end ********/
