/**
* @package		JJ Social Slider
* @author		JoomJunk
* @copyright	Copyright (C) 2011 - 2013 JoomJunk. All Rights Reserved
* @license		http://www.gnu.org/licenses/gpl-3.0.html
*/

ul#jj_sl_navigation {
    position: fixed;
    padding: 0px;
    list-style: none;
    z-index:9999;
	font-family: Arial,Helvetica,sans-serif;
	margin-top: 60px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
ul#jj_sl_navigation li {
	padding: 1px 0px 1px 0px;
    overflow:hidden;
}

ul#jj_sl_navigation li a {
    display: block;
    width: 170px;  
    background-repeat:no-repeat;
	text-decoration: none;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	
}
ul#jj_sl_navigation .facebook a:hover{
    background-color: #3B5998;
}
ul#jj_sl_navigation .twitter a:hover{
    background-color: #62BDB2;
}
ul#jj_sl_navigation .google a:hover{
    background-color: #DB4A39;
}
ul#jj_sl_navigation .myspace a:hover{
    background-color: #3B64B3;
}
ul#jj_sl_navigation .youtube a:hover{
    background-color: #CC252C;
}
ul#jj_sl_navigation .linkedin a:hover{
    background-color: #4F93B3;
}
ul#jj_sl_navigation .steam a:hover{
    background-color: #111111;
}
ul#jj_sl_navigation .lastfm a:hover{
    background-color: #bf0d1c;
}
ul#jj_sl_navigation .pinterest a:hover{
    background-color: #b61d23;
}
ul#jj_sl_navigation .soundcloud a:hover{
    background-color: #ff5419;
}
ul#jj_sl_navigation .tumblr a:hover{
    background-color: #304e6c;
}
ul#jj_sl_navigation .github a:hover{
    background-color: #222222;
}
ul#jj_sl_navigation .flickr a:hover{
    background-color: #ff0084;
}
ul#jj_sl_navigation .rss a:hover{
    background-color: #FF6600;
}
ul#jj_sl_navigation .vimeo a:hover{
    background-color: #1BB7EA;
}




.sp-wrap {width: 920px;}
		#sp-leftcol {width: 20%}
		#sp-rightcol { width: 22%}
		#sp-maincol {width:80%}
#inner_content {width: 100%;}
		#sp-inset1 {width: 101%}#sp-inset2 { width: 72%}
ul#jj_sl_navigation li a {background-color:#33353B;text-align:right;}
ul#jj_sl_navigation { right:0px;top:10px;}
ul#jj_sl_navigation li:hover { right: 0px;}
ul#jj_sl_navigation li a { padding: 11px 10px 11px 0px;margin-right:-2px;}

ul#jj_sl_navigation .linkedin a {
	background-position: 4px 50%;
	background-image: url(../images/ou.png);
}
ul#jj_sl_navigation .facebook a {
	background-position: 4px 50%;
	background-image: url(../images/facebook-white.png);
}
ul#jj_sl_navigation .twitter a {
	background-position: 5px 50%;
	background-image: url(../images/dan.png);
}
ul#jj_sl_navigation .google a {
	background-position: 5px 50%;
	background-image: url(../images/asp.png);
}
ul#jj_sl_navigation .myspace a {
	background-position: 4px 50%;
	background-image: url(../images/php.png);
}
ul#jj_sl_navigation .youtube a {
background-position: 4px 50%;
background-image: url(../images/who.png);
}


ul#jj_sl_navigation .steam a {background-position: 4px 50%;background-image: url(../images/ss.png);}
ul#jj_sl_navigation .lastfm a {background-position: 4px 50%;background-image: url(../images/html.png);}
ul#jj_sl_navigation .pinterest a {background-position: 4px 50%;background-image: url(../images/css.png);}
ul#jj_sl_navigation .soundcloud a {background-position: 4px 50%;background-image: url(../images/jq.png);}


ul#jj_sl_navigation .tumblr a {background-position: 4px 50%;background-image: url(../images/csharp.png);}
ul#jj_sl_navigation .github a {background-position: 4px 50%;background-image: url(../images/mailgonder.png);}
ul#jj_sl_navigation .rss a {background-position: 4px 50%;background-image: url(../images/rss-white.png);}



ul#jj_sl_navigation li { right: -138px;position:relative;-webkit-transition: right 0.3s;-moz-transition: right 0.3s;-ms-transition: right 0.3s;-o-transition: right 0.3s;transition: right 0.3s;}