@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Cabin+Condensed);
@import url(http://fonts.googleapis.com/css?family=Cabin);

	#mainContainer{
	width: 300px;
	height: 390px;
	/* [disabled]background-color: #999999; */
	position: relative;
	z-index: 0;
	}
	
	#leftContainer{
	width: 150px;
	height: 390px;
	position: absolute;
	top: 0px;
	right: 0px;
	margin-top: 0px;
	z-index: 0;
	}
	
	/* END DEMO CSS */
	#dhtmlgoodies_menu{
	width: 150px;	/* Width of main menu */
	height: 390px;
	z-index: 20;
	}
	#dhtmlgoodies_menu	li{	/* Main menu <li> */
	list-style-type: none;
	position: absolute;
	width: 150px;
	top: 0px;
	outline: none;
	}
	#dhtmlgoodies_menu ul li ul{	/* Styling for those who doesn't have javascript enabled  - sub menu items*/
	line-height: 0px;
	}
	
	#dhtmlgoodies_menu ul{
	padding: 0px;	/* No <ul> air */
	z-index: 120;
	}	
	#dhtmlgoodies_menu	li a{	/* Main menu links */
	text-decoration: none;	/* No underline */
	color: #FFF;	/* Black text color */
	height: 16px;	/* 20 pixel height */
	line-height: 16px;	/* Air between border and text inside */
	display: block;
	position: absolute;
	width: 150px;
	font-family: 'Cabin', Arial, sans-serif;
	font-weight: 400;
	margin-left: 20px;
	bottom: -390px;
	z-index: 150;
	}
	
	#contentContainer{
	width: 150px;
	height: 390px;
	position: absolute;
	top: 0px;
	/* [disabled]background-color: #FF99CC; */
	}
	#dhtmlgoodies_menu	li a:hover,#dhtmlgoodies_menu .activeMainMenuItem{
	color: #4B4B32;
	position: absolute;
	bottom: -390px;
	display: block;
	z-index: 120;
	}
	.dhtmlgoodies_subMenu{
	visibility: hidden;
	overflow: hidden;
	background-color: #FFFFFF;
	font-family: arial;
	height: 390px;
	width: 150px;
	opacity: .8;
	position: absolute;
	z-index: 20;
	}
	.dhtmlgoodies_subMenu ul{
	height: 390px;
	width: 110px;
	/* [disabled]background-color: #FFFFFF; */
	top: -16px;
	}
	.dhtmlgoodies_subMenu ul li{
	list-style-type: none;
	height: 390px;
	position: absolute;
	top: 0px;
	/* [disabled]background-color: #CC0000; */
	width: 150px;
	right: 0px;
	}
	.dhtmlgoodies_subMenu ul li a{	/* Sub menu items */
	text-decoration: none;	/* Black text color */
	height: auto;	/* 16 pixels height */
	display: block;	/* Display as block - you shouldn't change this */
	width: 125px;
	position: absolute;
	font-family: 'Cabin', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	/* [disabled]background-color: #CCFF33; */
	text-align: left;
	padding: 15px;
	margin-top: 100px;
	line-height: 24px;
	color: #000000;
	}
	.dhtmlgoodies_subMenu ul li a:hover{	/* Sub menu items - mouse over effects */
	padding: 15px;
	}