/* @import "http://www.huberspace.net/common/global.css"; */

/* ****************** TAGS ****************** */

body
{
  background:#600 url(/images/bg3.jpg) no-repeat 0 200px;
  font-family: verdana, arial, helvetica, san-serif;
  font-size:80%;
  margin:0;
  padding:0;
}


fieldset { border:none; margin:0; padding:0; }

a img { border:none; }

a:hover { text-decoration:none; }


#content h1 { font-size:180%; font-weight: 500; color:#000; margin-top:0; line-height:1.2; }
#content h2 { font-size:140%; font-weight: 500; color:#300; text-transform: capitalize;}
#content h3 { font-size:120%; font-weight: 600; color:#600; margin:0; padding:0;}
#content h4 { font-size:110%; font-weight: 600; color:#900; }

hr
{
  height:1px;
  color:#333;
  background-color:#333;
  border:0;
  margin:10px 0;
  padding:0;
  clear:both;
}


/* ****************** LAYOUT ****************** */



#header
{
  background-color:#fff;
  padding-right:100px;
  position:relative;
  border-bottom:6px solid #1631D6;
}

#header #branding
{
  position:absolute;
  top:0;
  left:0;
  z-index:10;
}

#header #branding img
{
  margin:8px 0 0 10px;
}

#header #branding #tagline
{
  color:#000;
  font-weight:bold;
  font-size:85%;
  padding:0;
  margin:-11px 0 10px 20px;
  line-height:100%;
}


#container
{
  position:relative;
  padding:0 100px 0 180px;

}

#content
{
  background-color:#fff;
  margin:0;
  padding:30px;
  line-height:150%;
  max-width:712px;
  min-width:440px;
}


#footer
{
  clear:both;
  margin:0 0 0 180px;
  padding:10px 0;
  font-size: 85%;
  color:#fff;
  text-align:center;
  max-width:772px;
  min-width:600px;
}

#footer A:link { color:#ccf  }
#footer A:visited { color:#c9f  }


div.row { clear: both }
div.col { float:left; margin:0; padding:0; }

div.row div.content
{
  width:65%;
  float:left;
}

div.row div.side
{
  width:30%;
  float:right;
}



#header:after,
#footer:after,
#container:after,
#content:after,
#examples #content ul li:after,
#thumbnails:after,
.section:after,
div.row:after
{
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}

/* ****************** NAVIGATION ****************** */


ul#nav-tools
{
  list-style:none;
  padding:70px 0 10px 0;
  margin:0;
  text-align:right;
  font-size:95%;
  max-width:952px;
  min-width:680px;
}

ul#nav-tools li
{
  display:inline;
  margin:0;
  padding:0 7px;
  border-right:1px solid #000;
}

ul#nav-main
{
  clear:both;
  list-style:none;
  margin:0;
  padding:0 0 10px 0;
  max-width:952px;
  min-width:680px;
  font-size:85%;
  background:transparent url(/images/home2.jpg) no-repeat 180px 0;
}

ul#nav-main li
{
  margin:0;
  padding:0;
  border-bottom:1px solid #808D33;
  text-align:right;
  width:170px;
  background-color:#fff;
}

ul#nav-tools li.last,
ul#nav-main li.last
{
  border-width:0;
  padding-right:0;
  margin-right:0;
}

ul#nav-main li a
{
  color:#00f;
  text-decoration:none;
  padding:7px 0 2px 0;
  display:block;
}

ul#nav-tools li a
{
  padding:0;
  margin:0;
  color:#00f;
  text-decoration:none;
}

ul#nav-tools li a:hover,
ul#nav-main li a:hover
{
  color:#009;
  background-color:#efefef;
}

ul#subnav
{
  clear:both;
  list-style:none;
  margin:0;
  padding:5px 0;
  font-size:85%;
  text-align:center;
  background-color:#eee;
  border-bottom:6px solid #1631D6;

}

ul#subnav li
{
  margin:0;
  padding:0 5px;
  display:inline;
}
/*

ul#subnav li a
{
  display:block;
}


ul#subnav li a:hover
{
  background-color:#ddd;
}

*/


/* ****************** GENERAL ****************** */

.client_image
{
  background-color:#245177;
  margin-left:1em;
}

.client_image p.caption
{
  margin-top:0;
  padding:2px 5px;
  font-size:80%;
  line-height:140%;
  color:#fff;
}

.photo
{
  width:156px;
}


body#home .photo
{
  width:200px;
  margin:0 0 1em 1em;
  float:right;
}

body#news .photo
{
  width:500px;
  margin:1em auto;
}

.right
{
  float:right;
  margin:0 0 10px 10px;
}

.photo img
{
  border:#0F194A solid 1px;
  padding:2px;
}

.photo p.caption
{
  margin:0;
  padding:0;
  font-size:85%;
  color:#666;
  line-height:140%;
  text-align:center;
}


.standout
{
  text-align:center;
  border:#003D7D solid 1px;
  border-width:1px 3px 3px 1px;
  background-color:#ffc;
  font-size:120%;
  text-align:center;
  padding:.5em;
  margin-right:160px;
  font-weight:bold
}

.section { margin:0 0 10px 20px; }

.section h2 { margin-left:-20px; }

body#home .section { margin:0; }

.section h2 { margin-left:0; }



fieldset.action, 
fieldset.submit
{
  text-align:right;
}

.required label { font-weight:bold; }

.viewall { text-align:right; font-size:80%;}

p { margin:0 0 1em 0; }



.hidden
{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}



.news h3
{
  font-size:100%;
  font-weight:bold;
  border-bottom: 1px solid #666;
  text-transform: none;
  margin:10px;
}

.news li h4
{
  margin:1em 0 0 0;
  padding:0;
  font-weight:bold;
  font-size:85%;
}

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

.news li
{
  padding:0;
  margin:0;
}  


.news li div.summary
{
  margin:0 0 1em 0;
  padding:0;
  font-size:85%;
}


/* ****************** SECTION SPECIFIC ****************** */

#home #content
{
  margin-top:-6px;
}

#home #content p.caption
{
  color:#000;
}

#casestudy p.caption
{
  font-weight:bold;
}

#home ul.logos
{
  list-style:none;
  text-align:center;
  font-size:85%;
  padding:0;
  margin:0;
}

#home ul.logos li
{
  float:left;
  width:30%;
  padding:0;
  margin:1em 5px;
}

#home ul.logos li a img { border:0; }


#examples #content img { float:right; }


#examples #content ul
{
  margin:0;
  padding:0;
  list-style:none;
}

#examples #content ul li
{
  margin:0 0 2em 0;
  padding:10px;
  border:1px solid #aaa;
}

#examples #content ul li img
{
  padding:2px;
  border:1px solid;
  margin-left:10px;
}

#examples li h3,
#examples li h2
{
 font-size:120%;
  font-weight:800;
  margin:0;
  padding:0;
}

#examples li p,
#examples li p
{
  margin:0 0 1em 0;
  padding:0;
}



/* ------ ENDORSEMENTS PAGE ------ */

body#endorsement #content ul.quotes
{
  list-style:none;
  margin:0;
  padding:0;
}

body#endorsement #content ul.quotes li
{
  background:transparent url(/images/quote.gif) no-repeat 0 5px;
  padding:1em 0 0 40px;
  margin:1em 0;
  border-top:1px #aaa solid;
  min-height:33px;
}

body#endorsement #content ul.quotes li blockquote
{
  margin:0;
  padding:0;
}

body#endorsement #content ul.quotes li cite
{
  font-style:italic;
  margin:0;
  padding:0;
  text-align:right;
  display:block;
}


/* ****************** LEFT SIDEBAR ****************** */


#left
{
  width:160px; 
  position:absolute;
  top:0;
  left:0; 
  margin:20px 10px;
  background:none;
}


#left h2
{
  background:transparent url(/images/white-paper-top.gif) no-repeat top left;
  font-size:120%;
  font-weight:600;
  text-transform: none;
  padding:10px 15px;
  margin:0;
  width:100%;
}

#left #newsbox
{
  margin-top:0;
  background:#fff;
  width:148px;
  padding:5px 5px 15px 5px;
  border:1px #434343 solid;
  border-top-width:0;
}

#left #newsbox ul
{
  padding:0;
  margin:0 10px;
  list-style:none;
}  

#left #newsbox li
{
  padding:0;
  margin:0;
}  

#left #newsbox li h3
{
  margin:0;
  padding:0;
  font-weight:bold;
  font-size:85%;
}


#left #newsbox li div.summary
{
  margin:0 0 1em 0;
  padding:0;
  font-size:85%;
}

#left #smlinks
{
  text-align:center;
  margin:1em 0 0 0;
}

#left #smlinks img
{
  margin:1em 0 0 0;
}


/* ****************** PACKAGES TABLE ****************** */

table#packages
{
  border-collapse: collapse;
  width:100%;
  margin-top:2em;
}

table#packages thead th
{
  background-color:#900;
  color:#fff;
}

table#packages tbody th,
table#packages tfoot th
{
  background-color:#99f;
  text-align:left;
}

table#packages tfoot th
{
  text-transform:uppercase;
}

table#packages tfoot td
{
  background-color:#ddd;
}

table#packages tbody td,
table#packages tfoot td
{
  text-align:center;
}

table#packages th,
table#packages td
{
  border:1px solid #ccc;
  padding:5px;
}

table#packages tbody td.yes
{
  background:#fff url(/images/check.gif) no-repeat center center;
  text-indent:-9999em;
  height:21px;
}

table#packages tbody td.no
{
/*  background:#fff url(/images/x.gif) no-repeat center center; */
  text-indent:-9999em;
  height:17px;
}

table#packages td
{ width:20%; }


/* ****************** MICROFORMATS ****************** */

.vcard a.url
{
 display:none;
}

.vcard a.im
{
 display:inline;
}


.vcard div.adr
{
  margin:.5em 0;
}

.vcard .tel .type:after
{
  content: ": "
}

/* ************** BREADCRUMBS ****************** */

div#breadcrumbs
{
  background-color:#fff;
  margin: -6px 0 0 0;
  padding:30px 30px .5em 30px;
  font-size:85%;
  max-width:712px;
  min-width:440px;
} 


#breadcrumbs ol
{
  margin-left: 0;
  padding-left: 0;
  display: inline;
  border: none;
} 


#breadcrumbs ol
{
  margin-left: 0;
  padding-left: 0;
  display: inline;
  border: none;
} 

#breadcrumbs ol li
{
  margin-left: 0;
  padding-left: 15px;
  border: none;
  list-style: none;
  display: inline;
  background:url(/images/bcseparator.gif) 4px 6px no-repeat;
}

#breadcrumbs ol li.first
{
  padding-left:0;
  background-image:none;
}