#container { position: relative; width: 800px; height: 0; margin: 0; padding: 0; }
#name { background-image: url(../images/name.jpg); position: relative; top: 0; left: 3%; width: 424px; height: 66px; float: left; margin: 0; padding: 0; }
#index { background-image: url(../images/index.jpg); margin: 0; padding: 0; position: relative; top: 0; left: 3%; width: 489px; height: 568px; float: left; }
#homepic { background-image: url(../images/indexpic.jpg); top: 20%; width: 473px; height: 485px; float: left; margin: 0; padding: 0; }
#nav { background-image: url(../images/navbackground.jpg); background-repeat: no-repeat; background-position: 96% 0; position: relative; margin: 0; padding: 0; top: 12%; right: 0; width: 230px; height: 475px; float: right; }
/**/
#bio { font-size: 12pt; font-family: "trebuchet ms"; background-image: url(../images/bio.jpg); background-repeat: no-repeat; text-align: center; margin: 0; padding: 25% 0 0; position: relative; left: 3%; width: 481px; height: 350px; float: left; }
#bio p { font-size: 10pt; font-family: "trebuchet ms"; text-align: center; margin: 0; padding: 0; position: relative; left: 0; width: 480px; height: 351px; overflow: auto; float: left; }
/**/
/**/
#inbrief { font-size: 12pt; font-family: "trebuchet ms"; background-image: url(../images/inbrief.jpg); text-align: center; margin: 0; padding: 0; position: relative; top: 0; left: 3%; width: 485px; height: 556px; float: left; }
#inbrief p { font-size: 12pt; font-family: "trebuchet ms"; text-align: center; margin: 0; padding: 0; position: relative; top: 40%; left: 15%; width: 335px; height: 406px; float: left; }
/**/
/**/
#navitems { text-align: right; margin: 0; padding: 0; position: relative; top: 5%; width: 210px; height: 313px; float: right; }
#navitems a:link { color: #660; font-size: 18pt; font-family: "trebuchet ms"; line-height: 1.5; text-decoration: none; }
#navitems a:visited { color: #660; font-size: 18pt; font-family: "trebuchet ms"; line-height: 1.5; text-decoration: none; }
#navitems a:hover { color: #990; font-size: 18pt; font-family: "trebuchet ms"; line-height: 1.5; text-decoration: none; }
/**/
/**/
#smallnavitems a:link { color: #660; font-size: 12pt !important; font-family: "trebuchet ms"; line-height: 0.9; text-decoration: none; }
#smallnavitems a:visited { color: #660; font-size: 12pt !important; font-family: "trebuchet ms"; line-height: 0.9; text-decoration: none; }
#smallnavitems a:hover { color: #990; font-size: 12pt !important; font-family: "trebuchet ms"; font-style: italic; line-height: 0.9; text-decoration: none; }
/**/
/**/
#contactinfo { font-size: 8pt; font-family: "trebuchet ms"; text-align: right; vertical-align: bottom; position: relative; top: 25%; right: 0; width: 275px; height: 40px; visibility: visible; float: right; clear: none; margin: 0; padding: 34px 0 0; }
#contactinfo a:link { color: #33f; font-size: 9pt; font-family: "trebuchet ms"; text-decoration: none; }
#contactinfo a:hover { color: #99f; font-size: 9pt; font-family: "trebuchet ms"; text-decoration: none; }
/**/
/**/
#resume { font-size: 12pt; font-family: "trebuchet ms"; background-image: url(../images/resume.jpg); background-repeat: no-repeat; text-align: center; margin: 0; padding: 23% 0 0; position: relative; top: 0; left: 3%; width: 500px; height: 370px; float: left; }
#resumecontent { font-size: 12pt; font-family: "trebuchet ms"; background-repeat: no-repeat; text-align: center; margin: 0; padding: 0; position: relative; left: 3%; width: 460px; height: 366px; overflow: auto; float: left; }
#resume p { font-size: 10pt; font-family: "trebuchet ms"; text-align: right; margin: 0; padding: 0; position: relative; top: 0; left: 0; width: 430px; height: 406px; float: left; }
/**/
/**/
#perfsandcoms { font-size: 12pt; font-family: "trebuchet ms"; background-image: url(../images/perfsandcoms.jpg); background-repeat: no-repeat; text-align: center; margin: 0; padding: 23% 0 0; position: relative; top: 0; left: 3%; width: 475px; height: 380px; float: left; }
#perfsandcomscontent { font-size: 12pt; font-family: "trebuchet ms"; text-align: center; margin: 0; padding: 0; position: relative; left: 3%; width: 460px; height: 366px; overflow: auto; float: left; }
#perfsandcoms p { font-size: 10pt; font-family: "trebuchet ms"; text-align: right; margin: 0; padding: 0; position: relative; top: 0; left: 0; width: 440px; height: 406px; float: left; }
/**/
/**/
#aboutmymusic { font-size: 12pt; font-family: "trebuchet ms"; background-image: url(../images/about-my-music.jpg); background-repeat: no-repeat; text-align: center; margin: 0; padding: 23% 0 0; position: relative; top: 0; left: 3%; width: 475px; height: 527px; float: left; }
#aboutmymusiccontent { font-size: 12pt; font-family: "trebuchet ms"; background-repeat: no-repeat; text-align: center; margin: 0; padding: 0; position: relative; left: 3%; width: 460px; height: 370px; overflow: auto; float: left; }
#aboutmymusic p { font-size: 10pt; font-family: "trebuchet ms"; text-align: right; margin: 0; padding: 0; position: relative; top: 0; left: 0; width: 430px; height: 406px; float: left; }
/**/
/**/
#new { font-size: 12pt; font-family: "trebuchet ms"; background-image: url(../images/new.jpg); background-repeat: no-repeat; text-align: center; margin: 0; padding: 23% 0 0; position: relative; top: 0; left: 3%; width: 475px; height: 350px; float: left; }
#newcontent { font-size: 10pt; font-family: "trebuchet ms"; text-align: center; margin: 0; padding: 0; position: relative; left: 2%; width: 460px; height: 366px; overflow: auto; float: left; }
#newold p { font-size: 10pt; font-family: "trebuchet ms"; text-align: center; margin: 0; padding: 0; position: relative; top: 37%; left: 0; width: 475px; height: 250px; float: left; }
/**/
/**/
#works { font-size: 12pt; font-family: "trebuchet ms"; background-image: url(../images/works.jpg); background-repeat: no-repeat; text-align: center; margin: 0; padding: 23% 0 0; position: relative; top: 0; left: 3%; width: 475px; height: 527px; float: left; }
#workscontent { font-size: 12pt; font-family: "trebuchet ms"; background-repeat: no-repeat; text-align: center; margin: 0; padding: 0; position: relative; left: 3%; width: 460px; height: 370px; overflow: auto; float: left; }
#works p { font-size: 10pt; font-family: "trebuchet ms"; text-align: right; margin: 0; padding: 0; position: relative; top: 0; left: 0; width: 430px; height: 406px; float: left; }
/**/
/**/
#listen { font-size: 12pt; font-family: "trebuchet ms"; background-image: url(../images/listen.jpg); background-repeat: no-repeat; text-align: center; margin: 0; padding: 25% 0 0; position: relative; top: 0; left: 3%; width: 475px; height: 350px; float: left; }
#playerbackground { font-size: 12pt; font-family: "trebuchet ms"; background-image: url(../images/player.jpg); text-align: center; margin: 0; padding: 0; position: relative; left: 2%; width: 490px; height: 248px; float: left; }
#player { font-size: 12pt; font-family: "trebuchet ms"; text-align: center; margin: 0; padding: 0; position: relative; top: 0.7%; left: 2%; width: 460px; height: 226px; float: left; }
#listen p { font-size: 12pt; font-family: "trebuchet ms"; text-align: center; margin: 0; padding: 0; position: relative; top: 40%; left: 15%; width: 335px; height: 406px; float: left; }
/**/
/**/
#contact { font-size: 12pt; font-family: "trebuchet ms"; background-image: url(../images/contact.jpg); text-align: center; margin: 0; padding: 0; position: relative; top: 0; left: 3%; width: 475px; height: 527px; float: left; }
#contact p { font-size: 10pt; font-family: "trebuchet ms"; text-align: center; margin: 0; padding: 0; position: relative; top: 50%; left: 0; width: 480px; height: 406px; float: left; }
/**/