body {
background-color: #000000;
background-image: url(background.png);
background-position: top center;
background-repeat: no-repeat;
cursor: crosshair;
}


div#logo {
background-image: url(logo.png);
background-repeat: no-repeat;
width: 365px;
height: 117px;
position: absolute;
top: 80px;
left: 50%;
margin-left: -375px
}

div#line {
background-image: url(line.png);
background-repeat: no-repeat;
width: 390px;
height: 20px;
position: absolute;
top: 170px;
left: 50%;
margin-left: -22px
}

div#navi {
height: 20px;
left: 200;
top: 47;
}

div#ie {
height: 200px;
width: 550px;
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
font-weight: bold;

}

#home {
display: block;
background-image: url(home.png);
width: 70px;
height: 27px;
position: absolute;
top: 145px;
left: 50%;
margin-left: -18px;
}

#home:hover {
display: block;
background-image: url(home.png);
width: 70px;
height: 27px;
position: absolute;
top: 140px;
left: 50%;
margin-left: -18px;
}

#contact {
display: block;
background-image: url(contact.png);
width: 93px;
height: 23px;
position: absolute;
top: 148px;
left: 50%;
margin-left: 54px;
}

#contact:hover {
display: block;
background-image: url(contact.png);
width: 93px;
height: 23px;
position: absolute;
top: 143px;
left: 50%;
margin-left: 54px;
}

#examples {
display: block;
background-image: url(examples.png);
width: 117px;
height: 30px;
position: absolute;
top: 145px;
left: 50%;
margin-left: 150px;
}

#examples:hover {
display: block;
background-image: url(examples.png);
width: 117px;
height: 30px;
position: absolute;
top: 140px;
left: 50%;
margin-left: 150px;
}

#rates {
display: block;
background-image: url(rates.png);
width: 65px;
height: 23px;
position: absolute;
top: 147px;
left: 50%;
margin-left: 270px;
}

#rates:hover {
display: block;
background-image: url(rates.png);
width: 65px;
height: 23px;
position: absolute;
top: 142px;
left: 50%;
margin-left: 270px;
}

div#content {
margin-left: auto;
margin-right: auto;
width: 400px;
height: 400px;
position: absolute;
top: 215px;
left: 50%;
margin-left: -75px;
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
font-weight: bold;

}

div#news {
background-image: url(mobilenews.png);
background-repeat: no-repeat;
width: 200px;
height: 200px;
position: absolute;
top: 500px;
left: 50%;
margin-left: -450px;
}

div#image3 {
background-image: url(13hour.png);
background-repeat: no-repeat;
width: 250px;
height: 142px;
position: absolute;
top: 260px;
left: 50%;
margin-left: -350px;
}


div#image2 {
background-image: url(at.png);
background-repeat: no-repeat;
width: 200px;
height: 200px;
position: absolute;
top: 250px;
left: 50%;
margin-left: -300px;
}

div#image1 {
background-image: url(zalcorn.png);
background-repeat: no-repeat;
width: 200px;
height: 256px;
position: absolute;
top: 250px;
left: 50%;
margin-left: -300px;
}

div#baseline {
height: 20px;
width: 300px;
position: absolute;
top: 600px;
left: 50%;
margin-left: -150px;
text-align: center;
font-size: 10px;
font-family: sans-serif;
}

div#social {
height: 35px;
width: 75px;
position: absolute;
top :575px;
left: 50%;
margin-left: 250px;
}

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

#email {
/*Written by Zach Alcorn*/
display: block;
background-image: url(email.png);
width: 35px;
height: 35px;
float: right;
}

div#settings {
height: 35px;
width: 35px;
position: absolute;
top: 575px;
left: 50%;
margin-left: -350px;
}



div#examplescontent {
height: 400px;
width: 700px;
position: absolute;
top: 225px;
left: 50%;
margin-left: -350px;
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
font-weight: bold;
text-align: center;
}

#zalcornflash {
display: block;
background-image: url(zalcornflash.png);
background-repeat: no-repeat;
width: 200px;
height: 200px;
float: left;
padding: 15px;
}


#collindale {
display: block;
background-image: url(collindale.png);
background-repeat: no-repeat;
width: 200px;
height: 200px;
padding: 15px;
float: left;
}

#journalism {
display: block;
background-image: url(journalism.png);
background-repeat: no-repeat;
width: 200px;
height: 200px;
padding: 15px;
float: left;
}