sergey

Вашему жизненному циклу поможет однократный запуск таймера.

var sum = 0,
	step = 0;

$(document).on('click', '.gravity', function () {
	if (!step) {
		setInterval(increase, 1000);
	}

	step++;
	$.cookie('clicks', step);
	$('.number').text(step);

	function increase () {
		sum += step;
		$.cookie('gravitaion', sum);
		$('.value').text(sum);
	}	
});

Всему виной ваше подменю верхнего пункта меню Виски

#nav-menu ul ul {
    left: -9999px;
    min-width: 250px;
    position: absolute;
    z-index: 100;
}

Оно раздвигает вам высоту

.footer > .bg-left {
    background: transparent url("../images/footer-bg-left.gif") no-repeat scroll 0px 0px;
    width: 286px;
    height: 274px;
    top: 80px;  <----- вот так сделайте
    left: 0px;
}

Скажу еще раз, не используйте блоки только для ради бэкграунда.

Вероятно это из-за позиционирования в этих блоках:

<div class="footer">
		<div class="bg-top"></div>
		<div class="bg-left"></div>
		<div class="bg-right"></div>

Из-за статичной высоты блока-обертки меню, оно при раскрытии вываливается за границы.
лекарство:

#nav-menu {
height: auto;
}

$('body').on('keyup', function(eventObject){
  var keyCode = eventObject.keyCode || eventObject.which;
  if (keyCode == '9') {
    alert('Tab pressed');
  }
});

Вангую что для обертки этих двух блоков указан overflow: hidden;

Сделай лучше 2 блока в %
первый блок с min и max-width. Чтобы он был константным, к примеру по 22%, а остальные 75 на второй блок, который будет резиновый, с марджином в 3%.
Если же это не будет работать, тогда у тебя видимо что-то со структурой не так. --> код в студию :)

>> load libastral ... done
>> init extrasensoric ... done
Подозреваю, что во втором диве есть свойство overflow со значением hidden. Но (см. выше) экстрасенсы на симпозиуме, желательно бы полностью показать разметку и стили для проблемного участка.

В медиа запросе можно изменить absolute на relative, отменить top и left.
Вариант "переверстать" однозначно лучше, если потребуется поддержка проекта.

Ну вы когда меню сверстаете, у вас основной пункт и стрелочка - это ведь разные элементы? Вот и вешаете разные обработчики: при клике на первый пункт - инфа, при клике на стрелочку - подпункты.

При формировании меню, само название категории заключено в тег a, тоесть это ссылка и при клике на неё, должен быть переход в саму категорию, но видимо в данном случае, клик по данной ссылки обрабатывается java script, и взамен перехода, получаем раскрывающиеся список или что то иное. Поэтому для полноты картины, необходимо изучить скрипты которые обрабатывают данное меню

В инпуте не хватает атрибутов name и value
измените
<input type="checkbox" id="select1">
на

<input type="checkbox" id="select1" name="inspection" value="ok">

а потом в php коде так:

if ( isset($_POST["inspection"]) ) {
    echo 'Проводить осмотр';
} else {
    echo 'Не проводить осмотр';
}

Как правило для удобства работы используется такая связка для чекбокса:

<input type="hidden" name="checkbox1" value="0">
<input type="checkbox" name="checkbox1" value="1">

- Если чекбокс выбран получаете значение 1
- Если чекбокс не выбран получаете значение 0

Выбранный чекбокс затрет значение скрытого поля при сабмите формы.

Как вы отправляете форму?

$_POST["select1"] - приходит от елемента с name = select1

if(isset($_POST['some_field']))
  echo 'Do something =)';
else 
  echo "Don't do it!";