/*                                                                    
/* ItilFoundations.com                                 
/* Copyright(C) All rights reserved. 
/*                                                                    
/*  Web:     http://www.itilfoundations.com                              
/*  E-mail:  webmaster@itilfoundations..com                                    
/*  Tel.:    +31-(0)74 255 2140                                       
/*                                                                    
/* ----------------------------------------------------------------- */

body {
  margin:0;
  padding:0; 
  text-align:center; /* center IE5.5 > */
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:83%; /* This means 83% of the default browser font. All the other font values will be based on this one */
  background:url("../img/body_bg.png") 0 -1em repeat-x #DFE9ED;
}

/* === RESETS ==================================================== */

.nocss { display:none; }

a img { color:#000; border:0; } /* set image border to zero */

a:active,
a:focus { outline:0; } /* remove firefox link border */

textarea { overflow:auto; } /* remove textarea scrollbar in ie */

* html table { font-size: 100%; } /* for IE 5.5 */

#page a[name] { padding:0; } /* firefox 3 / safari 3 */

#printbranding { display:none; }

/* === CLEARFIX ================================================== */

.clear { 
  min-height:0; 
}

.clear:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
  line-height:0%;
}

* html .clear { 
  height:1%;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* === WRAPPER =================================================== */

#wrapper {
  margin:1em auto;
  padding:0; 
  width:72em;
  text-align:left;
  border-top:1px solid #666;
  border-right:1px solid #666;
  border-bottom:1px solid #333;
  border-left:1px solid #666;
  background:#e8ebed ;
}


/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* === HEADER ==================================================== */

#header {
  background:#fff url("../img/header.png") 0 0 no-repeat;
  height:100px;
}

/* === HEADER_MENU =============================================== */

#header_menu {
  margin:0;
  padding:0; 
  font-size:.8em;
}

#header_menu ul {
  display:inline;
  float:right; 
  margin:0;
  padding:0; 
}

#header_menu li {
  display:inline;
  float:left; 
  margin:0;
  padding:0 .25em; 
  background:url("../img/headernav_sep.png") 100% 50% no-repeat;
}

#header_menu li.last { 
  background:none;
}

#header_menu a {
  display:block;
  padding:.25em;

  color:#fff;
  text-decoration:none;
}

#header_menu a:hover {
  text-decoration:underline;
}


/* === BRANDING ================================================== */

#branding {
  padding:0;
  margin:0 0 0 .5em;
  text-transform:uppercase;
}

#branding a {
  display:block;
  padding:1em 0 0 0;
  margin:0;
  width:800px;
  height:35px;
  font-weight:normal;
  text-decoration:none;
}

#slogan {
  float:left;
  display:block;
  padding:0;
  margin:2.25em 0 0 1em;
  color:#666;
  font-size:1.2em;
  font-weight:normal;
  font-style:italic;
}

/* === BANNERDESC ================================================ */

#bannerdesc {
  font-size:1em;
  font-weight:bold; 
  color:#444;
  display:block; 
  margin:0 0 .3em .2em
}


/* === MAINNAV =================================================== */

#navigation {
  position:relative;
  margin:0;
  background:#331c4b;
}

#mainnav {
  clear:both;
  display:inline;
  float:left;
  margin:0 0 0 1em;
  padding:0; 
  font-size:.85em;
  font-family:Arial, Verdana, Helvetica, Sans;
  color:#fff;
}

#mainnav ul {
  float:left; 
  display:inline;
  padding:0; 
  margin:0;
}

#mainnav li {
  float:left; 
  display:inline;
  padding:0; 
  margin:0 .5em 0 0;
}

#mainnav a {
  display:block;
  padding:0 0 0 1em;
  margin:0;

  color:#eee;
  text-decoration:none;
  font-weight:normal;
  text-align:center;
}

#mainnav a span {
  display:block;
  padding:.35em 1em .5em 0; 
  margin:0;
  
  color:#eee;
  text-decoration:none;
  font-weight:bold;
  font-size:1em;
  text-align:center;
}

#mainnav a:hover {
  background:#482A68;
}

#mainnav li.last a { border-right:none; }

#mainnav li ul {
  position:absolute;
  display:none;
  padding:1em .5em; margin:.5em 0 0 0;

  border:1px solid #999;
  background:#eee;
}

#mainnav li ul li {
  float:none; display:inline;
  padding:0; margin:0;

  background:#eee;
}

#mainnav li ul li a {
  padding:0 .5em; margin:0;
  width:18em;

  color:#333;
  text-align:left;
  text-decoration:none;
  line-height:1.4em;
  border:0;
  background:0 none;
}

#mainnav li ul li a:hover {
  color:#7D6694;
  background:#ddd;
}

#mainnav li:hover ul { display:block; }


/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* === CONTENTS ================================================== */

#contents {
  padding:2em 1em 4em 0.6em;
  margin:0 0 2em 0;
  min-height:30em;
  background:#e8ebed url("../img/page_bg.png") repeat-x;
}

#contents h1,
#contents h2 {
  font-weight:normal;
}


/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* === SIDEBAR =================================================== */

#sidebar {
  float:left; display:inline;
  padding:0; margin:0 -0.6em 0 0;
  width:13.5em;
}

#sidebar h3 {
  margin:0;
  padding:.25em 1em .25em 0; 
  font-size:.78em;
  background:#331C4B;
}

#sidebar h3 span {
  padding:.25em 0 .25em 1em;
  color:#fff;
}

/* === HARMONICA =================================================== */

#harmonica {
  padding:0; 
  margin:1em 0 0 0;
  background:#fff url("../img/subnav_bg.png") 0 0 repeat-x;
}

#harmonica dl {
  font-weight:normal;
  margin:0;
  padding:.5em .2em; 
  border-left:1px solid #ccc; 
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;   
}

#harmonica .sideheader  {
  display:block;
  margin:0 -1px;
  padding:0;
  background:#331c4b;
}

#harmonica .sideheader span {
  display:block;
  margin:0 0 0 .5em;
  padding:.25em .5em;
  font-weight:bold;
  font-size:.85em;
  color:#fff;
  background:#331c4b;
}
#harmonica dt {
  margin:0 .25em;
  padding:0;
/*  background:url("../img/bullet.png") 0 .3em no-repeat;*/
  border-bottom:1px solid #ddd;
}

#harmonica dt a {
  display:block;
  margin:.25em 0 0 0em;
  padding:0; 
  font-size:.8em;
  font-weight:normal;
  cursor:pointer;
  color:#000;
  text-decoration:none;
}

#harmonica dt a:hover {
  color:#331c4b;
  text-decoration:none;
  background:#ddd;
}

#harmonica dd { 
  padding:0;
  margin:0; 
}

#harmonica dd ul {
  margin:0;
  padding:0;
  list-style-type:none;
  border-bottom:1px solid #ddd;
}

#harmonica  dd ul li { 
  margin:0;
  padding:0 0 0 1em;
}

#harmonica  dd ul li a {
  color:#482A68;
  text-decoration:none;
  font-size:.8em;
  width:13.5em;
}

#harmonica  dd ul li a:hover {
  color:#000;
  text-decoration:underline;
}

/* === SUBNAV ==================================================== */

.subnav {
  margin:0 0 1em 0;
  padding:0;
  border-left:1px solid #bdbdbd;
  border-right:1px solid #bdbdbd;
  border-bottom:1px solid #bdbdbd;
  background:#fff url("../img/subnav_bg.png") 0 0 repeat-x;
}

.subnav .sideheader  {
  display:block;
  margin:0 -1px;
  padding:0;
  background:#331c4b;
}

.subnav .sideheader span {
  display:block;
  margin:0 0 0 .5em;
  padding:.25em .5em;
  font-weight:bold;
  font-size:.85em;
  color:#fff;
  background:#331c4b;
}


.subnav ul.software li{
  margin:0 .25em;
  padding:0;
  background:url("../img/bullet.png") .1em .6em no-repeat;
  border-bottom:1px solid #ddd;
}

.subnav ul.software li a{
  display:block;
  margin:.25em 0 0 1em;
  padding:0; 
  font-size:.8em;
  font-weight:normal;
  cursor:pointer;
  color:#000;
  text-decoration:none;
}

.subnav ul {
  float:left;
  display:inline;
  padding:.5em .25em;
  margin:0;
}

.subnav ul ul {
  float:left; display:inline;
  padding:0; margin:0;
}

.subnav li {
  float:left; display:inline;
  padding:0; margin:0 0 .1em 0;
}

.subnav li span.titles{
  float:left; display:inline;
  padding:0; margin:.1em 0;
  font-size:.85em;
}

.subnav li li {
  float:left;
  display:inline;
  padding:0 0 0 .6em;
  margin:.1em 0 .1em .5em;
  background:url("../img/bullet.png") 0 .5em no-repeat;
}

.subnav a {
  display:block;
  padding:0 .25em;
  margin:0;
  width:14em;
  font-size:.85em;
  color:#000;
  text-decoration:none;
}

.subnav .onpath a { color:#c00; }

.subnav li li a { width:14em; }

.subnav a:hover {
  color:#222;
  text-decoration:none;
  background:#ddd;
}

.subnav p {
  padding:0 0 0 .5em;
  margin:0;
  width:15em;
  color:#000;
  text-decoration:none;
}

/* === CRUMBTRAIL ================================================ */

#crumbtrail {
  padding:0;
  margin:0 0 1em 0;
  min-height:0;
  font-size:.85em;
}


/* === QUICKSEARCH =============================================== */

#quicksearch {
  display:inline; 
  float:right;
  margin:.1em 0.5em 0 0;
}

#quicksearch form {
  padding:0; margin:0;
}

#quicksearch .inputfield {
  width:10em;
  font-size:1em;
  border:0 none;
  background:#fff;
}

#quicksearch .button {
  padding:0;
  margin:0;
  color:#fff;
  font-size:0.8em;
  width:5em;
  border:1px solid #ccc;
  background:#482A68;
}

#quicksearch .button:active, 
#quicksearch .button:hover {
  border:1px solid #fff;
  background:#909090;
}

#contents #crumbtrail a {
  color:#222;
  text-decoration:none;
  line-height:1.4em;
}

#contents #crumbtrail a:hover {
  color:#7D6694;
  text-decoration:underline;
}

#contents #crumbtrail b { 
  color:#777;
}


/* === DOWNLOADS =================================================== */
	
#page .downloads { 
  padding:0; 
  margin:.3em 0 0 0; 
}

#page .downloads ul,
#page .downloads li {
  padding:0; margin:0;
  list-style-type:none;
  background:none;
}

#page .downloads a { 
  line-height:20px;
}

#page .downloads .btdownload {
  background:url("../img/icons/download.gif") 0 0 no-repeat;
  font-weight:bold;
  padding:.25em 0 .25em 2em;
}

#page .downloads .btmanualhtm {
  background:url("../img/icons/icon_htm.png") 0 0 no-repeat;
  font-weight:bold;
  padding:.25em 0 .25em 2em;
}

#page .downloads img {
  padding:0;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* === PAGE ====================================================== */

#page {
  overflow:auto;
  display:inline;
  float:right;
  padding:0 0.4em 2em 0.3em;
  margin:0 -0.9em 0 0;
  font-size:.85em;
  width:66.5em;
}

#page hr {
  border:0 none;
  border-top:1px solid #ccc;/*the border*/
  height:1px;/*whatever the total width of the border-top and border-bottom equal*/
}

#page b {
   color:#333;
 }

#page b.error {
   color:#c00;
 }
#page span.error {
   color:#c00;
 }

#pagetitle {
  padding:0;
  margin:1em 0 0 0;
  color:#c00;
  font-size:1.4em;
  font-weight:bold;
}

#page h1 {
  padding:0;
  margin:1.5em 0 1em 0;
  color:#222;
  font-size:1.6em;
  font-weight:bold;
  font-family:Arial, Verdana, Helvetica, sans-serif;
}

#page h1.landingtitle {
  margin:.5em 0;
  display:block;
  width:700px;
  height:20px;
  color:#000;
  font-family:Arial, Verdana, Helvetica, sans-serif;
}

#page h2.title a {
  display:block;
  width:350px;
  height:20px;
  font-family:Arial, Verdana, Helvetica, sans-serif;
}

#page h2 {
  margin:1.7em 0 1em 0;
  color:#333;
  font-size:1.1em;
  font-weight:bold;
  font-family:Arial, Verdana, Helvetica, sans-serif;
}

#page h3 {
  margin:1.7em 0 1em 0;
  color:#000;
  font-size:1em;
  font-weight:bold;
  font-family:Arial, Verdana, Helvetica, sans-serif;
}

#page h4 {
  margin:1.5em 0 1em 0;
  color:#000;
  font-size:1em;
  font-weight:normal;
  text-decoration: underline; 
  font-family:Arial, Verdana, Helvetica, sans-serif;
}

#page h5 {
  margin:1.5em 0 1em 0;
  font-size:1em;
  font-weight:normal;
  font-family:Arial, Verdana, Helvetica, sans-serif;
}

#page .separator {
  display:block;
  margin:1em 0 0 0;
  height:15px;
  background:url("../img/bullet.png") 0 0 repeat-x;
}

#page a {
  text-decoration:none;  
  color:#331C4B;
}

#page a:hover {
  text-decoration:underline;
  color:#604F72;
}

#page p {
  margin:.5em 0 1em 0;
  line-height:1.3em; /**/
  color:#000;
}

#page .more {
  color:#c00;
  font-weight:normal;
}

#page .form { 
  clear:both;
}

#page ul,
#page ol {
  padding:0; 
  margin:.25em 0 2em 1.5em;
  
  list-style-type:none;
}

#page ul li,
#page ol li {
  padding:0 0 0 1em; 
  margin:0;
  line-height:1.3em;
  background:url("../img/bullet.png") 0 .5em no-repeat;
}

#page ul.overview li a {
  margin:0;
  padding:.15em 0;
  font-weight:normal;
  text-decoration:none;
}

#page ul.overview li a:hover {
  color:#7D6694;
  text-decoration:underline;
}

#page ul.main_buttons {
 margin:0;
}

#page table tbody td.editorspick {
  padding:.5em .5em .5em 1em;
  text-align:left;
  vertical-align:middle;
  
}

#page table.table_hover tbody td:hover {
  background:#ddd;
}

#page table tbody th {
  width:10%;
}

#page table tbody td.links {
  padding:0;
  height:20px;
}

#page table tbody td.linkscompany a{
  vertical-align:bottom;
}

#page table tbody td.links a{
  vertical-align:bottom;
}

#page table tbody td.links img{
  vertical-align:middle;
}

#page table tfoot { background:#eee; }

/* === TABLE ======================================================= */
#page table.tblCategory  thead th {
  margin:2em 3em 2em .5em;
  padding:.1em 0 .2em .3em;
  color:#222;
  border:1px solid #444;
  background:#D7D7D7;
  text-align:left;
}

#page table.tblCategory  thead th a {
  margin:0;
  padding:0;
  color:#222;
  background:none;
}

#page table.tblCategory  tbody th {
  padding:0 0 0 .3em;
  text-align:left;
  color:#333;
  background:#fff;
  border-bottom:1px solid #999;
}

#page table.tblCategory tbody td.editorspickimage {
  padding:.5em;
  text-align:center;
  vertical-align:middle;
  width:12%;
}

#page table.tblCategory tbody td.editorspick {
  text-align:left;
  vertical-align:middle;
  width:87%;
}

#page table.tblCategory tbody td.editorspick p{
  padding:0;
}

#page table.tblCategory tbody td {
  padding:.25em;
  text-align:left;
  border:0px solid #000;
  border-bottom:1px solid #999;
  background:#fff;
}

#page table.tblCategory  tbody td a,
#page table.tblCategory  tbody td b {
  margin:0;
  padding:0;
  
}


#page table.tblCategory  tbody th.links {
  /*padding:0 0 .1em 0;*/
  height:25px;
  vertical-align:middle;
  width:12%;
}

#page table.tblCategory  tbody td.links {
  margin:0;
  padding:0 0 0 .2em;
  vertical-align:middle;
}

#page table.tblCategory  tbody td.links ul.downloads {
  vertical-align:bottom;
}

#page table.tblCategory  tbody td.links li {
  display:inline;
  margin:0 1em 0 0;
}

#page table.tblCategory  tbody td.links li.btmanualhtm {
  padding:.3em 0 .2em 2em;
}

#page table.tblCategory  tbody td.links li.btdownload {
  padding:.3em 0 .2em 2em;
}

#page table.tblCategory  tbody td.links li.pipeline {
  color:#666;
  padding:.3em 0 .2em 0;
}

#page table.tblCategory  tbody td.links a {
  line-height:16px;
}

#page table.tblCategory  tbody td.links a img {
  vertical-align:bottom;  
}


/* === Software listing ============================================ */

#page table#tblMainPage {
  width:100%;
  border:1px solid #999;
  background:#fff;
}

#page table#tblMainPage thead th {
  background:none repeat scroll 0 0 #474169;
  color:#FFFFFF;
  margin:2em 3em 2em 0.5em;
  padding:0.2em 0 0.2em 0.5em;
  text-align:left;
}

#page table#tblMainPage tbody td {
  background:none repeat scroll 0 0 #FFFFFF;
  border-bottom:1px solid #CCCCCC;
  padding:0.25em;
  text-align:left;
  vertical-align:top;
}

/* === Software listing ============================================ */

#page table.softwarelisting {
  margin:1.5em 0;
  padding:0;
  border:1px solid #999;
  background:#fff;
}

#page table.softwarelisting thead th{
  text-align:left;
  background:#474169;
}

#page table.softwarelisting h3{
  margin:0;
  padding:.2em;
  font-family:Verdana, Arial, Helvetica, Sans;
  
}

#page table.softwarelisting h3 a {
  color:#fff;
}

#page table.softwarelisting p{
  margin:0; 
  padding:0;
  border-top:1px solid #999;
  
}


#page table.softwarelisting  td.productdescription p{
  margin:.5em;
  padding:0;
  clear:both;
  border:none;
}


/* === Editor's pick =============================================== */


#page table.softwarelisting  td.editorspickimage  {
  margin:0;
  padding:0;
  text-align:center;
  width:15%;
  border-bottom:1px solid #999;
}

#page table.softwarelisting  td.editorspickimage p {
  padding:.5em .5em;
  border:none;
}


#page table.softwarelisting  td.editorspickdescr {
  margin:0 .5em 0 0;
  border-bottom:1px solid #999;
  vertical-align:middle;
}

#page table.softwarelisting  td.editorspickdescr p {
  margin:0;
  padding:0 .5em 0 0;
  border:none;
  background:00c;
}

#page table.softwarelisting  td {
  margin:0 .5em;
  padding:0;
}

#page table.softwarelisting  td p{
  margin:0 .5em;
  
}

/* === Downloads =================================================== */

#page .downloads { 
  padding:0; 
  margin:.3em 0 0 0; 
}

#page .downloads dl {
  padding:0 .5em;
  margin:0;
  list-style-type:none;
  border-top:1px solid #999;
  background:none;
}

#page .downloads dt {
  display:inline;
  font-weight:bold;
  float:left;
  width:14.6%;
  
  line-height:2em;
}

#page .downloads dd {
  padding:0; margin:0;
  list-style-type:none;
  background:none;
  display:inline;
  line-height:2em;
}

#page .downloads dd.pipeline {
  padding:0 1em;
}

#page .downloads a { 
  line-height:20px;
}

#page .downloads .btdownload {
  background:url("../img/icons/download.gif") 0 0 no-repeat;
  font-weight:bold;
  padding:.25em 0 .25em 2em;
}

#page .downloads .btmanualhtm {
  background:url("../img/icons/icon_htm.png") 0 0 no-repeat;
  font-weight:bold;
  padding:.25em 0 .25em 2em;
}

#page .downloads img {
  padding:0;
}


/* === CONTACT =================================================== */

#page #contact ul {
   float:left; display:inline;
   padding:0; margin:0;
}

#page #contact li {
   float:left;
   display:inline;
   margin:0 2em 2em 0; /*margin:0 2em 2em 0;*/
   padding:1em;
   width:27em;
   height:14em;

   border:1px dashed #ccc;
   background:#eee;
}

#page #contact p {
   text-align:right;
   padding:0;
   margin:.5em 0 .25em 0;
   width:11em;
   line-height:1.6em;
}

#page #contact span {
   float:left; display:inline;
   padding:0; margin:-1.5em 0 0 12em;
   width:15em;
   text-align:left;
   line-height:1.6em;
   font-weight:bold;
}

#page #contact h3{
  padding:0; margin:0;

  color:#000;
  font-size:1em;
  font-weight:bold;
}

/* =============================================================== */

#page table.normaltable {
  background:none;
}

#page table.normaltable  tbody tr td {
  background:none;
}

/* =============================================================== */

#page_content .row {
  padding:0;
  margin:0 0 1em 0;
}

#page_content .row .product {
  float:left; display:inline;
  padding:0; margin:0;
  width:49%;
}

#page_content .row .nomargin { 
  float:right; display:inline;
}

#page_content .row .product p {
  padding:0;
  margin:1em 0 0 0;
}

/* =============================================================== */

.checks ul, 
.checks li {
  float:left; display:inline;
  padding:0; margin:0;
}

.checks a {
  display:block;
  width:20em;
}

/* =============================================================== */

form.searchform { margin:.5em;  }
form.searchform .inputfield { width:90px; }
form.searchform .button { margin:0; width:60px; font-size:.8em; }

/* =============================================================== */

#page .standardform p { margin:.2em 1em 1em 1em; }

form.standardform { margin:1em 0; }

form.standardform fieldset {
  display:block;
  margin:0 0 1.5em 0;
  border:1px dashed #999;
}

form.standardform legend {
  padding:.25em .5em;
  margin:0 .5em;
  font-size:1.2em;
  color:#fff;
  border:1px solid #ccc;
  background:#7D6694;
}

form.standardform label {
  clear:left;
  float:left;
  display:inline;
  padding:0 1em 0 0;
  width:16em;
  text-align:right;
  font-weight:normal;
}

form.standardform h4 {
  padding:0 1em 0 0;
  margin:.5em 0 0 0;
  width:18em;
  text-align:right;
  font-size:1em;
  font-weight:normal;
}

form.standardform p,
form.standardform div.formfield { margin:.5em 0; }

form.standardform p.message { padding:.25em .5em; }

form.standardform .required label,
form.standardform .required h4 { background:url("../img/bullet.png") 97% 0 no-repeat; }

form.standardform .bullet {
  padding:0 0 0 1em;
  background:url("../img/bullet.png") 0 0 no-repeat;
}

form.standardform ul,
form.standardform li {
  padding:0;
  margin:0;
  list-style-type:none;
}

form.standardform li input,
form.standardform li label {
  float:none;
  line-height:1.4em;
}

form.standardform .inputgroup {
  padding:0;
  margin:0 0 0 15em;
}

form.standardform .inputgroup label {
  width:100%;
  background:none;
}

form.standardform input,
form.standardform select,
form.standardform textarea {
  font-family:Helvetica, Geneva, Verdana, Arial, sans-serif;
  font-size:1em;
  width:40em;
}

form.standardform .small { font-size:.85em; }

form.standardform input.error,
form.standardform select.error,
form.standardform textarea.error { border:2px solid #c00; }

/* make the fields reasonably the same size */
form.standardform input.text,
form.standardform input.file,
form.standardform input.password,
form.standardform textarea {
  width:39.6em;
  padding:0.2em;
}

/* same for selectbox but without padding */
form.standardform select {
  width:40.4em;
  padding:0;
}

/* hide ugly default scrollbars. already hidden in firefox. breaks konqueror 3.5 */
form.standardform textarea { overflow:auto; }

form.standardform small {
  display:block;
  margin:0 0 0 18.5em; /* margin + fontsize compensation */
  width:31em;
  color:#666;
}

form.standardform .error { color:#c00; }

form .inputgroup small { margin:0; /* reset margin for small */ }

form .button {
  padding:0 .2em;
  margin:0 0 0 16em;
}

/* -------------------- overview ul -------------------- */

ul.overview ul {
  padding:0; margin:1em 2.25em;
}


/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* === FOOTER ==================================================== */

#footer {
  position:relative;
  padding:.5em 0;
  width:100%;
  color:#333;
  border-top:1px solid #000;
  background:#b2b2b2;
  /*
  background:url("../img/footer_bg.png") 0 0 repeat-x #52565a;*/
}


/* -------------------- footernav -------------------- */

#footernav ul {
  float:left; display:inline;
  padding:1em 0;
  margin:0 1.5em;
  font-size:.75em;
}

#footernav li {
  float:left; display:inline;
  padding:0 .5em; margin:0;

  background:url("../img/footer_nav_sep.png") 100% 50% no-repeat; 
}

#footernav li.first,
#footernav li.last { background:none; }

#footernav a {
  padding:0; margin:0;
  text-decoration:none;
  color:#333;
  text-decoration:underline;
}

#footernav a:hover { color:#000; }