
/* Utilites
------------------------------ */

* { margin: 0; padding: 0; }
.img-repl { text-indent: -9999px; overflow: hidden; display: block; }

.hidden { display: none; }
.no-margin { margin: 0!important; }
.no-back { background: none; }

/* Main custom rules
------------------------------ */

html { background-color: #443833; font: .75em/1.5 Tahoma, Arial, Helvetica, sans-serif; color: #13100D; } 

#main { width: 727px; min-height: 700px; margin: 0 auto; background: #F4EFE8 url(../skin/bg-main.gif) repeat-y; }

#head-0 { height: 254px; background: #000 url(../skin/head.gif) no-repeat; }
/* #head-1 { height: 254px; background: url(../skin/head-1.jpg) no-repeat 238px 5px; } */


#col-left { 
            float: left;
            width: 192px; 
          }
#col-left .pad { 
            padding: 10px 0px 10px 25px;
          }          
          
#col-right { 
            margin-left: 237px; 
          }
#col-right .pad { 
            padding: 0 30px 10px 20px
          }

#footer { width: 727px; 
          margin: 0 auto; 
          background: #000 url(../skin/bottom.gif) no-repeat center bottom; 
          height: 64px;
          font-size: 0.8em;
                    }

/* Fonts
----------------------------- */

#head-0 h1, h2 { font: bold 3.1em; }
h1 { color: #ECE7E3; padding: 30px 0 8px 30px}
h2 { font-size: 2.0em; color: #D26E1E; padding: 0 0 20px 30px}
h3 { color: #25201A; font-size: 1.4em;}

.small { font-size: .8em}
.column-head {
padding: 20px 0 0 25px; 
}
#col-right h2 { color:#E4D9D0; font-size: 2.2em }


#head-0 ul li { color: #ECE7E3; padding: 0 0 7px 30px; list-style: none;}

a { color:#493F35}
b { color:#25201A}

hr {  border-top: 1px solid #D26E1E;
      border-bottom: 1px solid #25201A;
      background-color: #fff;
      height: 3px;
      margin: 1.5em 0
   }

.gallery p { width: 400px; border-bottom: 1px solid #D26E1E; margin-left: 270px; padding-bottom: 1em; }

.demo { font-weight: bold; text-decoration: none; color: #fff; background: #25201A; padding: 2px 5px;}

#font-case li a { text-transform: lowercase; }
/* Img, etc
------------------------------- */

#col-right img { border: 3px solid #ECE7E3; padding: 2px; margin: 2px 0 2px 10px}
.margin_img { margin-left:-10px!important}

.gallery img { border: 3px solid #ECE7E3; padding: 2px; margin: 10px 0; }


/* Text align & Float
------------------------------ */

.f-left { float: left; }
.f-right { float: right; }
.center { text-align: center;}

.right { text-align: right; }

.pad-right { padding-right: 50px; }
.pad-left { padding-left: 50px;}

/* Horizontal Menu
------------------------------ */

#menu-h { overflow: hidden; 
          zoom: 1; 
          margin-bottom: 1em; 
          width: 477px;
          background: url(../skin/menu.gif) no-repeat; 
          height: 27px;
                  }
#menu-h li { float: left; 
             list-style: none; 
             padding: 5px 0 0 20px!important; 
             width: 99px; 
         /*    background: url(http://mmdesign.micheliov.com/Kugel/skin/menu-bot.gif) no-repeat 20px center;
             border-bottom: solid 1px #ccc; */
         
           }
#menu-h a { text-decoration: none; 
            font-weight: bold; 
            display: block; 
            color: #25201A;
   /*         background: url(http://mmdesign.micheliov.com/Kugel/skin/menu-bot.gif) no-repeat 20px center;
            border-bottom: solid 1px #ccc */
             }
.active a { color:#D26E1E!important;}                        
/* #menu-h li:hover { background: #ccc url(../skin/mid-menu.png) bottom left; } 
        
.active { background: #AB2700 url(../skin/mid1-menu.png) top left} */

.wrap {padding-top: 20px}
#footer a { padding-left: 25px; color: #D26E1E; margin-top: 15px; text-decoration:none}

ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

#col-left ul li
{
background-image: url(../skin/bul-1.gif);
background-repeat: no-repeat;
background-position: 0 .3em;
padding-left: 1.6em;
margin: 1em 0;
}
.items li
{
background-image: url(../skin/bul-2.gif);
background-repeat: no-repeat;
background-position: 0 .3em;
padding-left: 1.6em;
margin: 1em 0;
}
