/************************************************************************************
smaller than 1024px?
*************************************************************************************/
@media screen and (max-width: 1024px) {
  .posterArtShop {background:url(../images/artshop_pano/pano60_1925x400.jpg) no-repeat 40% 90%; background-size:280%; display:block;}

}

@media screen and (max-width: 980px) and (min-width:769px) {   
    #dept_name h2 {
        float: right;
        position: relative;
        margin: -7% 2% 0px 0px;
        font-size: 20px;
        color: #dc291e;
    }
}

@media screen and (max-width: 768px) {
    .posterArtShop {background:url(../images/artshop_pano/pano60_1925x400.jpg) no-repeat 40% 100%; background-size:320%; display:block;}
    
    #dept_name h2 {
        float: right;
        position: relative;
        margin: -10% 2% 0px 0px;
        font-size: 18px;
        color: #dc291e;
    }
}

@media screen and (max-width: 737px) {
    .posterArtShop {background:url(../images/artshop_pano/pano60_1925x400.jpg) no-repeat 40% 100%; background-size:320%; display:block;}
}
/************************************************************************************
smaller than 480?
*************************************************************************************/
@media screen and (max-width: 480px) {

	#container {
	width: 95%;
	/*height: 400px;*/
	}
	
	/*PARAGRAPH HEADINGS*/
	h3 { 
		margin: 0px 0px 0px -5px;
		font-size:18px;
		font-style: normal;
		display:inline;
		padding: 1px 0px 0px 5px;	
	}

	
	#dept_name {
	height: 50px;
	display: block;		
}

	
	#dept_name h1{
		top: 50px;
		margin: 0px 0px 0px 5px;
		font-size:18px;
		letter-spacing: 0px;
		
	}
	
	#dept_name h2 {
		/*top: -56px;
		left: 66%;*/
		float:right;
		position:relative;
		margin: -14% 2% 0px 0px;
		font-size:11px;
		letter-spacing: -1px;
	}
	
	#UWE_logo {
		height: 70px;
		width: 100%;
		display: block;
	}

	/* SHARED RULES */
	#masthead, #mastheadAnimation, #mastheadDrawing, #mastheadEPI, #mastheadFabrication, #mastheadKnitting, #mastheadMedia, #mastheadPhotography, #mastheadPrint, #mastheadStoresShop, #mastheadSewing, #mastheadTextiles{
		background-repeat: no-repeat;
		height: 80px;
		width: 100%;
		margin: 0 0 0 0;
		}
	
	/* CUSTOM HEADER IMAGES */
	#masthead {background-image: url(../images/banners/TechRes50_01.png);}
	#mastheadAnimation {background-image: url(../images/banners/Animation50_01.png);}
	#mastheadDrawing {background-image: url(../images/banners/Drawing50_01.png);}
	#mastheadEPI {background-image: url(../images/banners/EPI50_01.png);}
	#mastheadFabrication {background-image: url(../images/banners/Fabrication50_01.png);}
	#mastheadKnitting {background-image: url(../images/banners/Knitting50_01.png);}
	#mastheadMedia {background-image: url(../images/banners/Media50_01.png);}
	#mastheadPhotography {background-image: url(../images/banners/Photo50_01.png);}
	#mastheadPrint {background-image: url(../images/banners/Print50_01.png);}
	#mastheadStoresShop {background-image: url(../images/banners/StoresShop50_01.png);}
	#mastheadSewing {background-image: url(../images/banners/FashSewing50_01.png);}
	#mastheadTextiles{background-image: url(../images/banners/Textiles50_01.png);}

	
	#navbar {
	width: 100%;
	height: 300px;
	margin: -110px 0px 0px 2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	position:relative;
	float:left;
	/*bottom: 0px;*/
	}

/*SHARED RULES FOR 'BTN NORMAL STATEs'*/
	.thumbs70animation, .thumbs70drawing, .thumbs70epi, .thumbs70drawing, .thumbs70fabrication, .thumbs70knitting, .thumbs70media, .thumbs70photography, .thumbs70print, .thumbs70sewing, .thumbs70stores, .thumbs70tech, .thumbs70textiles {
		height: 50px;
		width: 50%;
		
	}
	
	/*SHARED RULES FOR HOVER STATES*/
	.thumbs70animation:hover, .thumbs70drawing:hover, .thumbs70epi:hover, .thumbs70fabrication:hover, .thumbs70knitting:hover, .thumbs70media:hover, .thumbs70photography:hover, .thumbs70print:hover, .thumbs70sewing:hover .thumbs70stores:hover, .thumbs70tech:hover, .thumbs70textiles:hover {
		height: 50px;
		width: 50%;
		
	}

	
	/*SHARED RULES*/
	.posterAnimation, .posterDrawing, .posterEPI, .posterFabrication, .posterKnitting, .posterMedia, .posterPhotography, .posterPrint, .posterSewing, .posterStores, .posterTextiles {
		width: 100%;
		height: 150px;
		/*margin: 10px 0px 0px 0px;*/
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		-moz-box-shadow: 1px 1px 3px rgba(255,255,255,3);
		-webkit-box-shadow: 1px 1px 3px rgba(255,255,255,3);
		box-shadow: 1px 1px 3px rgba(230,255,255,3);
		position: relative;
	}
	
	
	
	/*BACKGROUND IMAGES*/
	/*.posterPortal {background: url(../images/showcase/portal/portal.jpg) no-repeat;}*/
	.posterArtShop {background:url(../images/artshop_pano/pano60_1925x400.jpg) no-repeat 40% -60%; background-size:280%; display:block;}
    .posterAnimation {background:url(../images/showcase/animation/animation50.jpg) no-repeat;}
	.posterDrawing {background: url(../images/showcase/drawing/drawing_40.jpg) no-repeat 60%;}
	.posterEPI {background: url(../images/showcase/epi/epi_50.jpg) no-repeat 50%}
	.posterFabrication {background: url(../images/showcase/fabrication/fabrication_50.jpg) no-repeat;}
	.posterKnitting {background: url(../images/showcase/knitting/knitting50.jpg) no-repeat;}
	.posterMedia {background: url(../images/showcase/media/media3_50.jpg) no-repeat/* center*/;}
	.posterPhotography {background: url(../images/showcase/photography/photography50.jpg) no-repeat 50%;}
	.posterPrint {background: url(../images/showcase/print/print50.jpg) no-repeat;}
	.posterSewing {background: url(../images/showcase/sewing/sewing1_50.jpg) no-repeat;}
	.posterStores {background: url(../images/showcase/stores/stores_50.jpg) no-repeat;}
	.posterTextiles{background: url(../images/showcase/textiles/textiles2_50.jpg) no-repeat -80px 0px;}
	
	/*SHARED RULES FOR COLUMNS*/
	.upperLeft, .upperRight, .lowerRight, .lowerLeft {
		height: auto;
		width: 100%;
		font-size: 15px;
		line-height: 20px;
	}
	
	/*MARGINS FOR COLUMNS*/
	.upperLeft, .lowerLeft, .upperRight,.lowerRight  {
		padding: 0px 22px 0px 5px;
		margin: 10px 0px 0px 0px;
		border-right: none;
	}
	
	/*CONTAINER FOR WIDE POSTER IMAGES*/
	.poster {
		margin: -15px 0px 5px 0px;
		height: 150px;
		width: 100%;
		position: relative;
	}
	
	.gallery {
		margin: -15px 0px 5px 0px;
		height: 10%/*120px*/;
		width: auto/*90%*/;
		position: relative;
	}
	
	.no-poster {
	width: 100%;
	height: 0px;
	position: relative;
	float: left;
}


}