/*-------------------------------------------------------------------------------*/
/*layout modifications*/
#bdy_wrapper				{background:url('../../../Site/graphics/component_bg_accordian_menu.jpg') repeat-x center top; }
#optional_content			{visibility:visible; display:inline;}
#optional_content			{position:absolute; 	top:355px; 		left:30px;			width:35%; 		height:auto; }


#MenuBarTop					{z-index:100; position:relative;}

#accordian_menu				{z-index:99; position:relative;}
/*-------------------------------------------------------------------------------*/

/*POSITION THE COMPONENT CONTAINER IN THE PAGE*/
ul.accordion_menu 					{top: 300px;	right: 8px;		
}

/*CHANGE OVERALL HEIGHT AND TOP POSITION FOR THE IMAGES*/
ul.accordion_menu li 				{height: 372px;}

/*CHANGE THE TOP BUTTON POSITIONING */
ul.accordion_menu li .heading 		{margin-top: 0px;}
/*-------------------------------------------------------------------------------*/



/*CHANGE THE POSITION AND WIDTH FOR THE ACCORDIAN COMPONENT*/
ul.accordion_menu li {
	float: right;
	width: 140px;
	display: block;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

/*POSITION THE COMPONENT CONTAINER IN THE PAGE*/
ul.accordion_menu {
	position:absolute;		
	z-index:999;
	padding:0px;
	margin:0px;
}

/*CHANGE THE WIDTH AND HEIGHT OF THE DESCRIPTION */
ul.accordion_menu li .description {
	position: absolute;
	width: 480px;
	height: 175px;
	bottom: 0px;
	left: 0px;
	display: none;
}

/*CHANGE THE BORDER COLORS, SHADOWS AND BACKGROUND*/
ul.accordion_menu li {
	border-bottom: 0px solid #46142D ;
	background:transparent;
	background-repeat: no-repeat;
	background-position: center center;
	-moz-box-shadow: 1px 3px 15px rgba(0,0,0,0.3);
	-webkit-box-shadow: 1px 3px 15px rgba(0,0,0,0.3);
	box-shadow: 1px 3px 15px rgba(0,0,0,0.3);
}

/*WHITE HOVER EFFECT*/
ul.accordion_menu li .bgDescription {
	background: transparent url(../images/bgDescription.png) repeat-x top left;
	height: 340px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	display: none;
}

/* */
ul.accordion_menu li.bg1 {
background-image: url('../../../Site/themed_images/portfolio-spacekubla-large-1.jpg'); background-position:left 44px;
}

ul.accordion_menu li.bg2 {
background-image: url('../../../Site/themed_images/portfolio-cowboykubla-large-2.jpg'); background-position:left 44px;
}

ul.accordion_menu li.bg3 {
background-image: url('../../../Site/themed_images/portfolio-hyatt-large-3.jpg'); background-position:left 44px;
}

ul.accordion_menu li.bg4 {
background-image: url('../../../Site/themed_images/portfolio-monakubla-large-4.jpg'); background-position:left 44px;
}


/* ADAPTIVE LAYOUTS CSS <=940 */
@media screen and (min-width:0px) and (max-width:959px){
/*CHANGE BACKGROUND*/
#menu								{position:absolute; 	top:-2px	!important; 			width:100%	!important; 	margin-left:auto!important; margin-right:auto!important; padding:0px!important;}
}