/************************************************************************************
SPRITES
*************************************************************************************/
#sprites{
	width:100%;
	height:auto;
	margin: 0px auto;
	padding: 2px 0;
	border-bottom: 1px solid rgba(188,188,188,0.5);
	background: #163C82;
	overflow:hidden;
}
#sprite-container{
	max-width: 98%;
	width: 1200px;
	height: auto;
	margin: 0 auto;
	padding: 0px 0;
}
.sprite-slice-left{
	width: 280px;
	height: auto;
	padding: 2px 0 0 5px;
	margin: 0;
	text-align: left;
	float: left;
}
.sprite-slice-right{
	width: 420px;
	height: auto;
	padding: 2px 0 0 5px;
	margin: 0;
	text-align: center;
	float: right;
}
.sprite-text {
	width:100%;
	color: #B3C9F2;
	margin: 0;
	padding: 5px 0;
	font-size:.95em;
	font-weight:300;
	font-style:normal;
	letter-spacing:-.1px;
	line-height:1.5em;
}
.sprite-text a {
	margin: 0;
	font-weight:300;
	color: #B3C9F2;
	text-decoration:none;
}
.sprite-text a:hover {
	color:#f4f4f4;
}
.sprite-ico{
	margin:5px 10px 3px 3px;
	padding:6px;
	font-size:1.2em;
	float:left;
	color: #B3C9F2;
	
	/* rounded corner */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


/************************************************************************************
MAIN NAVIGATION 768px
*************************************************************************************/
@media all and (max-width : 768px) {
	
	#sprites{
		width:100%;
		height:auto;
		margin: 0px auto;
		padding: 2px 0;
		border-bottom: 1px solid rgba(188,188,188,0.5);
		background: #163C82;
		overflow:hidden;
	}
	#sprite-container{
		max-width: 98%;
		width: 1200px;
		height: auto;
		margin: 0 auto;
		padding: 0px 0;
	}
	.sprite-slice-left{
		width: 210px;
		height: auto;
		padding: 2px 0 0 5px;
		margin: 0 auto;
		text-align: left;
		float: center;
	}
	.sprite-slice-right{
		width: 380px;
		height: auto;
		padding: 2px 0 0 5px;
		margin: 0 auto;
		text-align: center;
		float: center;
	}
	.sprite-text {
		width:100%;
		color: #B3C9F2;
		margin: 0;
		padding: 5px 0;
		font-size:.8em;
		font-weight:300;
		font-style:normal;
		letter-spacing:-.1px;
		line-height:1.5em;
	}
	.sprite-text a {
		margin: 0;
		font-weight:300;
		color: #B3C9F2;
		text-decoration:none;
	}
	.sprite-text a:hover {
		color:#f4f4f4;
	}
	.sprite-ico{
		margin:5px 10px 3px 3px;
		padding:6px;
		font-size:1.2em;
		float:left;
		color: #B3C9F2;
		
		/* rounded corner */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

}