body {
  padding: 0;
  margin: 0;
  background: #fff;
  font: 11px/15px verdana, arial, sans-serif;
  color: #585b5d;
  }

p {
  padding: 0;
  margin: 0 0 15px 0;
  }

p.intro {
  font: 13px/20px verdana, arial, sans-serif;
  }
  
h1 {
  font: bold 18px/20px verdana, arial, sans-serif;
  color: #f47521;
  padding: 0 0 15px 0;
  margin: -2px 0 0 0;
  }

h2 {
  font: bold 11px/15px verdana, arial, sans-serif;
  color: #585b5d;
  text-transform: uppercase;
  padding: 0 0 5px 0;
  margin: 0 0 0 0;
  }

a:target h2 {
  padding: 0 0 5px 15px;
  margin: 0 0 0 -15px;
  background: url(/images/layout/orange_arrow.gif) no-repeat left top;
  }

a h2 {
  font: bold 11px/15px verdana, arial, sans-serif;
  color: #585b5d;
  text-transform: uppercase;
  padding: 0 0 5px 0;
  margin: 0 0 0 0;
  }
    
h3 {
  font: bold 13px/15px verdana, arial, sans-serif;
  color: #f47521;
  padding: 0 14px 0 0;
  margin: 0;
  }

h3 a {
  font: bold 13px/15px verdana, arial, sans-serif;
  color: #f47521;
  padding: 0 14px 0 0;
  margin: 0;
  }
  
h3 a:hover {
  color: #585b5d;
  text-decoration: none;
  }
  
h4 {
  font: bold 14px/16px verdana, arial, sans-serif;
  color: #f47521;
  padding: 0 0 10px 15px;
  margin: 0 0 0 -15px;
  background: url(/images/layout/orange_arrow.gif) no-repeat left top;
  }
  
h5 {
  font: bold 11px/15px verdana, arial, sans-serif;
  color: #585b5d;
  padding: 0;
  margin: 0;
  }

h5 a {
  font: bold 11px/15px verdana, arial, sans-serif;
  color: #585b5d;
  text-decoration: none;
  padding: 0;
  margin: 0;
  }
  
h5 a:hover {
  color: #f47521;
  text-decoration: none;
  }
  
h6 {
  font: bold 11px/15px verdana, arial, sans-serif;
  color: #585b5d;
  padding: 0;
  margin: 5px 0 5px 0;
  }

h6 a {
  font: bold 11px/15px verdana, arial, sans-serif;
  color: #585b5d;
  padding: 0;
  margin: 5px 0 5px 0;
  }
  
h6 a:hover {
  color: #f47521;
  }
  
a {
  font: 11px/13px verdana, arial, sans-serif;
  color: #f47521;
  text-decoration: none;
  }
  
a:hover {
  text-decoration: underline;
  }
  
ul {
  padding: 0;
  margin: -10px 0 15px 30px;
  }
  
li {
  color: #585b5d;
  padding: 0;
  margin: 0;
  }

div.dashed {
  background: url(/images/layout/dash_line_repeat.gif) repeat-x left top;
  color: transparent;
  padding: 0;
  margin: 0;
  clear: both;
  }
  
#white {
  margin: -25px 0 0 0;
  padding: 0 0 10px 0;
  }  

/**** HEADER ****/

#header_container {
  width: 920px;
  margin: 0 auto;
  background: url(/images/layout/content_bg.gif) repeat-y left top;
  }

#header_wrapper {
  width: 820px;
  margin: 0 auto; 
  }

#gray_bar {
  width: 820px;
  height: 11px;
  margin: 0 auto;
  background-color: #585b5d;
  }
  
/**** MAIN NAV ****/
  
#nav_container {
  width: 820px;
  height: 30px;
  margin: 0 auto;
  text-align: center;
  background-color: #f47521;
  }

ul#nav {
  padding: 8px 0 0 0;
  margin: 0;
  }
  
ul#nav li {
  list-style: none;
  display: inline;
  padding: 0 0 0 0;
  margin: 0 18px 0 18px;
  }
  
ul#nav li a {
  font: bold 10px verdana, arial, sans-serif;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;  
  padding: 10px 0 0 0;
  margin: 0;
  }
  
ul#nav li a:hover {
  color: #585b5d;
  }

ul#nav li a.on {
  color: #585b5d;
  background: url(/images/layout/gray_arrow.png) no-repeat center top;  
  }
  
*html ul#nav li a.on {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/layout/gray_arrow.png');
  background: none;
  }

ul#nav li a.on * {
  position: relative;
  }
  
/**** LOGO ****/

#logo_container {
  width: 920px;
  margin: 0 auto;
  }

#logo_wrapper {
  width: 920px;
  height: 268px;
  margin: 0 auto;
  background: url(/images/layout/refresh_your_it_thinking.jpg) no-repeat left top;
  }
  
#logo {
  width: 132px;
  height: 163px;
  float: left;
  background: url(/images/layout/pni_logo.gif) no-repeat left top;
  text-indent: -9000px;
  padding: 0;
  margin: 20px 0 0 100px;
  }

/**** CONTENT ****/

#content_container {
  width: 920px;
  margin: 0 auto;
  clear: both;
  }

#content_wrapper {
  width: 920px;
  margin: 0 auto;
  float: left;
  padding: 0 0 15px 0;
  background: url(/images/layout/content_bg.gif) repeat-y left top;
  }
  
#content {
  width: 820px;
  margin: 0 auto;
  }
  
#content_left {
  width: 245px;
  float: left;
  text-align: right;
  padding: 3px 0 20px 0;
  }

#content_right {
  width: 525px;
  float: left;
  padding: 0 0 20px 50px;
  }
  
#content_right2 {
  width: 525px;
  float: left;
  padding: 0 0 0 50px;
  margin: 0 0 -30px 0;
  }

/**** BREADCRUMBS ****/

ul#breadcrumbs {
  padding: 0;
  margin: 0 0 -17px 0;
  text-align: right;
  }
  
ul#breadcrumbs li {
  list-style: none;
  display: inline;
  padding: 0;
  margin: 0 5px 0 5px;
  font: bold 11px verdana, arial, sans-serif;
  color: #585b5d;
  text-decoration: none;
  }
  
ul#breadcrumbs li a {
  font: bold 11px verdana, arial, sans-serif;
  color: #585b5d;
  text-decoration: none;
  }
  
ul#breadcrumbs li a:hover {
  color: #f47521;
  }
 
/**** LOGO BLOCK ****/

#content_logos {
  width: 820px;
  margin: 0 auto; 
  clear: both;
  }

#partner_logos_container {
  width: 820px;
  margin: 0 auto;
  position: relative;
  left: 45px;
  }
  
#partner_logos_wrapper {
  width: 164px;
  float: left;
  }
  
ul.logos_block {
  padding: 0;
  margin: 0;
  }

ul.logos_block li {
  list-style: none;
  padding: 0;
  margin: 0;
  }

/**** NEWS FEEDS ****/

#highlights_container {
  width: 260px;
  float: left;
  }
  
ul.highlights {
  padding: 0 10px 0 0;
  margin: 0 0 5px 0;
  }

ul.highlights li {
  list-style: none;
  padding: 0 0 10px 0;
  margin: 0;
  }
  
/**** SUBNAV ****/

ul.subnav {
  list-style: none;
  padding: 10px 0 20px 0;
  margin: 0;
  }

ul.subnav li {
  padding: 0 15px 0 0;
  margin: 0;
  background: url(/images/layout/subnav_square.gif) no-repeat right 7px;
  }
  
ul.subnav li a {
  font: 11px/18px verdana, arial, sans-serif;
  color: #585b5d;
  text-decoration: none;
  text-transform: capitalize;
  }
  
ul.subnav li a:hover {
  color: #f47521;
  }

/**** FOOTER ****/

#footer_container {
  width: 920px;
  margin: 0 auto;
  }

#footer_wrapper {
  width: 920px;
  margin: 0 auto;
  float: left;
  background: url(/images/layout/footer_bg.gif) no-repeat left top;
  }

#footer {
  width: 860px;
  margin: 0 auto;
  padding: 15px 0 50px 0;
  font: 10px/12px verdana, arial, sans-serif;
  color: #585b5d;
  }
  
#footer_left {
  width: 290px;
  float: left;
  }
  
#footer_right {
  width: 550px;
  float: right;
  text-align: right;  
  }

#footer_wrapper a {
  font: 10px/16px verdana, arial, sans-serif;
  color: #585b5d;
  text-decoration: none;
  }
  
#footer_wrapper a:hover {
  color: #f47521;
  }

#footer_wrapper a.on {
  color: #f47521;
  }
  
/**** FOOTER NAV ****/

ul.footer_nav {
  padding: 0;
  margin: 0;
  }
  
ul.footer_nav li {
  list-style: none;
  display: inline;
  padding: 0;
  margin: 0;
  }

ul.footer_nav li a {
  font: 10px/16px verdana, arial, sans-serif;
  color: #585b5d;
  text-decoration: none;
  color: #585b5d;
  }
  
ul.footer_nav a:hover {
  color: #f47521;
  }
  
ul.footer_nav li a.on {
  color: #f47521;  
  }  
  
/**** MOZILLA HACK ****/

:focus {
  -moz-outline-style: none;
  }  
