* { margin: 0; padding: 0; }

body { text-align: center; font-family: arial, verdana; font-size: 11px; }

p { line-height: 150%; margin-bottom: 1em; text-align: justify; }

#page { width: 903px; margin: 0 auto; text-align: left; }

#nav { background: url(images/timeline.gif) no-repeat; height: 44px; list-style-type: none; margin: 0 0 2em 0; padding: 0; }

#nav li { float: left; margin: 0; padding: 0; }
#nav li a { float: left; width: 145px; height: 44px; outline: none; }
#nav li a span { display: none; }

#nav li a.home, #nav li a.homeOn { display: block; width: 134px; height: 44px; outline: none; background: url(images/home.gif); }
#nav li a.home:hover, #nav li a.homeOn { background: url(images/home_on.gif); }

#nav li a.music, #nav li a.musicOn { display: block; width: 108px; height: 44px; outline: none; background: url(images/music.gif); }
#nav li a.music:hover, #nav li a.musicOn { background: url(images/music_on.gif); }

#nav li a.photos, #nav li a.photosOn { display: block; width: 191px; height: 44px; outline: none; background: url(images/photos.gif); }
#nav li a.photos:hover, #nav li a.photosOn { background: url(images/photos_on.gif); }

#nav li a.articles, #nav li a.articlesOn { display: block; width: 130px; height: 44px; outline: none; background: url(images/articles.gif); }
#nav li a.articles:hover, #nav li a.articlesOn { background: url(images/articles_on.gif); }

#nav li a.videos, #nav li a.videosOn { display: block; width: 116px; height: 44px; outline: none; background: url(images/videos.gif); }
#nav li a.videos:hover, #nav li a.videosOn { background: url(images/videos_on.gif); }

#nav li a.bio, #nav li a.bioOn { display: block; width: 84px; height: 44px; outline: none; background: url(images/bio.gif); }
#nav li a.bio:hover, #nav li a.bioOn { background: url(images/bio_on.gif); }

#nav li a.contact, #nav li a.contactOn { display: block; width: 140px; height: 44px; outline: none; background: url(images/contact.gif); }
#nav li a.contact:hover, #nav li a.contactOn { background: url(images/contact_on.gif); } 

#body { min-height: 600px; background: url(images/sketch.gif) no-repeat; }
div.nobg { background: none !important; }

#bodycut { min-height: 600px; background: url(images/sketch2.gif) no-repeat; }
div.nobg { background: none !important; }


div.home div.intro { width: 360px; float: right; margin-top: 40px; padding-right: 23px; }
div.home div.intro div.text { padding-left: 83px; }
div.home div.intro div.text img.portrait { float: right; margin: 0 0 10px 20px; }

div.window { width: 530px; height: 550px; overflow: auto; float: right; background: #fff; }
div.window div.frame { padding: 10px 20px; }

div.biowindow { width: 880px; height: 550px; overflow: auto; float: right; background: #fff; padding-right: 20px; }
div.biowindow img.bioportrait { float: left; margin: 0px 20px 10px 0px; }

div.form { margin-left: 50px; }
input.text { width: 250px; }

.style1 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; }
.style2 {font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
.style3 {color: #993333}

img { border: 0px; }