/*
Theme Name: WordPress Default
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



body {
    margin:0px auto;
    padding:0px;
    background-color:#f6f7f5;
    font-family: Arial, Helvetica, sans-serif;
}

a img{
   border: none;
}

#page_wrapper{
    width:100%;
    height:100%;
    margin:0 auto;
}

#page{
    margin:0 auto;
    width:984px;
    min-height:717px;
}

#border_top{
    margin:0 auto;
    width:984px;
    height:13px;
    margin-top:50px;
    background: center url('images/background-top.png') no-repeat;
}

*html #border_top{
    behavior: url('http://www.themustardcorporation.com/wp-content/plugins/iepngfix/iepngfix.htc');
}

#content_wrapper{
    margin:0 auto;
    min-height:717px;
    width:984px;
}

*+html #content_wrapper{
    width:980px;
    padding:0px;
    margin:0px;
    background: url('images/background.png') repeat-y;
}

*html #content_wrapper{
    width:980px;
    background: none;
}

#header_wrapper{
    height:122px;
    width:984px;
    background: url('images/background.png') repeat-y;
    position: relative;
    top:0px;
    left:0px;
    margin:0 auto;
}

*+html #header_wrapper
{
    z-index:9;
    background:none;
}

#header{
    height:137px;
    width:984px;
    background: bottom url('images/header-bg.png') no-repeat;
    position: relative;
    top:0px;
    left:0px;
    margin:0 auto;
    z-index:9;
}

*+html #header{
    z-index:10;
}

*html #header{
    padding:0px;
    margin:0px;
    width:650px;
    background-image: center bottom url('images/header-bg.png') no-repeat;
    z-index:99;
}

#header_logo{
    height:74px;
    width:100%;
    margin:0 auto;
    padding: 0 0 15px 0;
}

#header_logo a{
    margin-left:31px;
    margin-top:13px;
    float:left;
}

#navigation_wrapper{
    height:33px;
    width:922px;
    padding-left:31px;
    padding-right:31px;
}

*+html navigation_wrapper{
    z-index:999;
}

#navigation{
    font: normal normal normal 14px/120% Arial, Helvetica, sans-serif;
    margin:0px;
    padding:0px;
    overflow: hidden;
    height:26px;
}

*+html #navigation{
z-index:12;
}

#navigation li {
    height:20px;
    padding: 0 10px;
    float: left;
    list-style: none;
    text-align:center;
    background: right url('images/nav_li.jpg') no-repeat;
    padding-top:7px;
}

*+html #navigation li {
position:relative;
z-index:13;
}

*html #navigation {
width:680px;
}

#navigation li.backLava {
background: center url('images/nav_arrow.png') no-repeat;
behavior: url('http://www.themustardcorporation.com/wp-content/plugins/iepngfix/iepngfix.htc');
margin-top:34px;
margin-left:-8px;
position: absolute;
z-index:8;
}

*+html #navigation li.backLava {
position: absolute;
left:0px;
top:0px;
margin-top:34px;
z-index:14;
}

.home a {
    text-align: center;
    z-index: 10;
    display: block;
    position: relative;
    background: url('images/nav-home.gif') no-repeat;
    width:41px;
    height:13px;
    padding:0px;
    margin:0px;
}

.home a:hover{
   background: url('images/nav-home-ovr.gif') no-repeat;
}

.games a {
    text-align: center;
    z-index: 10;
    display: block;
    position: relative;
    background: url('images/nav-games.gif') no-repeat;
    width:51px;
    height:13px;
}

.games a:hover{
    background: url('images/nav-games-ovr.gif') no-repeat;
}

.culturalization a{
    text-align: center;
    z-index: 10;
    display: block;
    position: relative;
    background: url('images/nav-culturization.gif') no-repeat;
    width:97px;
    height:13px;
}
.culturalization a:hover{
    background: url('images/nav-culturization-ovr.gif') no-repeat;
}

.voice a {
    text-align: center;
    z-index: 10;
    display: block;
    position: relative;
    background: url('images/nav-voice.gif') no-repeat;
    width:42px;
    height:13px;
}

.voice a:hover{
    background: url('images/nav-voice-ovr.gif') no-repeat;
}

.ourip a {
    text-align: center;
    z-index: 10;
    display: block;
    position: relative;
    background: url('images/nav-our-ip.gif') no-repeat;
    width:47px;
    height:13px;
}

.ourip a:hover{
    background: url('images/nav-our-ip-ovr.gif') no-repeat;
}

.directors a{
    text-align: center;
    z-index: 10;
    display: block;
    position: relative;
    background: url('images/nav-directors.gif') no-repeat;
    width:71px;
    height:13px;
}

.directors a:hover{
    background: url('images/nav-directors-ovr.gif') no-repeat;
}

.tv a{
    text-align: center;
    z-index: 10;
    display: block;
    position: relative;
    background: url(images/nav-tv.gif) no-repeat;
    width:130px;
    height:13px;
}

.tv a:hover{
background: url('images/nav-tv-ovr.gif') no-repeat;
}

.latestnews a {
    text-align: center;
    z-index: 10;
    display: block;
    position: relative;
    background: url('images/nav-latest-news.gif') no-repeat;
    width:96px;
    height:13px;
}

.latestnews a:hover{
background: url('images/nav-latest-news-ovr.gif') no-repeat;
}

.contact a {
    text-align: center;
    z-index: 10;
    display: block;
    position: relative;
    background: url('images/nav-contact.gif') no-repeat;
    width:59px;
    height:13px;
}

.contact a:hover{
    background: url('images/nav-contact-ovr.gif') no-repeat;
}


#header_image_wrapper{
    height:347px;
    position:relative;
    left:0px;
    top:-10px;
    width:984px;
    margin:0 auto;
    background: url('images/background.png') repeat-y;
}

#header_image{
    height:355px;
    width:100%;
    background: top center url('images/homepage-banner-image.jpg') no-repeat;
    z-index:8;
}


#index_main_content{
    width:903px;
    min-height:256px;
    float:left;
    margin-top:-10px;
    padding: 38px 41px 0 41px;
    background: url('images/background.png') repeat-y;
}

#index_main_title{
    width:100%;
    height:52px;
    padding-top:31px;
}

#index_main_title h1{chrome
    float:left;
    margin:0px;
    padding:0px;
    font-family:arial;
    font-size:42px;
    letter-spacing:-2px;
}

#sidebar_wrapper h2{
    width:auto;
    height:40px;
    margin: 0;
    font-size: 18px;
}

#sidebar_wrapper img{
    float:left;
    margin-bottom: 15px;
}


#sidebar_wrapper strong{
    font: normal bold normal 13px/120% Arial, Helvetica, sans-serif;
    text-align:left;
    display: block;
    float: left;
    width: 120px;
    padding:0px;
    margin:0px 0 0 10px;
}

#sidebar_wrapper p{
    font: normal normal normal 12px/120% Arial, Helvetica, sans-serif;
    text-align:left;
    padding:0px;
    margin:0px;
    width:148px;
    float:right;
    padding-left:2px;
    margin-top:5px;
    color:#333333;
}

#sidebar_wrapper p.total{
    text-align: center;
    padding: 0;
    margin: 0px 0 0 0;
    width: 100%;
    font-weight: bold;
}

#title_wrapper{
    width:auto;
    height:auto;
    margin-bottom:10px;
}

#index_main_sub{
    width:100%;
    height:42px;
    background: left url(images/ij.png) no-repeat;
    border-bottom:1px solid #CCCCCC;
    height:10px;
    margin-top:0;
    padding-bottom:55px;
    width:100%;
}

#index_main_sub h2, #post h2{
    margin:0px;
    padding:0px;
    float:left;
    font: normal normal normal 17px/120% Arial, Helvetica, sans-serif;
    color:#666;
}

#post h2{
    margin-bottom: 5px;
}

#index_main_img{
    width:898px;
    padding-top:50px;
    text-align: center;
}

#index_main_img img{
    margin: 0 20px;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    vertical-align: middle;
}

#border_bottom{
    margin:0 auto;
    width:985px;
    height:20px;
    background: url('images/background-bottom.png') no-repeat;
    float:left;
    clear:both;
}

#post{
    text-align:left;
    width:100%;
    height:100%;
}

.wd_div{
    width:286px;
    padding:10px;
    min-height:162px;
    float:left;
    margin-right:3px;
}

.wd_div p{
    width:286px;
}

.wd_left{
    width:629px;
    height:auto;
    float:left;
    margin-top:62px;
}

.wd_div img{
margin-right:10px;
}

.wd_left .wd_div strong{
    font: normal bold normal 15px/120% Arial, Helvetica, sans-serif;
    color:#333333;
}

.wd_left .wd_div p{
    font: normal normal normal 13px/25px Arial, Helvetica, sans-serif;
    padding:0px;
    margin:15px 0 0 0px;
    color:#666666;
}
.wd_sub{
    width:100%;
    min-height:100px;
    float:left;
    border-bottom:solid 1px #ccc;
}

.post h2, .wd_sub_text_2{
    font: normal bold normal 15px/120% Arial, Helvetica, sans-serif;
    color:#333333;
    margin-top:15px;
}

.edit{
    float:right;
    margin:-20px;
    padding:0px;
}

.edit a{
text-decoration:none;
}

#sidebar_wrapper{
    width:232px;
    display: block;
    height:536px;
    float:right;
    margin-top:62px;
    background: url(images/side_bar-bg.jpg) no-repeat;
    padding:15px;
    text-align: left;
}


.sidebar_wrapper_div{
    width:100%;
    min-height:100px;
    float:left;
}

#post_bottom_image{
    position:relative; 
    bottom:-13px; 
    left:-29px;
}

*+html #post_bottom_image{
    position:relative; 
    bottom:3px; 
    left:-28px;
}

#culturalization_bottom{
    position:relative; 
    bottom:-13px; 
    right:-477px;
}

#tv_bottom{
    position:relative; 
    bottom:-13px; 
    right:-477px;
}

*+html #culturalization_bottom{
    position:relative; 
    bottom:3px; 
    right:-476px;
}

#title_wrapper h1{
    margin:0px;
    padding:0px;
    font: normal bold normal 42px/120% Arial, Helvetica, sans-serif;
    letter-spacing:-2px;
    border-bottom:solid 1px #ccc;
    float:left;
    margin-bottom:15px;
}

#culturalization_div{
    width:876px;
    height:360px;
    margin:0px auto;
    background: url(images/culturalization_table.jpg) no-repeat;
    float:left;
    margin-top:34px;
    padding:15px;
}

#past_work_div{
    width:876px;
    height:360px;
    margin:0px auto;
    float:left;
    margin-top:34px;
    padding:0px;
}

*+html #culturalization_div{
    width:876px;
    height:360px;
    margin:34px auto 30px auto;
    background: url(images/culturalization_table.jpg) no-repeat;
    float:left;
    padding:15px;
}

.culturalization_box{
    width:auto;
    height:166px;
    border-top:solid 1px #ccc;
}

.past_work_box{
    width:auto;
    height:166px;
    float:left;
}

#culturalization_div h1, #associates_content h1, #voice_content h1{
    margin:0px 0 20px 0;
    padding:0px;
    font: bold normal normal 18px/120% Arial, Helvetica, sans-serif;
}

.culturalization_product{
    float:left;
    width:212px;
    height:144px;
    padding-top:20px;
    margin-right: 2px;
}

.past_work_product{
    float:left;
    width:217px;
    height:144px;
    padding-top:20px;
    margin-right: 2px;
}
.culturalization_product img, .past_work_product img{
    float:left;
    margin-right:10px;
}

.culturalization_product strong, .past_work_product strong{
    font: normal bold normal 13px/120% Arial, Helvetica, sans-serif;
    text-align:left;
    padding:0px;
    margin:0px;
}

.culturalization_product p, .past_work_product p{
    font: normal normal normal 12px/15px Arial, Helvetica, sans-serif;
    padding:0px;
    margin:3px 0 0 0;
    color:#333333;
}

#nav_home{
    width:41px;
    height:13px;
    background: url(images/nav-home.gif) no-repeat;
}

#nav_home a:hover{
    background: url(images/nav-home-ovr.gif) no-repeat;
}

span{
display:none;
}

#past_work_bottom{
    position:relative; 
    bottom:-13px; 
    right:-674px;
}

*+html #past_work_bottom{
    position:relative; 
    bottom:3px; 
    right:-674px;
}

#home_title{
    margin:0px;
    padding:0px;
    width:480px;
    text-align:left;
    float:left;
}

*+html #home_title{
    float:left ;
    width:480px;
    margin:0px;
    padding:0px;
}

*+html #home_title_2{
    float:right;
    margin:0px;
    padding:0px;
    text-align:left;
}

.d_div{
    float:left;
    margin-right:0px;
    min-height:470px;
    padding:10px;
    width:281px;
    
}

.d_div p{
    font: normal normal normal 13px/25px Arial, Helvetica, sans-serif;
    padding:0px;
    margin:15px 0 0 0px;
    color:#666666;
}

#associates{
    min-height:200px;
    width:886px;
    margin:0px auto;
    clear:both;
}

#voice{
    min-height:186px;
    width:886px;
    margin:0px auto;
    clear:both;
}

#associates_bg_top{
    height:20px;
    width:886px;
    background: url(images/cirectors_a_tp.jpg) no-repeat;
}

#associates_bg_bottom{
    height:20px;
    width:886px;
    background: url(images/cirectors_a_bt.jpg) no-repeat;
}

#associates_content{
    width:856px;
    min-height:200px;
    background: url(images/cirectors_a_bg.jpg) repeat-y;
    padding:0 15px;
}

#voice_content{
    width:856px;
    min-height:186px;
    background: url(images/cirectors_a_bg.jpg) repeat-y;
    padding:0 15px;
}
.pen{
    position:relative; 
    bottom:-13px; 
    right:-670px;
}

*+html .pen{
    position:relative; 
    bottom:3px; 
    right:-670px;
}

#associates_content img{
    float:left;
    margin-right:10px;
}

#associates_content p, #voice_content p{
    font: normal normal normal 12px/25px Arial, Helvetica, sans-serif;
    margin:0 0 15px 0;
    padding:0;
    color:#333333;
    float:left;
}

.japaneseText{
    margin-top:10px;
    margin-left:-5px;
    float:left;
    width: 450px;
}

    .japaneseText p{
         color: #666666;
         font: normal normal normal 13px/130% Arial, Helvetica, sans-serif;
    }

    #post .japaneseText h2{
        float: none;
        font-weight: bold;
        display: block;
        color: #000000;
    }
    
    #post .japaneseText h3{
        display: block;
        color: #000000;
        font: bold normal normal 15px/120% Arial, Helvetica, sans-serif;
    }

.jap_bg{
    float:right;
    position:relative; 
    right:0px; 
    bottom:3px;
    margin-right:-28px
}

.voice_p img{
margin-right:45px;
float:left;
}

.voice_p{
    margin: 15px 0 0 0;
    padding: 0px;
    font: normal normal normal 17px/120% Arial, Helvetica, sans-serif;
    color: #666666;
}

.voice_img{
margin-bottom:30px;
}

#share{
    width:400px;
    height:30px;
    margin-bottom:50px;
    float:right;
    padding:0px 15px 0 0;
    text-align:right;
    font: normal normal normal 14px/25px Arial, Helvetica, sans-serif;
    color:#666;
}

#share a{
color:#666;
text-decoration:none;
}

.contact_list{
    padding:0px;
    margin:0px;
    font: normal normal normal 15px/25px Arial, Helvetica, sans-serif;
    margin:15px 0 0;
    float:left;
}

.contact_list li{
list-style:none;
}

.contact_list li a{
    text-decoration:none;
    color:#0D6FCC;
}
.contact_list li a:hover{
    text-decoration:underline;
}

.contact_title{
margin:0px 0 15px 0;
padding:0px;
font: normal normal normal 17px/120% Arial, Helvetica, sans-serif;
color:#666;
}

#latest_news_bottom{
    position:relative; 
    bottom:3px; 
    right:-674px;
}

*+html #latest_news_bottom{
    position:relative; 
    bottom:-1px; 
    right:-674px;
}


.latest_news_box{
    width:100%;
    margin-bottom: 20px;
    float:left;
}

    .latest_news_box p{
        float:left;
        padding:0px;
        margin:0px;
        font-family:arial;
        color:#666666;
        max-width: 600px;
        display: block;
    }
    
    .latest_news_box p img{
        float:left;
        margin-right:10px;
        max-width: 75px !important;
        height: auto;
    }

    .latest_news_box h3{
        font-family:arial;
        color:#333;
        font-weight:bold;
        padding:0px;
        margin: 0px 0 10px 0;
    }

.voice_date{
    width:100px;
    float:left;
}

.voice_p a{
    text-decoration:none;
    color:#0D6FCC;
}

.voice_p a:hover{
    text-decoration:underline;
}

p.directors_title{
    color:#333;
    font-weight:bold;
    font-size: 15px;
}

#contact_work_bottom{
    position:relative; 
    bottom:-13px; 
    right:-174px;
}

*+html #contact_work_bottom{
    position:relative; 
    bottom:3px; 
    right:-174px;
}

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 20px 0 }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 230px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 230px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
    #sidebar_wrapper .coda-nav-left a img, #sidebar_wrapper .coda-nav-right a img{
        float: none;
        margin: 0;
    }
	.coda-nav-left a, .coda-nav-right a { text-align: center;color: #fff; padding: 0px; width: 116px }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 20px 20px 0 20px}
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider {  height: 470px; float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative;}
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }