body {
        font-family:Trebuchet Ms,Verdana;
        color:#444;
        
        margin-top:0px;
}

h1,h2,h3,h4,h5,h6 {font-family:Verdana,Trebuchet Ms,arial,tahoma,sans-serif;color:#418bd8;font-weight:normal;}

h3,h4,h5 {margin-bottom:4px;}

h2,h3 {border-bottom:1px dotted #000;width:100%;font-size:110%;padding:0px 5px 0px 0px;margin-top:12px;}


h1#logotext {font-weight:bold;color:#369;font-size:30px;padding-left:8px;}
h1#logotext span {color:#61abd8;}
h1#logotext:hover {text-decoration:none;}

div.logo {margin-top:13px;}
div.logo img {margin:3px 0px 0px 7px;border:none;}
div.logo a {border:none;}
img.left-aligned {float:left;}
img.right-aligned {float:right;}

.attribution {
    color:#418bd8;
    font-size:70%;
}

/** dashed underlines on mouse over link **/
a {
    text-decoration:none;
}
a:hover {
    border-bottom: 1px dashed;
}

div.container{
    position:relative;
    width:780px;
    margin: 0 auto;
    text-align:left;
    background-color:white;
    padding-left:10px;
    padding-right:10px;
}

/** navigation menu **/
div.menubar {
    float:right;
    padding-top:12px;
    padding-bottom:7px;
    padding-right:5px;
    text-align:right;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
}

div.menubar span {
    padding-right:6px;
    padding-left: 6px;
    color:black;
}
div.menubar a {
    margin-left:6px;
    margin-right:6px;
    color:#336699;
    text-decoration:none;
    border-style:none;
}
div.menubar a:hover{
   /** border-style:none;
    text-decoration:underline;**/
    border-bottom: 1px dashed;
}
div.menubar a:visited {
    color:#336699;
}
div.menubar span.selected {
    color:#003;
}

/**the right hand column **/
div.infobar  {
    float:right;

    width:240px;
    padding: 10px;
    font-size:90%;
   
   /**border-style:dotted;
     border-color:#5977b2;
    border-width:0px 0px 0px 1px;**/
    text-align:justify;
}
div.infobar img {
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin:4px;
    border-style:none;
}
div.infobar h3 {
    text-align:left;
    color:#3957a2;
    padding-left:0px;
    border-style:none;
    width:auto;
    font-size:18px;
}
/** speech bubble block quotes - need a <p> tag inside the blockquote for valid XHTML **/
blockquote p {
    margin:0px;
    background-color:#eee;
    background:url("images/blockquote.png");
    background-position:bottom left;
    background-repeat:no-repeat;
    padding:2px;
    padding-bottom:3em;
}
blockquote {padding:0px;margin:0px;}

/** highlight boxes in the main content **/
div.highlight {
    background:url('images/fade-highlight.png');
    border:1px dotted #66f;
    padding:5px;
    margin-bottom:10px;
    font-size:110%;
}

/** left hand column / main content **/
div.content {
    padding:10px;
    width:450px;
    font-size:100%;
    text-align:justify;
}

div.content img {
    margin:12px;
}
div.content a img {
    border-style:none;
}
div.content div.image-with-caption {
    float:right;
    font-size:80%;
    color:#999;
    margin:15px;
    border:1px solid #777;
    text-align:center;
}
div.content div.image-with-caption img {
    margin:2px;
}
/**clients page**/
div.content div.client-logos {
    text-align:center;
}
div.content div.client-logos img {
    margin:0px 30px 0px 30px;
}

/**wordpress style bullet points >> **/
ul {
    padding-left:4px;
    font-size:95%;
}
li {
    list-style-type:none;
    padding-left:12px;
    background:url('images/bullet.png') no-repeat 0 0.5em;
}


a.linktoblog:visited {color:blue;}

div.footer {
    font-size:70%;
    padding-top:50px;
    clear:both;
    text-align:center;
    color:#999;
}
div.footer a {
    color: #999;
}