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:#f6ede9;
}

body {
  -webkit-text-size-adjust:none;
  font-family:sans-serif;
}

.swipe {
  padding-bottom:0px;
}

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

.swipe li div{
	color: #666;
}

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

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

.mrd:hover {
	opacity:  1;
	color: #fff;
  background: #222;
}

.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;
}

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

#slider3 div {
	width: 1024px;
}

#slider3 div img.logo {
	margin-top: 100px;
}


a.prev {
	float: left;
	margin-left: 30px;
	margin-bottom: 30px;
	position: relative;
	top: -22px;
}

a.next {
	float: right;
	margin-right: 30px;
	position: relative;
	top: -22px;
}

}


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

#slider3 div img.belle {
	width: 768px;
	height: 1000px;
}

#slider3 div img.logo {
	margin-top: 150px;
}


a.prev {
	float: left;
	margin-left: 30px;
	margin-bottom: 30px;
	position: relative;
	top: -25px;
}

a.next {
	float: right;
	margin-right: 30px;
	position: relative;
	top: -25px;
}
  
  }