/* Slidorion Stylesheet */

#slidorion {
	width: 820px;			/* Set to slidorion width. Is equal to #slider + #accordion width */
	height: 400px;			/* Set to slidorion height. Is equal to #slider and #accordion height */
	position: relative;
	left: 50%;
	margin-left: -410px;
	background: #cbcbcb;
}

#slider {
	width: 500px;			/* Set to slider width */
	height: 400px;			/* Set to slider height */
	position: relative;
	float: left;
	overflow: hidden;		/* Hides the animations */
}

#slider > div {
	position:absolute;
	width:100%;
	height:100%;
}

#accordion {
	width: 320px;			/* Set to accordion width */
	height: 400px;			/* Set to image height */
	background: #eee;
	position: relative;
	z-index:999;
	overflow: hidden;
	float: left;
	-moz-box-shadow: 0 0 3px #000;
	-webkit-box-shadow: 0 0 3px #000;
	box-shadow: 0 0 3px #000;
	
}

#accordion > .link-header {
	padding: 16px 25px 15px 25px;
	font-size: 15px;
	font-weight: bold;
	color: #999;
	background:#f9f9f9;
	color:#999;
	-moz-box-shadow: 0 0 2px #AAA;
	-webkit-box-shadow: 0 0 2px #AAA;
	box-shadow: 0 0 2px #AAA;
	text-transform:uppercase;
}

#accordion > .link-header:hover {
	cursor: pointer;
	color:#FFF;
	background-image:url('../images/bg-active.jpg') !important;
	-moz-box-shadow: 0 0 3px #000;
	-webkit-box-shadow: 0 0 3px #000;
	box-shadow: 0 0 3px #000;
	z-index:201;
	text-shadow:1px 1px 1px #000;
}

#accordion > .link-header.active {
	cursor:default;
	color:#FFF;
	background-image:url('../images/bg-active.jpg') !important;
	-moz-box-shadow: 0 0 3px #000;
	-webkit-box-shadow: 0 0 3px #000;
	box-shadow: 0 0 3px #000;
	z-index:200;
	text-shadow:1px 1px 1px #000;
}

#accordion > .link-content {
	height: 130px;			/* This height needs to be changed as it depends on the accordion height and number of tabs */
	font-weight: normal;
	font-size: 14px;
	margin: 0;
	padding: 21px;
	border: none;
	background-image:url('../images/bg-card.gif');
	overflow:auto;
	text-align:center;
}

#accordion > .link-content p {
	margin-top:15px;
}