body {background:#ffffff}

#container {width:740px;
            margin:60px auto 0px auto;
            padding:0px }
            
#home_page_image {width:288px;
                  float:left}
                  
#banner {margin:0px 0px 0px 0px;
         font-family:arial, sans-serif}
              
#home_page_intro #banner {margin:0px}

#banner h1,#banner h2 {text-align:center;
                       color:#666688;
                       margin:0px;
                       text-align:right}
#banner h1 {font-size:1em}
#banner h2 {font-size:0.7em}

#logo {width:35px;
       height:35px;
       float:right;
       margin-left:8px}
       
#nav_bar  { border:1px solid #dde9bb;
            font-size:0.7em;
            font-family:verdana,sans-serif;
            font-weight:bold;
            float:right;
            width:150px;
            padding:0px;
            display:inline-block}

#nav_bar a {text-decoration:none;
            color:#000099;
            display:block;
            padding:4px 4px 4px 8px
            }
#nav_bar a.link {border-bottom:1px dashed #dde9bb}
#nav_bar a:hover.link  {color:#ffeeaa;
                        background:#9999cc}
#nav_bar a:hover.last_link {color:#ffeeaa;
                            background:#9999cc}

#nav_bar .no_link { border-bottom:1px dashed #dde9bb;
                    color:#999999;
                    background:#eeeeee;
                    padding:4px 4px 4px 8px}
                    
#main { margin:0px 170px 0px 0px;
        font-size:0.7em;
        font-family:verdana,sans-serif;
        color:#333333;
        }

#home_page_intro #main {margin:0px 170px 0px 300px;}
        
#main h1 {font-size:1.2em;
          margin:15px 0px 0px 0px}
#main h2 {font-size:1.0em;
          margin:12px 0px 0px 0px}
#main p {margin:10px 0px 0px 0px}

#abstract_image {margin:20px 0px 10px 0px;
                 display:block }

#articles {border-top:#dde9bb 4px solid;
           border-bottom:#dde9bb 4px solid;
           margin:15px 0px 0px 0px;
           width:740px;
           padding:0px;
           background:#ffffff url(images/articles_bg.gif) top left repeat-y}

#left_column, #right_column {width:230px;margin:0px}
#left_column {float:left}
#right_column { float:right}
#centre_column {margin:0px 250px 0px 250px}
#left_column, #right_column, #centre_column {padding:10px;
                                             font-family:verdana,sans-serif;
                                             font-size:0.7em;
                                             color:#333333}
                                             
#articles h2 {font-size:1.1em;
              margin:0px}
#articles p {margin:10px 0px 0px 0px}
#articles li {line-height:1.1em}

#footer_divider {font-size:0.01em;
                 margin:0px;
                 padding:0px;
                 border-bottom:#dde9bb 4px solid;
                 }
                 
.project {margin:25px 0px 0px 0px;
          clear:left;
          width:560px;
          border-bottom:1px solid #dde9bb;
          padding-bottom:10px}
.project h2 {padding-bottom:8px}
.project p {padding-left:210px}
.project img {float:left;
              width:200px;
              margin-top:15px}
              
.technology { margin:25px 0px 0px 0px;
              width:560px;
              border-bottom:1px solid #dde9bb;
              padding-bottom:10px}
.technology h2 {padding-bottom:8px}

#footer {font-family:arial,sans-serif;
          font-size:0.7em;
          text-align:center;
          margin:0px;
          padding:0px}
          
#footer a, #main a, #articles a {color:#0000aa}
#main a, #articles a {font-weight:bold;
                      text-decoration:none}
#main a:hover, #articles a:hover { color:#ffeeaa;
                                   background:#9999cc}
#footer a:hover {color:#666688}
#footer_contact_details {padding:0px
                         margin:0px }
#footer #phone {float:left;
                text-align:left;
                width:300px;
                margin:3px 0px 3px 0px}
#footer #email {float:right;
                text-align:right;
                width:300px;
                margin:3px 0px 3px 0px}
#footer #footer_links {clear:both;
                       border-top:1px solid #dde9bb;
                       padding-top:4px}
       
.separator {margin:15px 0px 15px 0px;
            padding:0px;
            font-size:0.2em;
            background:#dde9bb}
       
.clear_div {font-size:0.01em;
            clear:both}
            
.clear_left_div { font-size:0.01em;
                  clear:left}
        
a img {border:0px}

.screenshot_thumb { width:75px;
                    float:right;
                    margin:4px 0px 4px 4px}
                    
#phone_numbers {margin:10px 0px 0px 0px}
#phone_numbers td {padding-bottom:8px;
                   width:100px}

#contact_form  {border:1px solid #dde9bb;
                padding:10px;
                margin-bottom:15px;
                width:300px}
                
.formconf {color:#ff0000;
           font-weight:bold }
           
#prices { border:1px solid #bbbbbb;
          margin:10px 0px 15px 0px;
          width:560px}
#prices th {font-style:italic}
#prices th, #prices td {border:1px solid #dddddd;
                        text-align:left;;
                        padding:5px 10px 5px 10px}
#prices th.price_label {width:150px}

.special_offer {color:#ff0000;
                font-weight:bold}
          
.accessibility_button {margin-right:5px;
                       vertical-align:middle}
.accessibility_list li {list-style-type:none;
                        margin-bottom:3px}
                        
a:hover img {background:#ffffff}