@charset "utf-8";
/* CSS Document */
html, body, form, a, p,tr,td,th,body, html,h1,h2,h3,h4,h5,h6, fieldset, ul, li, ol,  div, hr, legend  {font-size: 100.01%; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; border: 0;}
input, textarea {font-size: 100.01%; font-family: Verdana, Arial, Helvetica, sans-serif;}
body {background-color: #424d62}

#wrapper {border: 5px solid white; width: 765px; margin: 16px auto 0 auto; background-color: #dee4ea}
ul, ol, li {list-style: none;}

.clear {clear: both; height: 0; font-size: 1px; line-height: 0;}

hr {border-bottom: 1px solid #999; height: 0; margin-bottom: 10px;}


#banner {position: relative; width: 765px; background: url(/images/home/banner.jpg) top left no-repeat #fff; border-bottom: 5px solid white;}
#topnav {position: absolute; right: 0px; top: 0px; }
#topnav ul{border:4px solid #FFF; border-width:4px 0 4px 4px; background:#DFE4EA; padding:7px 0 7px 6px ; margin-top:-5px}
#topnav li {font-size: 65%; display: inline; padding-right: 15px;}
#topnav li a {color: #CF851E; font-weight: bold;  line-height: 100%; background: url(/images/icon/bullet-topnav.gif) center left no-repeat; padding-left: 9px; text-decoration: none;}
#topnav li a:hover {text-decoration: underline}

#nav span {margin-left: -9999px; display: block; position: absolute;}
#nav li {height: 25px; float: left;}
#nav a {display: block; height: 25px; background-position: 0 0 }


#nav1 a, #nav2 a, #nav3 a, #nav4 a, #home a{background:url(/images/new-nav.png) no-repeat;}

#home a{width:101px;}
.home #home a, #home a:hover, #home a.hoverEffect{background-position:0 100%;}

#nav1 a {width: 146px; background-position: -101px 0;}
.outsourcing #nav1 a, #nav1 a:hover, #nav1 a.hoverEffect {background-position: -101px 100%}

#nav2 a {width: 163px; background-position:-247px 0;}
.implementation #nav2 a, #nav2 a:hover, #nav2 a.hoverEffect {background-position: -247px 100%}

#nav3 a {width: 193px; background-position: -410px 0;}
.support #nav3 a, #nav3 a:hover, #nav3 a.hoverEffect {background-position: -410px 100%}

#nav4 a {width: 162px; background-position:-603px 0;}
.hr #nav4 a, #nav4 a:hover, #nav4 a.hoverEffect {background-position: -603px 100%}


#nav ul ul li {line-height: 100%; height: auto; width: 220px; background: #696c72; margin: -2px 0 -1px 0;}
#nav ul ul li a {width: 203px;  line-height: 100%; height: auto; font-size: 70%; color: white; font-weight: bold; display: block; padding: 5px 5px 7px 12px;}
#nav ul ul {display: none; line-height: 100%;background:  #4f4d63; padding-bottom: 0; width: 220px}
#nav ul ul a {background:none; text-decoration: none}
#nav ul ul a:hover {background-color: #4f4d63}

#nav ul ul {position: absolute; border: 5px solid white; border-top: 7px solid white;   margin-left: -5px; }
#nav li li {float: none;height: auto;}
#content li {font-size: 70%; background-repeat: no-repeat; }
#content li li {font-size: 100%}

#leftCol ul {margin-bottom: 20px;}
#leftCol ul li {background-image: url(/images/icon/bullet-lvl1.gif); padding-left: 15px; background-position: 0 4px; margin-bottom: 8px;}
#leftCol ul.alt li {background-image: url(/images/icon/bullet02.gif);}


#leftCol ul li li {background-image: url(/images/icon/bullet-lvl2.gif)}
#leftCol ul ul {padding-top: 10px; margin-bottom: 5px;}


#footer {clear: left; border-top: 5px solid white; padding: 16px 0 10px 25px}
#footer li {display: inline; color: #1E589C ; font-size: 70%}
#footer li a {color: #1E589C ;}
#footer p {margin-top: 5px; color: #666; font-size: 60%}
#footer p a {color: #666; text-decoration: none;}
#footer p a:hover {text-decoration: underline}

ul#social{ float:right; margin:-26px 30px 0 0;}
ul#social li{float:left;}
ul#social li#fb a{background:url(../images/home/facebook.png) no-repeat 0 0; padding:3px 0 9px 30px; margin-right:16px; display:block}
ul#social li#twitter a{background:url(../images/home/twitter.png) no-repeat 0 0; padding:3px 0 9px 30px;display:block}