/* 1400+px desktop */

@media (min-width: 1400px) {
	
} 
 
/* 1300-1400px */
@media (min-width: 1300px) and (max-width:1399px) {
		
}  
 
/* 1200-1300px */
@media (min-width: 1200px) and (max-width:1299px) {
		
} 
 
/* 980-1285px */
@media (min-width: 980px) and (max-width:1285px) {
		
}  
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
		
}
 
 
 
/* Landscape phone to portrait tablet */
@media (min-width: 480px) {
	html {
		 background-image:url('../images/design/pattern1.png');
	}
	
	body {
		background:url('http://jscelebrant.co.uk/css/celebrant/images/design/menu/bg_head.jpg') repeat-x top center, url('http://jscelebrant.co.uk/css/celebrant/images/design/menu/bg_vert.jpg') repeat-x;
	}
	
	#container {
		background: url('../images/design/background-drop-shadow.png') 50% 0 repeat-y;
		width:1000px;
		padding: 0px 10px 0px;
		margin: 0 auto;
	}

	#bottom_shadow {
		width: 1000px;
		padding: 0px 6px 0px;
		height: 25px;
		margin: 0 auto;	
	}

	#bottom_shadow div {
		background: url('../images/design/shadow-bottom.png') repeat-x;
		width:100%;
		height:100%;
		margin: 0 auto;		
	}

	#header {
		width:980px;
		margin:auto;
		/*border-left: 1px solid color: rgb(255, 215, 115);; /*#DDD;*/
		/*border-right: 1px solid color: rgb(255, 215, 115);; /*#DDD;*/
		padding: 0px 4px 0px;
		margin: 0 auto;
		margin-top:10px;
		border-bottom: solid 1px #DDD;
	}	
	
	#mobile-nav {
		display:none;
	}	
	
	.vine-mobile {
		display:none;
	}		 
 }
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

}
 
/* Landscape phones and down */
@media (max-width: 480px) {
	#menu-items, #bottom_shadow {
		display:none;
	}
	
	#header {
		height:150px;
		background-image:url('../images/design/pattern1.png');
		position:relative;
	}
	
	.vine-desktop {
		display:none;
	}

	.vine-mobile {
		top:139px;
		position:relative;
	}	
	
	#site-id {
		width:232px;
		position:relative;
		top:10px;
		z-index:10;
	}
}