/* Timothy Framework - www.timothyframework.com */
/* This work is licensed under the MIT License - http://www.opensource.org/licenses/mit-license.php */


/* Color Legend */




#slider {
    width: 900px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	text-align:left;

}

#sliderContent {
    width: 900px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}

.sliderImage {
    float: left;
    position: relative;
	display: none;
}

.sliderImage span {
	position: absolute;
	padding: 10px;
	width: 300px;  /* This is the width of the caption box  */
	height: 300px; /* This is the height of the caption box  */
	background-color: #000;  /* This sets the background color of the semi transparent box */
	/* If you do not want the transparent content field to appear, change all opacity values to 0 */
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 150%;
	color: #fff; /* This is the color of the text in the caption box */
	display: none;
	text-align: left;
}

.sliderImage span strong {
	color: #3fb5e8;  /* This is the color of the title text in the caption box */
	font-size: 50pt; /* This is the font size of the title text in the caption box */
	line-height: 100%;
	font-family: dancing-script !important;
	font-style: normal;
	font-weight: 400;
	}

.clear { clear: both; }


.top { top: 0; left: 600px; }  /* This sets the upper left corner of the caption box */

.bottom { bottom: 0; left: 0; } /* This sets the lower left corner of the caption box */

#slider ul 		{ list-style-type: none;}
#slider ul li 	{ margin-left:0px; }

@media only screen and (min-width: 150px) and (max-width: 920px)
{
#slider {
	width: 100%;
	/* [disabled]height: 150px; */
	margin-bottom: -150px;
}
.sliderImage a img {
	width: 100%;
	height: 100%;
}
#sliderContent .sliderImage img {
	width: 100%;
	padding-top: 20px;
	height: 100%;
}
span {
	/* [disabled]visibility: hidden; */
	margin-left: -43em;
	margin-top: 21px;
	/* [disabled]width: 75%; */
	height: 10%;
}
#sliderContent {
	width: 100%;
}
.sliderImage {
	width: 100%;
}
.sliderImage scan {
	width: 100%;
}
.top {
	max-height: 63%;
	max-width: 30%;
}
.sliderImage .top strong {
	/* [disabled]width: 20%; */
	/* [disabled]height: 5%; */
	font-size: 19px;
}
.sliderImage span {
	padding: 10px;
	position: absolute;
	width: 300px;
	height: 300px;
	background-color: #000;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 150%;
	color: rgba(255,255,255,0.00);
	display: none;
	text-align: left;
}
	
	
	
	
	
}

@media only screen and (min-width:391px) and (max-width:919px){
#slider {
	padding-bottom: 35px;
}
.top {
	max-height: 69%;
}
.sliderImage span {
	padding: 10px;
	position: absolute;
	width: 300px;
	height: 300px;
	background-color: #000;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 150%;
	color: rgba(255,255,255,0.00);
	display: none;
	text-align: left;
	/* [disabled]visibility: hidden; */
}
.sliderImage .top strong {
	font-size: x-large;
}
}

@media only screen and (min-width:520px) and (max-width:919px){
#slider {
	padding-bottom: 75px;
}
.top {
	max-height: 75%;
}
.sliderImage .top strong {
	font-size: xx-large;
}
.sliderImage span {
	padding: 10px;
	position: absolute;
	width: 300px;
	height: 300px;
	background-color: #000;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 150%;
	color: rgba(255,255,255,0.00);
	display: none;
	text-align: left;
}
}

@media only screen and (min-width:664px) and (max-width:919px){
#slider {
	padding-bottom: 145px;
}
.top {
	max-height: 81%;
}
.sliderImage .top strong {
	font-size: 0px;
}
}