/*//////////////////////////////////////////////

Nav

//////////////////////////////////////////////*/
.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(../s3.getmiro.3.0.com.s3.amazonaws.com/si/ui/nav_bg.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: 990px;
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;
}
  

.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;
}
.us_link a{
border-right: 1px solid #E4E4E4;
}




.pcf_link{

}


.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-position:18px -21px;
}

/* ====== */

ul#nav{
float: left;
width: 769px;
margin: 13px 0 0 0;
padding: 0px 0 0 4px;
  -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/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: 0px 4px 4px 0px;
-webkit-border-radius: 0px 4px 4px 0px;  
-ms-border-radius: 0px 4px 4px 0px;  
-o-border-radius: 0px 4px 4px 0px;  
border-radius: 0px 4px 4px 0px;  

border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #bbb;
border-right: 1px solid #bbb;
height: 38px;
_overflow: hidden !important;

}

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

}

ul#nav li a{
display: block;
height: 29px;
_height: 40px;
padding: 8px 0 0;
text-transform: capitalize;
text-decoration: none;
font-weight: bold;
font-size: 14px;
text-align: center;
line-height: 20px;
color: #444;
border-right:1px solid #CCC;
color:#656565;
}

ul#nav li a:hover{
background: url(../i/nav_bg_h.jpg);
}

ul#nav li a:active{
background: url(../i/nav_bg_a.jpg);
}




a:hover span.bump{
background-position: -1px -33px;
_background-position: -20px -33px;
}



.download_link{
width: 160px;
.width: 159px;
}



.using-miro_link{
width: 170px;
.width: 171px;
}

.publish_link{
width: 138px;
}

.open-source_link{
width: 189px;
_width: 188px;
}

#nav li.blog_link{
width: 107px;
height: 32px;

}

#nav li.blog_link a{
padding-left: 13px;
_height: 35px;
border-right:none !important;
}

/*//////////////////////////////////////////////

Subnav

//////////////////////////////////////////////*/


ul#subnav{
margin: 0;
width: 700px;
height: 35px;
float:left;
}

ul#subnav li{
float: left;
list-style: none;
padding: 0px;
background: url(../i/subnav_back.gif);
margin: 0;
}

ul#subnav li a{
display: block;
padding: 9px 14px 9px;
text-decoration: none;
color: #555;
font-size: 13px;
border-bottom: 1px solid #dedede;
}

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

ul#subnav li.left{
padding-left: 5px;
background: url(../i/subnav_left.gif) top left;
}

ul#subnav li.right{
padding-right: 5px;
background: url(../i/subnav_right.gif) top right;
}


/*


#publish ul#subnav{
padding-left: 19px;
}



*/

#open-source ul#subnav{
padding-left: 10px;
width: 600px;
margin-left:150px;
}


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



/*//////////////////////////////////////////////

~ Active States

//////////////////////////////////////////////*/

/* ------------------------
- Download 
-------------------------*/

#download-miro .download_link a{
background: url(../i/nav_a_hov.gif);
cursor: default;
height: 24px;

}


.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;
}

/* ------------------------
- Using Miro 
-------------------------*/

#using-miro .using-miro_link a{
background: url(../i/nav_a_hov.gif);
cursor: default;
height: 24px;

}

#using-miro #subnav{
width: 435px;
padding-left: 134px;

}





.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;
}

/* ------------------------
- Publish 
-------------------------*/

#publish .publish_link a{
background: url(../i/nav_bg_h.jpg);
cursor: default;
height: 29px;

}

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

.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;
}

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


/* ------------------------
- Open Source 
-------------------------*/

#open-source .open-source_link a{
background: url(../i/nav_a_hov.gif);
cursor: default;
height: 24px;
}

#open-source #subnav{
width: 590px;
}

.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;
}

/* ------------------------
- Blog
-------------------------*/

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


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