BODY { MARGIN: 0px; padding:0; background-color:#ccc;}

h1 {font-size:200%}

h1.logo {color: #ccc;
        text-align: left;
        letter-spacing: .5em;
        margin: 10px;
        padding: .2em .1em;
        }
a.logo{color:#fff;}

h1.header {color: #595758;
          text-align: right;
          margin: 0;
          padding: 5px 20px 5px 20px;
          background-color:#B2AFA8;}

h2 {color:#633;
   text-align:center;}

h3 {color:#933; text-align:center;}

h4 {color:#633; text-align:center;}

P {font-size:90%;}

p.small {font-size:15px;
        color: #DFD9D4;
        text-align:right;
        width: 150px;
        margin: 5px;
        padding: 5px;
        border:2px groove #ccc;
        background-color: #595758;}

address {font-size:90%;
       margin: 0 100px;
       font-style:italic;
       color:#ccc;
       text-align:right;}

.pauk {width: 527px;
      height: 527px;
      background:url(i/bg_pautina.jpg) no-repeat top left;}

.pauk_lesson_html {width: 250px;
                   height: 250px;
                   background:url(i/bg_pautina_lessonhtml.jpg) no-repeat top left;}

.pauk_image_ready {width: 250px;
                   height: 250px;
                   background:url(i/bg_pautina_imageready.jpg) no-repeat top left;}

.pauk_image_avtor {width: 250px;
                   height: 250px;
                   background:url(i/bg_pautina_avtor.jpg) no-repeat top left;}

.pauk_lesson_css {width: 250px;
                   height: 250px;
                   background:url(i/bg_pautina_css.jpg) no-repeat top left;}

.pauk_lesson_flash {width: 250px;
                   height: 250px;
                   background:url(i/bg_pautina_flash.jpg) no-repeat top left;}
				   
.pauk_raskrutka {width: 250px;
                   height: 250px;
                   background:url(i/bg_pautina_raskrutka.jpg) no-repeat top left;}

.left_menu {background-color: #ccc; margin:0; padding:0;}
.left_menu h3 { margin:0;
              padding: 2px 8px 2px 10px;
              font-size:90%;
              color:#E7E7E7;
              border-bottom: 1px solid #333;
              background-color:#595758}
.left_menu ul {margin:2px 15px;
             padding: 5px 10px 14px 5px;
             list-style:none; }
.left_menu ul li { font-size:small;
               margin:0 0 6px;
               padding:0; }
.left_menu a {font-weight:normal;
             padding-left:10px ;
             border-left: 10px groove #6C5C5C;
             color:#333;
             }
.left_menu a:hover {font-weight:normal;
                   padding-left:10px ;
                   border-left: 10px groove #ccc;
                   color:#666;}

.list {color:#366;
      font-style:italic;}

.listing{background-color: #fff;
         width:80%;
         font-family:Courier New, monospace;
         font-size:80%;
         margin:5px 30px;
         padding:5px 5px 0px 10px;
         border: 1px solid #366;}

.white {background-color:#fff;}



A.balda:link {font-family:Arial;
        font-size:14pt;
        color:#1EE6DF;
        text-decoration: none;
        background-color:#333
}
A.balda:visited {font-family:Caption;
        font-size:14pt;
        color:#6CEAB3;
        text-decoration:none;
        background-color:#666
}
A.balda:active {font-family:Caption;
        font-size: 14pt;
        color:#C5EB14;
        text-decoration:none;
        background-color:#999
}
A.balda:hover {font-family:Arial;
        font-size:14pt;
        font-weight:bold;
        color:#1F4292;
        text-decoration:underline;
        background-color:#ccc
}

div#content {background-image:url("i/spider.gif");
           background-repeat: no-repeat;
           background-position: 2px 40px; }
div#content p  {font-size:90%;
              margin: 10px 30px;}
div#content ol{padding-left: 20px;}
div#content ul{padding-left: 20px;}
div#content address {font-size:80%;
              margin: 25px 100px;
              font-style:italic;
              color:#366;
              text-align:right;}
div#content a {color:#933;}
div#content a:hover {color:#c66;}




ul#navigation { margin-top: 8px;
              margin-right: 5px;
              padding-right: 0;
              list-style-type: none; }
ul#navigation a {display: block;
               text-decoration: none;
               background: #666;
               color: #ccc;
               padding: .2em .5em;
               border-bottom: 1px solid #fff;
               border-left:6px solid #7D796E;
               border-right:2px solid #333;
               width: 7em; }
ul#navigation a:hover { background: #CFCBC2;
                      color: #666; }
ul#navigation li { display: inline; }


div.imagecaption
   {
    float: right;
    width: 182px;
    margin: 0 1em 1em 1em;
    padding: 15px 15px 20px 15px;
    display: inline;
    text-align: center;
    font-size:80%;
    border-color: #CCC #999 #999 #CCC;
    border-width: 1px 2px 2px 1px;
    border-style: solid;
    background: url("http://www.highstar.ru/avtor/i/bg_portfolio.jpg") repeat-x 0 100%;
    }

    div.imagecaption img
    {
        border-color: #000 #ccc #ccc #000;
        border-width: 1px 1px 1px 1px;
        border-style: solid;
    }
	
#reclama {font-size:11px; color:#333; margin:40px; width:50%; border: 1px solid #ccc; background-color:#999; padding: 0 10px;}
#reclama li {margin:10px;}
#reclama a {color:#333; font-size:11px;}
#reclama a:hover {color:red;}
#reclama h4{margin:0; padding:0; text-transform: uppercase; text-align: center; background-color:#666;}