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

body{
    background:#9999de 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:#a1a58a;
    height:550px;
border:1px solid #000;
clear:both;
}

#header{
padding:0px 10px 5px 10px;
margin:0px 0px 0px 0px;
border:0px solid black;
color:#fff;
background:#c4c8ad;
}

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

#header h1{
font-family:times new roman;
font-size:36pt;
font-weight:normal;
font-style:italic;
display:inline;
margin:0px 0px 0px 0px;
}

#header h2{
font-family:times new roman;
font-size:18pt;
font-weight:normal;
font-style:italic;
display:inline;
margin:0px 0px 0px 10px;
}

/* ================================================================ 
Menu styling STARTS
=================================================================== */

.menu {width:780px; height:22px; position:relative;left:-0px; z-index:100;border-right:0px solid #000; font-family:arial, sans-serif;background:#fff;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:780px; w\idth:780px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;list-style-type:none;}
.menu ul ul {width:129px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:129px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:124px; height:20px; border:1px solid #000; border-width:1px 0px 1px 1px; background:#09c; padding-left:10px; line-height:21px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:129px; w\idth:119px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:21px;left:0px; width:129px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:21px;t\op:22px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d6dabf; color:#000; height:auto; line-height:1em; padding:5px 0px 5px 5px; width:123px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:129px;w\idth:124px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#f95;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#f95;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }

/* ================================================================ 
Menu styling ENDS
=================================================================== */


#content{
padding:5px 10px 10px 10px;
margin:0px 0px 0px 0px;
border:0px solid black;
background:#a1a58a;
color:#fff;
font-family:arial;
font-size:12pt;
text-decoration:none;
line-height:110%;
height:451px;
}

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

#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:0px;
margin:5px 0px 5px 0px;
color:#07a;
font-family:verdana;
font-size:18pt;
font-weight:normal;
text-decoration:none;
line-height:110%;
}

#content h2{
padding:0px 10px 10px 10px;
margin:0px 0px 0px 0px;
font-family:verdana;
font-size:14pt;
font-weight:normal;
text-decoration:none;
line-height:110%;
color:#09c;
}

#content h3{
padding:0px 10px 10px 10px;
margin:0px 0px 0px 0px;
font-family:verdana;
font-size:12pt;
font-weight:bold;
text-decoration:none;
line-height:110%;
color:#09c;
}

.photoleft{
margin:0px 10px 0px 10px;
float:left;
border:2px solid #666;
}

.photoright{
margin:10px 5px 0px 10px;
float:right;
border:2px solid #666;
}

.ltcol{
margin-right:50%;
}

.rtcol{
margin-left:50%;
margin-top:-408px;
}

#tracklist{
list-style-type:decimal;
list-style-position:inside;
margin:0px 0px 0px 25px;
padding:0px;
}

.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;
}

.trackcluster{
margin:10px 0px 0px 0px;
padding:0px 0px 0px 0px;
}


/* ===== The Eberle Quartet: Naim Label (CD019) tracklisting ===== */

.teq1{
margin-top:0px;
}

.teq2{
margin-top:40px;
}

.teq3{
margin-top:40px;
}

.teq4{
margin-left:400px;
margin-top:-328px;
}

.teqcover{
margin:40px 50px 0px 10px;
padding:0px;
}

/* ===== END OF The Eberle Quartet: Naim Label (CD019) tracklisting ===== */

/* ===== Clarinet and Flute Sonatas (SWCD15) tracklisting ===== */

.cfs1{
margin-top:-20px;
}

.cfs2{
}

.cfs3{
}

.cfs4{
}

.cfs5{
margin-left:400px;
margin-top:-418px;
}

.cfs6{
margin-left:400px;
}

.cfscover{
margin:20px 50px 0px 0px;
padding:0px;
}

/* ===== END OF Clarinet and Flute Sonatas (SWCD15) tracklisting ===== */

/* ===== garland for gatsby (3130CD) tracklisting ===== */

.agfg1{
margin-top:-20px;
}

.agfg2{
margin-left:260px;
margin-top:-390px;
}

.agfg3{
margin-left:260px;
}

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

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

/* ===== END OF garland for gatsby (3130CD) tracklisting ===== */

/* ===== flights of fancy tracklisting ===== */

.fof1{
margin-top:-20px;
}

.fof2{
}

.fof3{
}

.fof4{
}

.fof5{
}

.fof6{
margin-left:360px;
margin-top:-395px;
}

.fof7{
margin-left:360px;
}

.fof8{
margin-left:360px;
}

.fofcoverf{
margin:40px 30px 0px 0px;
padding:0px;
}

.fofcoverb{
margin:40px 20px 0px 0px;
padding:0px;
}

/* ===== END OF flights of fancy tracklisting ===== */


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

.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;
}