/*
-----------------------------------------------
kinley consulting basic style
version:  2007.07.30
----------------------------------------------- */
.thumbnail {
  clear: both;
}
.float-right {
  float: right;
}
.read img {
  float: right;
  padding: 0px 5px 5px 0px;
}
body {
  margin:0;
  padding:0;
  background:#fff;
  color:#000;
  font:medium Arial,Helvetica,sans-serif;
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size:medium;
} 
html>body {font-size:medium;}
/* Column Structure
----------------------------------------------- */
#content {
  margin-left:30px;
  width:960px;
}
.maincol {
  float:left;
  width:510px;
  margin:0;
  font-size:85%;
  line-height:1.5em;
}
.subcol {
  float:right;
  width:180px;
  margin:0;
  font-size:85%;
  line-height:1.5em;
}
.xcol {
  float:right;
  width:180px;
  font-size:85%;
  line-height:1.5em;
}
.col-M .maincol {
  float:none;
  width:100%;
}
.col-SM .xcol,
.col-MS .xcol,
.col-M .subcol,
.col-M .xcol 
{display:none;}

.col-SM .maincol,
.col-SMX .maincol 
{float:right;}

.col-SM .subcol,
.col-SMX .subcol
{float:left;}
  
.col-MSX .wrap,
.col-SMX .wrap {
  float:left;
  width:510px;
}
.col-MSX .maincol,
.col-SMX .maincol
{width:310px;}

.col-MSX .subcol,
.col-SMX .subcol 
{width:180px;}

#home .maincol,
#aboutus .maincol,
#opportunities .maincol,
#blog .maincol,
#services .maincol
{width:460px;}

#home .subcol,
#aboutus .subcol,
#opportunities .subcol, 
#blog .subcol,
#services .subcol
{width:460px;}
/* Logo Header
----------------------------------------------- */
#header {
  background:#fff;
  height:80px;
  margin-right:42px;
  border-bottom:8px solid #c60;
  voice-family: "\"}\"";
  voice-family:inherit;
  height:72px;
} 
html>body #header {height:72px;}
#logo {
  position:absolute;
  top:16px; left:5px;
  width:250px;
}
.mission {
  padding-top: 70px;
}
/* Main Navigation
----------------------------------------------- */
#nav {
  position:relative;
  margin-left:305px;
  height:100%;
  font-size:85%;
}
#nav div {
  position:absolute;
  width:500px;
  bottom:0;
  left:0;
  border-left:1px solid #f90;
}
#nav a, #nav strong, #nav em {
  float:left;
  display:block;
  padding:2px 6px 7px;
  border-width:0;
  border-style:none;
  border-right:1px solid #f90;
  text-decoration:none;
  text-transform:lowercase;
  color:#c60;
  voice-family: "\"}\"";
  voice-family:inherit;
  height:1.2em;
} 
html>body #nav a,
html>body #nav strong,
html>body #nav em
{height:1.2em;}

#nav strong {
  border-bottom:5px solid #f90;
  padding-bottom:2px;
  color:#000;
}
#nav a:hover {
  color:#f00;
}
/* \ Hack to get IE5/Mac to ignore the following rule */
#nav a:hover {
  border-bottom:5px solid #f90;
  padding-bottom:2px;
}
#nav strong a {
  float:none;
  display:inline;
  border-width:0;
  padding:0;
}
#nav strong a:hover {
  border-bottom-width:0;
}
#nav em {
  float:none;
  display:block;
  padding-left:0;
  padding-right:0;
  border-right-width:0;
}
#nav span {display:none;}
/* alternative top menu style */
#topmenu {
  position:absolute;
  width:500px;
  bottom:0;
  left:0;
  border-left:1px solid #f90;
}
ul#topmenu {
  margin: 0;
}
#topmenu li {
  margin: 0;
  padding: 0;
  display: inline;
  list-style: none;
}
body#home #home_menu a,
body#aboutus #aboutus_menu a,
body#blog #blog_menu a,
body#services #services_menu a,
body#opportunities #opportunitied_menu a,
body#contact #contact_menu a {
  border-bottom:5px solid #f90;
  padding-bottom:2px;
  color:#000;
}
/* Home Page
----------------------------------------------- */
#home h1 {
  background:#ffbd58 url("/images/16.gif") no-repeat left top;
  margin:0;
  padding:0;
  border-width:0;
  font-size:1px;
}
#home h1 strong {
  display:block;
  height:60px;
}
#home h1 span {display:none;}

#home .ad {
  padding:5px 0 4px;
  border:1px solid #aa7;
  border-width:1px 0;
}
#home .ad img {
  float:left;
  margin:0 8px 0 0;
}
#home .ad h2 {font: 170%/1.25em;}
#home .ad h2, #home .ad h2 a {color:#c60; border-width:0;}
#home .ad h2 a:hover, #home .ad h2 a:hover strong {color:#03c;}
#home .ad h2 strong {
  font-size:100%;
  font-weight:normal;
  color:#333;
}
#home .ad p {margin:0; color:#333;}

#home #section {
  background: #ffc;
  position:static;
  margin-bottom:15px;
}
#home #section .content div {background:none;}
#home #section .content {
  padding:8px 0 8px 30px;
  width:960px;
  voice-family: "\"}\"";
  voice-family:inherit;
  width:960px;
}
html>body #home #section .content {width:960px;}

#home #section .subcol p {
  margin:0 0 .5em;
  color:#333;
}
#home #section p strong {color:#000;}
#home #section .subcol em {font-style:normal;}
#home #section .maincol img {display:block;}

#post p (text-align: right;)
.post p (text-align: right;)

#home ul#subnav {margin:0.45em 0 1.5em 0;}
#home ul#subnav br {display:none;}
#home #subnav li,
#aboutus #subnav li,
#opportunities #subnav li,
#blog #subnav li,
#services #subnav li {
  margin:0 0 5px; 
  padding:0; 
  background-image:none;
}
#home #subnav a:link,
#home #subnav a:visited,
#aboutus #subnav a:link, 
#aboutus #subnav a:visited, 
#opportunities #subnav a:link, 
#opportunities #subnav a:visited, 
#blog #subnav a:link,
#blog #subnav a:visited,
#services #subnav a:link, 
#services #subnav a:visited {
  display:block;
  background-repeat:no-repeat;
  background-position:7px 7px;
  padding:6px 10px;
  border-width:1px;
  border-style:solid;
  width:300px;
  voice-family: "\"}\"";
  voice-family:inherit;
  width:278px;
} 
html>body#home #subnav a:link,
html>body#home #subnav a:visited,
html>body#aboutus #subnav a:link,
html>body#aboutus #subnav a:visited,
html>body#opportunities #subnav a:link,
html>body#opportunities #subnav a:visited,
html>body#blog #subnav a:link,
html>body#blog #subnav a:visited,
html>body#services #subnav a:link,
html>body#services #subnav a:visited 
{width:278px;}

#subnav strong {
  display:block;
  font:165%/1em Arial,Sans-serif;
  text-transform:lowercase;
  margin-bottom:4px;
}
#subnav img {
  float:right;
  margin:0 8px 0 0;
}

#subnav .box1 strong {color:#ffc;}
#subnav .box2 strong {color:#7B7B54;}
#subnav .box3 strong {color:#c60;}

#home .box1 a, 
#aboutus .box1 a, 
#opportunities .box1 a, 
#blog .box1 a, 
#services .box1 a {
  background-color:#c60;
  color:#fff;
  border-color:#c60;
}
#home .box2 a,
#aboutus .box2 a,
#opportunities .box2 a,
#blog .box2 a,
#services .box2 a {
  background-color:#ffc;
  color:#000;
  border-color:#ffc;
}
#home .box3 a,
#aboutus .box3 a,
#opportunities .box3 a,
#blog .box3 a,
#services .box3 a {
  background-color:#f90;
  color:#000;
  border-color:#f90;
}

#home #subnav a:hover,
#aboutus #subnav a:hover,
#opportunities #subnav a:hover,
#blog #subnav a:hover,
#services #subnav a:hover {
  background-color:#fff;
  border-color:#ccc;
  color:#333;
}
#home #subnav a:hover strong,
#aboutus #subnav a:hover strong,
#opportunities #subnav a:hover strong,
#blog #subnav a:hover strong,
#services #subnav a:hover strong {
  color:#03c;
}
#postlist img {
  float: left;
  padding: 0px 5px 5px 0px;
}
#postlist h2 {
  border-bottom:1px dotted #f90;
  padding-bottom:2px;
  margin-bottom:.25em;
  font:170%/1.2em;
  color:#03c;
  clear: both;
}
#postlist h3 {
  margin:.5em 0 0;
  font:100%/1.5em ;
  color:#666;
}
#postlist h4 {
  margin:0;
  font:bold 100% ;
}
#home p {margin:.5em 0;}
#postlist p {margin:0 0 1em;}
#home ul.more {
  margin:1em 0;
  border-top:1px dotted #ccc;
  padding-top:.5em;
  width:100%;
}
#home .subcol ul.more {
  height:1.4em;
  margin:0 0 .75em;
  border:none;
  padding-top:0;
}
#home .maincol ul.more li {
  float:none;
  margin-right:0;
}
#home ul.more li {
  display:block;
  float:left;
  background-image:none;
  padding:0 0 0;
  margin-left:0;
  margin-right:15px;
}

/* Section Headers
----------------------------------------------- */
#section {
  position:absolute;
  top:80px; left:0;
  margin:0;
  right:15px; margin-right:-15px; /* IE5/Mac horizontal scrollbar fix */
  width:100%;
}
#section h4 {
  background: #f90;
  margin:0;
}
#section h4 strong {
  display:block;
  background-repeat:no-repeat;
  padding:5px 0;
  height:34px;
  voice-family: "\"}\"";
  voice-family:inherit;
  height:24px;
}
#section h4 a {
  display:block;
  margin-left:30px;
  width:200px;
  height:24px;
  border-width:0;
  border-style:none;
}
#section h4 span {display:none;}

/* this is based on the first directory name */
#aboutus #section h4 strong {background-image:url("/images/26.gif");}
#contact #section h4 strong {background-image:url("/images/28.gif");}
#opportunities #section h4 strong {background-image:url("/images/27.gif");}
#blog #section h4 strong {background-image:url("/images/52.gif");}
#services #section h4 strong {background-image:url("/images/19.gif");}

#aboutus #section h4 strong,
#opportunities #section h4 strong,
#blog #section h4 strong,
#services #section h4 strong,
#contact #section h4 strong,
#archive #section h4 strong {
  padding:0;
  height:60px;
}
#aboutus #section h4 a,
#opportunities #section h4 a,
#blog #section h4 a,
#services #section h4 a,
#contact #section h4 a {
  display:none;
}
/* Section Nav
----------------------------------------------- */
#section ul {
  margin:0 0 15px 30px;
  padding:0;
  border-left:1px solid #f90;
  font-size:85%;
  text-transform:lowercase;
  background:#ce9 url("/images/new/bit_light.gif") no-repeat right top;
}
#section ul li {
  display:inline;
  margin:0;
  padding:0;
  background-image:none;
}
#section ul a, #section ul strong, #section ul em, #section ul .regnav, #section ul .regnavback {
  float:left;
  display:block;
  padding:5px 6px 2px;
  border-width:0;
  border-style:none;
  border-right:1px solid #f90;
  text-decoration:none;
  color:#c60;
  white-space:nowrap;
  voice-family: "\"}\"";
  voice-family:inherit;
  height:1.5em;
} 
html>body #section ul a,
html>body #section ul strong,
html>body #section ul em,
html>body #section .regnav,
html>body #section .regnavback {height:1.5em;}

#section ul .regnavback {
  border-top:5px solid #c60;
  padding-top:0;
  background:#ce9;
}
#section ul strong {
  border-top:5px solid #c60;
  padding-top:0;
  background:#fff;
  color:#000;
}
#section ul a:hover {
  color:#f00;
}
/* \ Hack to get IE5/Mac to ignore the following rule */
#section ul a:hover {
  border-top:5px solid #c60;
  padding-top:0;
}
#section ul strong a,#section ul .regnavback a {
  float:none;
  display:inline;
  padding:0;
  border-width:0;
}
#section ul strong a:hover {
  border-top-width:0;
}
#section ul em {
  float:none;
  display:block;
  border-right-width:0;
}
/* Links
----------------------------------------------- */
a:link, a:visited {
  color:#609;
  text-decoration:none;
  border-bottom:1px dotted #69f;
}
a:hover {
  color:#f00;
  border-color:#03c;
}
a:link img,
a:visited img 
{border-width:0;}

h2 a:link,
h2 a:visited 
{border-width:0; color:#609;}

h3 a:link,
h3 a:visited
{border-width:0; color:#609;}

h2 a:hover,
h3 a:hover 
{color:#f00; border-bottom-width:1px;}

a.noborder:link,
a.noborder:visited
{border-width:0;}

a.thumbnail:link,
a.thumbnail:visited 
{border-width:0;}

a.readmore {margin-left: 300px;}
/* Breadcrumbs
----------------------------------------------- */
#bc {
  visibility:hidden;
  display:block;
  height:35px;
  margin:0 0 3em;
  padding:0;
}

#aboutus #bc, 
#opportunities #bc, 
#blog #bc,
#services #bc,
#contact #bc  {
  height:50px;
}
/* Titles
----------------------------------------------- */
h1 {
  margin: 0 0px 10px 0px;
  padding:0 0 .1em;
  border-bottom:1px dotted #f90;
  font:160%/1.2em ;
  color:#03c;
}
#aboutus h1,
#opportunities h1,
#blog h1,
#services h1,
#contact h1 {
  margin-top:0;
  font-size: 1.5em
}
h2 {
  margin:0 0 .25em;
  font:170%/1.2em;
  color:#c60;
}
h2 strong {
  font-size:78%;
  color:#000;
}
h3 {
  margin:0 0 .25em;
  font:bold 120%/1.3em;
  color:#03c;
}
h4 {
  margin:0;
  font-size:100%;
}
/* Forms
----------------------------------------------- */
form {
  margin:0; 
  line-height:1.3em;
 }
form div {padding:3px 0 2px;}
input.text {font:120% "Courier New",Courier,Monospace;}
input.button {
  background:#03c;
  color:#fff;
  font:bold 100% ;
  border:2px solid #f00;
  border-color:#f00 #900 #900 #f00;
}

#contactform div {padding-top:5px;}
#contactform label {
  display:block;
  padding-bottom:1px;
}
#contactform input.text {width:200px;}
#contactform input#subject {
  voice-family: "\"}\"";
  voice-family:inherit;
  width:95%;
} html>body #contactform input#subject {width:95%;}  
#contactform input.text, #contactform textarea {
  background:#eee;
  border:1px solid #999;
}
#contactform textarea {
  voice-family: "\"}\"";
  voice-family:inherit;
  width:95%;
  height:10em;
} html>body #contactform textarea {width:95%;}  
/* Tables
----------------------------------------------- */
caption {display:none;}
table {
  border-width:0;
  font-size:100%;
  line-height:1.5em;
  width:100%;
  margin:0 0 1.5em;
}
table tr.blank td {
  border-width:0;
  font-size:1px;
  line-height:1px;
  padding:5px;
}

.dates {
  position:relative;
  top:-.5em;
}
.dates th {display:none;}
.dates td {
  padding:3px 8px;
  border:1px solid #ccc;
  border-width:0 0 1px 1px;
}
.dates td.loc {
  width:35%;
  background:url("/images/new/bullet_red.gif") no-repeat 6px 50%;
  padding-left:15px;
}
.dates td.date {font-style:italic;}

.times th {
  background:#eee;
  padding:5px 8px;
  border:1px solid #ccc;
  border-width:0 0 1px 1px;
  font:bold 100%;
  color:#03c;
  text-align:left;
}
.times td {
  padding:3px 8px;
  border:1px solid #ccc;
  border-width:0 0 1px 1px;
  vertical-align:top;
}
.times td.time {
  background:#eee;
  width:8em;
  font:110%;
  text-align:left;

  width:20%;
}

.timesnoborder th {
  background:#eee;
  padding:5px 8px;
  font:bold 100%;
  color:#03c;
  text-align:left;
}
. timesnoborder td {
  padding:3px 8px;
  vertical-align:top;
  }
. timesnoborder td.time {
  background:#eee;
  width:8em;
  font:110%;
  text-align:left;
  width:20%;
}

.downloads th {
  padding:5px 8px;
  border:1px solid #ccc;
  border-width:0 0 1px 1px;
  font:bold 118% ;
  color:#03c;
  text-align:left;
}
.downloads th em {
  font:85% ;
  color:#666;
}
.downloads td {
  padding:3px 8px;
  border:1px solid #ccc;
  border-width:0 0 1px 1px;
  vertical-align:top;
}
.downloads td.file {width:1%;}
.downloads td.file a {border-width:0;}
.downloads td.file img {display:block;}
.downloads td.size {
  text-align:right;
  white-space:nowrap;
  width:1%;
}
/* Lists
----------------------------------------------- */
dl {margin:0 0 1.5em; padding:0;}
dd {margin:0 0 .5em; padding:0;}
dl.sidenav, ul.sidenav {margin-bottom:2em; margin-left:0;}
dl.sidenav dt, ul.sidenav li {
  background:url("/images/new/bullet_red.gif") no-repeat 0 .6em;
  padding-left:12px;
}
dl.sidenav dt strong, ul.sidenav li strong {
  font:bold 118%/1.5em ;
  }
dl.sidenav dd {
  padding-left:12px;
  }
dl.sidenav a:link, dl.sidenav a:visited, ul.sidenav a:visited {
  color:#609;
  border-bottom:1px dotted #69f;
  }
dl.sidenav a:hover {
  color:#f00;
  border-color:#03c;
  }
ul {
  margin:.5em 0 1em;
  padding:0;
  }
ol {
  margin-top:.5em;
  margin-bottom:1em;
  }
ul li {
  margin:0 0 0 7px;
  padding:0 0 5px 12px;
  line-height:1.5em;
  list-style:none;
  background:url("/images/7.gif") no-repeat 0 .5em;
  }
ol li {
  padding:0 0 5px 0;
  }
.maincol ol {
  margin-left:30px;
  padding-left:0px;
  }
.maincol ul li {
  margin-left:12px;
  padding-left:18px;
  }
ul.dates li {
  margin-left:0;
  padding:5px 0 5px 18px;
  background-position:7px .95em;
  border:1px solid #ccc;
  border-width:0 0 1px 1px;
  }
ul.red li, ul.dates li, .annc ul li, .annc-light ul li {
  background-image:url("/images/new/bullet_red.gif");
  }
  
  
/* Modules
----------------------------------------------- */
.sidebyside .box1, .sidebyside .box2 {
  width:48%;
  padding:.5em 0 1em;
  margin:0;
  }
.sidebyside .box1 {float:left;}
.sidebyside .box2 {float:right;}
.quotes strong {display:block;}
.quotes em {color:#999;}
.pricing {margin:0 0 1em;}
.pricing p {margin:0 0 .25em;}
.pricing strong {
  display:block;
  font:bold 118%/1.2em ;
  padding:0 0 3px;
  }

.mailbox {
  background:#eee url("/images/new/bit2_whitegray.gif") no-repeat right top;
  margin:2em 0 1em;
  padding:8px;
  }
.mailbox h3 {color:#666;}
.mailbox p {margin:.5em 0; line-height:1.5em;}
.mailbox input.text {width:90%;}
.mailbox input.button {
  background:#666;
  color:#fff;
  border-color:#999 #333 #333 #999;
  }

.mailbox label {display:block; padding-bottom:2px;}

.annc, .annc2 {
  background:#ffc url("/images/new/bg_annc.gif") no-repeat right top;
  margin:0 0 1.5em;
  padding:12px 8px;
  }
.annc h3, .annc2 h3 {
  color:#000;
  margin-right:30px;
  }
.annc p, .annc2 p {
  margin:.5em 0;
  line-height:1.5em;
  }
.annc ul, .annc2 ul {
  margin-top:.5em;
  margin-bottom:0;
  }
.serviceinset,.serviceinsetr {
  float:left;
  padding:0 0 5px;
  width:180px;
  margin:0 20px 10px 0;
  border:1px solid #999;
  background:#eee;
  }
.serviceinsetr {
  float:right;
  margin:0 0 10px 20px;
  }
.serviceinset h3, .serviceinsetr h3 {
  background:#ccc;
  padding:4px 8px;
  border-bottom:1px solid #999;
  font-size:100%;
  color:#333;
  }
.serviceinset p, .serviceinsetr p {
  margin:.5em 8px;
  }
/* Case Studies
----------------------------------------------- */
.casestudy {
  margin:10px 0 0;
  padding:10px 0 0;
  }
.casestudy h3 {margin:0 0 5px 0;}
.casestudy .visual {
  position:relative;
  float:left;
  top:2px;
  width:180px;
  margin-bottom:10px;
  }
.casestudy .visual img, .casestudy .inset img {
  position:static;
  float:none;
  margin:0 0 2px;
  display:block;
  border:1px solid #ccc !important;
  }
.casestudy a:hover img, .casestudy .inset a:hover img {border-color:#f00 !important;}
.casestudy .explanation {
  float:left;
  width:300px;
  margin-left:20px;
  }
.casestudy .explanation p {margin:0 0 15px 0;}
.casestudy .inset {
  float:left;
  width:180px;
  margin:2px 20px 5px 0;
  }
.casestudy .inset ul li {
  margin-left:2px;
  padding-left:12px;
  }  
/* Footer
----------------------------------------------- */
cite {
  display:block;
  clear:both;
  height:8px;
  background:url("/images/new/bit_light.gif") no-repeat right;
  font-size:1px;
  }
#footer {
  clear:both;
  padding-top:15px;
  font-size:85%;
  margin-left:0;
  }
#footer span {
  display:block;
  margin:0;
  background:#f90 url("/images/new/bit4_footer.gif") no-repeat right top;
  padding:3px 42px 3px 30px;
  }
#footer div {
  margin:0;
  background:#c60;
  color:#CCEEB6;
  padding:3px 42px 3px 30px;
  }
#footer div strong {}
#footer div em {color:#f90; font-style:normal;}
#footer hr {display:none;}
  

/* Zem contact form
----------------------------------------------- */

.zemContactForm fieldset{
  background: #ffc;
}
/* Miscellaneous
----------------------------------------------- */
.hide {display:none;}
p {margin:0 0 1em;}
pre {
  margin:0 0 1em;
  font-size:100%;
  }
pre.codeblock {
  background:#eee;
  border:1px solid #ccc;
  padding:5px;
  }
code {font:110% "Courier New";}

.ar {color:#c60 !important;}
.reset {
  display:block;
  clear:both;
  margin:0;
  padding:0;
  height:1px;
  font-size:1px;
  line-height:1px;
  }
.imgleft, .imgleftsm {
  float:left;
  display:block;
  margin:3px 15px 5px 0;
  font:italic 85%/1.4em ;
  color:#666;
  }
.imgleftsm {margin:3px 8px 3px 0;}
p.imgleft {border-width:0; padding-top:2px; display:inline;}
p.imgleft img {
  display:block;
  margin-bottom:2px;
  border:1px solid #ccc;
  }
p.continue {margin-top:1em; text-align:right;}
.tight {margin-bottom:.1em;}