@charset "UTF-8";

/* 

SALICE WEBSITE AW 2012-2013 || AW 2013-2014 || SUMMER 2014

STRUCTURAL STYLE ELEMENTS REQUIRED FOR ALL PAGES MOBILE SCREEN VERSION

AUTHER: ROBERT CURRAN

CREATED: 1ST DECEMBER 2013

LAST UPDATED: 1ST DECEMBER 2013

*/

@media only screen and (min-width: 501px){
	
	body{ width: 1000px; margin: 0 auto; }
	#body-wrapper{ background: url(../site/bg.png) repeat-y center; }
	#page-wrapper{ width: 900px; margin: 0 50px; padding: 0; position: relative; }
	#mobile-nav, #mobile-nav-title, #foot{ display: none; }
	
}

@media only screen and (max-width: 500px){
	
	#page-wrapper, body, #body-wrapper, #main{ width: 100%; margin: 0; }
	#body-wrapper{ background: none; }
	#top-nav-bar, #facebook, #twitter, #footer, #bg-bottom, p#breadcrumbs{ display: none; }
	#main, #red, #green{ width: 100%; }
	#address img{ display: none; }
	#bottom-links{ width: 100%; }
	
	#top-banner{
		background-image: url(/site/salice-240-120.png);
		height: 120px;
	}
	
	#top-banner a{ display: block; height: 100%; width: 100%; }

	#mobile-nav-title{
		font-size: 18px;
		text-align: center;
		margin-bottom: 4px;
		text-transform: uppercase;
		clear: both;
	}
	
	#mobile-nav li{
		display: block;
		width: 100%;
		height: 25px;
		line-height: 25px;
		font-size: 14px;
		text-align: center;
		background: url(/site/th_bg_grey.png);
		background-size: 25px auto;
	}
	
	#mobile-nav li:hover{
		background: url(/site/th_bg_green.png);
		background-size: auto 25px;
	}
	
	#mobile-nav li a{ color: black; display: block; text-decoration: none;}
	#mobile-nav li a:hover, #mobile-nav li:hover a{ color: white; }
	
	#foot{
		background: url(/site/bg-bottom.png) center top no-repeat;
		padding: 10px 0;
	}
	
	#foot ul li{
		line-height: 20px;
		text-align: center;
	}
	#foot ul li a{
		color: black;
	}
	
	#foot p{
		width: 90%;
		margin: 0 auto;
		text-align: center;
		color: black;
	}
	
	#foot #socialMobile{
		display: block;
		width: 100%;
		height: 30px;
		margin: 5px 0;
	}

}