/* Responsive Navbar */

#nav_container {
	position:absolute;
	top:112px;
	left:0px;
	width:100%;
}

#nav .container {
	width:990px;
	margin-left:auto;
	margin-right:auto;
}

#nav {
z-index: 200;
position: relative;
width: 100%;
color: #fff;
background: rgb(161,175,208); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(161,175,208,1) 0%, rgba(151,165,198,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(161,175,208,1)), color-stop(100%,rgba(151,165,198,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(161,175,208,1) 0%,rgba(151,165,198,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(161,175,208,1) 0%,rgba(151,165,198,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(161,175,208,1) 0%,rgba(151,165,198,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(161,175,208,1) 0%,rgba(151,165,198,1) 100%); /* W3C */



}

/* For Dropdown */

#nav li ul {
display: none;
z-index:300;
box-shadow: 0 0 20px rgba(50,50,50,.5)

}

#nav .close-btn {
display: none;
}
#nav .block-title {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
#nav .block {
z-index: 2;
position: relative;
background: rgb(161,175,208); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(161,175,208,1) 0%, rgba(137,155,196,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(161,175,208,1)), color-stop(100%,rgba(137,155,196,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(161,175,208,1) 0%,rgba(137,155,196,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(161,175,208,1) 0%,rgba(137,155,196,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(161,175,208,1) 0%,rgba(137,155,196,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(161,175,208,1) 0%,rgba(137,155,196,1) 100%); /* W3C */




}
#nav ul {
*zoom: 1;
display: block;
border-left: 0px;
border-right: 1px solid #899BC4;
border-left: 1px solid #A1AFD0;

}
ul.main,
ul.main li ul {
	margin:0px!important;
	padding:0px!important;
}
#nav ul:before, #nav ul:after {
content: "";
display: table;
}
#nav ul:after {
clear: both;
}
#nav li {
display: block;
position: relative;
float: left;
margin:0px;

}
#nav li a {
display: block;
color: #fff;
outline: none;
text-decoration: none;
white-space: nowrap;
text-align: center;
text-shadow: 0 1px 1px #6E88C1;
border-right: 1px solid #A1AFD0;
border-left: 1px solid #899BC4;
padding: 7px 26px;

}

#nav li a.first{
	border-left: 0px;
}
#nav li a:focus, #nav li a:hover,
#nav li [class*="active"]{
background: #6480BC;
color: #efefef;
}
#nav li.is-active a {
background: #6480BC;
}
#nav li:hover ul {
border-radius: 0px 0px 3px 3px;
z-index: 2000!important;
margin: 0px;
border-top:solid 3px #6480BC;
background: rgb(161,175,208); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(161,175,208,1) 0%, rgba(137,155,196,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(161,175,208,1)), color-stop(100%,rgba(137,155,196,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(161,175,208,1) 0%,rgba(137,155,196,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(161,175,208,1) 0%,rgba(137,155,196,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(161,175,208,1) 0%,rgba(137,155,196,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(161,175,208,1) 0%,rgba(137,155,196,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1afd0', endColorstr='#899bc4',GradientType=0 ); /* IE6-9 */

display: block;
position: absolute;
 -webkit-box-shadow: 0 4px 10px rgba(0,0,0, 0.3);   
  -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);


}

#nav li ul {
	box-shadow: 0 0 20px rgba(0,0,0,.5)
}
#nav li:hover li {
float: none;
color: #414141;
}
#nav li:hover a { 
color: #fff;
padding: 7px 26px;
text-align:left;

}
#nav li:hover li a:hover {
background: #6480BC;
color: #fff;
}
#nav li.is-active ul li{
background: #6480BC;

}

#top {
z-index: 100;
position: relative;
color: #fff;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */

}
#top .block-title {
margin: 0;
text-align: center;
white-space: nowrap;
}
#top .nav-btn {
position: absolute;
top: 10px;
left: 10px;
}
footer[role="contentinfo"] {
background: #ddd;
}


	div.main-nav-facebook {
		
		position:absolute;
		z-index:3000;
		right:-14px;
		top:-5px;
	}
	div.main-nav-facebook img {
		width:180px;
		height:69px;
		
	}
	
/*Header Nav
=================================================================== */
.headernav.btn {
	border-radius: 0px;
	margin-top:-6px;
}

.headernav.newsletter_btn {
	opacity:.7;
}

.headernav.newsletter_btn img {
	position:absolute;
		height:36px;

}
	
.headernav.newsletter_btn:hover{
	height:36px;
	opacity:1;
}
/* Social Links
=================================================================== */
.socialmedia-icons {
	float:right;
	margin-top:20px;
}
[class^="social-"],
[class*="social-"] {
	display: inline-block;
	width: 40px;
	height: 40px;
	*margin-right: .3em;
	line-height: 40px;
	vertical-align: text-top;
	background-image: url("../images/icons/social-icons-set.png");
	background-position: 40px 40px;
	background-repeat: no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-indent:-9999px;
}

/* Retina Display Hack */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	
	[class^="social-"],
	[class*="social-"] {
		display: inline-block;
		width: 40px;
		height: 40px;
		line-height: 40px;
		vertical-align: text-top;
		background-image: url("../images/icons/social-icons-set@2x.png");
		background-position: 40px 40px;
		background-repeat: no-repeat;
		background-size: 400px 400px;
	}	 
	
	[class*="social-"],
	 {
		display: inline-block;
		width: 40px;
		height: 40px;
		line-height: 40px;
		vertical-align: text-top;
		background-image: url("../images/icons/social-icons-set@2x.png");
		background-position: 40px 40px;
		background-repeat: no-repeat;
		background-size: 400px 400px;
	}	 
	.social-xyzhomework {
		width:320px;
	}
    
}

.social-forrst {
	background-position: -0px -0px;
}

.social-forrst:hover {
	background-position: -0px -40px;
	background-color: #5b9a68;
}

.social-dribbble {
	background-position: -40px -0px;
}

.social-dribbble:hover {
	background-position: -40px -40px;
	background-color: #ef5b92;
}

.social-twitter {
	background-position: -80px -0px;
}

.social-twitter:hover {
	background-position: -80px -40px;
	background-color: #48c4d2;
}

.social-flickr {
	background-position: -120px -0px;
}

.social-flickr:hover {
	background-position: -120px -40px;
	background-color: #f1628b;
}

.social-twitter2 {
	background-position: -160px -0px;
}

.social-twitter2:hover {
	background-position: -160px -40px;
	background-color: #48c4d2;
}

.social-facebook {
	background-position: -200px -0px;
}

.social-facebook:hover {
	background-position: -200px -40px;
	background-color: #3b5998;
}

.social-skype {
	background-position: -240px -0px;
}

.social-skype:hover {
	background-position: -240px -40px;
	background-color: #18b7f1;
}

.social-digg {
	background-position: -280px -0px;
}

.social-digg:hover {
	background-position: -280px -40px;
	background-color: #2882c6;
}

.social-google {
	background-position: -320px -0px;
}

.social-google:hover {
	background-position: -320px -40px;
	background-color: #dd4b39;
}

.social-html5 {
	background-position: -360px -0px;
}

.social-html5:hover {
	background-position: -360px -40px;
	background-color: #f3642c;
}


.social-linkedin {
	background-position: -0px -80px;
}

.social-linkedin:hover {
	background-position: -0px -120px;
	background-color: #71b2d0;
}

.social-lastfm {
	background-position: -40px -80px;
}

.social-lastfm:hover {
	background-position: -40px -120px;
	background-color: #d21309;
}

.social-vimeo {
	background-position: -80px -80px;
}

.social-vimeo:hover {
	background-position: -80px -120px;
	background-color: #62a0ad;
}

.social-yahoo {
	background-position: -120px -80px;
}

.social-yahoo:hover {
	background-position: -120px -120px;
	background-color: #ab64bc;
}

.social-tumblr {
	background-position: -160px -80px;
}

.social-tumblr:hover {
	background-position: -160px -120px;
	background-color: #3a5976;
}

.social-apple {
	background-position: -200px -80px;
}

.social-apple:hover {
	background-position: -200px -120px;
	background-color: #606060;
}

.social-microsoft {
	background-position: -240px -80px;
}

.social-microsoft:hover {
	background-position: -240px -120px;
	background-color: #230565;
}

.social-youtube {
	background-position: -280px -80px;
}

.social-youtube:hover {
	background-position: -280px -120px;
	background-color: #f45750;
}

.social-delicious {
	background-position: -320px -80px;
}

.social-delicious:hover {
	background-position: -320px -120px;
	background-color: #3274d1;
}

.social-rss {
	background-position: -360px -80px;
}

.social-rss:hover {
	background-position: -360px -120px;
	background-color: #fe9900;
}


.social-picassa {
	background-position: -0px -160px;
}

.social-picassa:hover {
	background-position: -0px -200px;
	background-color: #444;
}

.social-deviantart {
	background-position: -40px -160px;
}

.social-deviantart:hover {
	background-position: -40px -200px;
	background-color: #d0de21;
}

.social-technorati {
	background-position: -80px -160px;
}

.social-technorati:hover {
	background-position: -80px -200px;
	background-color: #7ac84f;
}

.social-stumbleupon {
	background-position: -120px -160px;
}

.social-stumbleupon:hover {
	background-position: -120px -200px;
	background-color: #eb4924;
}

.social-blogger {
	background-position: -160px -160px;
}

.social-blogger:hover {
	background-position: -160px -200px;
	background-color: #fb913f;
}

.social-wordpress {
	background-position: -200px -160px;
}

.social-wordpress:hover {
	background-position: -200px -200px;
	background-color: #464646;
}

.social-amazon {
	background-position: -240px -160px;
}

.social-amazon:hover {
	background-position: -240px -200px;
	background-color: #2f3842;
}

.social-appstore {
	background-position: -280px -160px;
}

.social-appstore:hover {
	background-position: -280px -200px;
	background-color: #0F73E4;
}

.social-paypal {
	background-position: -320px -160px;
}

.social-paypal:hover {
	background-position: -320px -200px;
	background-color: #32689a;
}

.social-myspace {
	background-position: -360px -160px;
}

.social-myspace:hover {
	background-position: -360px -200px;
	background-color: #003398;
}


.social-dropbox {
	background-position: -0px -240px;
}

.social-dropbox:hover {
	background-position: -0px -280px;
	background-color: #3083C7;
}

.social-windows {
	background-position: -40px -240px;
}

.social-windows:hover {
	background-position: -40px -280px;
	background-color: #01AEF3;
}

.social-pinterest {
	background-position: -80px -240px;
}

.social-pinterest:hover {
	background-position: -80px -280px;
	background-color: #cb2027;
}

.social-soundcloud {
	background-position: -120px -240px;
}

.social-soundcloud:hover {
	background-position: -120px -280px;
	background-color: #FF680D;
}

.social-googledrive {
	background-position: -160px -240px;
}

.social-googledrive:hover {
	background-position: -160px -280px;
	background-color: #FFCF63;
}

.social-android {
	background-position: -200px -240px;
}

.social-android:hover {
	background-position: -200px -280px;
	background-color: #A6C53B;
}

.social-behance {
	background-position: -240px -240px;
}

.social-behance:hover {
	background-position: -240px -280px;
	background-color: #18a3fe;
}

.social-instagram {
	background-position: -280px -240px;
}

.social-instagram:hover {
	background-position: -280px -280px;
	background-color: #E2D6C6;
}

.social-ebay {
	background-position: -320px -240px;
}

.social-ebay:hover {
	background-position: -320px -280px;
	background-color: #FE0000;
}

.social-googleplus {
	background-position: -360px -240px;
}

.social-googleplus:hover {
	background-position: -360px -280px;
	background-color: #d94a39;
}

.social-mathtv {
	background-position: -0px -320px;
	
}

.social-mathtv:hover {
	background-position: -0px -360px;
	background-color:#41813E;
}

.social-xyzhomework {
	background-position: -40px -320px;
	width:160px;
}

.social-xyzhomework:hover {
	background-position: -40px -360px;
	background-color:#C4CE89;
}