/* @group Nav */

.header{
width:1000px;
position: relative !important;
margin: 0 auto;
height: 70px;
padding-top: 40px;
clear:both;
}



a.logo{
padding-top: 93px !important;
margin: 0;
display: block;
left: 0;

overflow: hidden;
width: 123px;

height: 12px !important;
background: url(../i/miro.png) no-repeat;

position: absolute;

top: 6px;


height: 1px ;
margin: 21px 0 0 0;
line-height: 3em;
z-index: 200;
}


a.logo:hover{
background: url(../i/miro.png) 0 -109px no-repeat;
}

.ultra-nav{
  -moz-box-shadow: 0 0px 1px rgba(0,0,0,.1);
  -webkit-box-shadow: 0 0px 1px rgba(0,0,0,.1);
  -ms-box-shadow: 0 0px 1px rgba(0,0,0,.1);
  -o-box-shadow: 0 0px 1px rgba(0,0,0,.1);
  box-shadow: 0 0px 1px rgba(0,0,0,.1);

  background: #F8F8F8 url(../i/ui/ultra_nav.png) repeat-x;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,.1))); 
  background: -moz-linear-gradient(top,  rgba(255,255,255,1), rgba(255,255,255,.1));
  background: -ms-linear-gradient(top,  rgba(255,255,255,1), rgba(255,255,255,.1));
  background: -o-linear-gradient(top,  rgba(255,255,255,1), rgba(255,255,255,.1));
  background: linear-gradient(top,  rgba(255,255,255,1), rgba(255,255,255,.1));
    
height: 45px;
  border-bottom: 1px solid #bbb;
  }



.ultra-nav ul{
width: 860px;
padding: 0 10px;
margin: 0 auto;  
}




.ultra-nav li{
  float: left;
  list-style: none;
  padding: 0;
  margin: 0;

  } 



.ultra-nav li a{
float: left;
color: #333;
padding: 16px 26px 13px 53px;
text-decoration: none;
margin: 0;
height:16px;
overflow:hidden;
}



.ultra-nav li a:hover{
text-decoration: none;
}

.ultra-nav li:active{
  background-color:#F7FAFE;
}

.ultra-nav li.pcf_link:active{border-left:1px solid #E4E4E4;}
.ultra-nav li.us_link:active{border-right:1px solid #E4E4E4;}
.ultra-nav li.pcf_link{
  height:45px;
  border-left:1px solid rgba(0,0,0,0.0);
} 
  

.miro-top{
background: #eee url(../../i/small-icons.png) 22px 11px no-repeat !important;
  background: url(../../i/small-icons.png) 22px 11px no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.1)), to(rgba(255,255,255,.1))) !important;; 
  background: url(../../i/small-icons.png) 22px 11px no-repeat, -moz-linear-gradient(top,  rgba(101,101,101,.1), rgba(255,255,255,.1)) !important;;
  background: url(../../i/small-icons.png) 22px 11px no-repeat, -ms-linear-gradient(top,  rgba(101,101,101,.1), rgba(255,255,255,.1)) !important;;
  background: url(../../i/small-icons.png) 22px 11px no-repeat, -o-linear-gradient(top,  rgba(101,101,101,.1), rgba(255,255,255,.1)) !important;;
  background: url(../../i/small-icons.png) 22px 11px no-repeat, linear-gradient(top,  rgba(101,101,101,.1), rgba(255,255,255,.1)) !important;;


border-right: 1px solid #e4e4e4;
border-left: 1px solid #e4e4e4;

}

.ipad_link{
background: url(../../i/small-icons.png) 22px -29px no-repeat;
border-right: 1px solid #e4e4e4;
}

.mvc_link{
background: url(../../i/small-icons.png) 22px -71px no-repeat;
border-right: 1px solid #e4e4e4;
}

.mc_link{
background: url(../../i/small-icons.png) 22px -113px no-repeat;
border-right: 1px solid #e4e4e4;
}

.us_link{
background: url(../../i/small-icons.png) 22px -157px no-repeat;
}

.pcf_link a{
padding: 30px 0 0 !important;
height: 0px;
width: 100px;
overflow: hidden;
line-height: 4em;

background: url(../../i/pcf.png) 18px 16px no-repeat;

 
}



.pcf_link a:hover{
background: url(../../i/pcf.png) 18px -21px no-repeat;
}





ul#nav{
float: left;
width: 863px;
padding: 0 0 0 0px;
margin: 0 0 50px 80px !important; 
text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
border-bottom: 1px solid #111;

letter-spacing: 0.03em;
/*

  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background: -moz-linear-gradient(top,  #fff,  #ddd);
*/

}

ul#nav li{
float: left;
list-style: none;
}

ul#nav li a{
display: block;
padding: 8px 25px 8px 45px;
color: #444;
color: rgba(0,0,0,.7);
text-align: center;
text-decoration: none;

  font-family: Arial, Helvetica, sans-serif;
  
  text-shadow: 0 1px 0px rgba(255,255,255,.8);
 
}


.sub-nav{
padding: 0px 0 0 60px; 

margin-left: 30px;
width: 900px;
float: left;
position: relative;

  -moz-box-shadow:inset 0 1px 1px rgba(255,255,255,1), 0 1px 2px rgba(0,0,0,.1);
  -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,1), 0 1px 2px rgba(0,0,0,.1);
  -ms-box-shadow: inset 0 1px 1px rgba(255,255,255,1), 0 1px 2px rgba(0,0,0,.1);
  -o-box-shadow: inset 0 1px 1px rgba(255,255,255,1), 0 1px 2px rgba(0,0,0,.1); 
  box-shadow: inset 0 1px 1px rgba(255,255,255,1), 0 1px 2px rgba(0,0,0,.1);   

  background: #F8F8F8 url(../../i/ui/nav_bg.png) repeat-x;
  background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e9e9e9)); 
  background: -moz-linear-gradient(top,  #f9f9f9,  #e9e9e9); 
  background: -ms-linear-gradient(top,  #f9f9f9,  #e9e9e9); 
  background: -o-linear-gradient(top,  #f9f9f9,  #e9e9e9); 
  background: linear-gradient(top,  #f9f9f9,  #e9e9e9); 
  
  
-moz-border-radius: 4px;
-webkit-border-radius: 4px;  
-ms-border-radius: 4px;  
-o-border-radius: 4px;  
border-radius: 4px;  





border: 1px solid #ccc;
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #bbb;
}



.sub-nav li{
list-style: none;
padding: 0;
margin: 0;
float: left;
}



.sub-nav a{
display: block;
padding: 11px 38px 10px 38px !important;

color: #656565;

text-align: center;
clear: none !important;
float: left;

font-weight: bold;

text-decoration: none;
font-size: 14px;
  -moz-box-shadow:inset 0 1px 1px rgba(255,255,255,.1);
  -webkit-box-shadow:inset 0 1px 1px rgba(255,255,255,.1);
  -ms-box-shadow:inset 0 1px 1px rgba(255,255,255,.1);
  -o-box-shadow:inset 0 1px 1px rgba(255,255,255,.1);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.1);

  font-family: Arial, Helvetica, sans-serif;
  text-shadow: 0 1px 0px rgba(255,255,255,1);
  border-right: 1px solid #ddd;
background: none;
}


.blog_link a{
}


.sub-nav a:hover{

  text-shadow: 0 1px 0px #fff;

  -moz-box-shadow:inset 0 0px 12px rgba(255,255,255,.1);
  -webkit-box-shadow: inset 0 0px 12px rgba(255,255,255,.1);
  -ms-box-shadow: inset 0 0px 12px rgba(255,255,255,.1);
  -o-box-shadow: inset 0 0px 12px rgba(255,255,255,.1);
  box-shadow: inset 0 0px 12px rgba(255,255,255,.1);

  background: #F6F6F6 url(../../i/ui/nav_bg_h.png) repeat-x;  
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,0))); 
  background: -moz-linear-gradient(top,  rgba(255,255,255,1), rgba(255,255,255,0));
  background: -ms-linear-gradient(top,  rgba(255,255,255,1), rgba(255,255,255,0));
  background: -o-linear-gradient(top,  rgba(255,255,255,1), rgba(255,255,255,0));
  background: linear-gradient(top,  rgba(255,255,255,1), rgba(255,255,255,0));


 
}


.sub-nav a:active,
#using-miro.using-miro-overview .using-miro_link a,
#publish .publish_link a,
#open-source .open-source_link a,
#using-miro.help .help_link a,
#download-miro .download_link a{

   -moz-box-shadow:inset 0 0px 1px rgba(0,0,0,.1);

  -webkit-box-shadow: inset 0 0px 1px rgba(0,0,0,.1);
  -ms-box-shadow: inset 0 0px 1px rgba(0,0,0,.1);
  -o-box-shadow: inset 0 0px 1px rgba(0,0,0,.1);
  box-shadow: inset 0 0px 1px rgba(0,0,0,.1);
  
  background:#F3F3F3 url(../i/ui/nav_bg_a.png) repeat-x;
  background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#f9f9f9));
  background: -moz-linear-gradient(top,  #eee,  #f9f9f9); 
  background: -ms-linear-gradient(top,  #eee,  #f9f9f9); 
  background: -o-linear-gradient(top,  #eee,  #f9f9f9); 
  background: linear-gradient(top,  #eee,  #f9f9f9); 
  
}


.facebook_link,
.twitter_link{
float: right !important;
width: 38px !important;
overflow: hidden;
zoom: 1; 
}


.facebook_link a,
.twitter_link a{
float: right !important;
border: 0 !important;
}



.facebook_link a{
width: 38px !important;
height: 0px !important;

overflow: hidden;
background: url(../../i/fb-tw.png) 7px 11px no-repeat;
float: right;
padding: 35px 0 0 0 !important;
line-height: 40px !important;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px; 
-webkit-border-top-right-radius: 4px; 

-ms-border-bottom-right-radius: 4px; 
-ms-border-top-right-radius: 4px; 

-o-border-bottom-right-radius: 4px; 
-o-border-top-right-radius: 4px; 

border-bottom-right-radius: 4px; 
border-top-right-radius: 4px; 


}

.facebook_link a:hover{
  background: url(../../i/fb-tw.png) 7px 11px no-repeat;
  }


 
.twitter_link a{
width: 50px !important;
height: 0px !important;
background: url(../../i/fb-tw.png) 8px -42px no-repeat;

overflow: hidden;
float: right;
padding: 35px 0 0 0 !important;
line-height: 40px !important;
}


 
.twitter_link a:hover{
  background: url(../../i/fb-tw.png) 8px -42px no-repeat;
  }


.bump{
display: none;
}


.miro_link{
width: 126px;
position: relative;
}







/* @end */

/* @group Subnav */


.arrow{
position: absolute;
top: -8px;
left: 50%;
height: 10px;
width: 16px;
background: url(../../i/white-arrow.png) 0px no-repeat;
}

ul#subnav{
margin: 10px 0 0 80px;
height: 35px;
clear: both;
position: relative; 
top: 0px;
border-top: none;
padding: 0;
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -ms-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -o-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);


  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,0))); 
  background: -moz-linear-gradient(top,  rgba(255,255,255,0), rgba(255,255,255,0));
  background: -ms-linear-gradient(top,  rgba(255,255,255,0), rgba(255,255,255,0));
  background: -o-linear-gradient(top,  rgba(255,255,255,0), rgba(255,255,255,0));
  background: linear-gradient(top,  rgba(255,255,255,0), rgba(255,255,255,0));
  
  
-moz-border-radius: 4px;
-webkit-border-radius: 4px;  
-ms-border-radius: 4px;  
-o-border-radius: 4px;  
border-radius: 4px;  


float: left;

border: 1px solid #ccc;
border-top: 1px solid #e9e9e9;
border-bottom: 1px solid #bbb;


}

ul#subnav li{
float: left;
list-style: none;
padding: 0px;
margin: 0;
}

ul#subnav li a{
display: block;
padding: 10px 25px 9px;
text-decoration: none;
color: #555;
font-size: 13px;

}

ul#subnav li a:hover{
border-bottom: 1px solid #eee;
}

ul#subnav li.left{
padding-left: 5px;
}

ul#subnav li.right{
padding-right: 5px;
}



#publish ul#subnav{
width: 580px;
margin-left: 137px;
}


#open-source ul#subnav{
margin-left: 270px;
}

#open-source ul#subnav .arrow{
left: 70%;}


#download-miro ul#subnav{
padding-left: 0;
}

#download-miro ul#subnav .arrow{
left: 33%;}


#using-miro #subnav{
margin-left: 100px;
}
#using-miro #subnav .arrow{
left: 195px;
}

#using-miro.help #subnav,
#using-miro.using-miro-faq #subnav{
margin-right: -16px;
float:right;
}

#using-miro.help #subnav .arrow,
#using-miro.using-miro-faq #subnav .arrow{
  /*left: 280px !important;*/
  left: 56px !important;
}


/* @end */



/* @group Download */

/* active states */

#download-miro .download_link a{
cursor: default;


}


.download-download .download-miro a{
font-weight: bold;
cursor: default;

}

.download-features .features a{
font-weight: bold;
cursor: default;
}

.download-screenshots .screenshots a{
font-weight: bold;
cursor: default;
}

/* @end */

/* @group Using Miro */

#using-miro .using-miro_link a{
cursor: default;


}







.using-miro-overview .overview a{
font-weight: bold;
cursor: default;
}

.using-miro-help .help a{
font-weight: bold;
cursor: default;
}



.using-miro-faq .faq a{
font-weight: bold;
cursor: default;
}

/* @end */

/* @group Publish */



#publish #subnav{
width: 700px;
padding-left: 0px;
}

.publish-overview .overview a{
font-weight: bold;
cursor: default;
}

.publish-troubleshooting .troubleshooting a{
font-weight: bold;
cursor: default;
}

.publish-makeinternettv .makeinternettv a{
font-weight: bold;
cursor: default;
}

.publish-miroguide .miroguide a{
font-weight: bold;
cursor: default;
}

.publish-videosite .videosite a{
font-weight: bold;
cursor: default;
}

body.social-media li.social-media a{
font-weight: bold;
cursor: default;
}

/* @end */

/* @group Open Source */




.open-source-share .share a{
font-weight: bold;
cursor: default;
}



.open-source-volunteer .miro-volunteer a{
font-weight: bold;
cursor: default;

}

.open-source-development .development a{
font-weight: bold;
cursor: default;
}

.open-source-chat .chat a{
font-weight: bold;
cursor: default;
}

.open-source-team-miro .team-miro a{
font-weight: bold;
cursor: default;
}

.open-source-subscribe .subscribe a{
font-weight: bold;
cursor: default;
}

.co-branded .co-branded a{
font-weight: bold;
cursor: default;
}

/* @end */

/* @group Blog */

#blog #intro{
height: 70px;
padding-bottom: 0px;
}


#blog .blog_link a{
background: url(../../i/nav_a_hov.gif);
cursor: default;
}


#blog .blog_link span.bump{
background-position: -1px -33px;
_background-position: -20px -33px;
}


.navigation{

margin-top: 50px;

}


.alignleft{
float: left;
}

.alignright{
float: right;
}


#blog h2{
padding-top: 20px;
clear: both;
margin: 0;
}

.post small{
display: block;
margin: 5px 0 10px;
}

.post p{
line-height: 1.5em !important;
}

/* @end */




/* @group Hover States */

#download-miro li.download_link a,
#using-miro li.using-miro_link a{







/*
background: #fff !important;
color: rgba(0,0,0,.6) !important;

  -moz-box-shadow: 0 -1px 1px #000;
  -webkit-box-shadow: 0 -1px 1px #000;
  box-shadow: 0 -1px 1px #000;

border: 0 !important;

text-shadow: 0 1px 1px #fff !important;

-moz-border-radius-topright: 3px;
-moz-border-radius-topleft: 3px;


-webkit-border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;

top: 8px;

position: relative;
z-index: 99999996;


*/

}