body {
font-family: arial, sans-serif;
color: #fff;
background: #000 url(bg.jpg);
padding: 0;
margin: 0;
}

#outer {
border: 2px solid #fff;
height: 582px;
width: 750px;
margin: 50px auto 0 auto;
}

#header {
background: url(header.png);
height: 150px;
width: 750px;
margin: 0px auto 0 auto;
}

#container {
background: #000  url(bg.jpg);
border-top: 1px solid #000;
border-bottom: 1px solid #000;
width: 750px;
height: 400px;
margin: 0px auto 0 auto;
}

#firstblock {
width: 497px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}

#boxone {
float: left;
background: #fff url(greenbg.gif) repeat;
height: 398px;
width: 250px;
}

#boxtwo {
float: right;
background: #aaa url(graybg.gif);
height: 398px;
width: 244px;
}

#secondblock {
width: 250px;
}

#boxthree {
float: right;
background: #eee url(purpbg.gif);
height: 398px;
width: 250px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}

#footer {
background: url(footer.jpg);
height: 30px;
width: 750px;
margin: 0 auto 0 auto;
text-align: center;
}

h3.heading {
margin: 0;
background: #ddd;
color: #000;
text-align: center;
}

p.writing {
color: #000;
font-weight: bold;
font-size: 15px;
margin: 8px 10px 0 10px;
}

.icons a{
height: 150px;
width: 150px;
margin: 0 auto 0 auto;
display: block;
text-decoration: none;
}

a img {
border: none;
}

a img:hover {
border-bottom: 5px solid #000;

}

a, a:visited {
color: #fff;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #c33;
}