body {background-color:#015dfe; font-family: arial, sans-serif; text-align:center; onLoad="preloadImages();"}

* {margin: 0; padding:0}

#container {position:relative; width:800px; height:600px; margin-left:auto; margin-right:auto; background:url(/pages/images/contact.jpg);}

#home a {position:absolute; top: 0px; left: 0px; width: 117px; height: 123px;}
#portfolio a {position:absolute; top: 0px; left: 117px; width: 112px; height: 123px;}
#services a {position:absolute; top: 0px; left: 229px; width: 109px; height: 123px;}
#resume a {position:absolute; top: 0px; left: 337px; width: 102px; height: 123px;}

#home a:hover {background: url(/pages/images/contact_bd_over.jpg)}
#home a:active {background:url(/pages/images/contact_bd_down.jpg);}

#portfolio a:hover {background: url(/pages/images/contact_port_over.jpg);}
#portfolio a:active {background:url(/pages/images/contact_port_down.jpg);}

#services a:hover {background: url(/pages/images/contact_svcs_over.jpg);}
#services a:active {background:url(/pages/images/contact_svcs_down.jpg);}

#resume a:hover {background: url(/pages/images/contact_res_over.jpg);}
#resume a:active {background:url(/pages/images/contact_res_down.jpg);}

p {position:absolute; left:79px; top:174px; width:488px; height: 46px; text-align:left; color: #fff;}

#contact {position:absolute; left:347px; top:241px; width:312px; height: 170px; text-align:left; color: #fff;}

#contact li {list-style: none;}

#contact li a {font-size: 1.1em; color: #fff;}

#letter a {position:absolute; top: 406px; left: 484px; width:187px; height:148px;}

#letter a:hover {position:absolute; top: 406px; left: 484px; width:187px; height:148px; background:url(/pages/images/letter_over.jpg);}