/*Social Bar styles*/


#socmain{
	width:100%;
	height:95px;
	background-color:#ffcc0d;
	position:absolute;
	left:0px;
}


#logoheader{
	float:left;
	background-color: #000;
	height:48px;
	width:100%;
	background-image:url("images/socialbarhdrLOGO.png");
	background-position: 50% 50%;
	background-size: 78% auto;
	background-repeat: no-repeat;
}

.socBTN{
	width:37px;
	/*-ms-interpolation-mode: bicubic;

	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function:ease;

	-o-transition-property: opacity;
	-o-transition-duration: 0.5s;
	-o-transition-timing-function:ease;

	transition-property:opacity;
	transition-duration: 0.5s;
	transition-timing-function:ease;*/

	opacity:1;


}


.socBTN:hover{
	opacity:0.6;
}



#buttonbox{
	width:90%;
	height:40px;
	margin:6px 0 0 18px;
	float:left;

}

#iconwrap{
	margin:auto;
	width:240px;
	max-width:240px;
}

#buttonbox ul{
	z-index:99999;
	padding:0;
	height:40px;
	float:left;
	margin:auto;

}

#buttonbox ul li{
	display:inline;
	margin: 0 8px 0 0;
	z-index:99999;
	
}


#buttonbox ul li:last-of-type{

	margin: 0 0 0 0;
	
}

.toplevel ul {
	display: none;
	list-style-type: none;
	z-index:99999;
}

.toplevel:hover ul{
	display: block;
	z-index:9999;
	
}


.toplevel ul li{
	background-color: transparent;
	padding:4px 4px 2px 4px;
	float:left;
	top:90px;
	position:absolute;

}


.caret{
 position:absolute;
 height:10px;
 width:22px;
 top:-10px;

}

.first{
left:24%;
}

.second{
left:19%;
}

.third{
left:37%;
}

.fourth{
left:30%;
}

.fifth{
left:43%;
}




/*********Fadeup animations*********/


.twit{
	opacity:0;

	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.8s;
	-webkit-transition-timing-function:ease;
	-webkit-transition-delay:1s;

	-o-transition-property: opacity;
	-o-transition-duration: 0.8s;
	-o-transition-timing-function:ease;
	-o-transition-delay:1s;

	transition-property:opacity;
	transition-duration: 0.8s;
	transition-timing-function:ease;
	transition-delay:1s;


}

.facb{
	opacity:0;

	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.8s;
	-webkit-transition-timing-function:ease;
	-webkit-transition-delay:1.5s

	-o-transition-property: opacity;
	-o-transition-duration: 0.8s;
	-o-transition-timing-function:ease;
	-o-transition-delay:1.5s;

	transition-property:opacity;
	transition-duration: 0.8s;
	transition-timing-function:ease;
	transition-delay:1.5s;
}


.igram{
	opacity:0;

	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.8s;
	-webkit-transition-timing-function:ease;
	-webkit-transition-delay:2.0s;

	-o-transition-property: opacity;
	-o-transition-duration: 0.8s;
	-o-transition-timing-function:ease;
	-o-transition-delay:2.0s;

	transition-property:opacity;
	transition-duration: 0.8s;
	transition-timing-function:ease;
	transition-delay:2.0s;
}


.goog{
	opacity:0;

	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.8s;
	-webkit-transition-timing-function:ease;
	-webkit-transition-delay:2.5s;

	-o-transition-property: opacity;
	-o-transition-duration: 0.8s;
	-o-transition-timing-function:ease;
	-o-transition-delay:2.5s;

	transition-property:opacity;
	transition-duration: 0.8s;
	transition-timing-function:ease;
	transition-delay:2.5s;
}


.ytube{
	opacity:0;

	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.8s;
	-webkit-transition-timing-function:ease;
	-webkit-transition-delay:3.0s;

	-o-transition-property: opacity;
	-o-transition-duration: 0.8s;
	-o-transition-timing-function:ease;
	-o-transition-delay:3.0s;

	transition-property:opacity;
	transition-duration: 0.8s;
	transition-timing-function:ease;
	transition-delay:3.0s;
}

.show{
	opacity:1;
}




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

/*
#videocontainer{
	max-width:1050px;
	max-height: 590px;
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	z-index: 2;

	
	
}
#videocontainer iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	max-width:1050px;
	max-height: 590px;
	z-index: 2;
}


#morevids{
	position:absolute;
	top:0;
	width:30%;
	height:100%;
	background-color: rgba(255,255,255,0.5);
	z-index:9999;

}


#reveal{
	position:absolute;
	top:0;
	right:0px;
	width:70%;
	height:68%;
	background-color: rgba(255,255,255,0);
	z-index:99999;

}

#tease{
	position:absolute;
	bottom:60px;
	left: 0px;
	background-color: #f00;
	z-index:99999;
	
}

.open{

-webkit-transition-property: right;
	-webkit-transition-duration: 1.5s, 1s, 2s;
	-webkit-transition-timing-function:ease;
	-webkit-transition-delay:0s;

	-moz-transition-property: right;
	-moz-transition-duration: 1.5s, 1s, 2s;
	-moz-transition-timing-function:ease;
	-moz-transition-delay:0s;

	-o-transition-property: right;
	-o-transition-duration: 1.5s, 3s, 2s;
	-o-transition-timing-function:ease;
	-o-transition-delay:0s;

	transition-property: right;
	transition-duration: 1.5s, 3s, 2s;
	transition-timing-function:ease;
	transition-delay:0s;
}


.close{
right:-260px;

-webkit-transition-property: right;
	-webkit-transition-duration: 1.5s, 3s, 2s;
	-webkit-transition-timing-function:ease;
	-webkit-transition-delay:0s;

	-moz-transition-property: right;
	-moz-transition-duration: 1.5s, 3s, 2s;
	-moz-transition-timing-function:ease;
	-moz-transition-delay:0s;

	-o-transition-property: right;
	-o-transition-duration: 1.5s, 3s, 2s;
	-o-transition-timing-function:ease;
	-o-transition-delay:0s;

	transition-property: right;
	transition-duration: 1.5s, 3s, 2s;
	transition-timing-function:ease;
	transition-delay:0s;

}




#morevids.open{
	right:0px;
}