/* mobile */
body {
background-color: #000000;
background-image: url(mbackground.png);
background-position: 0 0;
background-repeat: no-repeat;
}




div#logo {
background-image: url(mlogo2.png);
background-repeat: no-repeat;
height: 138px;
width: 320px;
top: 0px;
left: 5px;
margin: 0;
}


div#image1 {
display: none;
}

div#news {
display: none;
}

div#image2 {
display: none;
}

div#image3 {
display: none;
}

div#line {
display: none;
}

#home {
display: block;
background-image: url(mimages/home.png);
background-repeat: no-repeat;
width: 59px;
height: 26px;
position: absolute;
top: 108px;
left: 10px;
margin: 0;
}

#home:hover {
display: block;
background-image: url(mimages/home.png);
background-repeat: no-repeat;
width: 59px;
height: 26px;
position: absolute;
top: 108px;
left: 10px;
margin: 0;
}

#contact {
display: block;
background-image: url(mimages/contact.png);
background-repeat: no-repeat;
width: 78px;
height: 26px;
position: absolute;
top: 110px;
left: 71px;
margin: 0;
}

#contact:hover {
display: block;
background-image: url(mimages/contact.png);
background-repeat: no-repeat;
width: 78px;
height: 26px;
position: absolute;
top: 110px;
left: 71px;
margin: 0;
}

#examples {
display: block;
background-image: url(mimages/examples.png);
background-repeat: no-repeat;
width: 99px;
height: 26px;
position: absolute;
top: 107px;
left: 149px;
margin: 0;
}

#examples:hover {
display: block;
background-image: url(mimages/examples.png);
background-repeat: no-repeat;
width: 99px;
height: 26px;
position: absolute;
top: 107px;
left: 149px;
margin: 0;
}

#rates {
display: block;
background-image: url(mimages/rates.png);
background-repeat: no-repeat;
width: 55px;
height: 26px;
position: absolute;
top: 108px;
left: 248px;
margin: 0;
}

#rates:hover {
display: block;
background-image: url(mimages/rates.png);
background-repeat: no-repeat;
width: 55px;
height: 26px;
position: absolute;
top: 108px;
left: 248px;
margin: 0;
}

div#content {
height: 700px;
width: 270px;
top: 145px;
left: 30px;
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
font-weight: bold;
margin: 0;
}


div#baseline {
height: 20px;
width: 150px;
position: absolute;
top: 800px;
left: 100px;
margin: 0;
text-align: center;
font-size: 10px;
font-family: sans-serif;
}

div#social {
height: 35px;
width: 75px;
position: absolute;
left: 125px;
top: 750px;
margin: 0;
}

#facebook {
display: block;
background-image: url(facebook.png);
width: 35px;
height: 35px;
float:left;
}

#email {
display: block;
background-image: url(email.png);
width: 35px;
height: 35px;
float: right;
}

div#settings {
display: hide;
}



div#examplescontent {
width: 260px;
height: 700px;
position: absolute;
top: 145px;
left: 35px;
margin: 0;
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
font-weight: bold;
text-align: center;
}

#zalcornflash {
display: block;
background-image: url(mimages/zalcornflash.png);
background-repeat: no-repeat;
width: 150px;
height: 150px;
float:none;
padding:0px;
}


#collindale {
display: block;
background-image: url(mimages/collindale.png);
background-repeat: no-repeat;
width: 150px;
height: 150px;
float:none;
padding:0px;
}

#journalism {
display: block;
background-image: url(mimages/journalism.png);
background-repeat: no-repeat;
width: 150px;
height: 150px;
float:none;
padding:0px;
}