html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, del, dfn, em, img, ins, kbd, q, samp, small, strong, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, footer, header, nav, section {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:#000;
}

body {
  -webkit-text-size-adjust:none;
}

.swipe {
  padding-bottom:0px;
  margin-top: 0px;
}

.swipe li img {
	padding-bottom: 30px;
}

.swipe li {
	color: #666;
}

.swipe li div, .swipe div div div {
  margin:0px;
  padding:0px;
  color:#fff;
  text-align:center;
}

a.prev,
a.next {
	display: block;
	background-image: url('../../images/arrows-triangles.png');
	background-repeat: no-repeat;
	position: absolute;
	top: 0px; left: 0px;
	width: 50px;
	height: 58px;
	z-index: 1000;
}

a.next {
	left: 500px;
	background-position: -50px 0px;
}

.mrd {
	text-align: center;
	margin: 80px 0px 0px 0px;
	font-family: Trebuchet MS, sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	position: fixed;
	right:0px; bottom: 0px;
	padding: 4px 0px 2px;
	opacity: .8;
	z-index: 1000;
	letter-spacing: .1em;
	width: 19em;
	background: #1a1a1a;
  -webkit-transition-property: color, background;
  -webkit-transition-duration: 1s, 1s;
  -webkit-transition-timing-function: linear, ease-in;
}

.mrd:hover {
	opacity:  1;
	color: #222;
  background: #000;
  text-decoration: none;
}

.mrd A:link {
	color: #999999;
	text-decoration: none;
	font-weight: normal;
}

.mrd A:visited {
	color: #999999;
	text-decoration: none;
	font-weight: normal;
}

.mrd A:active {
	text-decoration: none;
}

.mrd A:hover {
	color: #dddddd;
	text-decoration: none;
	cursor: pointer;
}


 
 @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape){ 
  /* For landscape iPad layouts */

#slider3 div {
	width: 1024px;
} 

a.prev {
	position: absolute;
	top: 300px; left: 40px;
}

a.next {
	position: absolute;
	top:300px; left: 934px;
}

}


 @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) { 
  /* For portrait iPad layouts */

body {
	margin-top: 50px;
}
  
#slider3 div {
	width: 768px;
}  

#slider3 div img {
	width: 768px;
	height: 633px;
}

a.prev {
	position: absolute;
	top: 700px; left: 20px;
}

a.next {
	position: absolute;
	top:700px; left: 700px;
}
  
  }