body { background: url( ../images/site/index_bg.png ) left 155px repeat-x; }

div.index_wrapper { float: left; width: 940px; margin: 7px auto 0 auto; padding: 0; background: url( ../images/site/index_vr.png ) left top repeat-y; }
div.index_wrapper div.infograph { float: left; width: 518px; margin: 0; background: url( ../images/site/index_vr.png ) top right repeat-y; }
div.index_wrapper div.infograph img { margin-left: 2px; }
div.index_wrapper div.signup { float: left; background: url( ../images/site/index_vr.png ) top right repeat-y; width: 422px; padding: 0 0 0 0; }
div.index_wrapper div.signup h2 { text-align: right; width: 391px; font: bold 20px "Helvetica Neue", Helvetica, Arial; color: #cd6315; text-shadow: 0 1px white; margin: 15px 0 0 0; }
div.index_wrapper div.signup h2 span.login_with_facebook { font-weight: normal; font-size: 12px; color: #333; padding-left: 8px; }
div.index_wrapper div.signup h2 span.login_with_facebook img { vertical-align: top; margin: 3px 0 0 8px; }
div.index_wrapper div.signup form { margin: 20px 0 0 0; }
div.index_wrapper div.signup form p { height: 40px; }
div.index_wrapper div.signup form p label { width: 90px; display: block; float: left; line-height: 32px; text-align: right; margin-right: 15px; font-weight: bold; color: #333; text-shadow: 0 1px white; }
div.index_wrapper div.signup form p input { font-size: 16px; padding: 5px 0 5px 3px; border: 1px solid #bababa; float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div.index_wrapper div.signup form p input.large { width: 282px; }
div.index_wrapper div.signup form p input.small { width: 192px; }
div.index_wrapper div.signup form p.checkbox { width: 400px; text-align: left; margin: 0 0 0 60px; }
div.index_wrapper div.signup form p.checkbox label { width: 400px; text-align: left; font-weight: normal; }
div.index_wrapper div.signup form p.checkbox label input { margin: 0; padding: 0; vertical-align: top; margin: 8px 6px 0 0; }
div.index_wrapper div.signup form p.checkbox.error_unchecked { }
div.index_wrapper div.signup form p.checkbox.error_unchecked label { color: red; }
div.index_wrapper div.signup form p.submit_button { margin: 0 0 0 105px; padding: 6px 0 0 0; }
div.index_wrapper div.signup form p.submit_button img { vertical-align: top; }
div.index_wrapper div.signup form p.submit_button span.loading { line-height: 38px; margin-left: 10px; }
div.index_wrapper div.signup form p.submit_button span.loading img { margin: 11px 5px 0 0; }

div.index_wrapper div.signup form p input.error_necessary { background: white url( ../images/site/input_error_necessary.png ) right 9px no-repeat; }
div.index_wrapper div.signup form p input.error_invalid { background: white url( ../images/site/input_error_invalid.png ) right 9px no-repeat; width: 212px; padding-right: 70px; }
div.index_wrapper div.signup form p input.error_taken { background: white url( ../images/site/input_error_taken.png ) right 9px no-repeat; }
div.index_wrapper div.signup form p input.error_in_use { background: white url( ../images/site/input_error_in_use.png ) right 9px no-repeat; width: 212px; padding-right: 70px; }

div.index_wrapper_bottom { float: left; width: 940px; margin: 50px auto 0 auto; padding: 0; background: url( ../images/site/index_vr.png ) left top repeat-y; }
div.index_wrapper_bottom div.crowd { float: left; width: 518px; margin: 0; }
div.index_wrapper_bottom div.crowd h2 { font: bold 20px "Helvetica Neue", Helvetica, Arial; color: #cd6315; margin: -5px 0 0 35px; }
div.index_wrapper_bottom div.crowd div.list { margin: 20px 0 0 35px; }
div.index_wrapper_bottom div.crowd div.list img { float: left; margin: 0 10px 10px 0; width: 36px; height: 36px; }
div.index_wrapper_bottom div.privacy { float: left; background: url( ../images/site/index_vr.png ) top right repeat-y; border-left: 1px solid #bababa; width: 420px; padding: 0 0 20px 0; }
div.index_wrapper_bottom div.privacy h2 { font: bold 20px "Helvetica Neue", Helvetica, Arial; color: #cd6315; margin: -5px 0 0 35px; }
div.index_wrapper_bottom div.privacy p { margin: 15px 30px 0 35px; }

.infograph { position: relative; height: 376px; }
.infograph img { position: absolute; top: 0; left: 0; z-index: 8; }
.infograph img.active { z-index: 10; }
.infograph img.last-active { z-index: 9; }