/* =================================================================== */
/* Accordin Multi Menu Container
	====================================================================== */
	#container {	
		width: 250px;
		font-size: 14px; 

	}
	#shadow-bottom {
		margin: 0 auto;
		width: 331px;
		height: 94px;
		background: url(../images/bg_menu.png) no-repeat;
		background-position: 0 0;

	}
	.accordion {
		background: #fff;

	}
	/* Main Menu List Links */
	.accordion > li > a {
  background: url("../images/bg_menu.png") no-repeat scroll 16px 48% transparent;
    border-top: 1px solid #EAEAEA;
    color: #646464;
    display: block;
    font-weight: 600;
    padding: 15px 0 15px 21px;
    position: relative;
    text-indent: 18px;
    
	}
	
	.accordionx > li > a:after {
		content: "\f105";
		 font-family:'FontAwesome';
		 position: absolute;
		 right: 30px;
	}
	
	.accordion > li > a:hover, 
	.accordion > li > a.active {
		color: #fff;

	}
	
	.accordion > li > a.active:after {

	}

	/* Submenu List Links */
	.accordion ul li a {
	background: url("../images/sub_menu.png") no-repeat scroll 16px 50% transparent;
    color: #646464;
    display: block;
    font-size: 12px;
    line-height: 28px;
    margin: 0 auto;
    position: relative;
    text-indent: 34px;
    width: 212px;
	}
	
	/* First Submenu Item */
	.accordion ul li:first-child a {


	}
	
	/* Last Submenu Item */
	.accordion ul li:last-child a {

		margin-bottom: 5px;
	}
	
	/* Before Current (active) Submenu Item */
	.accordion > li > ul li a.current:before{

		font-size: 10px;
		position: absolute;
		height: 6px;
		top: 0px;
		left: -28px;
	}
	
	/* Current (active) Submenu Item */
	.accordion > li > ul li a.current {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	/* Submenu Hover Transitions */
	.accordion > li > ul li:hover a,
	.accordion > li > ul li:hover a:before {

	}

	
/* =================================================================== */
/* Background and Shadow Toggles
	====================================================================== */
	#toggles {
		margin: 60px auto 0;  
	}
	.toggle {
		width: 190px;
		height: 60px;
		margin: 0 auto; 
		color: #fff;
	}

	.slideOne, .slideTwo {
		width: 40px;
		float:left;
		height: 10px;
		background: #333;
		margin: 20px auto;

		position: relative;

	}
	.slideOne label, .slideTwo label {
		display: block;
		width: 16px;
		height: 16px;


		cursor: pointer;
		position: absolute;
		top: -3px;
		left: -3px;

		background: #fcfff4;


	}
	.slideOne input[type=checkbox]:checked + label {
		left: 27px;
	}
	.slideTwo input[type=checkbox]:checked + label {
		left: 27px;
	}
	.noshadow-img {
		background-position: 0px -40px!important;


	}


/* =================================================================== */
/* Color Switcher
====================================================================== */
	#style-switcher h3 {
		color: #252525;
		font-size: 14px;
		margin: 5px 3px;

	}
	
	#style-switcher p {
		text-align: center;
		margin: 10px 0 13px;
		padding: 0;
	}
	
	#style-switcher {
		background: #fff;
		width: 195px;
		z-index:9;
		margin: 0 auto;
	}
	
	#style-switcher div {
		padding: 5px 10px;
	}
	
	#style-switcher .bottom {
		color: #252525;
		padding: 0;
		height: 40px;
	}
	
	#style-switcher .bottom a.settings {
		display: block;
		height: 41px;
		position: absolute;

		right: -40px;
		text-indent: -9999px;
		bottom: 0;
		width: 44px;
	}
	
	.colors, .backgrounds { list-style:none; margin: 0px 0px 10px 0px; overflow: hidden}
	.colors li, .backgrounds li { float:left; margin:2px; }
	.colors li a, .backgrounds a { display: block; width:30px; height:30px; cursor: pointer;} 
	.colors li a:hover { opacity: 0.8 }
	
	#reset {margin: 0 0 15px 2px;}
	#reset a {color: #fff; font-size: 12px; padding: 5px 14px; box-shadow: none; border-radius: 1px; }
	#reset a:hover { background: #252525; }

	.black { background: #3d3d3d; }
	.blue { background: #169fe6; }
	.green { background: #389646; }
	.red { background: #de3939; }
	.orange { background: #ff3600; }


	.colors li a.actived {
	box-shadow:0 0 0 2px #fff inset;  	

	}