/*
--------------------
WARNING!
Copyright Progress Systems Limited.
Explicit permission is required to copy or use any documents from this website
--------------------
*/


/* 

	4 Boxes across the website / icon centered over the text / boxes separated from each other

*/



/* HOMEPAGE SPOTLIGHTS ----------------------------------------------------------------------------------*/


#spotlight1,
#spotlight2,
#spotlight3,
#spotlight4,
#spotlight5,
#spotlight6  {
	width:25%; 
	float:left; 	
	text-align:center;	
}

#divSpotlightsWrapper div:first-child, 
#divSpotlightsWrapper div:nth-child(4n+1) {
	margin-left:0; /*Removes the margin on the left side on the very first and then every fifth element (for example)*/ 
} 

#divSpotlightsWrapper div:nth-child(4) {
	margin-right:0; /*Removes the right side margin on the last element*/
}

#spotlight5, 
#spotlight6 {
	display:none;
}

.spotlight_link {
	margin: 10px auto auto;
}







/* -------------------------------------------------- MEDIA QUERIES ------------------------------------------*/


/* -------------------------------------------------- MEDIA QUERIES ------------------------------------------*/


/* -------------------------------------------------- MEDIA QUERIES ------------------------------------------*/


/* -------------------------------------------------- MEDIA QUERIES ------------------------------------------*/


/* -------------------------------------------------- MEDIA QUERIES ------------------------------------------*/







@media only screen and ( max-width: 75em ) /* 1200 */ {
	
	#divSpotlightsWrapper {padding:0 20px;}

}


@media only screen and ( max-width: 64em ) /* 1024 */{

	#spotlight1, #spotlight2, #spotlight3, #spotlight4 {width:49%; display: block; margin-bottom:40px; margin-right:2%; float:left;}
			
	#spotlight3, #spotlight4 {margin-bottom:0;}
	
	.spotlight_text {min-height:100px; padding-bottom:20px; }
		
		
	#divSpotlightsWrapper div:nth-child(2), #divSpotlightsWrapper div:nth-child(4) {
			margin-right:0; /*Removes the right side margin on the last element*/
	}

}


@media only screen and ( max-width: 61.25em ) /* 980 */ {
	
}


@media only screen and ( max-width: 55em ) /* 880 */ {
	
}


@media only screen and ( max-width: 50em ) /* 800 */ {
	
}


@media only screen and ( max-width: 48em ) /* 768 */ {

}


@media only screen and ( max-width: 45em ) /* 720 */ {
	
}


@media only screen and ( max-width: 40em ) /* 640 */ {
	
}


@media only screen and ( max-width: 37.5em ) /* 600 */ {
	
	#spotlight1, #spotlight2, #spotlight3, #spotlight4 {width:100%; margin-right:0; margin-bottom:20px;}
		
	#spotlight4 {margin-bottom:0;}
}


@media only screen and ( max-width: 35.5em ) /* 568 */ {

}


@media only screen and ( max-width: 32.5em ) /* 520 */ {

}


@media only screen and ( max-width: 30em ) /* 480 */ {

}


@media only screen and ( max-width: 26.6875em ) /* 427 */ {
	
}


@media only screen and ( max-width: 25em ) /* 400 */ {
	
}


@media only screen and ( max-width: 22.5em ) /* 360 */ {
	
}


@media only screen and ( max-width: 20em ) /* 320 */ {

}