.e-web .header .headline     { border-color:#e26304 }
.e-web .menu-border          { border-color:#58aedd }
.e-web ul.menu,
.e-web ul.pulldown-menu,
.e-web ul.pulldown-menu ul   { background-color:#58aedd }
.e-web ul.menu li a,
.e-web ul.pulldown-menu li a { border-color:#58aedd }

html                       { color:#666; background-color:#fff; font-size:90%; font-family:Arial, Helvetica, sans-serif }
body                       { margin:0 }
.body                      { margin:0 auto; width:900px }
.body-background           { background-color:#f4f4f4 }
a img                      { border:0 }
td                         { padding:0 }
img, object                { vertical-align:bottom }

p                          { margin-top:0 }

a                          {color:#58AEDE;text-decoration:none}
a:hover                    {color:#4B96C0; text-decoration:underline }
a:active                   {color:#58AEDE; }
a:visited                  {color:#4B96C0; }

a.with-image:link,
a.with-image:visited       { text-decoration:none }
a.with-image:hover span    { text-decoration:underline }

.flex                      { width:100% }

.header                    { margin:26px 0; width:100%; color:#999 }
.header td                 { padding-right:32px }
.header .flex              { text-align:center }
.header img                { vertical-align:middle }
.header img.logo           { margin-left:54px }
.header .headline          { border-left:1px dashed #58aede; padding:10px 0 10px 8px; display:inline-block; font-size:125% }
.header .links             { padding-right:17px; font-size:75%; text-align:right; text-transform:uppercase; white-space:nowrap }
.header a.arrow            { display:block; margin-bottom:5px; color:#999 }
.header a.arrow.last       { margin-bottom:0 }
.header a.arrow img        { padding-left:4px; position:relative; top:-2px }


/*------------------------ */
/* BANNERS */
/*------------------------ */

.bannertext             { padding:0 16px 0 48px; line-height:112px; display:inline-block; color:#FFFFFF; white-space:nowrap }
.bannertext a           { color:#FFFFFF; }
.bannertext a:hover     { color:#FFFFFF; }
.bannertext a:active    { color:#FFFFFF; }
.bannertext a:visited   { color:#FFFFFF; }

.maintitle				{ margin:0; font-size:145%; font-weight:normal }
.subtitle              {margin: 0 0 0 12px; padding-left:12px; font-size:110%; font-weight:normal; background-image: url(../../images/dot.gif); background-repeat: no-repeat; background-position: left center; }


.devbanner     /* web */        { margin:9px 0; color:#fff; background:#A377C2 url(../../images/banner_2.jpg) no-repeat right;}

.marketbanner       /* approach */     { margin:9px 0; color:#fff; background:#717479 url(../../images/banner_1.jpg) no-repeat right;}

.managebanner     /* news */       { margin:9px 0; color:#fff; background:#003853 url(../../images/banner_7.jpg) no-repeat right;} 

.portbanner    /* portfolio */           { margin:9px 0; color:#fff; background:#009757 url(../../images/banner_4.jpg) no-repeat right;}

.consultbanner     /* pr */        {margin:9px 0; color:#fff; background:#943048 url(../../images/banner_3.jpg) no-repeat right;}


.socialbanner     /* social */        {margin:9px 0; color:#fff; background:#c7c840 url(../../images/banner_9.jpg) no-repeat right;}

.clientsbanner    /* clients */        { margin:9px 0; color:#fff; background:#6E8E00 url(../../images/banner_5.jpg) no-repeat right;}

.aboutbanner    /* about us */        { margin:9px 0; color:#fff; background:#F7A30C url(../../images/banner_6.jpg) no-repeat right;}

.blogbanner    /* about us */        { margin:9px 0; color:#fff; background:#000000 url(../../images/banner_7.jpg) no-repeat right;}


/*------------------------ */
/* NAV */
/*------------------------ */

.menu-border               { border-top:1px dashed #58aedd; border-bottom:1px dashed #58aedd; text-align:right; background-color:#fff }

ul.menu                    { margin:0; padding:8px 14px 8px 0; font-size:85%; text-transform:uppercase; background-color:#e26304; list-style-type:none }
ul.menu li                 { display:inline }
ul.menu li a               { border-right:1px solid #abd5eb; padding:0 14px; line-height:19px; color:#ffffff !important; display:inline-block }
ul.menu li:last-child a    { border-right:0 }

ul.pulldown-menu,
ul.pulldown-menu li ul           { margin:0; padding:0; background-color:#58aedd }
/*
ul.pulldown-menu ul              { text-transform:none }
*/
ul.pulldown-menu                 { padding:10px 5px 10px 0; font-size:85%; text-transform:uppercase; white-space:nowrap }
ul.pulldown-menu li              { padding-bottom:0.4em; display:inline; list-style-type:none; position:relative }
ul.pulldown-menu li a            { border-right:1px solid #abd5eb; padding:0 14px; color:#ffffff !important; display:inline-block }
ul.pulldown-menu li:last-child a,
ul.pulldown-menu li ul li a      { border-right:0 }
ul.pulldown-menu li ul           { display:none; position:absolute; left:0; top:1.5em; min-width:100%; text-align:left }
ul.pulldown-menu li:hover ul     { display:block }
ul.pulldown-menu li ul li        { padding-bottom:0; display:block }
ul.pulldown-menu li ul li a      { padding-bottom:0.4em; display:block }


/*------------------------ */
/* SIDEBAR */
/*------------------------ */

.sidebar                   { padding:16px 18px 100px; vertical-align:top; width:130px; background-color:#cce6f5; font-size:75%; line-height:120% }
.sidebar .heading          { margin-bottom:2px; color:#16568a; font-weight:bold }
.sidebar p                 { margin-bottom:16px }
.sidebar img               { margin-bottom:8px; border:#FFF thick solid }
.sidebar .item             { margin-bottom:16px; border-bottom:1px dashed #fff }
.sidebar #share  img { margin-bottom:8px; border:none; }
.sidebar #twitter_update_list             { margin-left:-25px; }

.sidebar .quoteheading          { margin-bottom:-5px; color:#CC3300; font-weight:bold }
.sidebar blockquote                 { margin-bottom:5px;color:#CC3300; font-size:110%;font-weight:bold; margin-left:0;margin-right:0;line-height:120%;}
.sidebar .quote {display:inline; border:none; margin-left:-8px;margin-top:-5px; margin-bottom:0;}



/*------------------------ */
/* CONTENT */
/*------------------------ */

h1 {margin-bottom:9px; font-size:110%; color:#C30; font-weight: bold;}
h2 {margin-bottom:0;font-size:100%; color:#67AEE1; font-weight: bold;}
h3 {margin-bottom:0;font-size:100%; font-weight: bold; font-style:italic;}
h4 {margin-bottom:0;font-size:100%; color:#333; font-weight: bold;}
h5 {margin-bottom:0;font-size:100%; color:#C30; font-weight: bold; font-style:italic;}
h6 {margin-bottom:0;font-size:100%; color:#67AEE1; font-weight: bold; font-style:italic;}

.content                   { padding:25px 48px 0 48px; font-size:90%; line-height:140%; vertical-align: top;}

.content ul				   { padding-left: 1em; margin-top: 3px;}
.content li				   {list-style-image: url(../../images/orange_bullet.gif);}

.headers1 {margin-bottom:9px; font-size:110%; color:#C30; font-weight: bold;}
.headers2 {margin-bottom:0;font-size:100%; color:#67AEE1; font-weight: bold;}
.headers3 {margin-bottom:0;font-size:100%; font-weight: bold; font-style:italic;}

.small                    { margin-top:9px; padding:5px 0; clear:both; font-size:70%; text-align:right; color:#5bb1de; }
.cell1 {color:#666666;background-color:#eef7fc;}
.cell2 {color:#666666;background-color:#f5fbfe;}
.cellheader {color:#666666; background-color:#cce6f5;font-weight: bold;}
#alter_rows td {border: 1px dotted #CCC;padding: 4px 0px 4px 10px;}

.picture {border:1px solid #CCC;padding: 5px;float: right;margin: 10px 0px 10px 10px;}
.pictureLeft {border:1px solid #CCC;padding: 5px;float: left;margin: 5px 10px 10px 0px;}

#teambio {clear:both; margin-bottom: 34px;}
.teamphoto {border:1px solid #CCC;padding: 5px;float: left ;margin: 4px 20px 50px 0px;}

/*#caseStudyTxt {width: 377px;float: left;}*/
#caseStudyPic {width: 260px;float: right; padding-bottom: 20px;}

#caseStudyImageHolder {width: 183px;float: right;}
.caseStudyImage {float: right; margin: 0px 0px 10px 10px; border:1px solid #eeeeee;}




/*------------------------ */
/* FOOTER */
/*------------------------ */

.footer                    { margin-top:9px; border-top:1px dashed #a9a9a9; padding:5px 0; clear:both; font-size:70%; text-align:right }
.footer,
.footer a                  { color:#5bb1de }
.footer .left              { float:left }
.footer .block             { white-space:nowrap }
.footer .left .block       { margin-right:8px }