/* layout css */


#container{
	margin: 0 auto 0 auto;
	width: 960px;
	padding: 0 0 140px 0;
	position: relative;
}
#container.subPages{
	padding: 0 0 140px 0;
}

/*header*/

h1#logo {
	margin: 0 0 0 0;
	width: 312px;
	height: 79px;
	/*padding: 38px 0 18px 30px;*/
	padding: 19px 0 19px 0;
	float: left;
}

	h1#logo a{
		display: block;
		width: 312px; 
		height: 79px;
		text-indent: -5000px;
		outline: none;
		background: url(../images/little_bee_speech_logo.png) no-repeat;
		background-size:312px 79px;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

#beeLogo{
	display: block;
	width: 24px;
	height: 79px;
	text-indent: -5000px;
	background: url(../images/bee_logo.png) no-repeat;
	position: absolute;
	left: -24px;
	top: 19px;
}


.dashedHr{
	background: url(../images/dashed_bg.png) repeat-x left center;
	display: block;
	width: 100%;
	height:2px;
	border: none;
	outline: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	clear: both;
}

hr.subPages{
	margin-bottom:58px;
}

hr.content{
	padding: 50px 0 50px 0;
}

hr.short{
	padding: 58px 0 58px 0;
    width: 540px;
    margin: 0 0 0 295px;
}




/*nav*/

#nav {
	float: right;
	display: block;
	margin: 47px 0 0 0;
}

#nav:after {
	clear:both;
	content:"";
	display:block;
}

	#nav li{
		float: left;
		list-style: none;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	#nav li a{
		display: block;
		height: 37px;
		background-image:url(../images/nav_sprite.png);
		background-repeat: no-repeat;
		background-size: 514px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		text-indent: -5000px;
	}

	
	#nav li#navApps a{width: 74px; background-position: 0 0;}	
	#nav li#navApps a:hover{background-position: 0 -37px;}
	#nav li#navApps a.selected{background-position: 0 -74px;}
	
	#nav li#navAbout a{width: 79px; background-position: -74px 0;}	
	#nav li#navAbout a:hover{background-position: -74px -37px;}
	#nav li#navAbout a.selected{background-position: -74px -74px;}
	
	#nav li#navBlog a{width: 67px; background-position: -153px 0;}	
	#nav li#navBlog a:hover{background-position: -153px -37px;}
	#nav li#navBlog a.selected{background-position: -153px -74px;}
	
	#nav li#navResources a{width: 109px; background-position: -220px 0;}	
	#nav li#navResources a:hover{background-position: -220px -37px;}
	#nav li#navResources a.selected{background-position: -220px -74px;}	
	
	#nav li#navReviews a{width: 90px; background-position: -329px 0;}	
	#nav li#navReviews a:hover{background-position: -329px -37px;}
	#nav li#navReviews a.selected{background-position: -329px -74px;}
	
	#nav li#navSupport a{width: 95px; background-position: -419px 0;}	
	#nav li#navSupport a:hover{background-position: -419px -37px;}
	#nav li#navSupport a.selected{background-position: -419px -74px;}

	#nav li.hover ,
	#nav li:hover {
		position:relative;
	}
	#nav li.hover ul ,
	#nav li:hover ul {
		display:block;
	}
	
	
	/*sub menus*/
	#nav ul {
		margin: 0;
		padding: 4px 6px 4px 6px;
		list-style: none;
		position: absolute;
		top: 47px;
		left: 0px;
		width: 332px;
		display: none;
		z-index: 15000;
		background: #fff;
		border: 2px solid #d8d8d8;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;	
		box-shadow: 0 2px 5px #ababab;
		-webkit-box-shadow: 25px 25px 38px 0 rgba(0, 0, 0, 0.6);
		-moz-box-shadow: 25px 25px 38px  0 rgba(0, 0, 0, 0.6);			
	}
	
	#nav ul li.menuArrow {
		width: 300px;
		height: 30px;
		padding: 0;
		display: block;
		background: url(../images/sub_menu_arrow.png) no-repeat 0 15px;
		position: absolute;
		top: -30px;
		left: 22px;
		border: none;
	}
	
	#nav ul li.menuArrow:hover,
	#nav ul li.menuArrow.selected {
		width: 300px;
		height: 30px;
		padding: 0;
		display: block;
		background: url(../images/sub_menu_arrow.png) no-repeat 0 15px;
		position: absolute;
		top: -30px;
		left: 22px;
		border: none;
	}		
	#nav ul li:last-child {border: none;}
	
	#nav ul li {
		width: 333px;
		padding: 2px 0 2px 0;
		border-bottom: 1px dashed #cecece;
		float: none;
	}
	
	#nav ul li:hover {
		background-image: url(../images/sub_menu_hover_arrow.png);
		background-repeat: no-repeat;
		background-position: 296px center;
	
	}
		
	#nav ul li a {
		width: 259px !important;
		height:46px;
		padding: 16px 0 9px 74px;
		color: #464646;
		text-align: left;
		font-weight: bold;
		font-size: 131%;
		background: none;
		text-indent: 0;
	}
	#nav ul li#subAs a {background: url(../images/as_nav_icon.png) no-repeat 7px 7px;}
		#nav ul li#subAs a:hover, 
		#nav ul li#subAs a.selected {
			background-image: url(../images/as_nav_icon_over.png); 
			background-position: 7px 7px; 
			background-repeat: no-repeat;
		}	
	#nav ul li#subAsPro a {background: url(../images/as_pro_nav_icon.png) no-repeat 7px 7px;}
		#nav ul li#subAsPro a:hover, 
		#nav ul li#subAsPro a.selected {
			background: url(../images/as_pro_nav_icon_over.png) no-repeat 7px 7px;
		}	
		
	#nav ul li a:hover,
	#nav ul li a.selected {
		color: #fff;
		background-color: #ed242b !important;
		text-decoration: none;
	}
	
		#nav ul li a span {
			display: block;
			line-height: normal;
			font-size:13px;
			color:#868686;
			font-weight: normal;
		}
		
	#nav ul li a:hover span,
	#nav ul li a.selected span {color: #fff;}						


/*apps pages apps nav*/

ul#subAppsNav{
	margin: 20px auto 40px auto;
	clear: both;
	height:68px;
	width: 960px;
}

	ul#subAppsNav li{
		margin: 0 0 0 0;
		float: left;
		list-style: none;
		display: block;
	}	
	
	ul#subAppsNav li.checkApps{
		background: url(../images/sub_apps_nav_sprite.png) no-repeat 0 0;
		width: 467px;
		padding: 74px 0 0 0;	
		text-indent: -5000px;
		margin-right: 0;
	}	

	ul#subAppsNav li a{
		background-image: url(../images/sub_apps_nav_sprite.png);
		background-repeat: no-repeat;
		display: block;
		padding: 74px 0 0;
		color: #797979;
		font-size: 10px;
		text-align: center;
		white-space:nowrap;
	}

    ul#subAppsNav li#hanLsl a{ background-position: 3px 0; width: 74px;} 
	ul#subAppsNav li#hanLsl { margin-right:36px;}

    ul#subAppsNav li#hanLsp a{ background-position: -105px 0; width: 74px;} 
	ul#subAppsNav li#hanLsp { margin-right:31px;}

	ul#subAppsNav li#hanAs a{ background-position: -206px 0; width: 88px;} 
	ul#subAppsNav li#hanAs { margin-right:16px;}
	
	ul#subAppsNav li#hanAsPro a{ background-position: -309px 0; width: 100px;} 
	ul#subAppsNav li#hanAsPro { margin-right:14px;}
	
	ul#subAppsNav li#hanAsEs a{ background-position: -424px 0; width: 86px;} 
	ul#subAppsNav li#hanAsEs { margin-right:24px;}
	
	ul#subAppsNav li#hanAsEsPro a{ background-position: -531px 0; width: 86px;} 
	ul#subAppsNav li#hanAsEsPro { margin-right:15px;}
	
	ul#subAppsNav li#hanATC a{ background-position: -631px 0; width: 104px;}
	ul#subAppsNav li#hanATC { margin-right:22px;}
	
	ul#subAppsNav li#hanATCPro a{ background-position: -754px 0; width: 72px;}
	ul#subAppsNav li#hanATCPro { margin-right:36px;}

	ul#subAppsNav li#hanBmjs a{ background-position: -860px 0; width: 76px;}
	ul#subAppsNav li#hanBmjs { margin-right: 0;}

	
	ul#subAppsNav li a:hover{
		color: #f83332;	
	}


.subContentBody{
	width: 835px;
	margin: 0 5px 0 0;
	padding: 0 0 0 0;
	float:left;
}

ul.socialSubNav{
	width:100px;
	float: right;
	margin: 0 0 0 19px;
	padding: 0 0 0 0;
}
	ul.socialSubNav li{
		list-style: none;
		margin: 0 0 12px 0;
		display: block;
		height: 20px;
		background-image: url(../images/social_sub_nav_sprite.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		padding: 0 0 0 28px;		
	}
	
	ul.socialSubNav li.hDivider{
		border-bottom: 1px dashed #cecece;
		background-position: 0 32px;
		margin: 0 0 20px 0;
		height: 11px;
	}
	
	ul.socialSubNav li#RSSFeed{background: url(../images/rss_feed_icon.png) no-repeat 0 0; height: 21px;}
	ul.socialSubNav li#twitter{background-position: 0 -32px;}
	ul.socialSubNav li#youTube{background-position: 0 -64px;}
	ul.socialSubNav li#vimeo{background-position: 0 -96px;}
	ul.socialSubNav li#pinterest{background-position: 0 -128px;}
	ul.socialSubNav li#instagram{background-position: 0 -160px;}
	
	ul.socialSubNav li:first-child{	
		background-image: url(../images/social_sub_heading.png);
		background-repeat: no-repeat;
		text-indent: -5000px;
		padding-left: 1px;
	}
	
	ul.socialSubNav li a{
		color: #0194cb;
		font-size: 108%;
		padding: 0 2px 0 0;
		line-height: 19px;
	}
	
	ul.socialSubNav li a:hover{	
		background-color: #ec1820;
		color: #fff;
		text-decoration: none;
	}	



/*player window*/
#playOverlay{
	display: block;
	width:504px;
	height: 361px;
	background:url(../images/play_btn_overlay.png) no-repeat 0 0;
	margin: 30px 0 0 45px;
	text-indent: -5000px;
}


#playOverlay:hover{
	background:url(../images/play_btn_overlay.png) no-repeat 0 bottom;

}


	
/*footer*/

#footer{
	clear: both;
	padding: 70px 0 0 0;
}

	#footer ul{
		margin: 0 auto 11px auto;
		width: 427px;
		height: 16px;
		text-align: center;
	}
		#footer ul li{
			display: block;
			float: left;
			font-size: 116%;
			list-style: none;
			padding: 0 9px 0 13px;
			background: url(../images/list_disc.png) no-repeat 0 center;
			color: #898989;
		}	
		#footer ul li:first-child{ background: none;}	
		#footer ul li a{
			color: #898989;
		}
		#footer ul li a:hover{
			color: #f20009;
			text-decoration: none;
		}						

#footer p{
 text-align: center;
 font-size: 93%;
 padding: 5px 0 0 0;
 color: #898989;	
}

	#footer p a{
	 color: #f20009;	
	}
	
ul.socialFooter{
	margin: -4px auto 0 auto;
	padding: 0 0 0 0;	
	width: 388px;
	height: 47px;
}

	ul.socialFooter li{
		list-style: none;
		float: left;
		display: block;
		margin: 0 21px 0 0;
	}
	
	ul.socialFooter li:last-child{
		margin: 0 0 0 0;
	}		
	
		ul.socialFooter li a{
			display: block;
			width: 46px;
			height: 47px;
			background-image: url(../images/footer_social_sprite.png);
			background-repeat: no-repeat;
			text-indent: -5000px;
		}
		ul.socialFooter li a#faceBook{ background-position: 0 0;}
		ul.socialFooter li a#faceBook:hover{ background-position: 0 -47px;}
			
		ul.socialFooter li a#twitter{ background-position: -67px 0;}
		ul.socialFooter li a#twitter:hover{ background-position: -67px -47px;}
		
		ul.socialFooter li a#youTube{ background-position: -133px 0;}
		ul.socialFooter li a#youTube:hover{ background-position: -133px -47px;}
		
		ul.socialFooter li a#vimeo{ background-position: -200px 0;}
		ul.socialFooter li a#vimeo:hover{ background-position: -200px -47px;}
		
		ul.socialFooter li a#pinterest{ background-position: -267px 0;}
		ul.socialFooter li a#pinterest:hover{ background-position: -267px -47px;}
		
		ul.socialFooter li a#instagram{ background-position: -334px 0;}
		ul.socialFooter li a#instagram:hover{ background-position: -334px -47px;}