* { font-family:Trebuchet MS, Helvetica, sans-serif;font-size:11px;color:#747474; }

body { background:url('../img/layout/bg.jpg') repeat-x #fff;margin:0;padding:0;text-align:center;font-family:Trebuchet MS   , Helvetica, sans-serif; }
td { vertical-align:top; }
p { color:#6e6e6e;font-size:11px;font-family:Verdana, Geneva, sans-serif;margin:0;padding:0;line-height:15px; }
h1 { color:#231f20;font-size:16px;padding:0;margin:0 0 11px 0;font-weight:bold;font-family:Trebuchet MS, Helvetica, sans-serif; }
strong { color:#231f20;font-weight:normal; }
a { color:#6ea0ca;text-decoration:none; } 
    a:hover { text-decoration:underline; }
em { font-family:Verdana, Geneva, sans-serif;font-size:12px;color:#ff0000;text-decoration:none; }
small { font-family:Verdana, Geneva, sans-serif;font-size:9px;display:block;width:300px; }
/* FORM ELEMENTS */

input, select, textarea { border:1px solid #d6d6d6;}
input, textarea { width:300px; }

/* BUTTONS THROUGHOUT THE WEBSITE */

.submitbutton { position:absolute;width:74px;height:23px;margin:-3px 0 0 226px;background:url('../img/buttons/submit.gif') no-repeat;border:0; }
    .submitbutton:hover { background-position:0 -23px;cursor:pointer;cursor:hand; }
.smallblue { background:url('../img/buttons/blue/small-bg.gif') no-repeat #76a2c7;width:159px;height:9px;color:#fff;text-align:center;line-height:9px;padding:4px;display:block;font-weight:bold;margin:0 0 4px 0; }
.mediumblue { background:url('../img/buttons/blue/medium-bg.gif') no-repeat #76a2c7;width:175px;height:8px;color:#fff;text-align:center;line-height:8px;padding:8px;display:block;font-weight:bold;margin:0 0 4px 0; }
.bigblue { background:url('../img/buttons/blue/big-bg.gif') no-repeat #76a2c7;width:256px;height:8px;color:#fff;text-align:center;line-height:8px;padding:8px;display:block;font-weight:bold;margin:0; }
.hugeblue { background:url('../img/buttons/blue/huge-bg.gif') no-repeat #76a2c7;width:304px;height:8px;color:#fff;text-align:center;line-height:8px;padding:8px;display:block;font-weight:bold;margin:0; }

.smallgrey { background:url('../img/buttons/grey/small-bg.gif') repeat-x #fff;width:155px;height:11px;border:1px solid #d5d5d5;text-align:center;line-height:11px;padding:6px 5px 5px 5px;display:block;font-weight:bold;text-decoration:none;margin:0 0 4px 0; }
    a.smallgrey:hover, .smallgreyon { background-position:0 -21px; }
    a.smallgrey  { color:#747474;font-weight:normal; }
    a.smallgrey:hover { text-decoration:none; }
    span.smallgrey { color:#cacaca;font-weight:normal; }
    
.mediumgrey { background:url('../img/buttons/grey/medium-bg.gif') repeat-x #fff;width:179px;height:11px;border:1px solid #d5d5d5;text-align:center;line-height:11px;padding:6px 5px 7px 5px;display:block;font-weight:bold;text-decoration:none;margin:0 0 4px 0; }
    .mediumgrey:hover, .mediumgreyon { background-position:0 -21px; }
    a.mediumgrey  { color:#747474;font-weight:normal; }
    a.mediumgrey:hover { text-decoration:none; }
    

/* All other styles (when we are overwriting above styles) */ 


#container { width:998px;border:1px solid #bbb;margin:0 auto;text-align:left;background:url('../img/layout/containerbg.gif') repeat-x bottom left #fff; }
    #container #head { background:#fff; }
        #container #head #existingclients { float:right;margin:9px 0 0 0; }
        
    #container #menu { height:22px;border:1px solid #d9d9d9;border-left:0;border-right:0; }
        #container #menu .smallgrey { width:156px;float:left;border:0;border-left:1px solid #d9d9d9;margin:0; }
        
        
#homepagecontainer { border-top:1px solid #bbb;padding:22px 18px 27px 34px; } 
    #homepagecontainer strong { font-size:12px;font-weight:normal; }
    #homepagecontainer ul { margin:0;padding:0;list-style-position: inside; }
    #homepagecontainer li, #homepagecontainer li a { color:#6ea0ca;font-family:Verdana, Geneva, sans-serif;font-size:10px;line-height:17px; }    
    
#casestudiescontainer { border-top:1px solid #bbb;padding:20px 12px 68px 21px; }
    #casestudiescontainer h1 { font-size:14px;font-weight;bold; }
    #casestudiescontainer h2 { font-size:12px;font-weight;bold;color:#231f20;margin:15px 0 0 0;padding:0;font-weight:normal; }
    #casestudiescontainer p { margin:10px 0 0 0; }
    #casestudiescontainer ul { margin:10px 0 0 12px;padding:0; }
    #casestudiescontainer li, #homepagecontainer li a { color:#6ea0ca;font-family:Verdana, Geneva, sans-serif;font-size:10px;margin:0 0 10px 0;line-height:17px; }    
   
#footer { width:998px;margin:17px auto;text-align:left; }
    #footer a { color:#9f9f9f;padding:0 10px 0 0;font-size:10px; }
    #footer span { display:block;float:left;font-size:14px;font-weight:bold; }
        #footer span a { font-size:14px;font-weight:bold;color:#6ea0ca;display:inline; }

/* BUTTONS */

#csprev { background:url('../img/buttons/cs-prev.gif') no-repeat #fff;display:block;height:22px;width:139px;float:left;margin:38px 11px 0 0; }
    #csprev:hover { background-position:0 -22px; }
    #csprev span { display:none; }
    
#csnext { background:url('../img/buttons/cs-next.gif') no-repeat #fff;display:block;height:22px;width:139px;float:left;margin:38px 0px 0 0; }
    #csnext:hover { background-position:0 -22px; }
    #csnext span { display:none; }
    
#print { background:url('../img/buttons/print.gif') no-repeat #fff;display:block;height:22px;width:123px;float:left;margin:38px 11px 0 0; }
    #print:hover { background-position:0 -22px; }
    #print span { display:none; }

        
/* SMALL BOXES ETC */ 

.boxnotop { border:1px solid #d5d5d5;border-top:0;padding:20px 34px; }
.csbox { padding:15px 34px 0px 19px;line-height:14px; }
    .csbox img { border:1px solid #d1d1d1;margin:0 17px 19px 0; }

.bluelightbox { background:#f1f8fe;padding:18px 13px 10px 12px;margin:15px 0 0 0; } 
.bluerlightbox { background:#edf6fd;padding:19px 30px 11px 29px;margin:0; }
    .bluerlightbox span { font-family:Verdana, Geneva, sans-serif;display:block;line-height:10px;font-size:10px;margin:0 0 18px 0;padding:0; }
    .bluerlightbox strong { color:#6e6e6e;font-weight:bold; }
    .bluerlightbox img.icon { margin:0 18px 0 0;vertical-align:-2px; } 
    
.demobox { padding:14px 16px 16px 17px; }
    .demobox img {margin:0;padding:0; }
.bluerlightbox2 { background:#edf6fd;padding:1px;margin:0; }