/* layout styles */

html { padding: 0; margin: 0;}
body { padding: 0 0 0 0; margin: 0; background: url(../img/bg-body.jpg) repeat 50% 0; color: #fff; }

/* Layout - grid */
.row { width: 100%; display: block; position: relative; }
.row:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.col { position: relative; float: left; left: 100%; }

.row-main { width: 970px; margin: 0 auto; }

.col-full { margin-left: -970px; width: 970px; }

.col-a { margin-left: -970px; width: 310px; }
.col-b { margin-left: -640px; width: 310px; }
.col-c { margin-left: -310px; width: 310px; }

#main { padding: 547px 0 1px 0; zoom: 1; background: url(../img/bg-body-top.jpg) no-repeat 50% 0; }

#sasazu { position: absolute; top: -396px; right: 0; width: 290px; height: 54px; overflow: hidden; }

.extras-box { background: url(../img/bg-extras.jpg) no-repeat 50% 0; height: 297px; padding: 74px 0 0 0; color: #625a49; margin-top: -37px; position: relative; }
.extras-box .frames { height: 290px;}
.extras-box .frame { padding: 30px 222px 0 0; height: 260px; width: 554px; float: left; }
.extras-box .frame h2 { margin: 15px 0 8px; }
.extras-box .frame h2 img { margin: 0; display: block; }
.extras-box .frame1 { background: url(../img/bg-bruce.png) no-repeat 100% 100%; }
.extras-box .frame2 { background: url(../img/bg-jackie-chan.png) no-repeat 100% 100%; }
.extras-box .frame3 { background: url(../img/bg-kendo.png) no-repeat 100% 100%; }
.extras-box .frame4 { background: url(../img/bg-gejsa.png) no-repeat 100% 100%; }
.extras-box .frame5 { background: url(../img/bg-sushi.png) no-repeat 100% 100%; }
.extras-box .frame6 { background: url(../img/bg-samuraj.png) no-repeat 100% 100%; }
.extras-box .frame7 { background: url(../img/bg-origami.png) no-repeat 100% 100%; }

.extras-box .prev { background: url(../img/btn-prev.png) no-repeat 0 0; width: 76px; height: 246px; position: absolute; top: 18px; left: 5px; text-indent: -9999px; overflow: hidden; }
.extras-box .next { background: url(../img/btn-next.png) no-repeat 0 0; width: 76px; height: 246px; position: absolute; top: 18px; right: 5px; text-indent: -9999px; overflow: hidden;}
.extras-box .btn-disabled { display: none; }

.hscroll-box { margin-left: 115px; width: 765px; height: 290px; position: relative; overflow: hidden; position: relative; }
.kfscroller-active { overflow: hidden; =overflow-y: hidden; }

/* Footer */
#footer { margin: 0 auto; width: 970px; font-size: 11px; color: #fff; background: url(../img/bg-footer-budha.jpg) no-repeat 75% 0; height: 240px; }
#footer p { margin: 0; }
#footer a, #footer a:visited { color: #fff; }
#footer a:hover { color: #fff; }

/* Forms */
form { margin: 0; padding: 0; }
input, select, textarea { font-size: 100%; font-family: Arial, sans-serif; }
label { font-size: 14px; color: #a28c8a; font-weight: bold; display: block; margin: 0 0 5px; }
.inp-text { border: 1px solid #fff; background: #fff; }
input.inp-text, textarea { padding: 2px 3px; }

.form-box { padding: 0;  zoom: 1; position: relative; margin-bottom: -80px; }
.form-box .inp-fix { margin-right: 8px; display: block; }
.form-box .inp-fix .w-full { margin-right: -8px; }
.form-box p { margin-bottom: 8px; }

.form-box .row { margin-bottom: 20px; }

.error { color: #ff0000; font-weight: bold; }
.error-message, .ok-message { color: red; font-size: 100%; font-weight: bold; margin: 15px 0; padding: 10px 20px; }
.ok-message { color: green; }

.w-full { width: 97%;  }
.w-half { width: 50%;  }

.bloody-submit { background: url(../img/bg-bloody-submit.png) no-repeat 100% 0; border: 0; padding: 10px 40px 10px 10px; width: 260px; height: 69px; font-size: 14px; font-weight: bold; color: #fff; text-align: right; cursor: pointer; }

.ninja-box { background: url(../img/bg-ninja.jpg) no-repeat 0 0; width: 970px; margin: 0 auto; }