body {
	text-align:centre;
	font-family: Trebuchet MS,Verdana,Arial;
}


html {
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
}
	/*background images set to scroll and fade*/
	html {
    background-image:url(mob_images/img01m.jpg);
	transition: background 0.5s linear;
}

html.scroll00 {
    background-image:url(mob_images/img01m.jpg);
	transition: background 0.5s linear;
}

html.scroll01 {
    background-image:url(mob_images/img02m.jpg);
	transition: background 0.5s linear;
}

html.scroll02 {
    background-image:url(mob_images/img03m.jpg);
	transition: background 0.5s linear;
}

html.scroll03 {
    background-image:url(mob_images/img04m.jpg);
	transition: background 0.5s linear;
}

html.scroll04 {
    background-image:url(mob_images/img05m.jpg);
	transition: background 0.5s linear;
}

html.scroll05 {
    background-image:url(mob_images/img06m.jpg);
	transition: background 0.5s linear;
}

.box1{	
	padding-top: 5px;
	padding-bottom: 8px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #faf3d9;
	opacity: 0.8;
	position: relative;
	left: 10%;
    width: 80%;
}



.box3{	
	background-color: #faf3d9;
	opacity: 0;
	position: relative;
	left: 10%;
    width: 80%;
    height:50px;
}

.background{
	position: absolute;
	left: 5%;
	top: 0%;
	width: 80%;
	bottom: 15%;
	/*height: 70%;*/
	/*overflow: auto;*/
}