/* CSS Document */

body { margin:0; background: #b5babd url(../images/bg_body.gif) repeat-y center top;  }
#container { width: 954px; overflow: hidden; margin:0 auto; background-color: #FFF; border-left: 1px solid #99accd; border-right: 1px solid #99accd;}
#endtoend { float: left; width: 715px; height: 340px; background: url(../images/end-to-end.jpg) no-repeat left top; }
#endtoend h1 { width: 651px; height: 188px; margin:0; padding:0; font: bold 18px Arial, Helvetica, sans-serif; color: #333; text-indent: -9999px; }
#endtoend p { width: 564px; height: 69px; margin: 0 0 0 87px; padding:0; font: normal 14px Arial, Helvetica, sans-serif; color: #fff; }
#endtoend a { float: right; margin-right: 25px; }

#license { float: left; width: 209px; height: 319px; background: url(../images/bg-license.jpg) repeat-x top left; padding: 21px 15px 0;}
h2 { font: bold 14px Arial, Helvetica, sans-serif; color: #8ca621; margin:0; padding:0 0 12px; }
#license p { margin:0; padding:0; font: normal 14px Arial, Helvetica, sans-serif; color: #333; line-height: 18px; }
#license span { margin-left: 100px; font: normal 11px Arial, Helvetica, sans-serif; color: #333; }
#license strong { font: normal 24px Arial, Helvetica, sans-serif; color: #ff6600; }
#license sup { font: bold 15px Arial, Helvetica, sans-serif; color: #ff6600; } 
#license a { display: block; width: 94px; height: 25px; margin: 15px auto 0; }

#CMSconsulting { float: left; width: 212px; height: 234px; padding: 17px 10px 0 15px; border-left: 1px solid #FFF; }
#CMSimplementation { float: left; width: 212px; height: 234px; padding: 17px 10px 0 15px; border-left: 1px dashed #ccc; }
#CMShosting { float: left; width: 213px; height: 234px; padding: 17px 10px 0 15px; border-left: 1px dashed #ccc; }
#CMSconsulting p, #CMSimplementation p, #CMShosting p { margin:0 0 39px; padding:0; font: normal 14px Arial, Helvetica, sans-serif; color: #666; line-height: 18px; }
#whitepaper { float: left; width: 213px; height: 250px; padding: 1px 10px 0 15px; background-color: #dde2e6; border-left: 1px solid #9aacda; text-align: center; }
#whitepaper h2 { padding:0 0 6px; }

a { color: #0066cc; text-decoration: none; }
a:hover { text-decoration: underline; }
.read { font: normal 11px Arial, Helvetica, sans-serif; text-decoration: none; }
.clear { clear: both; }

#twocolumn { width: 954px; margin:0;}
#rightsidebar { vertical-align: top; padding-top: 0; }
#twocolumn #breadcrumbs { width: 500px; }
#footer { margin:0 !important; padding: 0 ; }
#bottombanner { float: left; display: inline; overflow: hidden; width: 954px; height: 76px; background-color: #9d5ec0; color: #FFF; text-align: center; position: relative; }
#bottombanner p { padding-top: 26px; font: normal 11px Arial, Helvetica, sans-serif; }
#bottombanner a, #bottombanner a:hover { color: #FFF; }
#BBB { width: 60px; height: 60px; position: absolute; bottom:8px; left: 8px;}
#emblem { width: 930px; height: 76px; background: url(../logo_established.gif) right no-repeat; }
#emblem a { text-decoration: underline; }

#menucontainer { width: 954px; height: 23px; background: url(../images/bg_menu.gif) repeat-x left top; text-align: center; border-bottom: 5px solid #97addb; }

#header { background-color: #9d5ec0; text-align: right; width: 954px; height: 73px; position: relative; overflow: hidden; }
#logo { float: left; height: 73px; width: 282px; margin:0; padding:0; text-align: left; }
#logo h1 { height: 73px; width: 282px; margin:0; padding:0; font-size: 1em; text-indent: -9999px; background: url(../images/mh.gif) top left no-repeat;}
#logo h1 a { height: 73px; width: 282px; margin:0; padding:0; display: block; text-decoration: none; }
#experts { float: left; width: 650px; padding: 22px 10px 0 0; text-align: right; }
#experts h2 { margin: 5px 6px 0 0; padding: 0; height: 26px; width: 254px; text-indent: -9999px; background: url(../images/strategy-design-technology.gif) top right no-repeat; text-align: left;}