/* Common Styles */
html {margin:0;	padding:0; color:#555; background:#DDD}
body {margin:0;	padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:center}
.main {width:800px; margin:0 auto; text-align:left; padding:0 6px; background:url('../images/header_bg.png') no-repeat 0 0; overflow:visible}
.subMain {width:812px; margin:0 auto; text-align:left; background:#F3F3F5 url('../images/main_bg.gif') repeat-y 0 0}
.leftBlock, .floatedLeft {float:left}
.rightBlock, .floatedRight {float:right}
.imgBlock {float:left; padding-right:15px}
.imgBlock img {_float:left}
.clr {width:100%; clear:both; height:1px; overflow:hidden; padding:0 !important}
ul.list {list-style:disc; margin:0 0 10px 22px; line-height:135%}
ul.list li {padding:1px 0}
img, div, h1, h2, h3, h4, h5, p, ul, dl, form {border:0; margin:0; padding:0}
input, label {vertical-align:middle}
a {color:#E23821; text-decoration:none; font-weight:bold}
a:hover {color:#AAA}

/* Header */
.header {float:left; width:800px; padding:28px 0 0 0; height:47px}
.header .leftBlock {padding:0 10px 15px 25px}
.header .rightBlock {padding:15px 25px 0 10px; word-spacing:4px}
.header .rightBlock p strong, .header .rightBlock p a {float:left; width:34px; height:22px; overflow:hidden; margin-left:8px}
#uk_lang .header .rightBlock p strong {background:url('../images/ua_lang_active.png') no-repeat 0 0}
#uk_lang .header .rightBlock p a {background:url('../images/ru_lang.png') no-repeat 2px 2px}
#ru_lang .header .rightBlock p strong {background:url('../images/ru_lang_active.png') no-repeat 0 0}
#ru_lang .header .rightBlock p a {background:url('../images/ua_lang.png') no-repeat 2px 2px}

/* Topbar */
.topBar {float:left; width:100%; background:url('../images/trainers.jpg') no-repeat 0 0; padding-top:285px}
#page_shinkyokushin_history .topBar {background-image:url('../images/history.jpg')}
#page_shinkyokushin_facts .topBar {background-image:url('../images/shinkyokushin.jpg')}
#page_mas_oyama .topBar {background-image:url('../images/oyama.jpg')}
#page_training_technics .topBar {background-image:url('../images/technics.jpg')}
#page_measurement_data .topBar {background-image:url('../images/dan.jpg')}
#trainers .topBar {background-image:url('../images/trainers.jpg')}
#page_kata_names .topBar, #page_kata_history .topBar, #page_kata_meaning .topBar, #page_kata_importance .topBar, #page_kata_bunkai .topBar, #page_kata_principles .topBar, #page_kata_tempo .topBar, #page_kata_exertion .topBar, #page_kata_breath_control .topBar {background-image:url('../images/kata.jpg')}
.topBar .nav {background:#3D3D46 url('../images/nav_bg.gif') repeat-x left bottom; border-top:1px solid #FFF; float:left; width:100%; list-style:none; font-family:Arial, Helvetica, sans-serif; color:#FFF; position:relative}
.topBar .nav h3 {font-size:14px}
.topBar .nav h3 a {color:#FFF; position:relative; z-index:10}
.topBar .nav a {text-decoration:none}
.topBar .nav a strong {color:#E23821; font-weight:normal}
.topBar .nav li {float:left; padding:22px 30px 35px 30px; list-style:none; background:url('../images/brd.gif') no-repeat left bottom; min-height:90px; _height:63px}
#ru_lang .nav li {padding:22px 25px 32px 26px}
#ru_lang .topBar .nav li li {padding:0}
.topBar .nav li.active {background:#2C2C33 url('../images/nav_active.png') no-repeat center bottom}
.topBar .nav li ul {padding:10px 0 0 0}
.topBar .nav li li {float:none; padding:0; height:auto; min-height:0; margin-bottom:1px}
.topBar .nav li li a {color:#AAA; font-weight:normal}
.topBar .nav li li#photo {background:url('../images/photo_icon.png') no-repeat 0 0; width:86px}
#ru_lang .topBar .nav li li#photo {width:84px}
.topBar .nav li li#photo a, .topBar .nav li li#video a {display:block; padding:5px 0 8px 28px}
.topBar .nav li li#video {background:url('../images/video_icon.png') no-repeat 0 0; margin-top:2px}
.topBar .nav .active a.gallery {height:135px; background-color:#2C2C33}
/*.topBar .nav .kia li {background:url('../images/photo.png') no-repeat 0 0}*/
.topBar .nav h3 a:hover, .topBar .nav li li a:hover {color:#E23821}

/* Content */
.content {float:left; width:744px; background-color:#F3F3F5; padding:28px}
.content .leftBlock, .content .rightBlock {width:260px; background-color:#FFF; border-bottom:1px solid #888889; padding-bottom:10px}
.content .rightBlock {width:415px; padding:20px}
.content h4, .content h2, .content h1 {font:bold 22px/120% Trebuchet MS; color:#555555; padding-bottom:15px; text-shadow:0 1px 1px #DDDDDD; letter-spacing:-1px}
.content h2 {padding-bottom:5px}

#page_video .subNavBlock,
#page_photo .subNavBlock,
#page_friends_partners .subNavBlock,
#page_sportsmen .subNavBlock, 
#page_measurement_data .subNavBlock, 
#page_shinkyokushin_faces .subNavBlock, 
#page_shinkyokushin_philosophy .subNavBlock {display:none}


.content p, .content ol {line-height:130%}
.content p.linkPlace {padding-top:3px}

.content .leftBlock .banner {width:220px; padding-left:20px; overflow:hidden; padding-bottom:20px}
.friendsPage .item {width:220px; margin:0 auto; text-align:center; padding-bottom:25px}


.agenda, .newsList, .subNavBlock {width:220px; float:left; padding:17px 20px 20px 20px}
.agenda {background-color:#E5E5E7; border-bottom:1px solid #888889}
.agenda h4 {padding-bottom:5px}
.agenda h3 {font-size:12px; font-weight:normal}
.agenda .floatedLeft {text-align:center; padding:3px; background-color:#FFF; border:1px solid #CCC; color:#AAA; width:80px; text-align:center; -moz-border-radius: 3px; border-radius: 3px}
.agenda .floatedRight {width:122px; padding-top:10px} 
.content .date {font:bold 70px/100% century, arial; letter-spacing:-6px; margin-left:-5px; margin-top:-6px; padding:0 3px}
.content .month {font:bold 11px/100% Sylfaen, georgia; text-transform:uppercase; background-color:#F5F5F5; padding:3px 0; text-align:center}

.videosPage {padding:20px}
.videosPage .videoCategories {float:left; width:200px}
.videosPage .videoItems {float:right; width:484px}
.videosPage .cat_item a {float:left; width:190px; padding:8px 0; border-bottom:1px solid #DDD}
.videosPage .cat_item .active_video_cat {color:#333}

.subNavBlock {padding:0 20px}
.subNavBlock ul {margin:0; padding:0; list-style:none}
.subNavBlock li {padding:2px 0}
.subNavBlock a.active {text-decoration:none; color:#000}
.subNavBlock .itemBlock {padding-bottom:20px}

.newsList h3 {font-size:12px; font-weight:normal; padding:2px 0 3px 0; line-height:135%}
.newsList .itemBlock {padding:0 0 17px 0; margin:0 0 15px 0; border-bottom:1px solid #DDD}
.newsList .itemBlock strong {font-size:11px}
.newsList .lastItem {border:none; margin-bottom:0; padding-bottom:0}

.itemBig .floatedLeft {width:270px; padding:5px 0 0 10px}
.itemBig .floatedLeft img {padding-bottom:10px}
.itemBig .floatedLeft h1 {font-size:15px}

.listItem {float:left; width:100%; border-top:1px solid #DDD; margin-top:20px; padding-top:20px}

#news .content .leftBlock {width:100%}
#news .newsList {width:704px}
#news .itemBlock {float:left; width:100%}
#news .itemBlock .imgBlock {padding:3px; margin-right:15px; background-color:#FFF; border:1px solid #DDD; color:#AAA; }
#calendarView .itemBlock .imgBlock {width:80px; text-align:center; -moz-border-radius: 3px; border-radius: 3px}
#calendarView .itemBlock .imgBlock a {color:#666}
#news #calendarView {width:500px; padding-left:120px}

.calendar#news .itemBlock .imgBlock {padding:0 3px 5px 3px}
#news .itemBody {line-height:130%; padding:5px 0}
p.scroller {text-align:right; word-spacing:5px}

.imgGallery {float:left; width:100%; padding-bottom:10px}
.imgGallery td {padding:8px; background:#E5E5E7 url('../images/img_bg.gif') repeat 0 0; border-right:5px solid #FFF; border-bottom:5px solid #FFF; vertical-align:middle; text-align:center}
.imgGallery td a {float:left; width:120px; text-align:center}

.historyBlock dt {font-weight:bold; font-style:italic; font-size:11px}
.historyBlock dd {padding:2px 0 12px 20px; margin:0}

.wordsBlock h3 {padding:5px 0 10px 0; font:bold 15px/100% Arial, Helvetica, sans-serif}
.wordsBlock ul {padding-bottom:14px}
.wordsBlock li {list-style:none; padding-bottom:5px; line-height:135%}
.wordsBlock li strong {font-style:italic; color:#666; font-size:12px}
.wordsBlock .titleBlock {padding:5px 0; font-weight:bold}
.wordsBlock .shortList li {display:inline; padding-right:10px; white-space:nowrap; line-height:200%}

#biography p, .contentBlock p {padding-bottom:15px}
#biography .floatedRight {padding-left:15px}

.dynamicList {border-bottom:1px dotted #E5E5E5}
.dynamicList dt {font:bold 16px/100% Sylfaen, georgia; padding:10px 0; border-top:1px dotted #E5E5E5; background:url('../images/arrow_l.gif') no-repeat right center}
.dynamicList dt strong {color:#E23821; cursor:pointer}
.dynamicList dt strong:hover {color:#666}
.dynamicList dd {padding:0 0 0 15px; margin:0}
.dynamicList ul {padding-bottom:10px}
#active_item {background-image:url('../images/arrow_b.gif')}
#active_item strong, #active_item dt a {color:#333; cursor:default}
.dynamicList dt strong a {text-decoration:none}

.contentBlock p, .contentBlock ol {padding-bottom:15px}
#page_kata_meaning .dynamicList dt {font:bold 13px/100% Arial, Helvetica, sans-serif}
#page_kata_meaning .dynamicList dd {padding:0 20px 0 0}
#page_kata_meaning .dynamicList .imgBlock {padding:5px 15px 5px 0}

#trainers .content .leftBlock {width:100%}
#trainers .trainersBlock {padding:20px}
#trainers .trainersBlock table {border-bottom:1px solid #CCC; border-right:1px solid #CCC; font-size:11px}
#trainers .trainersBlock td {border-top:1px solid #CCC; border-left:1px solid #CCC; padding:4px}

#trainers #sportsmans {float:left; width:714px; padding:20px 0 0 20px}
#trainers #sportsmans li {width:270px; clear:none; padding:0 30px 25px 30px}
#trainers #sportsmans .imgBlock {width:250px; margin:0; padding:10px; height:333px; overflow:hidden}
#trainers #sportsmans .imgBlock img {width:250px; height:auto}
#trainers #sportsmans li p, #trainers #sportsmans li h3 {padding:5px 11px 0 11px; display:table}

#sportsmans li {list-style:none; float:left; clear:left; padding-bottom:15px}
#sportsmans .imgBlock {padding:5px; background-color:#F9F9F9; border:1px solid #EEE; margin-right:15px; width:100px}
#sportsmans .imgBlock img {width:100px; height:auto}
#sportsmans h3 {font-size:14px; padding-bottom:5px}

.categoriesList {margin:5px 0 10px 22px; padding:0}
.categoriesList li {padding:3px 0}
.categoriesList .active a {text-decoration:none; color:#000}
#page_gallery .rightBlock h3 {font-size:14px; padding-top:20px}

/* Form Block */
/*.content .formBlock {padding:20px 22px}
.formBlock td.title {padding:0 0 20px 0}
.formBlock td {padding:2px 10px 11px 0}
input.txtField {width:160px}
.linkPlace {background:url('../images/btn_right.png') no-repeat right top; float:left; padding-right:11px; _background:none}
.btn {border:none; color:#FEF200; overflow:visible; font:normal 18px/100% "trebuchet MS", Arial; padding:9px 20px 15px 26px; cursor:pointer; margin:0; float:left; overflow:visible; background:url('../images/btn_left.png') no-repeat 0 0; _background:#006600; _padding:9px 20px}
.btn:hover, .btn:focus {color:#FFF}*/

/* Footer */
.footer {width:800px; clear:both; background:#DDD url('../images/footer_bg.png') no-repeat 0 0; text-align:center; padding:35px 6px 20px 6px; font-size:11px; margin-left:-6px}
.footer p {}