/*
 *
g.css
 *
 * */


/*
 * Мы не должны полагаться на значения браузера по умолчанию.
 *
 * */
*
{
  margin: 0;
  padding: 0;
  border: 0;
}

/*
 * Часто употребимый класс.
 *
 * */

.B
{
  clear: both;
}

/*
 * list-style обычно не используется.
 *
 * */
ul, ol, li
{
  list-style: none;
}

/*
 * Очень часто для заголовков не требуется жирный шрифт
 *
 * */
h1, h2, h3, h4, h5, h6
{
  font-weight: normal;
}

strong, b
{
  font-weight: bold;
}

em, i
{
  font-style: italic;
}

/*
 * Такие стили необходимы, когда table
 * используется как layout
 *
 * */
table
{
  border-spacing: 0;
  border: 0;
  border-collapse: collapse;
}

td, caption, th
{
  padding: 0;
  border: 0;
  vertical-align: top;
  font-weight: normal;
  text-align: left;
}


/* Убираем рамку возле ссылки при клике */
:focus {
	outline: 0;
}

body
{
  margin: 0;
  padding: 0;
  border: 0;
  /* У body обязательно необходимо определять background,
   * сам лично видел как в браузере по-умолчанию стоял розовый цвет
   *
   */
  background: #ffffff;
  /*
   * Цвет текста
   *
   * */
  color: #000000;
  /*
   * Обязательно необходимо указать шрифт,
   * а после него, - большое семейство:
   * serif: с засечками
   * sans-serif: без засечек
   * */
  font-family: 'Tahoma', sans-serif;
  font-size: 13px;
  line-height: 17px;
}

input, textarea, button, select, option
{
  font-family: 'Tahoma', sans-serif;
  font-size: 13px;
  line-height: 17px;
}

/* 
 *
 * Фоновая картинка задает границы слева и справа от
 * body_i1 при больших разрешениях.
 * Эта фоновая картинка должна быть в ширину не меньше,
 * чем max-width у body_i1
 * 
 * */
#body_i0
{
  background: url(i/body_i0_bg.gif) repeat-y 50% 0;
}

/**
 *
 * Слой, в котором будут находиться все элементы.
 *
 * */
#body_i1
{
  min-width: 990px;
  max-width: 1400px;
  background: #ffffff;
  /* выравнивание по центру */
  margin: 0 auto;
  /* чтобы элементы с абсолютным позиционированием 
   * отображались нормально поставим position: relative */
  position: relative;
}