html,body{
    height:100%;
    margin:0;
    padding:0;
}

body{
    background:#151515 url('img/bgvgrad.jpg') repeat-x;
    text-align:center;
    min-width:780px;
    min-height:550px;
}

.verticent{
    float:left;
    height:50%;
    margin-top:-275px;/* half main elements height*/
    width:100%;
}

.horicent{
text-align:left;
    width:780px;
    margin-left:auto;
    margin-right:auto;
background:#000;
    height:550px;
border:1px solid #222;
clear:both;
}

#header{
padding:1px 1px 1px 1px;
margin:0px 0px 0px 0px;
border:0px solid black;
color:#ff0;
}

#header a{
text-decoration:none;
color:#ff0;
}

#header img{
margin:5px 0px 0px 5px;
border:0px;
}

#header h1{
display:inline;
margin:0px 0px 0px 0px;
position:relative; bottom:2px;
font-family:verdana, sans-serif;
font-size:16pt;
line-height:18pt;
font-weight:normal;
}

#menu{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border:none;	
}

#nav, 
#nav ul {padding:0 0 5px 0; margin:0; list-style:none; font:10px verdana, sans-serif; border:1px solid #000; border-color:#ddd #bbb #888 #666; border-width:1px 2px 2px 1px; background:#fff; position:relative; z-index:200;}
#nav {height:25px; padding:0px 0px 0px 30px;}

#nav table {border-collapse:collapse;}
#nav li {float:left; padding:0 40px 0 10px;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {display:block; float:left; color:#555; height:25px; padding-right:5px; line-height:25px; text-decoration:none; white-space:nowrap;}
#nav li li a {height:20px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:300; background:#fff;}
#nav a:hover {position:relative; z-index:300; text-decoration:underline; color:#b75;}

#nav :hover ul {left:0; top:22px;}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {left:-10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:underline; color:#b75;}


/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:-1px;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

#content{
padding:5px 10px 10px 10px;
margin:0px 0px 0px 0px;
border:0px solid black;
color:white;
font-family:arial;
font-size:12pt;
text-decoration:none;
}

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

#content a:hover{
text-decoration:underline;
color:white;
}

#content h2 a{
text-decoration:none;
color:#80cc00;
}

#content h2 a:hover{
text-decoration:underline;
color:#80cc00;
}

#content h1{
padding:10px 10px 10px 0px;
margin:0px 0px 0px 0px;
color:white;
font-family:arial;
font-size:16pt;
font-weight:normal;
text-decoration:none;
display:inline;
}

#content h2{
padding:10px 10px 10px 10px;
margin:0px 0px 0px 0px;
font-family:verdana;
font-size:14pt;
font-weight:normal;
text-decoration:none;
color:#80cc00;
}

.photoleft{
margin:10px 10px 0px 0px;
float:left;
border:3px solid #fff;
}

.photoright{
margin:10px 10px 0px 0px;
float:right;
border:3px solid #fff;
}

.pubagfgf{
margin:30px 50px 0px 10px;
padding:0px;
position:relative;
right:0px;
top:28px;
}

.pubagfgb{
margin:30px 50px 0px 10px;
padding:0px;
position:relative;
right:0px;
top:28px;
}

.logoinline{
position:relative;
top:2px;
border:none;
}

.listeninline{
margin-left:3px;
margin-right:0px;
padding:0px 0px 0px 0px;
border:none;
}

.indent93{
position:relative;
left:93px;
}

ol.tracklisting{
list-style-type:decimal;
list-style-position:outside;
margin:0px 0px 0px 25px;
padding:0px;
}

* html ol.tracklisting{
margin:0px 0px 0px 30px;
}

ol li{
line-height:20px;
padding:0px;
}

ol li.larg, ol li.graz, ol li.viva, ol li.thel{
margin-left:260px;
}

ol li.larg{
margin-top:-360px;
}

ol li.thel{
margin-top:40px;
}

p.heading1{
margin:-143px 0px 0px 25px;
padding:5px 0px 0px 0px;
}

p.heading2{
margin:-25px 0px 0px 285px;
padding:5px 0px 0px 0px;
}

p.heading3{
margin:77px 0px 0px 285px;
padding:5px 0px 0px 0px;
}

* html ol li.larg{
margin-top:-355px;
}

* html ol li.thel{
margin-top:40px;
}

* html p.heading1{
margin:-140px 0px 0px 30px;
padding:5px 0px 0px 0px;
}

* html p.heading2{
margin:-23px 0px 0px 290px;
padding:5px 0px 0px 0px;
}

* html p.heading3{
margin:75px 0px 0px 290px;
padding:5px 0px 0px 0px;
}

.purchasephoto{
margin:10px 10px 0px 0px;
border:3px solid #fff;
}

.shop{
text-align:center;
}

fieldset{
border:0px;
}
	
p.postpic{
padding:5px 0px 0px 0px;
display:inline;
clear:left;
}

#valid{

	position:absolute; left:5px; bottom:5px;
	padding:1px 1px 1px 3px;
	border:1px solid #888;
	background-color:#fff;
	font:normal 8pt courier new;
	color:#888;
	text-align:left;
}

#w3c{
	margin-right:2px;
}

#valid a:link{
	background-color:#bbb;
	margin-left:1px;
	padding:0px 2px 0px 2px;
	color:#fff;
	font:normal 8pt courier new;
	text-decoration:none;
	display:inline;
}

#valid a:visited{
	background-color:#bbb;
	margin-left:1px;
	padding:0px 2px 0px 2px;
	color:#fff;
	font:normal 8pt courier new;
	text-decoration:none;
	display:inline;
}

#valid a:hover{
	background-color:#999;
	margin-left:1px;
	padding:0px 2px 0px 2px;
	color:#fff;
	font:normal 8pt courier new;
	text-decoration:none;
	display:inline;
}

#valid a:active{
	background-color:#bbb;
	padding:0px 2px 0px 2px;
	color:#fff;
	font:normal 8pt courier new;
	text-decoration:none;
	display:inline;
}