body {margin: 0;padding: 0;background-image:url(images/fon.jpg);background-repeat:no-repeat;background-position:top center;background-color:black;
font-size: 14px;color: #ffff99;}
body, th, td, input, textarea, select, option {font-family: "Trebuchet MS", "Times New Roman", Arial, Times, serif;}
p, ul, ol {line-height: 150%;}
blockquote {padding-left: 1em;}
blockquote p, blockquote ul, blockquote ol {line-height: normal;font-style: italic;}
a {color: #E6B715;outline: none;}
a:hover {text-decoration: none;color: #E6B715;outline: none;}

/* Header */
#header {width: 900px;height: 130px;margin: 0 auto;margin-top: 220px;}
#header a {outline: none;}

/* dock - top */
.dock {position: relative; height: 50px; text-align:center;}
.dock-container {position: absolute;height: 50px;padding-left: 20px;}
a.dock-item {display: block;width: 40px;color: #E6B715;position: absolute;top: 0px;text-align: center;text-decoration: none;font: bold 12px Arial, Helvetica, sans-serif;outline: none;}
.dock-item img {border: none; margin: 5px 10px 0px; width: 100%; }
.dock-item span {display: none; padding-left: 20px;}
/* dock2 - bottom */
#dock2 {width: 100%;bottom: 0px;position: absolute;left: 0px;}
.dock-container2 {position: absolute;height: 50px;padding-left: 20px;}
a.dock-item2 {display: block; font: bold 12px Arial, Helvetica, sans-serif;width: 40px; color: #E6B715; bottom: 0px; position: absolute;text-align: center;text-decoration: none;outline: none;}
.dock-item2 span {display: none;padding-left: 20px;}
.dock-item2 img {border: none; margin: 5px 10px 0px; width: 100%; }

/* Page */
#page {width: 900px;margin: 0 auto;outline: none;text-decoration: none;padding: 10px 10px 10px 10px;}
#page h1, h2 {padding-bottom: 5px;border-bottom: 1px solid #7f5d20;}
#page h1, h2, h3 {font-weight: normal;color: #F8FBEC;}
#page h1, h2 {letter-spacing: 0px;font-size: 1.7em;}
#page h3 {font-size: 1em;}

/* avtor */
#avtor {height: 200px;margin-bottom: 130px;}
#left {float: left;width: 178px;padding: 10px 10px 10px 10px;}
#right {float: right;width: 400px;margin: 30px 50px 0px 50px;}

/* portfolio */
#portfolio { font-size: 1em;color: #FFFFFF;}
#portfolio a {font-size: 1.3em;color: #E6B715;text-decoration: none;}
#portfolio a:hover {font-size: 1.3em;color: #ffffff;}

#portf {height: 320px;}
#portf p {width: 550px;float: right;margin: 100px 10px 20px 10px;}
#portf a.sylka  {color: #E6B715;}
img.left {float: left;margin: 20px 10px 0px 0px;}
img.center {margin: 10px 10px 10px 10px;}
img.right {margin: 10px 0px 10px 10px;}

/* glavnaya */
#content_left {float: left;width: 320px;margin: 0;padding: 60px 0px 20px 0px;}
#content_right {float: right;width: 470px;margin: 0;}
#sidebar {float: left;width: 320px;margin: 30px 0px 0px 0px;}

/* Footer */
#footer {clear: both;width: 900px;height: 40px;margin: 0 auto;padding: 20px 0 0 0;text-align: center;font-size: 1em;color: #52640A;}
