#jQuerySlider
	{
		width:100%;
		height:100%;
		overflow:hidden;
		position:relative;
	}

.slide
	{
		width:100%;
		height:100%;
		position:absolute;
		top:0px;
		left:-100%;
	}

.slide > img
	{
		max-width:100%;
	}


.jQuerySliderTextContainer
	{
	padding:20px;
	color:#FFF;
	}
.jQuerySliderSpacer
	{
	max-width:100%;
	display:block;
	visibility:hidden;

	}

.jQuerySliderTextContainer > h2
	{
	color:#FFF;
	}

#jQuerySliderContainer
	{
		width:940px;
		height:330px;
		position:relative;
	}
	
#jQueryDescriptionContainer
	{
		position:relative;
		width:100%;
		height:330px;
		background-color:#7b95d3;
		margin-right:15px;
	}

.jquerySlideLeft > img
	{
	margin-left:15px;
	margin-top:15px;
	}

.jquerySlideRight > img
	{
	margin-left:15px;
	margin-top:15px;
	}

.jquerySlideLeft
	{
	opacity:0;
	width:75px;
	height:75px;
	background-color:#5f7fca;
	position:absolute;
	top:125px;
	left:-20px;
	cursor:pointer;
	}
.jquerySlideRight
	{
	opacity:0;
	width:75px;
	height:75px;
	background-color:#5f7fca;
	position:absolute;
	top:125px;
	right:-20px;
	cursor:pointer;
	}


	@media (max-width: 979px)
		{
			
			
			#jQueryDescriptionContainer
				{
					
					margin-right:0px;
				}
			
			#category
				{
						display:inline-block;
						width:100%;
						margin-left:0px;
						float:none;
				}
		}
	
	@media (max-width: 768px)
		{
			#jQuerySliderContainer
				{
				position:relative;
				max-width:100%;
				margin:0px auto;
				float:none;
				}
			
			#jQueryDescriptionContainer
				{
					float:none;
					width:460px;
					height:auto;
					padding-bottom:50px;
					margin:0px auto;
					margin-top:15px;
				}
			
			.jquerySlideLeft
				{
					position:absolute;
					bottom:20px;
					left:35%;
				}
				.jquerySlideRight
				{
					position:absolute;
					bottom:20px;
					right:35%;
				}
		}

	@media (max-width: 555px)
		{
			#jQueryDescriptionContainer
				{
					width:100%;
				}
		}