* { margin: 0; padding: 0; border-width: 0; text-decoration: none; }
body { font: 12px 'Trebuchet MS', Helvetica, sans-serif; color: #834757; background: #d07e8c url('img/background.jpeg') repeat-x; }
#canvas { position: relative; height: 825px; width: 1001px; margin: 12px auto 0; background: url('img/canvas.jpeg') no-repeat top center; }
#menu { position: absolute; top: 224px; left: 45px; list-style-type: none; }
#menu hr { position: absolute; width: 62px; left: 257px; border-bottom: 1px solid #f9e8e6; margin-top: 11px; height: 1px; }
#menu li { padding: 11px 0; width: 154px; font-size: 17px; line-height: 28px; border-bottom: 1px solid #f9e8e6; }
#menu li a { display: block; color: #f7eede; }
#menu li a:hover { color: #efccb9; }
#menu li.active a { color: #834757; }
#menu .submenu { list-style-type: none; }
#menu .submenu li { border-style: none; font-size: 13px; padding: 0 0 0 10px; line-height: 22px; background: url('img/menu-point.jpeg') no-repeat left center; }
#menu .submenu li.active { background-image: url('img/menu-active-point.jpeg'); }
#main { position: absolute; top: 144px; right: 0; min-height: 681px; width: 638px; background: #fffcf1 url('img/main-top.jpeg') no-repeat top center; }
#content { margin: 20px 30px 40px; }
#content p, #content div, #content ul, #content ol, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content address  { margin-bottom: 15px; }
#content ul { list-style-type: circle; }
#content li { margin: 0 10px 5px 40px; }
#content hr { border-bottom: 1px solid #ead0a7; height: 1px; margin: 0 auto;  width: 400px; }
#content a { text-decoration: none; border-bottom: 1px dotted #834757; color: #834737; }
#content a:hover { color: #c58f55; border-color: #efccb9; }
#copyright { position: absolute; bottom: 0; margin: auto 8px; font-size: 10px; color: #e4b7b5; line-height: 28px; }
#author { position: absolute; bottom: 0; height: 28px; width: 638px; background: #d07e8c url('img/main-bottom.jpeg') no-repeat top center; font-size: 10px; line-height: 28px; }
#author * { color: #e4b7b5; }
#author-graphic { float: right; margin-right: 50px; }
#author-developer { float: right; margin-right: 5px; }
#logo { position: absolute; top: 27px; right: 47px; width: 149px; height: 91px; }
h1.title { text-indent: -9000px; position: absolute; }
img.title { position: absolute; top: 105px; left: 390px; font-size: 20px; color: #fff9ef; }