@charset "utf-8";
/* CSS Document */

html { position: relative; }
body { background: #ffffff url(images/header_bg.gif) repeat-x top left; padding: 6px 0 0px 0; text-align: center; height: 101%; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #606060; }

/* basic tag styling */
a { text-decoration: none; color: #80b52d; outline:none; }
a:hover { text-decoration: underline; }
h1 { color: #c10037; }
h2 { color: #606060; }
img { border: 0; }
p { line-height: 1.3em; }

#container { width: 800px; margin: 0 auto; text-align: left; }

#header { height: 92px; clear: both; }
#header h1, #header h2 { float: left; background-color: transparent; background-repeat: no-repeat; background-position: top left; text-indent: -1000em; margin: 0; }
#header h1 { margin-right: 22px; margin-top:18px; height: 56px; width: 149px; background-image: url(images/Hanu-logo.png); }
#header h1 a { display: block; height: 56px; width: 149px; }
#header h2 { margin-top: 58px; height: 17px; width: 242px; color: #c10037; background-image: url(images/Hanu-tagline.png); }
#header #phones { float: right; height: 75px; width: 184px; padding-right: 2px; text-indent: -1000em; background: transparent url(images/flags-and-phones.png) no-repeat top right; }

#topnav { clear: both; padding: 13px 0 18px; float: left; }
#topnav ul#nav { margin: 0; padding: 0; list-style: none; float: left; }
#topnav ul#nav li { display: block; float: left; clear: none; padding-right: 1px; margin-right: 11px;  }
#topnav ul#nav li.last { margin: 0; padding: 0; border: 0; }
#topnav ul#nav li a span { background-position:0 0; background-image:url(images/topnav_home.gif); background-repeat:no-repeat; font-size: 16px; color: #606060; font-weight: bold; text-indent:-9999px; display:block; height:18px; width:39px; }

#topnav ul#nav li:hover a span,
.homePage #topnav ul#nav li a span#home,
.techPage #topnav ul#nav li a span#tech,
.induPage #topnav ul#nav li a span#indu,
.servPage #topnav ul#nav li a span#serv,
.globPage #topnav ul#nav li a span#glob,
.clientPage #topnav ul#nav li a span#client,
.newsPage #topnav ul#nav li a span#news,
.aboutPage #topnav ul#nav li a span#about,
.contPage #topnav ul#nav li a span#cont { background-position:0 -18px; }

#topnav ul#nav li a span#about { background-image:url(images/topnav_about.gif); width:60px; }
#topnav ul#nav li a span#tech { background-image:url(images/topnav_tech.gif); width:88px; }
#topnav ul#nav li a span#indu { background-image:url(images/topnav_industries.gif); width:67px; }
#topnav ul#nav li a span#serv { background-image:url(images/topnav_services.gif); width:54px; }
#topnav ul#nav li a span#glob { background-image:url(images/topnav_global.gif); width:148px; }
#topnav ul#nav li a span#client { background-image:url(images/topnav_clients.gif); width:44px; }
#topnav ul#nav li a span#news { background-image:url(images/topnav_news.gif); width:34px; }
#topnav ul#nav li a span#cont { background-image:url(images/topnav_contact.gif); width:70px; }

/* Home page styling */
.home #topnav { padding-bottom: 15px; }
#home-body { clear: both; float: left; width: 800px; margin-bottom: 18px; color: #000000; }
#home-body .o-btn { display: block; height: 20px; width: 83px; background: transparent no-repeat top left; color: #ffffff; text-indent: -1000em; }
#home-body .o-btn.learn { background-image: url(images/btn_learnmore.png); }
#home-body .o-btn.download { background-image: url(images/btn_download.png); }
#home-body #text, 
#home-body #quicklinks,
#home-body p#quote,
#home-body #clients-box { clear: both; float: left; width: 800px; }
#home-body #brandbox { display: block; float: left; margin-right: 9px; width: 609px; height: 286px; padding-top: 1px; position: relative;}
#home-body #brandbox a { position: absolute; display: none; }
#home-body #brandbox a#brandbox1 { display: block; }
#home-body #right-boxes { display: block; float: left; padding: 0; width: 181px; height: 386px; background: url(images/home-right-boxes.gif) no-repeat top left; position:relative; }/* padding: 23px 21px 19px 19px; */
#home-body #right-boxes h2 { color: #000000; font-size: 12px; margin: 0 0 .5em; }
#home-body #right-boxes p { margin-top: .6em; font-size: 11.5px; }
#home-body #right-boxes #ms { height:110px; position:absolute; height:113px; width:152px; top:23px; left:19px; }
#home-body #right-boxes #whitepaper { width: 110px; height:117px; position:absolute; top:159px; left:19px; }
#home-body #right-boxes #whitepaper p { width: 90px; }
#home-body #new { margin-bottom: 13px; width: 609px; vertical-align: top;}
#home-body #text { margin-bottom: 13px; }
#home-body #text p { line-height: 1.6em; margin: .9em 0 0; }
#home-body .tricolor { position: relative; display: block; float: left; margin-right: 7px; margin-bottom: 7px; height: 162px; width: 262px; background: transparent url(images/tricolor_bg.gif) no-repeat bottom left; }
#home-body .tricolor.last { margin-right: 0; }
#home-body .tricolor h2 { display: block; height: 28px; color: #ffffff; line-height: 28px; padding-left: 10px; margin: 0; font-size: 13px; }
#home-body #tricolor1 { clear: left; }
#home-body #tricolor1 h2 { background-color: #c10038; }
#home-body #tricolor2 h2 { background-color: #de5c24; }
#home-body #tricolor3 h2 { background-color: #002958; }
#home-body .tricolor p { margin: .9em 8px .5em 10px;  font-size: 11.5px; }
#home-body .tricolor a { position: absolute; bottom: 8px; left: 10px; }
#home-body #quicklinks { margin-bottom: 30px; }
#home-body #quicklinks a { display: block; padding: 18px 15px 0; width: 164px; height: 62px; background: transparent url(images/qlink_bg.gif) no-repeat top left; float: left; margin-right: 7px; color: #127ff9; font-size: 17px; }
#home-body #quicklinks a:hover { text-decoration: none; background-position: 0 -80px; }
#home-body #quicklinks a.last { height: 69px; margin-right: 0; padding: 11px 15px 0; }
#home-body p#quote { font-style: italic; color: #6e6e6e; font-size: 14px; width: 790px; margin: 0 5px 15px; }
#home-body #clients-box { display: block; padding: 28px 20px 0 12px; width: 768px; height: 57px; background: transparent url(images/clients_bg.gif) no-repeat top left; }
#home-body #clients-box p { margin: 0; line-height: 43px; }
#home-body #clients-box p img { vertical-align: middle; margin-right: 17px; }
#home-body #clients-box p a { color: #127ff9; font-size: 15px; font-weight: bold; }

/* Drill page styling */
#column-wrap { clear: both; float: left; width: 800px; background: transparent url(images/column-wrap_bg.gif) repeat-y 168px 0; margin-bottom: 18px; }

#left-rail { clear: left; float: left; width: 152px; padding-right: 16px; }
#left-rail ul#leftnav { margin: 0 0 21px; padding: 0; list-style: none; }
#left-rail ul#leftnav li { display: block; font-size: 13px; border-bottom: solid 1px #d6d6d6; }
#left-rail ul#leftnav li a { display: block; padding: 8px 10px 8px 4px; line-height: 17px; color: #606060; }
#left-rail ul#leftnav li a:hover { text-decoration: none; background-color: #eaeaea; }
#left-rail #left-boxes, #left-rail #download-files { background: #ffffff url(images/left-boxes_bg.gif) no-repeat bottom left; padding-bottom: 8px; margin-bottom: 20px; }
#left-rail #left-boxes h2, #left-rail #download-files h2 { display: block; color: #ffffff; height: 30px; margin: 0; background: #df5c24 url(images/hd_downloads.png) no-repeat 8px 8px; text-indent: -1000em; }
#left-rail #download-files div.downloads span { display:block; padding:8px 11px 8px 14px; border-bottom:solid 1px #d6d6d6; }
#left-rail #left-boxes div.downloads span { display: block;  margin: 0; padding:8px; border-bottom:solid 1px #000000; }
#left-rail #download-files div.downloads span.last { border:none; }
#left-rail #left-boxes h2.contact { background: #df5c24 url(images/contact_us.png) no-repeat 8px 8px; }
#left-rail #left-boxes h2.case { background: #df5c24 url(images/case_studies.png) no-repeat 8px 8px; height:52px; }
#left-rail #left-boxes div, #left-rail #download-files div { background: transparent url(images/left-boxes_grad.gif) repeat-x left bottom; border: solid 1px #cccccc; border-bottom: 0; padding: 8px 6px 5px 9px; }
#left-rail #download-files div { padding:8px 0 5px 0; }
#left-rail #left-boxes div.contacting { background: transparent url(images/left-boxes_grad.gif) no-repeat left bottom; }
#left-rail #left-boxes div p { margin-top: 0; }
#left-rail #left-boxes div a.btn { display: block; height: 30px; width: 91px; margin-left: 45px; background: #820025 no-repeat top left; color: #ffffff; text-transform: uppercase; text-indent: -1000em; }
#left-rail #left-boxes div a.btn:hover { background-position: 0 -30px; }
#left-rail #left-boxes div a.btn.download { background-image: url(images/btn_download.gif); }
#left-rail #left-boxes div a.btn.contact { background-image: url(images/btn_contact.gif); }
#left-rail div.quote { color: #1E86A4; line-height: 1.4em; }
#left-rail div.quote p { padding-left: 9px; text-indent: -2px; }
#left-rail div.quote ul { margin: 0; padding-left: 28px; list-style: none; }
#left-rail div.quote ul li { text-indent: -1.3em; }

#main { padding-left: 24px; float: left; width: 607px; }
#main h1 { font-size: 18px; margin-top: 0; }
#main h1 span { display: block; color: #606060; }
#main h3 { color: #df5c24; font-size: 12px; margin: 1.5em 0 .8em; }
#main p { margin: .8em 0; }
#main p.ul-head { margin-bottom: 0; }
#main ul { margin-top: 0; }
#main ul li { line-height: 1.4em; padding-bottom: 3px; }

#footer { clear: both; border-top: solid 1px #606060; padding: 10px 0 30px; font-size: 11px; }
#footer p { margin: 0; }

/* left nav on states */
.about #left-rail ul#leftnav li#about,
.mgmt #left-rail ul#leftnav li#mgmt,
.ms-focus #left-rail ul#leftnav li#ms-focus,
.careers #left-rail ul#leftnav li#careers,
.contact #left-rail ul#leftnav li#contact,
.net #left-rail ul#leftnav li#net,
.open-src #left-rail ul#leftnav li#open-src,
.web-20 #left-rail ul#leftnav li#web-20,
.saas #left-rail ul#leftnav li#saas,
.cloud #left-rail ul#leftnav li#cloud,
.mobile #left-rail ul#leftnav li#mobile,
.j2ee #left-rail ul#leftnav li#j2ee,
.health #left-rail ul#leftnav li#health,
.media #left-rail ul#leftnav li#media,
.startup #left-rail ul#leftnav li#startup,
.soft #left-rail ul#leftnav li#soft,
.Archiving #left-rail ul#leftnav li#Archiving,
.life #left-rail ul#leftnav li#life,
.demand #left-rail ul#leftnav li#demand,
.migration #left-rail ul#leftnav li#migration,
.qa #left-rail ul#leftnav li#qa,
.process #left-rail ul#leftnav li#process,
.entry #left-rail ul#leftnav li#entry,
.recruit #left-rail ul#leftnav li#recruit,
.edu #left-rail ul#leftnav li#edu,
.iae #left-rail ul#leftnav li#iae,
.scrum #left-rail ul#leftnav li#scrum,
.global #left-rail ul#leftnav li#global,
.success #left-rail ul#leftnav li#success,
.news #left-rail ul#leftnav li#news,
.integrate #left-rail ul#leftnav li#integrate,
.isvs #left-rail ul#leftnav li#isvs { background-color: #eaeaea; }

/* Unique styling */
#left-rail #extras { margin-bottom: 15px; }
#left-rail #extras h3 { color: #df5c24; font-size: 12px; margin: 1.5em 0 .8em; }
#left-rail #extras p { margin-top: 0; }

/* contact form */
input.text, textarea.text { border:solid 1px #cccccc;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #606060; margin:0 0 5px 0; padding:2px 5px; width:120px; }


textarea.text { height:100px; }


table.net { border:solid 1px #cccccc; border-right:none; border-bottom:none; }
table.net td, table.net th { border:solid 1px #cccccc; border-left:none; border-top:none; font-weight:normal; vertical-align:top; }
table.net th { background:#df5c24; color:#ffffff; }
table.net td.first { background:url(images/bg_td.gif) repeat-x top left; color:#333333; }
table.net td p { margin-top:0;padding-top:0; }


table.locations { border:solid 1px #cccccc; border-right:none; border-bottom:none;height:149px; width:300px; margin:0 6px 8px 0; float:left; }
table.locations td, table.locations th { border:solid 1px #cccccc; border-left:none; border-top:none; font-weight:normal; text-align:left; vertical-align:top; }
table.locations th { background:#F0F0F0; color:#c20036; font-weight:bold; }
h3.locations { color:#c20036; }
div.locations { height:149px;width:616px; margin-bottom:6px; }
div.loc		{ border:solid 1px #cccccc; height:141px;width:300px; margin-right:6px; float:left; }
div.office { border-bottom:solid 1px #cccccc; background:#F0F0F0; color:#c20036; font-weight:bold; padding:17px 0 17px 11px; width:289px; }
div.address { border-top:none; padding:17px 0 0 11px; width:289px; }

ul.success { list-style-type:none; margin-left:0; margin-bottom:0;  padding-left:0; }
ul.success li { list-style-type:none; display:block;margin-bottom:12px; padding-left:20px; background:url(images/bullet.gif) no-repeat; }

div.successes, div.testimonials { border-top:solid 1px #000; height:57px; padding:15px 10px 15px 0; }
div.testimonials { height:auto; }
div.logo { float:left;height:57px;padding-top:0;text-align:center;width:155px; }
div.left { float:left;height:37px;padding:10px 0; width:403px; }

.newsPage table td { vertical-align:top;}
.newsPage table td h3 { padding-bottom:0px; padding-bottom:0px; line-height:0;}