@charset "utf-8";
/* CSS Document */

body, html {height: 100%;}
html,body,div,span, iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,
cite,code,del,dfn,em, img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,
dd,ol,ul,li,form,label,table,caption,tbody,tfoot,thead,tr,th,td
{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-family:inherit;}
:focus {outline: 0;}
table,caption,tbody,tfoot,thead,tr,th,td {vertical-align:top;}
body {color:#60513b; font-family:Verdana; font-size:14px; background:url(../images/v1/bg.jpg) repeat center; overflow:hidden; }

table {border-collapse:collapse;border-spacing:0;}
caption,th,td {text-align:left;font-weight:normal;empty-cells:show;}

#clear {width:100%; height:1px; position:relative; clear:both;}
a {color:#663333; text-decoration:underline;}

h1 {margin:10px 0; font-size:24px;}
h2 {margin:7px 0; font-size:20px;}
h3 {margin:5px 0; font-size:16px;}


#page {position:absolute; width:100%; height:100%; overflow: visible; background:url(../images/v1/bg-left.jpg) left repeat-y;}
#page2 {position:absolute; width:100%; height:100%; overflow: auto; background:url(../images/v1/bg-right.jpg) right repeat-y;}


#wrap {position:relative; margin:0 auto; max-width:1150px; width:100%; height:100%; min-height:100%;}
#wrap-p {position:relative; margin:0 auto; width:895px; height:100%; min-height:100%;}


#left {position:relative; float:left; clear:right; width:330px; height:100%; min-height:100%; margin-left:50px;} 
#right {position:relative; float:left; clear:right; width:auto; height:auto; margin-bottom:100px; margin-top:200px;}

#change {width:116px; height:97px; background:url(../images/v1/change-out.png) no-repeat; padding:0 20px 6px 5px;}

#logo {position:relative; margin-top:20px; width:246px; height:67px;}

#menu {position:relative; margin-top:31px; width:304px; height:150px; background:url(../images/v1/menu-out.png) no-repeat; padding:4px 23px 6px 3px; z-index:10; }
#menu-in {width:294px; height:150px; background:url(../images/v1/menu-in.jpg) no-repeat; padding-left:10px; }
#menu-1 {width:238px; height:29px; padding-top:11px;}
#menu-2 {width:88px; height:24px; padding-top:9px;}
#menu-3 {width:81px; height:18px; padding-top:10px;}
#menu-4 {width:113px; height:14px; padding-top:11px;}

#pencil {position:relative; width:373px; height:203px; margin-top:-203px;  font-size:0.1em; float:right; background:url(../images/v1/pencil.jpg) no-repeat center; z-index:0;}

#copyright {position:relative; top:100%; padding-top:100px; height:50px; width:250px; z-index:101;}
#copyright {font-size:11px; line-height:18px;}
#copyright span {color:#663333; }

/*  static page  */

#content {position:relative; margin-left:52px; width:545px; line-height:20px; z-index:1;}
#content p {margin:10px 0 20px 0;} 
#content h1 {font-size:24px; margin-bottom:18px;}
#content ul {list-style-type: disk; margin-left:25px;}
#content ol {list-style-type: disk; margin-left:30px;}

/* main page  */

#cup {position:absolute; top:60px; left:100%; width:263px; height:251px; margin-left:-329px; background:url(../images/v1/cup.png); z-index:2;}
#pencil-brush { width:329px; height:429px; position:absolute; top:100%; left:100%; margin-left:-329px; margin-top:-429px; background:url(../images/v1/pencil-brush.jpg); z-index:1;}


#menu-main {position:relative; margin-top:31px; width:304px; height:150px; padding:0 23px 0 0; }

#menu-1-main {width:391px; height:53px;}
#menu-2-main {width:231px; height:56px;}
#menu-3-main {width:357px; height:50px;}
#menu-4-main {width:391px; height:53px;}

#content-main {margin:300px 0 0 52px; width:618px; line-height:18px;}


/*  contacts  */
#menu-1-contacts {width:115px; height:14px; padding-top:11px;}
#map {position:relative; margin:0 auto; width:911px; height:526px; background:url(../images/v1/map.png) no-repeat; top:-286px; z-index:0;}

.e-form input.text {width:300px; height:20px; font-size:11px; color:#666633; margin:0 0 10px 0;}
.e-form textarea {width:300px; height:150px; font-size:14px; color:#666633; margin:5px 0 5px 0;}
.e-form input.submit {width:91px; height:21px; border:0; background:url(../images/v1/submit.jpg) center no-repeat; cursor:pointer;}

/*  services  */
#menu-3-services {width:155px; heoght:37px; padding-top:11px;}
#menu-4-services {width:113px; height:14px; padding-top:7px;}

/* portfolio  */
#top {width:895px; height:150px; background:url(../images/v1/top-portfolio.png) center no-repeat;}
#change-p {width:91px; height:19px; position:absolute; top:22px; right:25px;}
#logo-p {width:246px; height:67px; position:absolute; top:55px; right:25px;}
#menu-p {width:349px; height:71px; position:relative; top:62px; left:17px;}
#menu-1-p {width:115px; height:14px; position:relative; float:left; margin-right:20px;}
#menu-2-p {width:81px; height:18px; position:relative; float:left;  margin-right:20px;}
#menu-3-p {width:113px; height:14px; position:relative; float:left;}
#menu-4-p {width:184px; height:49px; position:relative; float:left; margin-top:7px;}

#top-sort {position:relative; width:861px; height:21px; top:22px; font-size:12px; margin:0 17px;}
.sort-1 {float:left;}
.sort-2 {float:right;}



.work {position:relative; display:block; width:182px; height:200px; float:left; margin:0 13px; padding-bottom:25px;}
.work img {width:182px; height:121px;}
.work span {display:block; width:auto; height:auto; padding-top:18px; line-height:1.5em;}




#content-p {width:861px; height:auto; font-size:12px; margin:60px 17px; padding-bottom:50px;}
#content-p p {margin:10px 0 20px 0;} 

#leo {width:861px; height:auto;}
.leo-top {width:861px; height:50px; background:url(../images/v1/leo-top.png) center no-repeat;}
.leo-top a {display:block; position:relative; top:31px; left:150px; font-size:11px;}
.leo-left {width:15px; height:auto; background:url(../images/v1/leo-left.png) right repeat-y;}
.leo-screen {width:831px; height:auto;}
.leo-right {width:15px; height:auto; background:url(../images/v1/leo-right.png) left repeat-y;}
.leo-bottom {width:861px; height:21px; background:url(../images/v1/leo-bottom.png) center no-repeat;}
#content-p h1 {margin-bottom:15px;}
#content-p h3 {margin-bottom:15px;}
#annotation {margin:15px 0 25px 0;}
#screen-buttons {width:861px; height:21px; text-align:left; margin-bottom:15px;}
#screen-buttons span {display:block; float:left; width:91px; height:19px; margin:0 15px; background:url(../images/v1/screen-button.jpg) no-repeat center; font-size:11px; text-align:center; padding-top:3px;}

#preloadimg {width:5px; height:1px; position:absolute; top:-100%; left:-100%;}
#preloadimg img {width:1px; height:1px;}


ul.spisok li {
 list-style-type: none; /* Прячем исходные маркеры */
}
ul.spisok li:before {
 color:#732528; /* Цвет маркера */
 content: "\25CF "; /* Сам маркер в формате юникод */
margin-right:9px;
}

.ol-li  { color:#732528; font-weight:bold; margin-right:3px;}