@charset "utf-8";
/* CSS Document */

@media all and (max-width: 480px) {
	html {
		font-size: 75%;
		-moz-text-size-adjust: 75%;
		-webkit-text-size-adjust: 75%;
		-ms-text-size-adjust: 75%;
	}

	.contactOpen, .contactAddress {
		display: block;
		text-align: left;
		padding-left:0; }
	
	.colorSpacer { text-indent: 0; }
	
	.bwSpacer { text-indent: 0; }
	
	.formLinkText { width: 100%; }
	
	[id$="_smSlider"] {
		position: relative;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
     #listWrapper.contentWrap {
          display: block;
          max-width: 100%;
          column-count: 1;
     }
     #clientWrapper.contentWrap, #publicationWrapper.contentWrap {
          column-count: 4;
          -webkit-column-gap: 0;
          -moz-column-gap: 0;
          column-gap: 0;     
     }
}

@media all and (max-width: 800px) {
	
	.slideBottom {
		margin: 0 auto;
	}
	
	#mediaControls {
		clear: both;
		position: relative;
	}
	
	#cocFB {
		position: relative;
		left: 0;
		min-width: 40%;
	}
	
	#copyRequest {
		position: relative;
		right: 0;
		min-width: 40%;
	}
     #listWrapper.contentWrap {
          display: block;
          max-width: 100%;
          column-count: 1;
     }
     #clientWrapper.contentWrap, #publicationWrapper.contentWrap {
          column-count: 4;
          -webkit-column-gap: 0;
          -moz-column-gap: 0;
          column-gap: 0;     
     }
}

@media all and (min-width: 401px) {
	/*----------- Layout  -----------*/
	#flagContainer 		{ height: 15%; }
	#rulerHeader 			{ top: 15.5%; }
	#contentContainer		{ top: 16.5%; }
     #slideshowBottomLeft span, #slideshowBottomRight span { padding-top: 0; }
}

@media all and (min-width: 601px) {
	/*----------- Layout  -----------*/
	#flagContainer 		{ height: 20%; }
	#rulerHeader 			{ top: 20.5%; }
	#contentContainer		{ top: 21.5%; }
	#message_subject, #message_text { max-width: 50%; }
}

@media all and (min-width: 624px) {

	#adLeft				{ max-width: 25%; }
	#adMiddle				{ max-width: 50%; } 
	#adRight				{ max-width: 25%; }
}

@media all and (min-width: 720px) {
	.contentWrap {
		-webkit-column-count: 2; 	/* Chrome, Safari, Opera */
		-moz-column-count: 2; 		/* Firefox */
		column-count: 2;
	}
}

@media all and (min-width: 801px) {
	/*----------- Layout  -----------*/
	#flagContainer 		{ height: 25%; }
	#rulerHeader 			{ top: 26%; }
	#contentContainer		{ top: 29%; }

	[class$="_ndxList"] { max-width: 22rem; }
	
}

@media all and (min-width: 1024px) {

	.slideBottom {
		width: 90%;
	}
}

@media all and (max-width: 1260px) {
	span.formStationeryItemList > span.contentWrap
	{
		-webkit-column-count: 1; 	/* Chrome, Safari, Opera */
		-moz-column-count: 1; 		/* Firefox */
		column-count: 1;
	}
}

@media all and (min-width: 1281px) {
	span.graphicArtItemList > span.contentWrap,
	span.busAdvertItemList > span.contentWrap,
	span.formStationeryItemList > span.contentWrap
	{
		-webkit-column-count: 2; 	/* Chrome, Safari, Opera */
		-moz-column-count: 2; 		/* Firefox */
		column-count: 2;
	}
	
	#busAdvertIndex.contentWrap {
		max-width: 50%;
		-webkit-column-count: 2; 	/* Chrome, Safari, Opera */
		-moz-column-count: 2; 		/* Firefox */
		column-count: 2;
	}
	
	.contentWrap {
		-webkit-column-count: 3; 	/* Chrome, Safari, Opera */
		-moz-column-count: 3; 		/* Firefox */
		column-count: 3;
	}
}