body {
    background-color : #423a3a;
    color : #000000;
    font-family : sans-serif;
    font-size : 15px;
    margin-bottom : 0px;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 0px;
    padding-bottom : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-top : 0px;
    text-align : center;
  }


#page {
    background-image : url('images/pagethin.png');
    margin-bottom : auto;
    margin-left : auto;
    margin-right : auto;
    margin-top : auto;
    text-align : left;
    width : 1020px;
  }


#header {
    background-image : url('images/header.png');
    clear : both;
    height : 125px;
    width : 1020px;
  }


#menulinks {
    background-image : url('images/menulinks.png');
    clear : both;
    height : 58px;
    width : 1020px;
  }


#menubuttons {
    clear : both;
    height:58px;
    width:1020px;
    padding-left:30px;
    padding-top:6px;
  }


#menubuttons a {
    color : #f0f0f0;
    font-family : sans-serif;
    font-size : 23px;
    height : 90px;
    font-weight : bold;
    text-decoration : none;
    padding-left : 15px;
    padding-right : 15px;
    padding-top : 4px;
    padding-bottom : 6px;
  }


#menubuttons a:hover {
    background-image : url('images/hover.png');
  }


#topimage {
    background-image : url('images/topimage.jpg');
    clear : both;
    height : 147px;
    width : 1020px;
  }


#aboutimage {
    background-image : url('images/richmond.jpg');
    clear : both;
    float : none;
    height : 187px;
    width : 960px;
    margin-left:30px;
  }


#contentarea {
    clear : both;
    float:left;
    margin-left : 30px;
    width : 960px;
  }


#maintextfield {
    padding-left : 18px;
    padding-right : 18px;
  }


#servicetextfield {
    border-right-color : #cacaca;
    border-right-style : solid;
    border-right-width : 1px;
    float : left;
    padding-left : 18px;
    padding-right : 18px;
    width : 684px;
  }


#serviceimage {
    background-image : url('images/mouse.jpg');
    float : right;
    height : 965px;
    width : 236px;
  }


#bottomlinks {
    clear : both;
    height : 239px;
    padding-left : 30px;
    padding-top : 15px;
    width : 1020px;
  }


a.apps {
    background-image : url('images/apps.jpg');
    float : left;
    height : 239px;
    width : 319px;
  }


a.apps:hover {
    background-image : url('images/hoverapps.jpg');
  }


a.design {
    background-image : url('images/design.jpg');
    float : left;
    height : 239px;
    width : 322px;
  }


a.design:hover {
    background-image : url('images/hoverdesign.jpg');
  }


a.databases {
    background-image : url('images/databases.jpg');
    float : left;
    height : 239px;
    width : 319px;
  }


a.databases:hover {
    background-image : url('images/hoverdatabases.jpg');
  }


#bottomicons {
    clear : both;
    height : 54px;
    padding-top : 52px;
    width : 270px;
    margin-left:349px;
  }


a.gpl {
    background-image : url('images/gpl.png');
    float : left;
    height : 54px;
    width : 105px;
  }


a.firefox {
    background-image : url('images/firefox.png');
    float : left;
    height : 54px;
    width : 56px;
  }


a.gimp {
    background-image : url('images/gimp.png');
    float : left;
    height : 54px;
    width : 54px;
  }


a.gnu {
    background-image : url('images/gnu.png');
    float : left;
    height : 54px;
    width : 55px;
  }


#footer {
    background-image : url('images/footer.png');
    clear : both;
    height : 143px;
    width : 1020px;
  }


#footer p {
    padding-top : 60px;
    color : #626062;
    text-align : center;
    line-height : 18px;
    font-size : 12px;
  }


a.logo {
    background-image : url('images/logo.png');
    float : left;
    height : 105px;
    width : 309px;
  }


a.contactcard {
    background-image : url('images/contactcard.png');
    float : right;
    height : 111px;
    width : 280px;
  }


a.findout {
    float:right;
    height:139px;
    width:308px;
    margin-right:37px;
    margin-top:4px;
    margin-bottom: 4px;
  }


h2 {
    color : #467db0;
    font-size : 35px;
    font-weight : bold;
    line-height : 15px;
  }


h3 {
    font-size : 20px;
  }


#applinks {
    height:65px;
    width:125px;
  }


a.php {
    background-image : url('images/php.png');
    float:left;
    height : 65px;
    width : 125px;
  }


#designlinks {
    height:65px;
    width:366px;
  }


a.html {
    background-image : url('images/html.png');
    float:left;
    height : 65px;
    width : 270px;
  }


a.wordpress {
    background-image : url('images/wordpress.png');
    float:left;
    height : 65px;
    width : 285px;
    margin-right:16px;
  }


a.joomla {
    background-image : url('images/joomla.png');
    float:left;
    height : 65px;
    width : 65px;
  }


#dblinks {
    height:65px;
    width:225px;
  }


a.mysql {
    background-image : url('images/mysql.png');
    float:left;
    height : 65px;
    width : 125px;
    margin-right:16px;
  }


a.postgre {
    background-image : url('images/postgre.png');
    float:left;
    height : 65px;
    width : 84px;
  }


#servicetext {
    border-bottom-color : #cacaca;
    border-bottom-style : solid;
    border-bottom-width : 1px;
  }


#servicebottomtext {
    clear:both;
    float:left;
    padding-top:25px;
    padding-bottom:25px;
  }


#contactfield {
    clear:both;
    float:left;
    margin-left:250px;
    margin-top:9px;
    height:220px;
    font-weight:bold;
  }


#contactimage {
    float:right;
    background-image : url('images/phone.jpg');
    height : 190px;
    width : 254px;
    margin-right:220px;
  }


a {
    text-decoration:none;
  }


a:hover {
    color : #14a1ff;
  }


#preload1 {
    background-image : url('images/hoverapps.jpg');
  }


#preload2 {
    background-image : url('images/hoverdesign.jpg');
  }


#preload3 {
    background-image : url('images/hoverdatabases.jpg');
  }