/* Borrowed from YUI 2.7.0 w/ a few modifications */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:11px/16px verdana,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% verdana,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}



html {
  background:url(../images/wallpaper.png) center center repeat;
  overflow-y:scroll; }
  
a { outline:none; }

div.clear {
  width:auto;
  clear:both; }

#splash {
  position:absolute;
  top:0px; left:0px;
  width:100%; height:100%;
  overflow:hidden; }
  
  #splash-content {
    background: #cccccc;
    position:absolute;
    top:50%; left:50%;
    margin-left:-640px;
    margin-top:-480px;
    width: 1260px;
    height: 960px; }
    
/*  .splash-video {
    margin-left:-330px;
    margin-top:-120px; }*/
    
  .splash-source { display:none; }  
  

#container {
  position:absolute;
  top:50%; left:50%;
  top:10%\9;
  margin-left:-480px;
  margin-top:-300px;
  margin-top:0px\9;
  width:960px;
  padding-top:136px; }
  
  ul#nav {
    position:absolute;
    top:0px; right:0px;
    background:#000; }
    
  body.hello #nav { display:none; }
    
    ul#nav li {
      float:left;
      height:32px;
      overflow:hidden; 
      background:transparent; }
      
     ul#nav li.visible {
         background: url(../images/nav-bg-s.png) no-repeat; }
      
      ul#nav li a {
        display:block;
        width:59px; height:99px;
        text-indent:-99999px;
        background:url(../images/nav-bg-s.png) no-repeat; }
        
      ul#nav li.selected a {
        margin-top:-34px !important; }
        
      ul#nav li.nav-muhtayzik, ul#nav li.nav-muhtayzik-dunbar {
          width: 59px;
          background-position: 0 -68px; }
      
      ul#nav li.nav-work a {
        width:58px; background-position:-60px 0px; }    
      ul#nav li.nav-work {
          width: 58px; background-position: -60px -68px;}

      ul#nav li.nav-who a {
        width:50px; background-position:-119px 0px; }
      ul#nav li.nav-who {
       width: 50px; background-position: -119px -68px;}
   
      ul#nav li.nav-faq a {
        width:46px; background-position:-170px 0px; }   
      ul#nav li.nav-faq {
        width:46px; background-position:-170px -68px; } 

      ul#nav li.nav-blog a {
        width:55px; background-position:-217px 0px; }
      ul#nav li.nav-blog {
          width:55px; background-position:-217px -68px; }

      ul#nav li.nav-shout a {
        width:63px; background-position:-273px 0px; }
      ul#nav li.nav-shout {
          width:63px; background-position:-273px -68px; }


  ul.subnav {
    position:absolute;
    top:0px; left:0px; }

    body.admin-list ul.subnav {
        left:81px;
        top:-50px;
    }
  
  ul#work-subnav {
    top:-82px; left:auto; right:0px; }
    
    ul.subnav li {
      float:left;
      height:25px;
      display: block;
      background: url(../images/nav-sub-bg-s.png) no-repeat;
      overflow:hidden; }
      
      ul.subnav li a {
        display:block;
        width:48px; height:78px;
        text-indent:-99999px;
        background:url(../images/nav-sub-bg-s.png) no-repeat; }
      
      ul.subnav-logout li a {
        background:url(../images/nav-sub-logout.png) no-repeat;
        width:56px;
      }
      ul.subnav li.selected a {
        margin-top:-27px !important; }
        
      ul.subnav li a:hover {
        margin-top:-54px; }
      
      ul.subnav li.subnav-brands a:hover {margin-top: 0;}
      ul.subnav li.subnav-rules a:hover {margin-top: 0;}
      ul#work-subnav li a:hover {margin-top: 0;}
      
      ul.subnav li.subnav-brands a { width:56px; background-position:-49px 0px; }
      ul.subnav li.subnav-brands { width: 56px; background-position: -49px -54px;}
      
      ul.subnav li.subnav-rules a { width:48px; background-position:  0px 0px; }
      ul.subnav li.subnav-rules {  width: 48px; background-position:   0px -54px;}
      
      ul.subnav li.subnav-past a { width:46px; background-position:-105px 0px; }
      ul.subnav li.subnav-past   { width:46px; background-position:-105px -54px; }
      
      ul.subnav li.subnav-present a { width:57px; background-position:-152px 0px; }
      ul.subnav li.subnav-present   { width:57px; background-position:-152px -54px; }    

  h1#logo {
    position:absolute;
    top:0px; left:0px; }
  h1#logo.visible {
    background:url(../images/mtzhf-logo-s.png) 0 -34px no-repeat; }
    
  body.hello h1#logo { display:none; }
    
    h1#logo a {
      display:block;
      width:190px; height:33px;
      background:url(../images/mtzhf-logo-s.png) no-repeat;
      text-indent:-99999px; }
      
  #content {
    position:relative;
    height:526px; }
    
    
    #hello { display:none; }
      
      #hello .hello-copy {
        position:absolute;
        top:-37px; left:0px;
        width:960px; height:133px; }
        
      #hello .subnav-rules-brands {
        position:absolute;
        top:167px; left:81px; }
        
        
    #hello-rules { display:none; }
      
      #hello-rules img {
        position:absolute;
        top:-36px; left:0px; }
      
    #hello-brands { display:none; }

      #hello-rules .subnav-rules-brands, #hello-brands .subnav-rules-brands {
        position:absolute;
        top:0px; left:80px; }
      
      #hello-brands #brands-list {
        position:absolute;
        top:-3px; left:225px;
        width:740px; }
        
        #hello-brands #brands-list li {
          opacity:0;
          float:left;
          width:146px; height:60px;
          line-height:60px;
          text-align:center;
          margin-bottom:20px; }
          
          #hello-brands #brands-list li img {
            vertical-align:middle; }
      
      #hello-brands .brands-subheading {
        position:absolute;
        top:47px; right:775px; }
  
    
    ul.bio-subnav {margin-top: 10px;}
    ul.bio-subnav li {float:left;}
    ul.bio-subnav li.last { margin-bottom: 20px;}
    ul.bio-subnav li a {display: block; padding: 6px 7px; background: #000; color: #fff; text-transform: uppercase; font-weight: bold; text-decoration: none; font-family: 'Lucida Grande', 'Tahoma', 'Geneva', Helvetica, arial, serif; font-size: 10px;}
    ul.bio-subnav li.selected a {background: #ed2090 !important; color: #fff !important;}
/*    ul.bio-subnav li a:hover {background: #fff; color: #000;}*/
    
    #who-container {
      position:absolute;
      top:0px; left:0px;
      width:510px; }
    
      #who-container #who-subnav {
        top:-46px; left:0px; }
      
      .who-copy {
        width:470px; height:340px;
        overflow:hidden;
        font-size:13px;
        line-height:17px;
        text-align:justify;
        font-family:'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
        color:#eee; }
        
        .who-copy p {
          margin-bottom:17px; }
          
        .who-copy a {
          color:#eee;
          text-decoration:none;
          border-bottom:1px #dedede solid; }
      
      .who-scroll {
        position:absolute;
        top:60px; left:497px;
        height:336px; width:1px; }
        
        .who-scroll .color {
          position:absolute;
          top:0px; left:0px;
          height:336px; width:1px;
          background:#5f6060; }
        
        .who-scroll-handle {
          position:absolute;
          top:0px; left:-20px;
          height:100px; width:41px;
          cursor:pointer; }
          
          .who-scroll-handle .handle-color {
             position:absolute;
             top:0px; left:19px;
             background:#ccc;
             height:100px; width:3px; }

     
    #work-present, #work-past {
      margin-top:0px; }
      
      ul.work-list {
        position:absolute;
        top:-36px;
        width:960px; }
        
        ul.work-list li {
          float:left;
          margin:0px; padding:0px; }
          
          ul.work-list li img {
            display:block; }
        
          ul.work-list h3, ul.work-list h4, ul.work-list h5 {
            display:none; }
            
        ul.work-list li.description {
          width:320px; height:125px;
          background:#000; }
          
          ul.work-list li.description p {
            padding:20px;
            font-size:12px;
            line-height:16px; }
            
            ul.work-list li.description p span.blue {
              text-transform:uppercase;
              color:#009ef1;
              line-height:17px;
              margin-right:2px;
              font-family:Helvetica, Arial; }
            
            ul.work-list li.description p span.white {
              font-size:11px;
              font-weight:normal;
              color:#ccc;
              font-family:'Lucida Sans Unicode', 'Lucida Grande'; }
    
      .work-tooltip {
        display:none;
        position: absolute;
        top:0px; left:0px;
        width:144px; height:130px;
        overflow:hidden; }
        
        .work-tooltip h3, .work-tooltip h4, .work-tooltip h5 {
          font-size:11px; }
        
        .work-tooltip .tip-bg {
          position:absolute;
          top:0px; left:50%;
          margin-left:-172px;
          z-index:0; }
        
        .work-tooltip .info {
          display:block;
          position:absolute;
          top:70px; left:30px;
          color:#fff;
          font-size:11px;
          line-height:11px;
          text-transform:uppercase;
          z-index:5; }
          
        .tooltip-measurer {
          position:absolute;
          top:-1000px; left:-1000px;
          color:#fff;
          font-size:11px;
          line-height:11px;
          text-transform:uppercase;
          width:auto; }
          
        .work-tooltip .info-b { top:85px; }
        .work-tooltip .info-c { top:100px; }

        .work-tooltip.flipped .info-a { top:18px; }        
        .work-tooltip.flipped .info-b { top:33px; }
        .work-tooltip.flipped .info-c { top:48px; }

    #work-lightbox {
      display:none;
      position:absolute;
      top:-6px; left:30px;
      width:900px; height:440px;
      z-index:2000; }
      
    #work-lightbox-backdrop {
      display:none;
      position:absolute;
      top:-36px; left:0px;
      width:960px; height:526px;
      z-index:1900; }
      
      #work-lightbox .work-close {
        position:absolute;
        top:-3px; right:-4px;
        width:20px; height:20px;
        background:url(../images/btn-close.png) no-repeat;
        cursor:pointer; }
      
      #work-lightbox .showcase {
        position:absolute;
        top:30px; left:30px;
        width:380px; height:300px; }
        
        #work-lightbox .showcase img.has-media {
          cursor:pointer; }
          
        #work-lightbox .showcase div.play-button {
          position:absolute;
          top:115px; left:170px;
          cursor:pointer;
          width:50px; height:57px;
          background:url(../images/big-play-button.png) no-repeat; }
        
      #work-lightbox .copy {
        position:absolute;
        top:50px; left:450px;
        width:360px;
        color:#eee; }
        
        #work-lightbox .copy h1 {
          font-size:15px;
          line-height:21px;
          font-weight:bold;
          text-transform:uppercase;
          font-family:Helvetica, Arial;
          color:#ddd;
          margin-bottom:20px; }
          
        #work-lightbox .copy .main-copy {
          padding:0px 0px 23px 50px;
          font-size:12px;
          line-height:18px;
          font-family:'Lucida Sans Unicode', 'Lucida Grande'; }
          
        #work-lightbox .copy .sub-copy { 
          font-size:10px;
          line-height:14px;
          color:#a1a1a1;
          font-family:'Lucida Sans Unicode', 'Lucida Grande'; }

      #work-lightbox a.disabled { display:none; }

      #work-lightbox .nav-arrow {
        position:absolute;
        display:block;
        top:378px; left:877px;
        width:12px; height:18px;
        background:url(../images/portfolio-arrow-next.png) no-repeat 0px -1px;
        text-indent:-9999px; }
        
      #work-lightbox .arrow-prev {
        left:12px;
        background-image:url(../images/portfolio-arrow-prev.png); }
        
      #work-lightbox .nav-arrow:hover {
        background-position:0px -37px; }
        
      #work-lightbox .thumbs-holder {
        position:absolute;
        top:360px; left:35px;
        width:830px; height:83px;
        overflow-x:hidden; }
        
        #work-lightbox .thumbs {
          display:none;
          position:absolute;
          top:0px; left:0px; }
          
        #work-lightbox .thumbs-holder .thumbs {
          display:block; }
        
          #work-lightbox .thumbs li {
            position:absolute;
            top:0px; left:0px;
            width:105px; height:83px;
            overflow:hidden; }
            
            #work-lightbox .thumbs li .caption {
              display:none; }
            
            #work-lightbox #thumb-caption {
              display:none;
              position:absolute;
              top:414px; left:0px;
              padding-top:7px;
              color:#fff;
              font-size:9px;
              text-transform:uppercase;
              background:url(../images/tiny-blue-arrow.png) no-repeat center 4px; }
            
            #work-lightbox .thumbs li a.media {
              display:none; }
              
            #work-lightbox .thumbs li a.image {
              display:block; margin:0px; }
          
/*          #work-lightbox .thumbs li.selected, #work-lightbox .thumbs li.hover {
            background:url(../images/tiny-blue-arrow.png) no-repeat center 58px; }*/
          
          #work-lightbox .thumbs li.selected a.image, #work-lightbox .thumbs li.hover a.image {
            display:block;
            border:2px #fff solid;
            width:101px; height:51px;
            overflow:hidden; }
            
          #work-lightbox .thumbs li.selected a.image {
            border:2px #0092fe solid !important; }
              
            #work-lightbox .thumbs li.selected a.image img, #work-lightbox .thumbs li.hover a.image img {
              margin:-2px; }
              
/*          #work-lightbox .thumbs li.selected .caption, #work-lightbox .thumbs li.hover .caption {
            display:block; }*/
#lightbox_screen {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
    -moz-opacity: 0.7;
    opacity: 0.7;
    filter: alpha(opacity=70);
	z-index: 1100;
	display: none;
}

* html #lightbox_screen {	/* IE6 */
	position: absolute;
	width: 100%;
}
              
  #shout {
    position:absolute;
    top:367px; right:0px;
    width:350px;
    padding:30px 0px;
    color:#ddd;
    font-size:12px;
    line-height:19px;
    font-family:Helvetica, Arial;
    background:#000; }
    
    #shout .left, #shout .right {
      margin-left:25px; 
      float:left; }
    
    #shout .left {
      width:115px;
      text-align:right; }
      
    #shout .right {
      width:160px; }
      
    #shout a {
        color: white;
        text-decoration: none;
    }
  
  #faq-player {
    position:absolute;
    left:628px; top:-36px; }
    
  .clips-list {
    display:none; }
    
    
  #media-list {
    position:absolute;
    top:-50px; right:0px;
    width:308px;
    font-family:Verdana;
    font-size:13px;
    color:#000; }
    
    #media-list h2 {
      text-transform:uppercase;
      margin-bottom:30px; }
    
    table.media-list { width:100%; }
      .media-list a { color:#000; }
      
      .media-list td.view { width:40px; }
      .media-list td.download { width:60px; }
      
        .media-list td.download a, .media-list td.view a { text-decoration:none; }
        .media-list td.download a:hover, .media-list td.view a:hover { text-decoration:underline; }
        

      

  #login-form {
    position:absolute;
    left:186px; top:0px;
    width:592px; height:380px;
    background:#000; }
    
    #login-form h2 {
      position:absolute;
      display:block;
      top:91px; left:129px;
      width:99px; height:22px;
      text-indent:-9999px;
      background:url(../images/hd-ftp-login.png) no-repeat; }
      
    #login-form.message-login h2 { background-position:-41px 0px; }
    
    #login-form form {
      position:absolute;
      left:129px; top:151px; }
      
      #login-form form .input input {
        display:block;
        width:335px;
        padding:4px 0px 2px;
        font-size:12px;
        line-height:12px;
        font-family:Helvetica,Arial;
        color:#000;
        text-indent:10px;
        background:#fff;
        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border:none; }
        
      #login-form li label {
        display:block;
        width:55px; height:11px;
        text-indent:-9999px;
        margin-bottom:7px; }
        
      #login-form li.email label { background:url(../images/lbl-username.png) no-repeat; }
      #login-form li.password label { background:url(../images/lbl-password.png) no-repeat; margin-top:20px; }
      
      #login-form form a {
        display:none; }
        
      #login-form form input.submit {
        display:block;
        float:right;
        width:49px; height:24px;
        margin-top:20px;
        background:url(../images/btn-login.png);
        text-indent:-9999px;
        cursor:pointer;
        border:none; }
        
      #login-form form input.submit:hover {
        background-position:0px -24px; }
        
    #login-form ul.errorlist {
      position:absolute;
      left:0px; top:120px;
      color:#ed2090;
      font-size:10px; }

      #login-form span.errors {
          color:#ed2090;
          display:block;
          margin-top:5px;
      }

html.blog {
  background:#231f20 url(../images/splash-blog.jpg) center center fixed; }

  #blog-container {
    margin:0px 0px 100px 295px;
    width:665px;
    background:#fff; }
    
    #blog-container #main {
      float:left;
      width:465px;
      margin-left:30px; }
    
      #posts .post {
        padding:30px 0px 10px 0px;
        border-bottom:1px #e7e7e7 solid; }
        
        #posts .post a {
          color:#ed2090; }
      
      #posts .post.last {
        border-bottom:none; }
        
        #posts .post p {
          font-family:'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
          font-size:12px;
          line-height:18px;
          color:#231f20; }
        
        #posts .post h2 {
          font-size:20px;
          font-weight:bold;
          color:#000000;
          font-family:Helvetica, Arial;
          margin-bottom:6px; }
          
          #posts .post h2 a {
            color:#000;
            text-decoration:none; }
            
            #posts .post h2 a:hover {
              text-decoration:underline; }
              
        #posts .post .photo {          
          -moz-box-shadow: 3px 3px 0px #d2d2d2;
          -webkit-box-shadow: 3px 3px 0px #d2d2d2;
          -box-shadow: 3px 3px 0px #d2d2d2;
          _border-right:3px #d2d2d2 solid;
          _border-bottom:3px #d2d2d2 solid;
          width:465px;
          overflow:hidden; }
          
        #posts .post img {
          display:block; }
          
        #posts .post .post-footer {
          clear:both;
          width:auto;
          margin-top:8px; }
          
          #posts .post-footer .when {
            display:block;
            float:right; }
              
        #posts .post .permalink, .read_more_container {
          display:inline;
          margin:0px; padding:0px; }
          
        #posts .post .permalink { display:none; }
          
          #posts .post .permalink, .read_more_container a {
            color:#ed2090;
            font-size:12px;
            font-family:Helvetica, Arial; }
          
          .read_more_container a:after {
            content: " »" }
            
        .share-holder {
          position:relative;
          display:block; }
          
          .share-holder .share {
            position:absolute;
            bottom:0px; right:0px;
            display:block;
            width:42px; height:20px;
            text-indent:-9999px;
            background:url(../images/btn-share.png) no-repeat; }
            
          .share-dis { }
            
            .share-dis ul {
              background:#000;
              width:248px; height:80px;
              margin-top:20px;
              margin-right:-42px; }
              
              .share-dis ul li {
          			margin:15px 0 0 18px;
                display:block;
                float:left; }
                
                .share-dis ul li a {
                  display:block;
                  height:16px;
                  line-height:16px;
                  font-size:10px;
                  font-weight:normal;
                  padding-left:21px;
                  color:#ccc;
                  text-decoration:none; }
                  
          			.share-dis a { background:url('../images/sd_sprite_black.png') 0px 0px no-repeat; }
          			.share-facebook a { background-position:0px -32px; }
          			.share-del-icio-us a { background-position:0px -16px; }
          			.share-reddit a { background-position:0px -64px; }
          			.share-google a { background-position:0px -48px; }
          			.share-stumbleupon a { background-position:0px -112px; }
          			.share-msn-live a { background-position:0px -80px; }
          			.share-twitter a { background-position:0px -96px; }
          			.share-email a { background-position:0px -128px; }
    
    
    #blog-container #sidebar {
      float:left;
      margin-left:30px;
      _margin-left:15px;
      width:110px; }
      
      #sidebar .tags {
        margin-top:56px; }
        
      #sidebar .previous {
        margin-top:30px; }
      
      #sidebar h3 {
        font-family: Helvetica, Arial;
        font-size:11px;
        color:#ed2090;
        font-weight:bold;
        margin-bottom:5px; }
        
      #sidebar h4 {
        font-size:12px;
        text-transform:uppercase;
        color:#000;
        font-weight:bold;
        font-family: Helvetica, Arial; }
        
        #sidebar h4 a {
          text-decoration:none;
          color:#000; }
          
      #sidebar ul {
        margin-bottom:20px; }
        
        #sidebar li {
          font-family:'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
          font-size:10px; }
          
          #sidebar li a {
            color:#000;
            text-decoration:none; }
            
          #sidebar li a:hover {
            text-decoration:underline; }
        
        #previous-entries li {
          line-height:14px;
          margin-bottom:5px; }
          
      #prev-next {
        width:100%;
        position:relative;
        height:20px;
        text-indent:-99999px; }
        
        #prev-next a {
          display:block;
          position:absolute;
          top:0px; left:0px;
          width:48px; height:20px;
          background:url(../images/btn-prev.png) no-repeat; }
          
        #prev-next a#next {
          background:url(../images/btn-next.png) no-repeat;
          left:auto; right:0px; }
        
  
  #crest {
    position:absolute;
    top:140px; left:50%;
    width:380px; height:321px;
    margin-top:-161px; margin-left:-190px;
/*    width:1920px; height:1200px;
    top: 50%; left:50%;
    margin-top:-600px; margin-left:-960px;*/
    z-index:100;
    cursor:pointer; }
    
    #crest a { display:block; cursor:pointer; }
    

  #footer {
    position:absolute;
    top:660px; left:0px;
    font-size:9px;
    color:#fff;
    opacity:0.5;
    filter:alpha(opacity=60);
    font-family:Helvetica, Arial; }
    
  body.hello #footer { display:none; }