/* vada stylesheet */
/* $Id: vada.css,v 1.3 2005/04/17 18:41:37 jon Exp $ */
/* Copyright (C) 2004 by Jonathon Ramsey (jon@bangoid.com) */

body {
  font:x-small Arial,Helvetica,sans-serif;
  color:#cc9;
  background-color:#ccc;
  margin:0;
}

h2 { color:#f93;
     background-color:inherit;
     font-size:1.7em;
     }

h3 { margin-top:0;
     padding-top:0;
     font-size:1.3em;
     }

h3,h4,h5 { color:#f93;
           background-color:inherit;
           }

a img { border:none; }

strong { font-weight:bold;font-size:small; }

.bigger { font-size:small; }

#container { width:800px;
             margin:20px auto;
             color:inherit;
             background-color:#330;
             }

#header { position:relative;
          height:149px;
          width:auto;
          color:inherit;
          background-color:#fff;          
          }
#header h1 { position:absolute;
             background-image:url(assets/vadalogo.jpg);
             background-repeat:no-repeat;
             height:77px;
             width:97px;
             text-indent:-1000px;
             top:41px;
             left:50px;
             }
#header #vada { position:absolute;
                top:125px;
                left:581px;
                margin:0;
                height:11px;
                width:187px;
                }

#subhead { position:relative;
           top:0;
           left:0;
           width:auto;
           height:84px;
           border-top:1px solid #330;
           padding:40px 50px 0;
           }
#subhead h2 { margin-top:3px;
              padding-top:0;
              width:375px;
              margin-left:0;
              }

#graphnav { position:absolute;
            top:40px;
            left:437px;
            width:375px;
            background-color:inherit;
            }
.gnavitem { position:absolute;
            top:0;
            left:0;
            background-image:url(assets/gnav-lozenge.gif);
            background-repeat:no-repeat;
            padding-top:50px;
            text-indent:22px;
            color:#f93;
            color:#330;
            background-color:inherit;
            text-decoration:none;
            }
.gnavitem:hover { background-image:url(assets/gnav-lozenge.o.gif);
                  color:#f93; }
#gnservices { left:52px; }
#gnclients { left:104px; }
#gnportfolio { left:156px; }
#gnlinks { left:208px; }
#gncontact { left:260px; }

#centre { position:relative;
          top:0;
          left:0;
          height:auto;
          width:auto;
          padding-left:50px;
          background-color:#330;
          }
#centre a { color:#fc6;
            background-color:inherit;
            text-decoration:none;
            }
#centre a:hover { color:#f93; }

#content-t { width:375px;padding-bottom:1.5em; }

#content-l { position:relative;
             top:0;
             left:0;
             width:365px;
             background-color:inherit;
             /* _height and _left (below)) ie hacks from
                http://www.pixy.cz/blogg/clanky/cssunderscorehack/ */
             min-height:212px;
             height:auto;
             _height:212px;
             }
/* #content-l.links { width:340px; } */

#content-r { position:absolute;
             top:0;
             width:315px;
             background-color:inherit;
             min-height:212px;
             height:auto;
             _height:212px;
             left:435px;
             _left:385px;
             }

#content-r h2 { margin-top:0;padding-top:0;margin-bottom:10px; }
#content-r #client-logo { float:right;margin-bottom:10px; }
#content-r #client-description { clear:both;margin:0 0 25px; }
#content-l ul { padding-left:1.2em;margin-left:0; }
#content-r ul { padding-left:1.2em;margin-left:0; }

#footer { position:relative;
          left:0;
          color:#ffb;
          background-color:inherit;
          margin-top:50px;
          padding-left:50px;
          padding-bottom:38px;
          }
#footer a { color:#ffb;
            background-color:inherit;
            text-decoration:none;
            padding:0 1.2ex;
            }
#footer a:hover { color:#f93; }
#footer a#footer-home { padding-left:0; }

.link { 
  overflow:auto;
  margin-bottom:3em;
}

.link a {
  display:block;
  margin-top:1em;
}

.linkimg {
  float:right;
  margin:0 0 10px 10px;
}