.pitches{
clear: both;
padding-top: 50px;
}


#index .pitches h4{
font-size: 16px;
line-height: 1.3em;
padding: 0 20px 0 0px;
}


.pitches .grid_4{
position: relative;
margin-bottom: 60px;
}

.pitches p{
color: #555;
font-size: 12px;
line-height: 1.4em;
padding: 0 0px 0 0px;
}


.pitches div div{
position: relative;
}



.pitches div div span{
position: absolute;
width: 300px;
height: 186px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;


-moz-transition: all .5s ease-in-out; 
-webkit-transition: all .5s ease-in-out; 
-o-transition: all .5s ease-in-out; 
-ms-transition: all .5s ease-in-out; 
transition: all .5s ease-in-out; 

}

.pitches .current span{
background: url(../i/nine-reasons/current-small.png) no-repeat, rgba(0,0,0,.8) !important;

}

.pitches .current span:hover{
background: url(../i/nine-reasons/current-small.png) no-repeat, rgba(0,0,0,0) !important;

}







.pitches .convert span{
background: url(../i/nine-reasons/convert-small.png) no-repeat, rgba(0,0,0,.8) !important;

}

.pitches .convert span:hover{
background: url(../i/nine-reasons/convert-small.png) no-repeat, rgba(0,0,0,0) !important;

}



.pitches .connect span{
background: url(../i/nine-reasons/connect-small.png) top right no-repeat, rgba(0,0,0,.8) !important;

}

.pitches .connect span:hover{
background: url(../i/nine-reasons/connect-small.png) top right no-repeat, rgba(0,0,0,0) !important;

}



.pitches .stores span{
background: url(../i/nine-reasons/stores-small.png) top right no-repeat, rgba(0,0,0,.8) !important;

}

.pitches .stores span:hover{
background: url(../i/nine-reasons/stores-small.png) top right no-repeat, rgba(0,0,0,0) !important;

}




.pitches .stream span{
background: url(../i/nine-reasons/stream-small.png) top right no-repeat, rgba(0,0,0,.8) !important;

}

.pitches .stream span:hover{
background: url(../i/nine-reasons/stream-small.png) top right no-repeat, rgba(0,0,0,0) !important;

}





.pitches .downloads span{
background: url(../i/nine-reasons/downloads-small.png) 192px 31px no-repeat, rgba(0,0,0,.8) !important;

}

.pitches .downloads span:hover{
background: url(../i/nine-reasons/downloads-small.png) 192px 31px no-repeat, rgba(0,0,0,0) !important;

}






.pitches img{
margin-bottom: 20px;
}


.play{
display: block;
margin-left: 18px;
position: absolute;
padding: 5px 20px 5px 33px;

top: 140px;
color: #fff; 
line-height: 1.5em;
background: url(../i/play.png) 8px 6px no-repeat;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
behavior: url(border-radius.htc);
text-shadow:0 1px 0 #000;

text-decoration: none;
}


.play:hover{
  -moz-box-shadow: 0 0px 1px rgba(255,255,255,.6);
  -webkit-box-shadow:  0 0px 1px rgba(255,255,255,.6);
  -o-box-shadow:  0 0px 1px rgba(255,255,255,.6);
  -ms-box-shadow:  0 0px 1px rgba(255,255,255,.6);
  box-shadow:  0 0px 1px rgba(255,255,255,.6);
  
  
top: 140px;
color: #fff; 
line-height: 1.5em;
background: url(../i/play.png) 8px 7px no-repeat;
text-decoration: none;

  background: url(../i/play.png) 8px 6px no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(101,101,101,.3)), to(rgba(255,255,255,0)));
  background: url(../i/play.png) 8px 6px no-repeat, -moz-linear-gradient(top,  rgba(101,101,101,.3),  rgba(255,255,255,0));
  background: url(../i/play.png) 8px 6px no-repeat, -o-linear-gradient(top,  rgba(101,101,101,.3),  rgba(255,255,255,0));
  background: url(../i/play.png) 8px 6px no-repeat, -ms-linear-gradient(top,  rgba(101,101,101,.3),  rgba(255,255,255,0));
  background: url(../i/play.png) 8px 6px no-repeat, linear-gradient(top,  rgba(101,101,101,.3),  rgba(255,255,255,0));
  
}



.play:active{
border: 1px solid rgba(255,255,255,0);
  -moz-box-shadow: 0 1px 0px rgba(255,255,255,.1), inset 0 1px 6px rgba(0,0,0,.5);
  -webkit-box-shadow: 0 1px 0px rgba(255,255,255,.1), inset 0 1px 6px rgba(0,0,0,.5);
  -ms-box-shadow: 0 1px 0px rgba(255,255,255,.1), inset 0 1px 6px rgba(0,0,0,.5);
  -o-box-shadow: 0 1px 0px rgba(255,255,255,.1), inset 0 1px 6px rgba(0,0,0,.5);
  box-shadow: 0 1px 0px rgba(255,255,255,.1), inset 0 1px 6px rgba(0,0,0,.5);

  background: url(../i/play.png) 8px 6px no-repeat;
}



.nolocks .play{
display: block;
margin-left: 18px;
position: absolute;
padding: 5px 20px 5px 33px;

top: 140px;
line-height: 1.5em;
background: url(../i/play.png) 8px 7px no-repeat;
-webkit-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;

-moz-border-radius: 20px;
}


.play span{
color: #888;
font-size: 11px;
}


h3#miro{
margin-bottom: 10px !important;

}



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

~ Index

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


#index #content{
background: none;
padding-top: 0;
}


#index #top{
padding-top: 30px;
}

.burst{
padding-top: 95px;
height: 0px;
overflow: hidden;
width: 95px;
position: absolute;
margin-left: 810px;
background: url(../morganallanknutson.com/burst.png) no-repeat;
}


.whatsnew{
width: 154px; 
height: 150px;
display: block;
background: url(../i/new.png) 33px 10px no-repeat;
overflow: hidden;
padding: 70px 55px 0 76px;
margin: 0;
position: absolute;
font-weight: bold;
color: #fff;
}

.whatsnew span{
padding-top: 7px;
display: block;
line-height: 1.4em;
font-weight: normal;
font-size: 11px;
}



.whatsnew:hover{
color: #fff;
text-decoration: none;
}











#index h2{
font-size: 28px;
margin: 0;
padding: 40px 0 12px 40px;
font-weight: bold;
float: left;
}



#index h2 div{
padding: 10px 0 0 0;
font-size: 16px;
font-weight: normal;
color: #666;
font-style: normal;
}



#index h2 span{
color: #c92627;
text-align: left;
padding: 0px 10px 2px 0;
}






div.download{
float: left;
padding: 0 !important;
margin-top: 30px;
}


div.download *{
margin: 0 !important;
}









#index #wrap{

}


body#index{

}

#index #content h3{
font-style: italic;
font-weight: normal;
font-size: 23px;
text-align: center; 
margin: 0 0 0px;
padding: 0;
clear: both;
}



#index h3 span{
font-family: Arial, Helvetica sans-serif;
font-style: normal;
font-weight: normal;
font-size: 13px;
text-align: center; 
margin: 5px 0 0 0;
color: #666;
padding: 0;
display: block;
}


#index h3#miro{
width: 100%;
text-align: center;
margin: 0px auto 0;
font-size: 32px;
}


/* Features Navigation */


body #content ul#features li h3{
	line-height: 36pt;
	padding: 0px 0 0 35px;
	font-size: 12pt;

	margin: 0 0 0 40px;
	overflow: hidden;
cursor: pointer;
background-position: 0px 13px;
text-align: left;
font-style: normal;	
color: #333;
font-family: Helvetica, Arial, Verdana, sans-serif;
}


ul#features.on li:hover,
ul#features.on li.sfhover  {
	background: url(../i/li.png) 40px 0 no-repeat;
	cursor: default;
	color: #000;
	.margin: 0 0 -3px 0;
	
}

ul#features.on li:hover h3,
ul#features.on li.sfhover h3 {
	color: #000;
}


ul#features li h3 img {
	vertical-align: middle;
	margin: 0 15px 3px 6px;
}

ul#features li div{
	display: none;
	position: absolute;
	font-size: 13px;
background: #fff;
top: 165px;
	height: 455px;	
	width: 610px;
	z-index: 100000;
	background: url(../i/frame.png) top left no-repeat;
	color: #333;
margin: 21px 0 0 323px;
}


ul#features li div em{
	display: block;
font-size: 19px;
margin-bottom: 20px;
font-style: italic;
}




div.download_vid{
margin-top: -15px;
}


.preload_pop{
	background: url(../i/frame.png) top left no-repeat;
	
}

ul#features li div img{
margin: 0 0 0 37px;
border: 0;
}

ul#features.on li:hover div,
ul#features.on li.sfhover div {
	display: block;
margin-top: 51px;
}


ul#features li div p{
margin: 5px 0 0 0;
line-height: 1.4em;
font-size: 14px;
height: 255px;
padding: 60px 65px 0 150px;
}



ul#features li div a{
float: right;
margin-right: 70px;
}



/* download button */

ul#features li.download {


}
ul#features.on li.download:hover {
    }


/* front banner */

#frontbanner {
	height: 67px;
	margin: 8px 0 0 0;
	background: url(../img/bar-bg.png) no-repeat left top; padding-left: 27px;
}

#frontbanner h2 {
	color: #FFF !important;
	margin: 0px !important;
	padding: 7px 0 4px 0 !important;
	text-align: left;
	font-size: 230% !important;
	font-weight: bold !important;
}

#frontbanner h3 {
	color: #FFF !important;
	top: 20px;
	margin: 0px !important;
	text-align: left;
	font-size: 130% !important;
	font-weight: normal !important;
}

#frontbanner a {
 display: block; float: right; padding: 4px 31px 0 0; font-size: 100% !important; color: #FDD !important;
	text-decoration: underline !important;
}


ul#features.walkthrough {
	position:relative;
}
ul#features.walkthrough li.download {
	margin:0 0 0 8px;
}


#screendemos {
	z-index: 1;
	position: absolute;
	left: 445px;
	top: 412px;
	color: #FFFFFF;
}

#screendemos a {
	color: #FFFFFF;
}

.more_than{
clear: both;
text-align: center;
font-size: 11px;
color: #777;

margin: -60px 0 20px 0;
}


#featured{
background: url(../i/feat_back.gif) no-repeat left top;
padding: 1px;
height: 210px;
_width: 900px;
margin: 15px auto 30px;
_margin: 15px auto 0px;

}

#featured li{
border-right: 1px solid #ccc;
text-align: center;
padding-top: 130px !important;
_padding-top: 150px !important;
margin: 0px 0 0 0;
list-style: none;
float: left;
width: 223px;
height: 39px;
border-left: 1px solid #fff;
}


#featured li.first{
border-left: none;
padding-left: 0px !important;
}

#featured li.last{
border-right: none;
}

#index h4{
color: #333;
font-weight: normal;
font-size: 16px;
margin: 0;
padding: 0;
}




.front_panel{
float: left;
width: 240px;
_width: 290px;
line-height: 1.5em;
padding: 30px 10px 80px 50px;
}

.front_panel.first{
padding-left: 40px;
}

.front_panel.last{
width: 210px;
_width: 280px;
}



.front_panel p{
margin: 0;
padding: 5px 0;
color: #666;
}


/*  Cross Links */

#crosslinks{
padding: 40px 0 50px;
margin: 0px 0px 20px 0px;
height: 300px;
border-bottom: none;
}

body #content #crosslinks h3{
font-size: 18px;
color: #999;
text-align: left;
padding: 0 0 15px 11px;
}

#crosslinks .bottom a{
border: none !important;
}



#crosslinks div{
float: left;
width: 439px;
}


#crosslinks div.right{
float: left;
width: 439px;
margin-left: 22px;
}


#crosslinks li{
padding: 0 0px 0 0px;
font-size: 17px;
margin: 0;
list-style: none;
zoom: 1;
}


#crosslinks li a:hover{
background-position: 0px -42px;

}



#crosslinks li a{
display: block;
padding: 0;
text-decoration: none;
color: #333;
background: url(../i/cross_links_arrow.png) -10px 26px no-repeat;
_background: url(../i/cross_links_arrow.gif) -10px 26px no-repeat;
}

#crosslinks li a span{
display: block !important;
padding: 20px 20px 20px 70px !important;
.padding: 20px 20px 30px 70px;
text-decoration: none;
color: #333;
}

#crosslinks li a:hover{

}


.how a span{
background: url(../i/lightbulb.png) 24px 12px no-repeat;
}

.volunteer a span{
background: url(../i/volunteer.png) 15px 18px no-repeat;
}

.guide a span{
background: url(../i/guide.png) 14px 13px no-repeat;
}

#subnav .guide a{
background: none;
}


.translate a span{
background: url(../i/translate.png) 13px 11px no-repeat;
}

.make a span{
background: url(../i/video.png) 13px 13px no-repeat;
}

.oneclick a span{
background: url(../i/add.png) 17px 14px no-repeat;
}

.branded a span{
background: url(../i/branded.png) 14px 13px no-repeat;
}

.getyours a span{
background: url(../i/thumb.png) 14px 13px no-repeat;
}



/*  HOver Switch */



.what_is_miro h3{
background: url(../i/miro_icon.png) no-repeat left top;
}

.more_hd h3{
background: url(../i/hd.png) left 16px no-repeat !important;
}

.any_type h3{
background: url(../i/tv_icon.png) no-repeat left top;
}

.easiest_ever h3{
background: url(../i/download_icon.png) no-repeat left top;
}

.save_youtube h3{
background: url(../i/mag_icon.png) no-repeat left top;
}

.shot1{
position: absolute;
right: 0;

}


/*  Featured Thumbs */


.simpsons{
background: url(../i/ts.jpg) center 19px no-repeat;
}

.firefly{
background: url(../i/ds.jpg) center 19px no-repeat;
}

.discovery{
background: url(../i/on.jpg) center 19px no-repeat;
}




.dn{
background: url(../i/dn.jpg) center 19px no-repeat;
}





.more_hd div p{
	background: url(../i/hd_big.gif) 1px 55px no-repeat;

	
}							


.what_is_miro div p{
	background: url(../i/miro.gif) 1px 45px no-repeat;
	
}


.any_type div p{
	background: url(../i/tv.gif) 1px 55px no-repeat;

	
}


.easiest_ever div p{
	background: url(../i/dl.gif) 1px 45px no-repeat;

	
}


.save_youtube div p{
	background: url(../i/yt_big.gif) -19px 55px no-repeat;

	
}


.community-pitch{
clear: both;
}






.community-pitch{
opacity: .9;
background: url(../i/pitches/community-pitch.png) 0px 0px no-repeat;
}


.converter-pitch{
background: url(../i/pitches/converter-pitch.png) 0px 0px no-repeat;
}


.unisubs-pitch{
background: url(../i/pitches/unisubs-pitch.png) 0px 0px no-repeat;
}

.ipad-pitch{
background: url(../i/pitches/ipad-pitch.png) 0px 0px no-repeat;
}




.community-pitch,
.converter-pitch,
.unisubs-pitch,
.ipad-pitch{
opacity: .8;
-webkit-transition: opacity .5s ease-in-out; 
-moz-transition: opacity .5s ease-in-out; 
-ms-transition: opacity .5s ease-in-out; 
-o-transition: opacity .5s ease-in-out; 
transition: opacity .5s ease-in-out; 

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;


height: 227px;
margin: 0 0 30px 0;
}


h4{
margin: 0 0 15px 0 !important;
}


.community-pitch:hover,
.converter-pitch:hover,
.unisubs-pitch:hover,
.ipad-pitch:hover{
-moz-box-shadow: 0 0 10px rgba(0,0,0,.1);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
-ms-box-shadow: 0 0 10px rgba(0,0,0,.1);
-o-box-shadow: 0 0 10px rgba(0,0,0,.1);
box-shadow: 0 0 10px rgba(0,0,0,.1);



opacity: 1;

}



.community-pitch a,
.converter-pitch a,
.unisubs-pitch a,
.ipad-pitch a{
display: block;
position: relative;
height: 203px;
padding-top: 25px;
}



.community-pitch a img,
.converter-pitch a img,
.unisubs-pitch a img,
.ipad-pitch a img{
display: block;
opacity: 1;
margin: 0 auto;
-moz-transform: scale(.7); 
-webkit-transform: scale(.7);
-o-transform: scale(.7);
-ms-transform: scale(.7);
transform: scale(.7);

-moz-transition: all .1s ease-in-out; 
-webkit-transition: all .1s ease-in-out; 
-ms-transition: all .1s ease-in-out; 
-o-transition: all .1s ease-in-out; 
transition: all .1s ease-in-out; 

}




.community-pitch a:hover img,
.converter-pitch a:hover img,
.unisubs-pitch a:hover img,
.ipad-pitch a:hover img{
-moz-transform: scale(1); 
-webkit-transform: scale(1); 
-o-transform: scale(1); 
-ms-transform: scale(1); 
transform: scale(1); 



opacity: 1;
}

.larger-vid{
float: left;
width: 240px;
text-align: center;
margin-left: 10px;
font-size: 11px;
margin-top: 50px;
clear: left;
padding: 5px 5px 10px;

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


background: #F2F2F2 url(../i/ui/l_vid_bg.png) repeat-x;
background: -moz-linear-gradient(top,#FFFFFF,#FBFBFB 60%,#F0F0F0);
background: -webkit-gradient(linear,left top, left bottom,from(#FFFFFF),to(#F0F0F0),color-stop(0.6, #FBFBFB));
background: -o-linear-gradient(top,#FFFFFF,#FBFBFB 60%,#F0F0F0);
background: -ms-linear-gradient(top,#FFFFFF,#FBFBFB 60%,#F0F0F0); 
  
-moz-border-radius: 4px;
-webkit-border-radius: 4px;  
-ms-border-radius: 4px;  
-o-border-radius: 4px;  
border-radius: 4px;  

text-decoration: none;
color: #333;

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


.large-vid:hover{
text-decoration: none;
}

.large-vid span{
display: block;
padding: 20px 0;

float: left;
margin-bottom: 10px;

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



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


}

p#watch_intro {
	text-align: center !important;
	font-size: 11px !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 12px !important;
	color: #333 !important;
}



.larger-vid span img{

margin-bottom: 10px;


}



.device{
margin: 0px 0 0px 168px;
color: #333;
clear: both;
  background: url(../i/device.png) 3px 1px no-repeat;
padding-left: 24px;
text-decoration: none;
}


.device span{
color: #999;
padding-right: 20px;
  background: url(../i/device.png) right -53px no-repeat;
}


.key{
position: absolute;
bottom: 139px;
left: 193px;
}


.for{
font-weight: bold;
padding: 10px 0 5px;
float: left; 
width: 100%;
text-align: center;
}
