body {
   margin: 0px 0px 0px 0px;
   background-image: url(../images/background.png);
   background-repeat:repeat-x;
   background-attachment:fixed;   
}
#box1 {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 300px;
   height: 160px; /*10px more than boxes beside it to compensate for not having top border */
   border-bottom: solid #4478AA;
   border-left-width: 0px;
   border-width: 10px;
   border-top-width: 20px;   
}
#box2 {
   position: absolute;
   left: 300px;
   width: 220px;
   height: 140px;
   border-top: solid #4478AA;
   border-right: solid #4478AA;
   border-bottom: solid #4478AA;
   border-left: solid #4478AA;
   border-width: 10px;
   border-top-width: 20px;
   border-left-width: 20px;
   background-color: #423C92;
}
#box3 {
   position: absolute;
   left: 550px;
   width: 210px;
   height: 140px;
   border-top: solid #4478AA;
   border-bottom: solid #4478AA;
   border-left: solid #4478AA;
   border-width: 10px;
   border-top-width: 20px;   
   background: url(../images/aboutme.gif) 0 -140px no-repeat;   
}
#box3 a:link, #box3 a:visited {
   display: block;
   width: 195px;
   height: 140px;
   background: url(../images/aboutme.gif) top left no-repeat;   
}
#box3 a:hover {
   background-image: none;
}
#box4 {
   position: absolute;
   top: 170px;
   left: 0px;
   width: 80px;
   height: 170px;
   border-top: solid #4478AA;
   border-right: solid #4478AA;
   border-bottom: solid #4478AA;
   border-left-width: 0px;
   border-width: 10px;
   background: url(../images/design.gif) 0px -170px no-repeat;
}
#box4 a:link, #box4 a:visited {
   display: block;
   background: url(../images/design.gif) top left no-repeat;
   width: 80px;
   height: 170px;
}
#box4 a:hover {
   background-image: none;
}
#box5 {
   position: absolute;
   top: 170px;
   left: 90px;
   width: 200px;
   height: 170px;
   border-top: solid #4478AA;
   border-right: solid #4478AA;
   border-bottom: solid #4478AA;
   border-left: solid #4478AA;
   border-width: 10px;
   background: url(../images/research.gif) 0px -170px no-repeat;
}
#box5 a:link, #box5 a:visited {
   background:url(../images/research.gif) top left no-repeat;
   display: block;
   width: 200px;
   height: 170px;
}
#box5 a:hover {
   background-image: none;
}
#box6 {
   position: absolute;
   top: 170px;
   left: 310px;
   width: 220px;
   height: 170px;
   border-top: solid #4478AA;
   border-right: solid #4478AA;
   border-bottom: solid #4478AA;
   border-left: solid #4478AA;
   border-width: 10px;
   background: url(../images/pictures.gif) 0px -170px no-repeat;
}
#box6 a:link, #box6 a:visited {
   background:url(../images/pictures.gif) top left no-repeat;
   display: block;
   width: 216px;
   height: 170px;
}
#box6 a:hover {
   background-image: none;
}
#box7 {
   position: absolute;
   top: 170px;
   left: 550px;
   width: 140px;
   height: 170px;
   border-top: solid #4478AA;
   border-right: solid #4478AA;
   border-bottom: solid #4478AA;
   border-left: solid #4478AA;
   border-width: 10px;
   background:url(../images/resume.gif) 0px -170px no-repeat;
}
#box7 a:link, #box7 a:visited {
   background:url(../images/resume.gif) top left no-repeat;
   display: block;
   width: 140px;
   height: 170px;
}
#box7 a:hover {
   background-image: none;
}
#box8 {
   position: absolute;
   top: 170px;
   left: 710px;
   width: 50px;
   height: 170px;
   border-top: solid #4478AA;
   border-bottom: solid #4478AA;
   border-left: solid #4478AA;   
   border-right-width: 0px;
   border-width: 10px;
}
#box9 {
   position: absolute;
   top: 360px;
   left: 0px;
   width: 540px;
   height: 90px;
   border-top: solid #4478AA;
   border-right: solid #4478AA;
   border-bottom-width: 0px;
   border-left-width: 0px;
   border-width: 10px;
   background: url(../images/blog.gif) 0px -90px no-repeat;   
}
#box9 a:link, #box9 a:visited {
   display: block;
   background: url(../images/blog.gif) top left no-repeat;
   width: 540px;
   height: 90px;   
}
#box9 a:hover {
   background-image: none; 
}
#box10 {
   position: absolute;
   top: 360px;
   left: 550px;
   width: 140px;
   height: 90px;
   border-top: solid #4478AA;
   border-right: solid #4478AA;
   border-left: solid #4478AA;
   border-bottom-width: 0px;
   border-width: 10px;
   background:url(../images/contact.gif) 0px -90px no-repeat;
}
#box10 a:link, #box10 a:visited {
   background:url(../images/contact.gif) top left no-repeat;
   display: block;
   width: 140px;
   height: 90px;
}
#box10 a:hover {
   background-image:none;
}

#box11 {
   position: absolute;
   top: 360px;
   left: 710px;
   width: 50px;
   height: 90px;
   border-top: solid #4478AA;
   border-left: solid #4478AA;   
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-width: 10px;
}
#lowerNav {
   position:absolute;
   top: 480px;
   left: 170px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
}
#lowerNav a {
   color: navy;
   font-weight: bold;
}
#lowerNav a:hover {
	color: #DEDECA;
	background-color: #330000;   
}
#lowerNav a:visited {
   color: #675c47;
}
#copyright {
   position: absolute;
   top: 510px;
   left: 240px;   
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: gray;
}
#copyright a:link {
   color: gray;
}
#copyright a:hover {
   color: #FFFFFF;
   background-color:#CCCCCC;
}
#lastmod {
   position: absolute;
   top: 530px;
   left: 310px;   
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: gray;
}