ÿþ<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>New Orchestral Music and Drama Perreur-Lloyd</title> <meta name="description" content="Perreur-Lloyd New Orchestral Music"> <meta name="keywords" content="Perreur-Lloyd Orchestral Classical Music Composer Concerto Cantata Symphony Cello Violin Piano Viola Tuba Clarinet Trumpet Choral_Sympony Drama Baillie Gunning Lazaridis Ashkenazy Barshai Laredo Hewitt-Jones" > <meta name="robots" content="follow, index" > <meta name="abstract" content="The Orchestral Music of composer, Keith Perreur-Lloyd" > <meta name="author" content="Susan Masters" > <meta name="distribution" content="Global" > <meta name="revisit-after" content="30 days"> <meta name="classification" content="Orchestral Music MP3 recordings composed by Perreur-Lloyd" > <meta name="copyright" content="Copyright m. All rights reserved." > <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" > <meta http-equiv="Content-Language" content="en" > <!--horizontal navigation--> <style type="text/css"> #h_mnu_01 ul { list-style-type:none; margin:0; padding:0; padding-top:6px; padding-bottom:6px; } #h_mnu_01 li { display:inline; } #h_mnu_01 a:link,#h_mnu_01 a:visited { font-weight:bold; color:brown; background-color:#ffff99; border-top-style: ridge; solid; border-right-style: ridge; solid; border-width:2px; border-color:#ffff00; text-align:center; padding:6px; text-decoration:none; text-transform:uppercase; } #h_mnu_01 a:hover, #h_mnu_01 a:active { text-align:center; padding:5px; font-weight:bold; color:red; background: #ffff00; padding-top: 10px; padding-right: 1px; padding-bottom: 10px; padding-left: 1px; } #h_mnu_01 .notopbrdr0xNone { border-top-style: ridge; solid; border-right-style: ridge; solid; border-bottom-style: none; border-left-style: none; border-color:#ffff00; } </style> <!-- vertical navigation bar script in head and more in body --> <style type="text/css"> #v_mnu_01 ul { list-style: none; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 8px; font-style: normal; font-weight: bold; text-decoration: none; } #v_mnu_01 { width: 160px; margin: 1px; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: yellow; border-right-color: yellow; border-bottom-color: yellow; border-left-color: yellow; } #v_mnu_01 li a { text-decoration: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #v_mnu_01 .notopbrdr0xNone { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #v_mnu_01 li a:link, #v_mnu_01 li a:visited { color: #000000; display: block; background: #ffff99; padding-top: 10px; padding-right: 1px; padding-bottom: 10px; padding-left: 1px; } #v_mnu_01 li a:hover { color: #ff0000; background: red; padding-top: 10px; padding-right: 1px; padding-bottom: 10px; padding-left: 1px; } </style> <!--[if IE] --> <style type="text/css" media="screen"> #v_mnu_01 ul,#v_mnu_01 ul li a{ height: 1%} </style> <!--footer--> <style type="text/css"> #h_mnu_02 ul { list-style-type:none; margin:0; padding:0; padding-top:6px; padding-bottom:6px; } #h_mnu_02 li { display:inline; } #h_mnu_02 .notopbrdr0xNone { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } </style> <!--select button--> <style type="text/css"> .formbutton{ font-weight:bold; } </style> <!--headings h1, h2, h3 color: blue--> <style type="text/css"> DIV.section { text-align: justify; font-size: 8pt} DIV.subsection { text-indent: 2em } H1 { font-style: normal; font-family: Arial, Helvetica, sans-serif; color: #990099;} H2 { color: #999999;} H3 { color: #000099;} body {font-family: Arial, Helvetica, sans-serif;} p.sansserif{font-family:Arial, Helvetica, sans-serif;} </style> <style type="text/css"> /* Remove margins from the 'html' and 'body' tags, and ensure the page takes up full screen height */ html, body {height:100%; margin:0; padding:0;} /* Set the position and dimensions of the background image. */ #background{position:absolute; z-index:1; width:100%; height:100%;} #scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;} #content {padding:5px 300px 20px 200px;} /* Specify the position and layering for the content that needs to appear in front of the background image. Must have a higher z-index value than the background image. Also add some padding to compensate for removing the margin from the 'html' and 'body' tags. */ #content {position:relative; z-index:1; padding:8px;} </style> <!-- For Internet Explorer 6 --> <!--[if IE 6]> <style type="text/css"> html {overflow-y:hidden;} body {overflow-y:auto;} #page-background {position:absolute; z-index:-1; width:100%; height:100%;} #content {position:static;padding:8px;} </style> <![endif]--> <!--indent text for head more in body--> <style type="text/css"> <!-- .indented { padding-left: 20pt; padding-right: 20pt; } //--> </style> <script type="text/javascript"> function bgChange(bg) { document.body.style.background=bg; } </script> </head> <!-- table always use percentages for size --> <body style="background-color:#480000"> <div id="fixed"> </div> <div id="scroller"> <div id="content"> <!--Begin Page Content--> <table width="100%" cellpadding="0" cellspacing="0" border="0"> <tr> <td width="100%" valign="top" > <div id="Heading"> <!-- Begin Page Main Title--> <tableborder="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td valign="top"> <table align="left"> <tr> <td width="65%"> <table> <tr><td align="center"> <p><img name="BannerKPL" src="BannerKPLY.png" width="500" height="100" border="0" vspace="2" hspace="0" alt="Keith Perreur-Lloyd"> </td> </tr> <tr><td align="center"> <font color="cyan" size="3"><b>info at perreur-lloyd dot com</b></font> </td> </tr> </table> </td> <td width="20%"><p>&nbsp&nbsp</p></td> <td width="15%" align="left"> <img src="Web Logo.png" width="150" height="80" border="0" vspace="2" hspace="10"> </td> </tr> </table> </td> </tr> </table> <!--End Main Title--> </div> </td> </tr> </table> <!--End Main Page Title Table--> <!--Begin Main Page Ticker and Background Bar--> <script language="JavaScript1.2" type="text/javascript"> <table> <script type="text/javascript"> <!-- var sd = 1; function movefast() { sd = sd+1; marquee.scrollAmount = sd; } function moveslow() { sd = sd-1; marquee.scrollAmount = sd; } //--> </script> <tr> <td class="abouttabletext" align=center> <table width="90%" align="center" height="50" bgcolor="#ffcc00" border="0" border-color="#ffcc00" cellpadding="1" cellspacing="0"> <!--Begin Ticker Inside--> <tr> <td width="50%"> <div id="h_mnu_02"> <marquee id=marquee bgcolor='#660000' height='25' scrollamount='4' scrolldelay='0' onmouseover='this.stop()' onmouseout='this.start()'> <a href='piano.htm' style='text-decoration:none;font-size:24;cursor:pointer;color:#FFFF00;bgcolor:none'>highly dramatic</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href='cello.htm' style='text-decoration:none;font-size:24;cursor:pointer;color:#FF00FF;'>powerful scoring</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href='violin.htm' style='text-decoration:none;font-size:24;cursor:pointer;color:#D462FF;'>strong imagery</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </a> </marquee> </div> </td> <td width="50%"> <div id="h_mnu_02"> <marquee id='marquee' bgcolor='#660000' height='25' scrollamount='4' scrolldelay='0' onmouseover='this.stop()' onmouseout='this.start()'/> <a href='violin.htm' style='text-decoration:none;font-size:24;cursor:pointer;color:#00FFFF;'>apocalyptic rhythms</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href='clarinet.htm' style='text-decoration:none;font-size:24;cursor:pointer;color:#99FF33;'>energy and fine orchestral artistry</a> </a> </marquee> </div> </td> </tr> <!--End Ticker--> </table> </td> </tr> </table> <!--End Ticker Bar Surround--> <!--table always use percentages for size--> <table width="100%" cellpadding="10" cellspacing="0" border="0" align="center"> <tr> <td align="right" width="15%" valign="top"> <div id="v_mnu_01"> <ul> <li><a href="music21stcenturysymphonicvenue.htm"><img src="ButtonMusic.png" alt="Symphonic Music" width="150" height="60" border="0"></a></li> <li><a href="http://audioscapeproductions.com/index.htm"><img src="ButtonDrama.png" alt="Audio Dramatisations" width="150" height="60" border="0"></a></li> <li><a href="biography21stcenturysymphonicvenue.htm"><img src="ButtonBio.png" alt="Biography" width="150" height="60" border="0"></a></li> <li><a href="links21stcenturysymphonicvenue.htm" class="notopbrdr0xNone"><img src="ButtonLinks.png" alt="Links" width="150" height="60" border="0"></a></li> </ul> </div> </td> <!--Begin Main Content One Section only--> <td> <table width="85%" border="0" align="center" cellpadding="2" cellspacing="0" border="3"> <!--Begin Main Centre Content--> <tr> <td body style=" filter:alpha (opacity=100);" style="padding-left: 10" style="padding-right: 10" style="padding-top: 5"> <div> <table width="80%" align="center" bgcolor="#cc99ff" cellpadding="10" cellspacing="0"> <!--Begin First Box in Main Content Introduction--> <tr> </td> <td valign="middle" width="10%" bgcolor="#ffff66" align="center"> <img src="Embryo.png" alt="The Embryo of Music" hspace="10" width="80" height="150" border="0"> </td> <td valign="top" width="80%" bgcolor="#ffff66" align="center"> <center> <img src="Welcome.jpg" alt="Welcome" valign="top" hspace="10" width="500" height="350" border="0"> </center> </td> <td valign="middle" width="10%" bgcolor="#ffff66" align="center"> <img src="Embryo.png" alt="The Embryo of Music" hspace="10" width="80" height="150" border="0"> </td> </tr> </table> </div> </td> <!--End Main Content Centre Box--> </tr> </table> <!--Main Page Footer--> <table border="0" cellpadding="3" cellspacing="3" width="100%" colspan="3" align="center"> <tr> <td id="footer" colspan="2" align="center"> <p class="center"><font color="cyan" size="2"> <a href="music21stcenturysymphonicvenue.htm" class="notopbrdr0xNone"><font color="cyan>Symphonic Music</font> </a> | <a href="http://www.audioscapeproductions.com/index.htm" class="notopbrdr0xNone"><font color="cyan>English Dramatisations</font> </a></font> </p><p></p><p></p> <p><font color="white">Copyright &#169; 2000-2011 Perreur-Lloyd. All rights reserved.</font> </p> </td> </tr> </table> </div> </div> <!--End footer--> </body> </html>