<!--
body {background:#D2D8DB url(images/box5bg.jpg) no-repeat 781px 0; font: 70% arial, helvetica, sans serif; color: #727272; margin:0; padding:0;}
a {font-weight: bold; color: #727272;}
h2 {font-size: 120%; }

#topleft {background-image:url(images/box1bg.jpg); width:348px; height: 294px; border-right: 1px solid #2D678B; border-bottom: 1px solid #2D678B;}
#topleft p {margin: 0 0 0 17px; padding-top:274px; text-indent: -4000px;}

#topright {position:absolute; top:0; left: 349px; width:431px; height:249px; border-bottom: 1px solid #DB3E1B; border-right: 1px solid #2D678B;  background:#fff url(images/aboutbg.gif) no-repeat; padding-top:45px; text-align: right; }
#topright p {margin: 0 85px 1em 91px;}
#topright h2 {color: #DB3E1B; margin: 0 85px 2px 91px; border-bottom: 1px dashed #DB3E1B;}
#topright a {display:block; text-align: left; color: #DB3E1B; margin-left: 38px;}

#botleft {position: absolute; top: 295px; background:#fff url(images/box3bg.gif) no-repeat; width: 348px; height: 295px; border-right: 1px solid #DB3E1B; padding-top:30px; }
#botleft h2 {color: #2d678b; border-bottom: 1px dashed #2d678b; margin: 1em 23px 0 30px;}
#botleft ul {margin: 1em 23px 0 0; text-align: right; list-style: none;}
#botleft ul li {padding: 2px 0;}

#botright {position: absolute; top:295px; left: 349px;background: #979CA1 url(images/portfoliobg.gif) no-repeat; border-right:1px solid #2d678b; width: 431px; height: 325px;}
#screenshot, #screenshot1, #screenshot2, #screenshot3, #screenshot4, #screenshot5, #screenshot6, #screenshot7, #screenshot8 {width:298px; margin: 65px 0 0 65px;} 
#screenshot img , #screenshot1 img, #screenshot2 img, #screenshot3 img, #screenshot4 img, #screenshot5 img, #screenshot6 img, #screenshot7 img, #screenshot8 img { height: 198px;  margin-bottom:5px;  border: 1px solid #2d678b;}
#screenshot1, #screenshot2, #screenshot3, #screenshot4, #screenshot5, #screenshot6, #screenshot7, #screenshot8 {color: #fff; position:absolute; top:295px; left: 349px; display:none;background-color: #979CA1;}
#screenshot1 a, #screenshot2 a, #screenshot3 a, #screenshot4 a, #screenshot5 a, #screenshot6 a, #screenshot7 a, #screenshot8 a {color: #ffc;}

#bottom {position: absolute; top: 620px; width: 781px; border-top: 1px solid #DB3E1B;  padding-bottom: 30px; text-align: right;}
#bottom h1 {background: transparent url(images/contact.gif) no-repeat 642px 0;  height: 28px; margin:0; text-align:left; color:#D2D8DB;}
-->
