/*
gray #2b343d - 21303b
green #b7c922
*/

body {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  background-color: #21303b;
}
* {
  margin: 0px;
  padding: 0px;
  text-decoration: none;
}
html {
  height: 100%;
  margin-bottom: 1px;
}
#container {
  width: 80%;
  text-align: left;
  margin-right: auto;
  margin-left: auto;
}
#header-container {
  width: 100%;
  padding-top: 15px;
}
#header-container h1, #header-container h2 {
  margin-left: 6px;
  margin-bottom: 6px;
}
.spacer {
  width: 100%;
  height: 15px;
}
hr {
  border: 0px;
  color: #ccc;
  background-color: #cdcdcd;
  height: 1px;
  width: 100%;
  text-align: left;
}
h1 {
  font-size: 28px;
  color: #fff;
  font-family: Arial, Verdana, sans-serif;
  font-weight: 300;
}
h2 {
  font-size: 15px;
  color: #fff;
  font-family: Arial, Verdana, sans-serif;
  font-weight: 300;
}
h3 {
  color: #4d9b12;
  font-size: 15px;
  text-align: left;
  font-weight: 300;
  padding: 5px;
  margin-top: 5px;
}

#left-container {
  float: left;
  width: 250px;
  background-color: #FFFFFF;
  color: black;
}

#left-container h3 {
  color: #c55;
}

#main-container {
  margin: 5px 5px 5px 260px;
  padding: 15px;
  border-left: 1px solid silver;
  min-height: 400px;
}
p {
  color: #000;
  background-color: #fff;
  line-height: 20px;
  padding: 5px;
}
a {
  color: #b7c922;
  text-decoration: none;
}
/*a:hover {
  color: #fff;
  background-color: #fff;
  text-decoration: none;
}*/
#footer-container {
  clear: both;
  font-size: 12px;
  font-family: Verdana, Arial, sans-serif;
}
.right {
  float: right;
  font-size: 100%;
  margin-top: 5px;
  color: #999;
  background-color: #fff;
}
.left {
  float: left;
  font-size: 100%;
  margin-top: 5px;
  color: #999;
  background-color: #fff;
}
#main-container ul {
  margin-left: 3.0em;
}

/* pagination */
.pagination {
  padding-top: 3.65em;
  padding-left:3.7em;
  float:left;
  /* self-clearing method: */ }
  .pagination a, .pagination span {
    padding: .2em .5em;
    display: block;
    float: left;
    margin-right: 1px;
    background-color: #21303b; }
  .pagination span.disabled {
    color: #999;
   }
  .pagination span.current {
    font-weight: bold;
    background: #b7c922;
    color: white;
  }
  .pagination a {
    text-decoration: none; 
    }
    .pagination a:hover, .pagination a:focus {
      color: #fff;
      border-color: #b7c922;
      }
  .pagination .page_info {
    background: #b7c922;
    padding: .4em .6em;
    width: 22em;
    margin-bottom: .3em;
    text-align: center; }
    .pagination .page_info b {
      color: #003;
      background: #6aa6ed;
      padding: .1em .25em; }
  .pagination:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  * html .pagination {
    height: 1%; }
  *:first-child+html .pagination {
    overflow: hidden; }

/*     */

#header{background: url(/images/top.gif) repeat-x; height: 164px;}

#logo{padding-top: 0 ;}
img#logo{border:0; text-decoration:none; padding-left:3em;}
img#logo:hover{border:0; text-decoration:none;}
#logo-link:hover{border:0; text-decoration:none;}

#pdf{border:0; background-image:url(/images/pdf.gif); width:105px; height:74px; float:right; margin-right: 12em;}

#top-menu{clear:both; float:right; color:#fff; font-size: 1.2em; width: 42em; line-height:0.9em; padding-top:0.6em;}
div.menu a:hover{color:#fff;}
span.under-menu-line{width:42em; background-color:#b7c922; display:block; height:0.5em; margin-top:-0.5em;}
div.name{padding-top: 0.5em; padding-left: 22em;}

#pdf:hover{background-image:url(/images/pdfh.gif)}

.thumbnail {border: 0;}
a.thumb-link {border:1; text-decoration:none; }
a.thumb-link img{border:0; }
img.thumb{width:75px; height:75px;}
img.thumb:hover {border: 2px solid #b7c922; margin: -2px;}

.highlight{color: #b7c922;}
.container{background-color: #fff; padding: 2em 0 2em 0;}

/*** footer ***/
#footer{background: url(/images/bottom.gif) repeat-x; min-weight: 164px; min-height:120px;}

#contact-info{background: transparent; float:right; padding:3em 1em 1em;}
#contact-info span{background: transparent; color: white;}
.details{background: transparent; margin-left: 6em; line-height:1.3em; padding-right: 1em;}
#b-logo{float:left;}
.photo-block{ padding-left: 3.7em; padding-right: 3.7em;}
span#company-details{font-size: 0.8em;}
span.job-title{font-size: 0.8em; color: #b7c922 !important;}
.email{color: #fff;}
.email:hover{color: #b7c922; background: transparent;}

.img-detail{margin-left: 3.7em; margin-right: 3.7em;}
.img-detail h1{font-size: 1.5em; color: #b7c922; padding: 1em 0 0.25em 0;}
div.description{color: #fff;}
.url-info{ color:#666; padding-top:2em;}

.links{float: right; padding-right: 3em;}

/*** quote ***/
#blurb{background: transparent; float:left; padding:3em 1em 1em;}
#blurb span, #blurb p{background: transparent;}
#blurb span.txt{color: #fff;}

blockquote {
  display: block;
  padding: 0 60px;
  width: 350px;
}
blockquote:before, blockquote:after {
color: #B7C922;
display: block;
font-size: 700%;
width: 50px;
}
blockquote:before {
content: open-quote;
height: 0;
margin-left: -0.55em;
}

blockquote:after {
content: close-quote;
height: 50px;
margin-top: -70px;
margin-left: 360px;
}

/*** facebox popup ***/
div.popup a.links, div.popup #header, div.popup #footer{display:none;}
div.popup div.description{color: #21303b;}