/******** **********************************************************************
*   Общие определения
******************************************************************************/

html {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;

  font: normal 11px "Times New Roman", Garamond, Baskerville, sans-serif;
  color: #332200;

  background-color: #D8D8D8;
}



a {
  color: #FF8C20;
  text-decoration: none;
  border-bottom: 0 none;
}

a:hover {
  color: #FF8C20;
  text-decoration: underline;
}



h2 {
  padding: 2px;
  margin: 0 20px 0 0;

  font: bold 17px Verdana, Arial, sans-serif;
  color: #FF8C20;
  text-transform: uppercase;
  text-align: left;
}

h3 {
  padding: 0;
  margin: 20px 0 10px 0;

  font: bold 14px Tahoma, Arial, sans-serif;
  color: #FF8C20;
  text-transform: uppercase;
}

h3 a {
  color: #FF8C20;
  text-decoration: none;

  border-bottom: 0 none;
  background-color: transparent;
}

h3 a:hover {
  color: #FF8C20;
  text-decoration: underline;
}



h4 {
  padding: 0;
  margin: 20px 0 10px 0;

  font: bold 12px Tahoma, Arial, sans-serif;
  color: #FF8C20;
}



#wrapper {
  padding: 0;
  margin: 0;

  width: 790px;

  background: transparent url(/images/body_bg.jpg) repeat-y 0 0;
}


#header {
  position: relative;
  z-index: 0;

  height: 140px;

  padding: 0;
  margin: 0;

  background: transparent url(/images/top_bg.jpg) no-repeat 0 0;
}

#header h1 {
  position: absolute;

  top: 10px;
  left: 145px;

  width: 530px;
  height: 105px;

  padding: 0;
  margin: 0;

  background: transparent url(/images/logo.gif) no-repeat 0 0;
}

#header h1 a, #header h1 a:hover {
  display: block;

  width: 100%;
  height: 100%;

  border-bottom: 0 none;
  background-color: transparent;
}

#header h1 span {
  display: none;
}


#header #orange {
  position: absolute;
  z-index: 0;

  top: 130px;
  left: 656px;

  width: 115px;
  height: 131px;

  padding: 0;
  margin: 0;

  background: transparent url(/images/top_orange.jpg) no-repeat 0 0;
}


#left-menu {
  position: absolute;

  top: 140px;
  left: 5px;

  width: 195px;

  padding: 0 0 190px 0;

  background: transparent url(/images/menu_bottom_bg.jpg) no-repeat 0 100%;
}

#left-menu ul {
  padding: 15px 0 0 0;
  margin: 0;

  list-style: none;

  color: #000000;
  text-align: left;
  text-transform: lowercase;

  background: transparent url(/images/menu_top_bg.jpg) no-repeat 0 0;
}

#left-menu li {
  padding: 7px 5px 7px 35px;
  margin: 0;

  background: transparent url(/images/menu_item_bg.jpg) no-repeat 0 100%;
}


#left-menu li.first {
  padding: 0 5px 7px 35px;
}


#left-menu li.last {
  padding: 7px 5px 7px 35px;

  background: transparent url(/images/menu_item1_bg.jpg) no-repeat 0 100%;
}


#left-menu a {
  font: normal 13px Verdana, Arial, sans-serif;

  color: #000000;
  text-decoration: none;
}

#left-menu a:hover {
  color: #ff8C20;
  text-decoration: none;
}

#left-menu a.current {
  font-weight: bold;
  color: #ff8C20;
  text-decoration: none;
}




#footer {
  position: relative;
  z-index: 0;

  height: 152px;

  padding: 0;
  margin: 0;

  font: normal 10px Verdana, Arial, sans-serif;
  color: #000000;

  background: transparent url(/images/bottom_bg.jpg) no-repeat 0 0;
}

#footer-left {
  position: absolute;
  z-index: 100;

  bottom: 50px;
  left: 20px;

  width: 170px;

  text-align: center;

  padding: 0;
  margin: 0;
}




#bottom-cat-life, 
#bottom-cat-about, 
#bottom-cat-animals, 
#bottom-cat-kitten, 
#bottom-cat-gallery, 
#bottom-cat-links {
  position: absolute;
  z-index: 0;

  bottom: 7px;
  left: 501px;

  width: 240px;
  height: 170px;

  background: transparent url(/images/bottom_cat_life.gif) no-repeat 0 0;
}

#bottom-cat-about {
  bottom: 8px;
  left: 465px;

  width: 282px;
  height: 172px;

  background: transparent url(/images/bottom_cat_about.gif) no-repeat 0 0;
}

#bottom-cat-animals {
  bottom: 5px;
  left: 535px;

  width: 195px;
  height: 198px;

  background: transparent url(/images/bottom_cat_animals.gif) no-repeat 0 0;
}

#bottom-cat-kitten {
  bottom: 3px;
  left: 492px;

  width: 228px;
  height: 154px;

  background: transparent url(/images/bottom_cat_kitten.gif) no-repeat 0 0;
}

#bottom-cat-gallery {
  bottom: 4px;
  left: 471px;

  width: 290px;
  height: 182px;

  background: transparent url(/images/bottom_cat_gallery.gif) no-repeat 0 0;
}

#bottom-cat-links {
  bottom: 5px;
  left: 535px;

  width: 195px;
  height: 198px;

  background: transparent url(/images/bottom_cat_links.gif) no-repeat 0 0;
}





#content {
  position: relative;
  z-index: 300;

  min-height: 400px;

  padding: 10px 0 35px 10px;
  margin: 0 100px 0 210px;

  font: normal 12px Arial, sans-serif;
  color: #000000;

  background: transparent url(/images/content_bg.jpg) no-repeat 0 0;
}

/* MSIE 6 hack */

* html #content {
  height: 400px;
}











#form-table {
  width: 100%;
  margin: 10px 0;

  font: normal 11px Arial, sans-serif;

  border: 0 none;
}

#form-table td {
  width: 50%;

  vertical-align: top;
  text-align: left;

  padding: 2px 5px;
}

#form-table td.caption {
  width: 50%;
}



#form-table input.text, #form-table textarea, #form-table select {
  width: 100%;
}

#form-table td.buttons {
  text-align: right;
}

#form-table td.buttons input {
  width: 30%;
}



#gallery {
  width: 100%;

  font: normal 12px Arial, sans-serif;
}

#gallery td {
  width: 50%;

  padding: 5px;

  vertical-align: middle;
}

#gallery .odd td.left, #gallery .odd td.right, #gallery .even td.left {
  text-align: left;
}

#gallery .even td.right {
  text-align: right;
}

#gallery .odd td.right, #gallery .even td.left {
  vertical-align: top;
}