/* Other stylesheets
*****************************************************************************/

@import url("reset.css");
@import url("960.css");
@import url("jquery-ui-1.8.2.custom.css");
@import url("../jquery/fancybox/jquery.fancybox-1.3.1.css");



/* Google Font Directory
*****************************************************************************/

@import url(http://fonts.googleapis.com/css?family=Droid+Sans|Droid+Serif|Lobster|Molengo|Yanone+Kaffeesatz);



/* @font-face fonts
*****************************************************************************/

@font-face {
  font-family: "AllerBold";
  src: url('/fonts/Aller_Bd.ttf');
}

@font-face {
  font-family: "AllerLight";
  src: url('/fonts/Aller_Lt.ttf');
}

@font-face {
  font-family: "AllerRegular";
  src: url('/fonts/Aller_Rg.ttf');
}

@font-face {
  font-family: "PT Sans Narrow";
  src: url('/fonts/PT_Sans_Narrow.ttf');
}



/* Main-level elements
*****************************************************************************/

body {
  background-color: #f5f5eb;
}

a:link, a:active, a:visited {
  color: #004fd9;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

h1 {
  /* color: #252525; */
  color: #eeeeee;
  font-family: "Yanone Kaffeesatz", "Arial", "Helvetica", sans-serif;
  font-size: 36pt;
  font-weight: bold;
  letter-spacing: -0.02em;
  margin-top: 20px;
  text-shadow: 0 1px 3px #252525;
}

h2 {
  color: navy;
  font-family: "Droid Sans", "Arial", "Helvetica", sans-serif;
  font-size: 14pt;
  font-weight: bold;
}

p {
  line-height: 1.5em;
  margin-bottom: 1.5em;
}



/* Header area
*****************************************************************************/

#header {
  background-image: url('/layout/header-xrepeat.png');
  background-repeat: repeat-x;
  border-top: #4b4b4b 6px solid;
  height: 125px;
}



/* Navigation
*****************************************************************************/

#navigation {
  /* height + padding-top = 60px */
  background-image: url('/layout/px-offwhite-45opac.png');
  background-repeat: repeat;
  border-radius: 5px;
  font-family: "Yanone Kaffeesatz", "Arial", "Helvetica", sans-serif;
  font-size: 24pt;
  height: 47px;
  margin-top: 33px;
  padding-top: 13px;
  text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#navigation a {
  color: #4b4b4b;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
}

#navigation a:hover,
#navigation a.current {
  text-decoration: underline;
}



/* Contact Us button
*****************************************************************************/

#contact_button_container {
  background-image: url('/layout/px-offwhite-45opac.png');
  background-repeat: repeat;
  border-radius: 5px;
  height: 60px;
  margin-top: 33px;
  text-align: center;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#contact_button_container a {
  color: #4b4b4b;
  font-family: "Lobster", "Arial", "Helvetica", sans-serif;
  font-size: 15.5pt;
  margin-left: auto;
  margin-right: auto;
  margin-top: 7px;
}



/* Contact info in Fancybox
*****************************************************************************/

#contact_info_lightbox_container {
  display: none;
}

#contact_info {
  background-color: #f5f5eb;
  background-image: url('/layout/lowersky-xrepeat.png');
  background-position: top center;
  background-repeat: repeat-x;
  font-family: "Droid Serif", "Georgia", "Times New Roman", serif;
  font-size: 16pt;
  font-weight: bold;
  min-height: 265px;
  line-height: 1.5em;
  padding: 10px;
  text-align: center;
  text-shadow: 0 1px 1px gray;
  width: 480px;
}

#hours {
  font-size: 12pt;
  line-height: 1.5em;
}

#hours p {
  margin: 0 !important;
}



/* Consulting contact form (services page / consulting tab)
*****************************************************************************/

#contact_form {
  margin: 0 auto;
  padding: 0;
  width: 420px;
}

#contact_form div.label {
  background-color: #dfdfdf;
  font-size: 10pt;
  margin: 3px;
  padding: 10px 8px;
  text-align: left;
}

#contact_form div.input {
  margin: 0;
  padding: 0;
}

#contact_form div.areas_of_interest {
  line-height: 2.25em;
  margin-top: 4px;
}

#contact_form input.text-input {
  border: #4b4b4b 1px solid;
  color: #004fd9;
  font-family: "Molengo", "Arial", "Helvetica", sans-serif;
  font-size: 14pt;
  margin: 3px 0 0 4px;
  padding: 2px 3px;
  width: 405px;
}



/* Homepage billboard
*****************************************************************************/

#billboard {
  background-color: #4b4b4b;
  background-image: url('/layout/billboard-radglowbg.png');
  background-position: center center;
    /* Note: BG img is dynamically repositioned w/ jQuery ready script in
       layout_positioning.js */
  background-repeat: no-repeat;
  height: 270px;
}

#billboard div.slideshow img {
  border: silver 1px solid;
  box-shadow: 0px 3px 5px #111111;
  height: 250px;
  margin-top: 9px;
  width: 380px;
  -moz-box-shadow: 0px 3px 5px #111111;
  -webkit-box-shadow: 0px 3px 5px #111111;
  /* Internet Explorer 5.5-7 */
  	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=150, Color='#111111');
  /* Internet Explorer 8(+?) */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=150, Color='#111111')";
}



/* jQuery UI tabs (products and services pages)
*****************************************************************************/

#tabs ul li {
  font-family: "Droid Sans", "Arial", "Helvetica", sans-serif !important;
  font-size: 10pt;
}

#tabs div {
  font-family: "Droid Sans", "Arial", "Helvetica", sans-serif;
  font-size: 11.5pt;
  padding: 22px;
}

#tabs div img {
  display: block;
  margin: 0 auto;
}

#tabs div ul {
  list-style-type: square;
  margin: 10px 0 25px 25px;
}

#tabs div ul li {
  font-size: 11pt;
  line-height: 1.75em;
}



/* About us page
*****************************************************************************/

#about {
  background-image: url('/layout/px-offwhite-45opac.png');
  background-repeat: repeat;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-family: "Droid Sans", "Arial", "Helvetica", sans-serif;
  font-size: 11pt;
  line-height: 2em;
  margin-top: 5px;
  min-height: 240px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
}

#about p {
  padding: 10px;
}





/* Lower "sky" area
*****************************************************************************/

#lower_sky {
  background-image: url('/layout/lowersky-xrepeat.png');
  background-repeat: repeat-x;
  min-height: 265px;
}



/* Homepage highlight boxes
*****************************************************************************/

.highlight_box {
  background-image: url('/layout/px-offwhite-45opac.png');
  background-repeat: repeat;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-family: "Droid Sans", "Arial", "Helvetica", sans-serif;
  font-size: 10pt;
  line-height: 1.75em;
  margin-top: 25px;
  min-height: 240px;
  text-align: center;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
}

.highlight_box img {
  border: 0;
  margin-bottom: 8px;
  margin-top: 10px;
}

.highlight_box .blurb {
  margin: 0 auto;
  text-align: center;
  width: 280px;
}



/* Footer
*****************************************************************************/

#footer {
  margin-top: 60px;
  height: 73px;
}

#footer .copyright {
  color: #4b4b4b;
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 8pt;
  font-weight: bold;
  margin-top: 41px;
  margin-bottom: 30px;
  text-align: center;
  text-shadow: 0 1px white;
}