/* ----------- iPad mini, iPad 1 en 2----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
	#container {
		top: 0px;
	}
	nav ul {
		margin-left: 10px;
	}
	nav li {	
		margin-left: 4px;
		margin-right: 4px;
		font-size: 0.8em;
	}
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
	#container {
		top: 0px;
	}
	nav ul {
		margin-left: 10px;
	}
	nav li {	
		margin-left: 4px;
		margin-right: 4px;
		font-size: 0.8em;
	}
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
	#container {
		top: 0px;
	nav ul {
		margin-left: 10px;
	}
	nav li {	
		margin-left: 4px;
		margin-right: 4px;
		font-size: 0.8em;
	}	
}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
	#container {
		top: 0px;
	}
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
	#container {
		top: 0px;
	}
	nav ul {
		margin-left: 10px;
	}
	nav li {	
		margin-left: 4px;
		margin-right: 4px;
		font-size: 0.8em;
	}
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
	#container {
		top: 0px;
	}
	nav ul {
		margin-left: 10px;
	}
	nav li {	
		margin-left: 4px;
		margin-right: 4px;
		font-size: 0.8em;
	}
}

/* ----------- Galaxy Tab 10.1 ----------- */

/* Portrait and Landscape */
@media 
  (min-device-width: 800px) 
  and (max-device-width: 1280px) {
	#container {
		top: 100px;
	}
	nav ul {
		margin-left: 10px;
	}
	nav li {	
		margin-left: 4px;
		margin-right: 4px;
		font-size: 0.8em;
	}
}

/* Portrait */
@media 
  (max-device-width: 800px) 
  and (orientation: portrait) { 
	#container {
		top: 100px;
	}
	nav ul {
		margin-left: 10px;
	}
	nav li {	
		margin-left: 4px;
		margin-right: 4px;
		font-size: 0.8em;
	}
}

/* Landscape */
@media 
  (max-device-width: 1280px) 
  and (orientation: landscape) { 
	#container {
		top: 100px;
	}
	nav ul {
		margin-left: 10px;
	}
	nav li {	
		margin-left: 4px;
		margin-right: 4px;
		font-size: 0.8em;
	}
}