.btn-slide 
{
	height:85px;
	width:85px;
	position: absolute;
	text-decoration:none;
	border:none;

	-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	 transform: rotate(0deg);
	 
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='image',src='../images/unfold.png')"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='image',src='../images/unfold.png');   /* IE6 & 7 */  
}

.active
{
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	 transform: rotate(180deg);
	 
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='image',src='../images/fold.png')"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='image',src='../images/fold.png');   /* IE6 & 7 */  
}

#panel {
	position: relative;
	border-right: 1px solid #c0c0c0;
	width:5px;
	float: left;
	background: url(../images/ss/menu_bg.png) no-repeat;
	z-index: 10;
	box-shadow: 1px 0 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 1px 0 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 1px 0 3px rgba(0,0,0,0.25);
}

#social {
	position: relative;
	border-left: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	margin-top:50px;
	width:30px;
	height:90px;
	float: right;
	background: url(../images/ss/menu_bg.png) no-repeat;
	z-index: 10;
}

.logo
{   
    width:220px;
    height:90px;
    padding-bottom: 30px;
    background: url(../images/misc/logo2.png) no-repeat;
    text-decoration:none;
    border:none;
}