html, body
{ 
	margin: 0; 
	padding: 0; 
	height: 100%;
	background-color: #000000;
} 

#wrap { 
	position: relative; 
	width: 891px; 
	height: 100%; 
	margin: 0 auto; 
}

#mainbox
{ 
	position: absolute; 
	top: 50%; 
	left: 50%; 
	height: 550px; 
	margin-top: -275px; 
	width: 891px; 
	margin-left: -445px; 

	background-image: url("http://www.staffanmusik.se/images/background.jpg");
	background-repeat: no-repeat;
} 

#menubox
{
	position:absolute;
	left:0px;
	top:53px;
	width: 500px; 
	height: 400px; 

	font-family: verdana;
	font-size: 0.8em;
	color: #aaaaaa;
}

#contentsbox
{
	position:relative;
	top:130px;
	left:300px;
	width: 510px; 
	height: 350px; 
	border: 0px solid red;
	
	font-family: verdana;
	font-size: 0.8em;
	color: white;
}

h1
{
	font-family: verdana;
	font-size: 1.5em;
	color: #BFCDD6;
	text-align: center;
	font-weight: normal;
}

h2
{
	font-family: verdana;
	font-size: 1.3em;
	color: #BFCDD6;
	text-align: center;
	font-weight: normal;
}

.old_text
{
	font-family: verdana;
	font-size: 1.0em;
	color: #3282DA;
}

.next_text
{
	font-family: verdana;
	font-size: 1.2em;
	color: white;
}

.future_text
{
	font-family: verdana;
	font-size: 1.0em;
	color: #C9D5DD;
}

a { 
	color: white;
	text-decoration: none;
}

a:hover { 
	color: gray;
}

.old_text a { 
	color: #3282DA;
}

.old_text a:hover { 
	color: gray;
	text-decoration: none;
}

.next_text a { 
	color: white;
}

.next_text a:hover { 
	color: gray;
	text-decoration: none;
}

.future_text a { 
	color: #C9D5DD;
}

.future_text a:hover { 
	color: gray;
	text-decoration: none;
}


#footer {
	font-family: verdana;
	font-size: 9px; 
	color: gray;

	position: absolute; 
	top: 100%; 
	height: 19px; 
	margin-top: -20px; 

	width:100%;
	text-align: center;

}


/* HIGHSLIDE START */

.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
	display: none;
	
		font-family: verdana;
	font-size: 12px;
	color: black;

}

.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}


/* Styles for the popup */
.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 480px;
    padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
	text-align: right;
}

.highslide-wrapper .highslide-footer a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-footer a:hover {
	color: black;
}



.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}

.highslide-wrapper .highslide-body h1 {
	font-family: verdana;
	font-size: 1.5em;
	color: #3282DA;
	text-align: center;
	font-weight: normal;
}

.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-dimming { 
	background: black; 
	position: absolute; 
	visibility: hidden; 
} 


/* HIGHSLIDE END */