 

 

 

 

 

 

 

 

 

 

 .logo{
background-image: url(logo.jpg);
position: absolute;
z-index: 2;
height:90px;
width: 250px;
top:0px;
left:0px;
}

.advert_banner{
position: absolute;
z-index:3;
height: 90px;
width: 728px;
left: 290px;
top: 0px;
border-style: solid;
border-color:#BFB6C9;
border-width: 1.5px;
}

.bg_top{
background-image: url(bg_top.jpg);
position: absolute;
z-index: 1;
height:250px;
width: 1030px;
top: 0px;
left:0px;
}

.mattblacktabs{
position: absolute;
top: 250px;
left:
width: 100px;
overflow: hidden;
}

.mattblacktabs ul{
margin: 0 0 0 0;
padding: 0 0 0 0;
font:  18px calibri;
list-style-type: none;
}

.mattblacktabs li{
display: inline;

}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;

padding: 10px 24px 10px 20px; /*padding inside each tab*/
color: white;
background: black; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: #414141; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

.advert160left{
position: absolute;
z-index: 1;
height: 3000px;
width: 160px;
top: 500px;
left: 10px;
border-style: solid;
border-color:#BFB6C9;
border-width: 1.5px;
}

.advert160right{
position: absolute;
z-index: 1;
height: 3000px;
width: 160px;
top: 500px;
left: 870px;
border-style: solid;
border-color:#BFB6C9;
border-width: 1.5px;
}

.story{
position: absolute;
z-index: 1;
padding-right: 20px;
padding-left: 20px;
height: 3000x;
width: 600px;
top: 400px;
left:215px;
border-style: solid;
border-color:#BFB6C9;
border-width: 1.5px;
}

h1 {
font: 25pt Eurostile;
text-align:center;
}

h2 {
font: 18pt Gulim;
text-align: center;
text-style: bold;
font-variant:normal;
}


.advert160left2{
position: absolute;
z-index: 1;
height: 600px;
width: 160px;
top: 1200px;
left: 10px;
border-style: solid;
border-color:#BFB6C9;
border-width: 1.5px;
}

.advert160right2{
position: absolute;
z-index: 1;
height: 600px;
width: 160px;
top: 1200px;
left: 870px;
border-style: solid;
border-color:#BFB6C9;
border-width: 1.5px;
}

p {
font: 12pt Calibri;
text-align: left;
}

a:link {
text-decoration: none;
font: 13pt Calibri;
color: #2A2A2A
}

a:visited {
text-decoration: none;
font: 13pt Calibri;
color:#2A2A2A;
}

a:active {
text-decoration: none;
font: 13pt Calibri;
color:#2A2A2A;
}

a:hover {
text-decoration: underline;
font: 13pt Calibri;
color:#2A2A2A;
}

.music{
	position: absolute;
	z-index: 1;
	height: 90px;
	width: 300px;
	top: 290px;
	left: 0px;
	padding-left: 8px;
}

 .footer {
font: 10pt Calibri;
position: absolute;
top: 9812px;
left: 21px;
width: 600px;
height: 50px;
border-style: solid;
border-color:#BFB6C9;
border-width: 1.5px;
}
