*{border:0px solid #ddd;margin:0;padding:0;list-style:none}
html,body,#wrap{width:100%;height:100%;background:#fff url(bg.jpg)}
body{color:#333;font:14px/1.4em "Baskerville","Constantia","Baskerville Old Face","Palatino Linotype","Times New Roman","serif";cursor:default}
a{cursor:pointer;outline:0;text-decoration:none;background:url(underline.gif) repeat-x 100% 100%;color:#333;white-space:nowrap}
a:hover,a:focus{color:#999}

#wrap{background:url(drawings/side.gif) 70px 120px no-repeat}
li a,dl a{background:none;display:block;white-space:normal}
ul a,dl a{font:bold 10px "Arial","Helvetica","sans-serif";text-transform:uppercase}
h2{font-size:14px;font-weight:bold;border-bottom-width:1px;margin-bottom:1em}

* html .wrap{height:100%}
* > .wrap{min-height:100%;overflow:hidden}
.wrap{position:relative;z-index:10;padding:160px 0 80px 300px}
.cont,.head{overflow:hidden;position:relative;z-index:10;height:70px}
.right{float:right;margin:0 0 20px 20px;vertical-align:top}
.cont{display:none;padding-right:250px;height:auto}
.cur{display:block}

.head img,.head ul{float:left}
.head ul{margin:20px 0 0 10px}
.head ul li{float:left;font-size:13px}
.head ul li a{border-color:#bbb;padding:0 5px;border-left-width:1px}
.head ul li a span{display:none}

ol{position:absolute;left:120px;top:230px;width:150px;border-top-width:1px}
ol li a span{float:right;visibility:hidden}
ol li a{border-bottom-width:1px;line-height:25px;height:25px}
ol li a:hover,ol li a:focus,ol li a.cur{color:#000}
ol li a:hover span,ol li a:focus span,ol li a.cur span{visibility:visible}

dl.cont{padding-right:90px}
dl dt{float:left;margin:0 10px 10px 0}
dl dt a{background:#ebebeb url(paper.jpg);border-width:1px;padding:15px;width:220px;height:200px}
dl dt a img{width:100%;margin-bottom:10px;display:block}
dl dd{display:none}

#bird{position:absolute;bottom:100px;right:100px}
#thought{position:absolute;top:90px;left:350px}
#piano{position:absolute;top:310px;left:0}
#camera{position:absolute;left:80%;top:150px}
#home .cont{width:450px}