body {background-color:#37f6ff; font-family: arial, sans-serif; text-align:center;}

* {margin: 0; padding:0}

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

#header {position:absolute; left: 127px; top: 126px; width: 560px; height: 114px; border-top: 3px #fff; border-bottom: 3px #fff;}

div#header p {width: 530px; font-size: .85em; color:#fff; font-family: arial, sans-serif; text-align:left; line-height: 1.25em; margin:.6em .4em .4em .8em;}

#portfolio a {position:absolute; top: 350px; left: 15px; width: 244px; height: 235px;}
#services a {position:absolute; top: 401px; left: 296px; width: 184px; height: 194px;}
#resume a {position:absolute; top: 380px; left: 527px; width: 183px; height: 215px;}
#contact a {position:absolute; top: 226px; left: 610px; width: 190px; height: 154px;}

#portfolio a:hover {background: url(/images/portfolio_over.jpg);}
#portfolio a:active {background-image:url(/images/portfolio_down.jpg);}

#services a:hover {background: url(/images/services_over.jpg)}
#services a:active {background-image:url(/images/services_down.jpg);}

#resume a:hover {background: url(/images/resume_over.jpg);}
#resume a:active {background-image:url(/images/resume_down.jpg);}

#contact a:hover {background: url(/images/contact_over.jpg);}
#contact a:active {background-image:url(/images/contact_down.jpg);}