html { font-family: arial, helvetica, Trebuchet MS, verdana, sans-serif; font-size: 14px; color: #303030; background-color: #ffffff; margin: 0; padding: 0; }
body { margin: 0; padding: 0; }

h1 { padding: 20px 0 5px 0; margin: 0; color: #034c81; font-weight: normal; }
h2 { padding: 15px 0 5px 0; margin: 0; font: normal 20px/24px Arial,Helvetica,Verdana,sans-serif; color: #444; }
h3 { font: normal 16px/24px Arial,Helvetica,Verdana,sans-serif; color: #333; margin: 10px 0 3px 0; text-decoration: underline; }
p, table { font:normal 14px/22px Arial,Helvetica,Verdana,sans-serif; color: #444; margin: 0 0 15px 0; padding: 0; }
ul, ol { font:normal 14px/22px Arial,Helvetica,Verdana,sans-serif; color: #444; }
li { margin-top: 8px; }
img { border: 0; }

a, a:link, a:hover, a:visited { color: #026fbc; text-decoration: none; outline: none;}
a:hover { text-decoration: underline; }

.sidebar { width:200px; float: left; margin-top: 20px; margin-left: 15px; }
.sidebar ul { font-size: 16px; list-style-type: none; line-height: 28px; margin-left: 1em; padding-left: 0; }
.sidebar ul li { margin: 0; padding: 0; line-height: 32px; }
.sidebar li a, .sidebar li a:link, .sidebar li a a:visited { color: #026fbc; text-decoration: none;}
.sidebar li a:hover { text-decoration: underline; }

.free-trial  { display: block;  outline: 0 none; border: 0; background: url(/images/free-trial.gif) no-repeat 0 0; width: 111px; height: 35px;}
.free-trial:hover { background-position: 0 -35px; }
.free-trial span { position: absolute; left: -999999px; }

.pdf { list-style-image: url('/images/pdf.gif'); margin-left: 1.2em; padding-left: 1em; margin-top: 6px; }
.pdf li { margin: 12px 0 0 0; padding: 0; }
.pdf li a, .pdf li a:link, .pdf li a:visited { text-decoration: none; }
.pdf li a:hover { text-decoration: underline; }

#banner-container { width: 100%; background: #ffffff url(/images/banner-background.gif) repeat-x 0 0; }
#banner { clear: both; width: 960px; margin-left: auto; margin-right: auto; background: #ffffff url(/images/banner.jpg) no-repeat; height: 103px; position: relative; }

#footer-container { float: left; width: 100%; background: #ffffff; border-top: 2px solid #0a426c; clear: both; position: relative; }
#footer { width: 860px; margin-left: auto; margin-right: auto; padding-top: 5px; font-size: 12px; color: #555555; }
#footer ul { margin-top: 3px; padding-top: 0; list-style-type: square; color: #01365e; line-height: 1.0em; }
#footer ul li { font-size: 11px; }

#home-page-container { float: left; width: 100%; margin: 0; padding: 0; background: #f5f5f5 url(/images/content-background.gif) left top repeat-x; }
#home-page-content { width: 960px; margin: 0 auto; padding: 0; }
#page-container { float: left; width: 100%; margin: 0; padding: 0; background-color: #fcfcfc; }
#page-content-container { width: 960px; margin: 0 auto; }
#page-content { float: left; width: 960px; margin: 0 auto; padding: 0; background-color: #fcfcfc; }

#menubar { width: 483px; margin-left: 475px; margin-top: 63px; height: 28px; clear: both; background: #ffffff url(/images/menubar.gif) no-repeat 0 0; float: left; position: absolute; }
#menu-list { list-style: none; display: inline; float: left; margin: 0; padding: 0; height: 28px; }

#nav-web-design { display: inline; width: 107px; height: 28px; margin: 0; padding: 0; }
#nav-web-design a { outline: 0 none; display: block; float: left; background: transparent url(/images/menubar.gif) no-repeat 0 0; width: 107px;  height: 28px; }
#nav-web-design a:hover { background-position: 0 -28px; }
#nav-web-design span { position: absolute; left: -999999px; }

#nav-web-design-active { display: inline; width: 107px; height: 28px; margin: 0; padding: 0; }
#nav-web-design-active a { outline: 0 none; display: block; float: left; background: transparent url(/images/menubar.gif) no-repeat 0 -56px; width: 107px; height: 28px;  }
#nav-web-design-active a:hover { background-position: 0 -28px; }
#nav-web-design-active span { position: absolute; left: -999999px; }

#nav-technology-consulting { display: inline; width: 194px; height: 28px; margin: 0; padding: 0; }
#nav-technology-consulting a {  outline: 0 none; display: block; float: left; background: transparent url(/images/menubar.gif) no-repeat -107px 0; width: 194px; height: 28px; }
#nav-technology-consulting a:hover { background-position: -107px -28px; }
#nav-technology-consulting span { position: absolute; left: -999999px; }

#nav-technology-consulting-active { display: inline; width: 194px; height: 28px; margin: 0; padding: 0; }
#nav-technology-consulting-active a {  outline: 0 none; display: block; float: left; background: transparent url(/images/menubar.gif) no-repeat -107px -56px; width: 194px; height: 28px;  }
#nav-technology-consulting-active a:hover { background-position: -107px -28px; }
#nav-technology-consulting-active span { position: absolute; left: -999999px; }

#nav-lumiportal { display: inline; width: 103px; height: 28px; margin: 0; padding: 0; }
#nav-lumiportal a {  outline: 0 none; display: block; float: left; background: transparent url(/images/menubar.gif) no-repeat -301px 0; width: 103px; height: 28px; }
#nav-lumiportal a:hover { background-position: -301px -28px; }
#nav-lumiportal span { position: absolute; left: -999999px; }

#nav-lumiportal-active { display: inline; width: 103px; height: 28px; margin: 0; padding: 0; }
#nav-lumiportal-active a {  outline: 0 none; display: block; float: left; background: transparent url(/images/menubar.gif) no-repeat -301px -56px; width: 103px; height: 28px;  }
#nav-lumiportal-active a:hover { background-position: -301px -28px; }
#nav-lumiportal-active span { position: absolute; left: -999999px; }

#nav-about { display: inline; width: 78px; height: 28px; margin: 0; padding: 0; }
#nav-about a {  outline: 0 none; display: block; float: left; background: transparent url(/images/menubar.gif) no-repeat -404px 0; width: 78px; height: 28px; }
#nav-about a:hover { background-position: -404px -28px; }
#nav-about span { position: absolute; left: -999999px; }

#nav-about-active { display: inline; width: 78px; height: 28px; margin: 0; padding: 0; }
#nav-about-active a {  outline: 0 none; display: block; float: left; background: transparent url(/images/menubar.gif) no-repeat -404px -56px; width: 78px; height: 28px;  }
#nav-about-active a:hover { background-position: -404px -28px; }
#nav-about-active span { position: absolute; left: -999999px; }