/*   *****************************************************
 *
 *   DACTIQUE
 *
 *   Presentation layer for screen and projection media
 *   Main stylesheet for able web devices
 *
 *   This should comply with W3C CSS2.1 standards.
 *   
 *   Fabrique Design & Communicatie
 *   
 *   location: /presentation/screen.css
 *   version:  0.2
 *   date:     09/03/2010
 *
 *   *****************************************************
 */



/*   *****************************************************
 *
 *   CODING CONVENTIONS FOR DACTIQUE STYLESHEET
 *
 *   - indent property-value pairs using double spaces;
 *   - place selectors, opening and closing brackets and
 *     property-value pairs on their own, separate lines;
 *   - use a consistent property order (as shown below);
 *   - use shorthand for font, border, padding, margin
 *     and background properties if possible;
 *   - use full six digit hex codes for colours;
 *   - work from general to specific (in order of
 *     increasing specificity);
 *   - avoid use of !important (preferably limited to
 *     Internet Explorer stylesheets only!);
 *   - use percentages to declare relative font sizes;
 *   - omit units when declaring line-heights as not to
 *     break inheritance of relative line-height.
 *
 */




/*   *****************************************************
 *
 *   CLEAN START
 */
body, h1, h2, h3, h4, h5, h6, p, blockquote, 
ul, ol, li, 
table, tr, th, td, 
form, fieldset, legend, button, 
div, object, img
{
  margin: 0;
  border: 0;
  padding: 0;
  list-style: none;
  font: normal 100% helvetica,univers,arial,sans-serif;
  text-align: left;
  vertical-align: top;
}
input, select, textarea, button
{
  font: normal 100% helvetica,univers,arial,sans-serif;
}
table, td, th {
  border-collapse: collapse;
}



/*   *****************************************************
 *
 *   ASSISTIVE MEASURES
 */
.assistive,
#skiplinks,
#main-navigation h2,
#search h2,
#attention h2,
#footer h2,
.article-actions h2,
.home h1
{
  position: absolute;
  top: -100000px;
  overflow: hidden;
}



/*   *****************************************************
 *
 *   MAIN TYPOGRAPHY
 */
body
{
  font: 13px/1.5 helvetica,univers,arial,sans-serif;
}
h1
{
  padding: .25em 0 .5em;
  font: normal 200%/1.1 georgia,palatino,serif;
}
.has-sub-nav h1
{
  width: 370px;
  padding: .5em 0;
  border-bottom: 1px solid #CCCCCC;
  color: #000000;
  font-family: helvetica,univers,arial,sans-serif;
  font-size: 133%;
}
h2
{
  position: relative;
  color: #000000;
  font-size: 125%;
}
h3
{
  color: #016a88;
  font: normal 133% georgia,palatino,serif;
}
p
{
  color: #333333;
  font-size: 100%;
  line-height: 1.4;
}
p.meta,
.main p.meta
{
  position: relative;
  top: -.3em;
  margin: .3em 0 .2em;
  color: #666666;
  font-size: 85%;
}
/* Formatting for agende time period */
/*.aside p.meta
{
  width: 70px;
}*/
.aside p.meta strong
{
  display: block;
  margin: -.3em 0;
  padding-left: 1.1em;
  color: #016a88;
}

p.lead,
p.intro
{
  margin: 1.1em 0;
  color: #666666;
  font-size: 110%;
}
p.lead a,
p.lead a:visited,
p.intro a,
p.intro a:visited
{
  color: #666666;
}
p.lead a:hover,
p.lead a:focus,
p.intro a:hover,
p.intro a:focus
{
  color: #016a88;
}

.main p
{
  margin-bottom: 1.4em;
}
.main p.whitespace
{
  margin-bottom: 0;
  height: 1.4em;
}
.main p.nowhitespace
{
  margin-bottom: 0;
}

p.button
{
  margin: .7em 0 .4em;
}
p.button:after
{
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
p.button a
{
  display: block;
  float: left;
  padding: .15em 12px .25em 8px;
  background-image: url(images/bg-button-petrol.gif);
  background-repeat: no-repeat;
  background-position: 100% 0;
  color: #FFFFFF;
  font-size: 90%;
  line-height: 1;
  text-decoration: none;
/*  text-transform: lowercase;*/
}
p.button a:hover,
p.button a:focus
{
  background-position: 100% -50px;
}

a,
a:link
{
  color: #333333;
}
a:hover,
a:focus
{
  color: #016a88;
}
a.rss
{
  display: block;
  position: absolute;
  right: 0;
  top: 9px;
  padding: .5em 22px 0 0;
  background: url(images/icon-rss.gif) no-repeat 100% 50%;
  /* color: #E98000; old: orange */
  color: #016a88;
  font-size: 70%;
  text-transform: none;
}

p.morelink:after
{
  content: " ";
  display: block;
  height: 0;
  clear: left;
  visibility: hidden;
}
p.morelink a
{
  display: block;
  float: left;
  padding: 0 10px 0 0;
  background: url(images/bg-morelink.gif) no-repeat 100% .45em;
  /* color: #E98000; old: orange */
  color: #016a88;
  text-transform: lowercase;
}
p.morelink a:hover,
p.morelink a:focus
{
  color: #729bb8;
}

address
{
  font-style: normal;
  line-height: 1.4;
}

.visual
{
  margin: 1.1em 0;
}
.top-visual
{
  margin: 0 0 1.1em;
}
.visual .caption,
.top-visual .caption
{
  display: block;
  padding: 1em 0 0;
  color: #666666;
  font-size: 85%;
}

.main ul
{
  margin: 0 0 1.4em 1em;
}
.main li
{
  line-height: 1.4;
  list-style: disc outside;
}



/*   *****************************************************
 *
 *   CONTENT ARTICLE FORMATTING
 */

/* Headings */
.main h2,
.main .h2
{
  margin: 1em 0 0.9em;
  color: #016a88;
  font: normal 133%/1.1 georgia,palatino,serif;
}
.main h3,
.main .h3
{
  margin: 1.4em 0 0;
  color: #000000;
  font: bold 100%/1.4 helvetica,univers,arial,sans-serif;
}
.main h4,
.main .h4
{
  margin: 1.65em 0 0;
  color: #016a88;
  font: bold 85%/1.65 helvetica,univers,arial,sans-serif;
  text-transform: uppercase;
}

h1 img, h2 img, h3 img, h4 img
{
  margin: 0;
}


/* Text elements */
blockquote  { margin: 0 2em 1.4em; color: #333; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border: none; cursor: help; }
address     { margin: 0 0 1.4em; font-style: normal; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 100%/1.4 'andale mono', 'lucida console', monospace; }

/* Lists */
.main ul,
.main ol
{
  margin: 0 1.5em 1.4em 2em;
}
.main li
{
  line-height: 1.4;
  list-style: disc outside;
}
.main ol li
{
  list-style-type: decimal;
}
.main li ul,
.main li ol
{
  margin:0 1.5em;
}

dl          { margin: 0 0 1.4em 0; line-height: 1.4; }
dl dt       { font-weight: bold; line-height: 1.4; }
dd          { margin-left: 1em; line-height: 1.4;}


/* Tables */
table       { margin-bottom: 1.4em; width:100%; border-collapse: separate; }
th          { border-bottom: 2px solid #016a88; padding: 4px 10px 4px 0; font-weight: bold; color: #016a88; }
td          { border-bottom: 1px solid #b8cddc; padding: 4px 10px 4px 0;}
tr.even td  { background: #b8cddc; }
tfoot       { font-style: italic; }
caption     { color: #333; font-style: italic; }









/*   *****************************************************
 *
 *   MAIN LAYOUT
 */
.centerbox
{
  width: 890px;
  position: relative;
  margin: 0 auto;
}
#header
{
  margin-bottom: -1px;
  padding: 0 0 2.7em;
  background: url(images/bg-header-1.gif) no-repeat center bottom;
}

.home #header,
.header-visual-type-0 #header { background-image: url(images/bg-header-0.gif); }
.header-visual-type-1 #header { background-image: url(images/bg-header-1.gif); }
.header-visual-type-2 #header { background-image: url(images/bg-header-2.gif); }
.header-visual-type-3 #header { background-image: url(images/bg-header-3.gif); }
.header-visual-type-4 #header { background-image: url(images/bg-header-4.gif); }
.header-visual-type-5 #header { background-image: url(images/bg-header-5.gif); }
.header-visual-type-6 #header { background-image: url(images/bg-header-6.gif); }
.header-visual-type-7 #header { background-image: url(images/bg-header-7.gif); }


/*   *****************************************************
 *
 *   MAIN AND ASIDE LAYOUT
 */
#content .main,
#content .aside
{
  margin-bottom: 2.4em;
  border-top: 2px solid #000000;
}
#content #footer .main,
#content .main
{
  width: 500px;
  float: left;
  margin: 0 20px 20px 0;
}
#content #footer .aside,
#content .aside
{
  width: 370px;
  float: right;
  margin: 0 0 20px 0;
}
#content .second-aside
{
  clear: right;
}
.cases #content .aside,
.latest #content .aside
{
  padding-top: 5.75em;
}
.has-sub-nav #content .main
{
  width: 630px;
  float: right;
  margin-right: 0;
}
.has-sub-nav #content .aside
{
  width: 240px;
  float: left;
}



/*   *****************************************************
 *
 *   LOGO WITH PAYOFF
 */
#logo
{
  display: block;
  width: 258px;
  height: 60px;
  position: relative;
  padding: 16px 0 4px;
  background: url(images/logo-dactique-payoff-screen.gif) no-repeat 0 16px;
  overflow: hidden;
}
#logo a
{
  display: block;
  width: 258px;
  height: 60px;
}
#logo img
{
  position: absolute;
  top: -100000px;
}




/*   *****************************************************
 *
 *   MAIN NAVIGATION
 */
#main-navigation
{
  padding: .8em 0 0;
}
#main-navigation:after
{
  content: " ";
  display: block;
  height: 0;
  clear: left;
  visibility: hidden;
}
#main-navigation li
{
  display: block;
  min-width: 110px;
  float: left;
  margin-right: 20px;
  font-size: 108%;
}
#main-navigation li a
{
  display: block;
  min-width: 106px;
  border-top: 2px solid #000000;
  padding: .5em 2px;
  background-color: #FFFFFF;
  color: #000000;
  text-decoration: none;
  text-transform: lowercase;
}
#main-navigation li a:hover,
#main-navigation li a:focus
{
  color: #016a88;
}
#main-navigation li.selected a
{
  color: #016a88;
  font-weight: bold;
}




/*   *****************************************************
 *
 *   SEARCH BLOCK
 */
#search
{
  position: absolute;
  left: 607px;
  top: 8px;
}
#search p
{
  float: left;
  line-height: 1;
}
#search p input
{
  width: 148px;
  margin: 0;
  padding: 4px 0 5px 5px;
  color: #666666;
}
#search p.button
{
  display: block;
  margin: 0;
  background: url(images/bg-search-button-1.gif) no-repeat 100% 0;
  color: #FFFFFF;
}
.home #search p.button,
.header-visual-type-0 #search p.button { background-image: url(images/bg-search-button-0.gif); } /* BG white */
.header-visual-type-1 #search p.button { background-image: url(images/bg-search-button-1.gif); } /* BG green */
.header-visual-type-2 #search p.button { background-image: url(images/bg-search-button-0.gif); }
.header-visual-type-3 #search p.button { background-image: url(images/bg-search-button-2.gif); } /* BG midblue */
.header-visual-type-4 #search p.button { background-image: url(images/bg-search-button-2.gif); }
.header-visual-type-5 #search p.button { background-image: url(images/bg-search-button-2.gif); }
.header-visual-type-6 #search p.button { background-image: url(images/bg-search-button-2.gif); }
.header-visual-type-7 #search p.button { background-image: url(images/bg-search-button-1.gif); }

#search p.button button
{
  padding: .15em 10px .25em 5px;
  background: url(images/bg-search-button-leftborder.gif) no-repeat;
  color: #FFFFFF;
  line-height: 1.4;
  text-transform: lowercase;
  cursor: pointer;
}


/*   *****************************************************
 *
 *   SUB NAVIGATION
 */
#sub-navigation
{
  border-bottom: 1px solid #CCCCCC;
}
#sub-navigation h2
{
  padding: .2em 0;
  color: #000000;
  font: normal 200% georgia,palatino,serif;
  text-transform: none;
}
#sub-navigation ul
{
  padding-bottom: .5em;
}
#sub-navigation li a
{
  display: block;
  padding: 0 0 0 12px;
  margin: .75em 0;
  background: url(images/bg-subnavigation-item.gif) no-repeat 0 .25em;
  font-size: 120%;
  text-decoration: none;
  text-transform: lowercase;
}
#sub-navigation li.open ul
{
  padding-left: 24px; 
  padding-bottom: .25em;
}
#sub-navigation li.open li
{
  
}
#sub-navigation li.open a
{
  margin-bottom: .5em;
  margin-left: -4px;
  padding: 0 0 0 16px;
  background: url(images/bg-subnavigation-item-open.gif) no-repeat 0 .25em;
}
#sub-navigation li.open li a
{
  margin: 0 0 .5em;
  padding: 0;
  background-image: none;
  color: #000000;
  font-size: 100%;
  font-weight: normal;
}
#sub-navigation li.selected a,
#sub-navigation li.open li.selected a
{
  color: #016A88;
  font-weight: bold;
}
#sub-navigation li a:hover,
#sub-navigation li a:focus,
#sub-navigation li.open li a:hover,
#sub-navigation li.open li a:focus
{
  color: #016A88;
}



/*   *****************************************************
 *
 *   FOOTER
 */
#footer
{
  clear: both;
  border-top: 1px solid #255262;
  background: #6795AF url(images/bg-footer.gif) repeat-x;
}
#content #footer .main,
#content #footer .aside
{
  margin-bottom: 0;
  padding-top: 0;
  border: none;
  color: #FFFFFF;
  font-size: 85%;
}


/*   *****************************************************
 *
 *   FOOTER NEWSLETTER FORM
 */
#footer form
{
  padding: 11px 12px 13px;
}
#footer form p
{
  margin-bottom: 0;
  color: #FFFFFF;
}
#footer form p a
{
  color: #FFFFFF;
}
#footer fieldset
{
  padding: 4px 0 0;
}
#footer fieldset p
{
  float: left;
  margin: 0 8px 0 0;
  font-size: 108%;
  line-height: 1;
}

#footer fieldset p label
{
  color: #666666;
}
#footer fieldset p input
{
  width: 174px;
  margin: 0;
  padding: 4px 0 5px 5px;
  color: #666666;
}
#footer fieldset p input.error
{
  border-color: #CC0000;
}
#footer fieldset p.first input
{
  width: 146px;
}
#footer fieldset p.button
{
  display: block;
  margin: 0;
  background: url(images/bg-newsletter-button.gif) no-repeat 100% 0;
  color: #666666;
}
#footer fieldset p.button button
{
  padding: .25em 10px .25em 5px;
  background: url(images/bg-newsletter-button-leftborder.gif) no-repeat;
  color: #666666;
  line-height: 1.4;
  text-transform: lowercase;
  cursor: pointer;
}




/*   *****************************************************
 *
 *   FOOTER ADDRESS
 */
#footer .aside h3
{
  padding: 12px 0 0;
  color: #FFFFFF;
  font: bold 100% helvetica,univers,arial,sans-serif;
}
#footer .aside h3 a,
#footer .aside p,
#footer .aside p a
{
  color: #FFFFFF;
  line-height: 1.3;
  text-decoration: none;
}
#footer .aside h3 a:hover,
#footer .aside p a:hover
{
  text-decoration: underline;
}
#footer .aside address
{
  display: block;
  float: left;
  position: relative;
  margin: 0 30px 0 0;
  font-style: normal;
  line-height: 1.3;
}
#footer .aside span.street-address
{
  display: block;
}
#footer .aside span.country-name
{
  position: absolute;
  top: -100000px;
}



/*   *****************************************************
 *
 *   FOOTER SMALLPRINT
 */
#footer .smallprint
{
  clear: both;
  border-top: 1px solid #CCCCCC;
  background-color: #FFFFFF;
}
#footer .smallprint ul
{
  padding: 1.2em 0 1.8em;
  font-size: 80%;
}
#footer .smallprint ul:after
{
  content: " ";
  display: block;
  height: 0;
  clear: left;
  visibility: hidden;
}
#footer .smallprint li
{
  float: left;
  margin: 0 0 0 12px;
  padding: 0 0 0 13px;
  background: url(images/bg-footer-smallprint.gif) no-repeat 0 .1em;
}
#footer .smallprint li.first
{
  margin: 0;
  padding: 0;
  background-image: none;
}
#footer .smallprint a
{
  color: #999999;
  text-decoration: none;
  text-transform: lowercase;
}
#footer .smallprint a:hover,
#footer .smallprint a:focus
{
  text-decoration: underline;
}



/*   *****************************************************
 *
 *   ATTENTION BLOCKS
 */
#attention
{
  clear: both;
  padding: 2.2em 0 0;
}
#attention:after
{
  content: " ";
  display: block;
  height: 0;
  clear: left;
  visibility: hidden;
}

.solution
{
  width: 216px;
  min-height: 100px;
  position: relative;
  float: left;
  margin: 0 20px 0 0;
  padding: 100px 12px 33px;
}
.education
{
  background: url(images/bg-block-attention-education.png) no-repeat;
}
.business
{
  background: url(images/bg-block-attention-business.png) no-repeat;
}
.government
{
  background: url(images/bg-block-attention-government.png) no-repeat;
}

.solution h3
{
  padding: .3em 0;
  color: #FFFFFF;
  font: normal 200% georgia,palatino,serif;
}
.solution p
{
  color: #FFFFFF;
  line-height: 1.25;
}

.solution p.button
{
  position: absolute;
  z-index: 120;
  bottom: 10px;
  left: 12px;
  margin: 0;
  padding: 0 0 0 1px;
  background: url(images/bg-button-grey-leftborder.gif) no-repeat;
}
.solution p.button a
{
  display: block;
  padding: .45em 15px .35em 5px;
  background: url(images/bg-button-grey.gif) no-repeat 100% 0;
  color: #666666;
  font-size: 100%;
  text-decoration: none;
  text-transform: none;
}




/*   *****************************************************
 *
 *   BREADCRUMB TRAIL
 */
#breadcrumb
{
  margin: 0;
  padding: .5em 0;
  color: #666666;
  font-size: 85%;
}
.has-sub-nav #breadcrumb {
  width: 370px;
}
#breadcrumb a
{
  color: #666666;
  text-decoration: none;
}
#breadcrumb a:hover,
#breadcrumb a:focus
{
  text-decoration: underline;
}



/*   *****************************************************
 *
 *   LISTINGS GENERAL: NORMAL + WIDE
 */
.cases .listing,
.latest .listing,
.listing-wide
{
  border-top: 2px solid #000000;
}
.aside .listing
{
  margin-bottom: 2em;
}
.listing-wide h2,
.listing h2
{
  margin-top: 0;
  margin-bottom: -.2em;
  padding: 7px 2px 1px;
  color: #000000;
  font: 133%/1.1 helvetica,univers,arial,sans-serif;
  text-transform: lowercase;
}
.listing-wide h3,
.listing h3
{
  margin: 0 0 .3em;
  color: #016a88;
  font: normal 133% georgia,palatino,serif;
}
.listing-wide h3.whitespace,
.listing h3.whitespace
{
  margin-bottom: .9em;
}
.listing div p
{
  margin-bottom: 0;
}
.listing-wide div,
.listing div
{
  margin: .8em 0;
  position: relative;
  border-top: 1px solid #D9D9D9;
  padding: 10px 22px 0 2px;
}
.listing-wide div:after,
.listing div:after
{
  content: " ";
  display: block;
  height: 0;
  clear: left;
  visibility: hidden;
}



/*   *****************************************************
 *
 *   LISTINGS: COMMON ITEMS
 */
div.listing-item-large
{
  padding-left: 260px;
}
div.listing-item-large p.visual
{
  position: relative;
  left: -260px;
  float: left;
  margin-top: 0;
  margin-bottom: 0; 
  margin-right: -260px;
}
div.listing-item
{
  padding-left: 130px;
}
div.listing-item p.visual
{
  position: relative;
  left: -130px;
  float: left;
  margin-top: 0;
  margin-bottom: 0; 
  margin-right: -130px;
}



/*   *****************************************************
 *
 *   LISTINGS: CASES
 */
div.listing-case
{
  padding-right: 110px;
}
div.listing-case p.visual
{
  position: relative;
  right: -110px;
  float: right;
  margin-top: 0;
  margin-bottom: 0; 
  margin-left: -90px;
}
div.listing-case p.button:after
{
  content: " ";
  display: block;
  height: 0;
  clear: left;
  visibility: hidden;
}



/*   *****************************************************
 *
 *   LISTINGS: QUOTES
 */
div.listing-quote
{
  padding-right: 110px;
}
div.listing-quote:after
{
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

div.listing-quote p.visual
{
  position: relative;
  right: -110px;
  float: right;
  margin-top: 0;
  margin-bottom: 0; 
  margin-left: -90px;
}
div.listing-quote blockquote
{
  margin: 0;
}
div.listing-quote blockquote p
{
  color: #729bb8;
  font-size: 110%;
  line-height: 1.35;
}
div.listing-quote blockquote p a
{
  display: block;
  color: #729bb8;
  text-decoration: none;
}
div.listing-quote blockquote p a:hover,
div.listing-quote blockquote p a:focus
{
  color: #b8cddc;
}
div.listing-quote blockquote p a cite,
div.listing-quote blockquote p a:hover cite,
div.listing-quote blockquote p a:focus cite
{
  display: block;
  margin: .6em 0 0;
  color: #333333;
  font-size: 80%;
  font-style: normal;
}



/*   *****************************************************
 *
 *   LISTINGS: CALENDAR
 */
div.listing-calendar
{
  padding-left: 75px;
}
div.listing-calendar p.meta
{
  position: relative;
  left: -75px;
  top: 0;
  float: left;
  margin: 0 -75px 0 0;
  padding-left: 2px;
  color: #000000;
  font: normal 133% georgia,palatino,serif;
}


/*   *****************************************************
 *
 *   LISTINGS: RECENT NEWSITEMS
 */
div.listing-news
{
  padding-right: 0;
  padding-left: 0;
}
div.listing-news ul
{
  margin: 0;
  border-bottom: 1px solid #CCCCCC;
  padding: 0 2px .6em 55px;
}
div.listing-news ul:after
{
  content: " ";
  display: block;
  height: 0;
  clear: left;
  visibility: hidden;
}
div.listing-news li
{
  clear: left;
  line-height: 1.4;
}
div.listing-news em
{
  position: relative;
  left: -55px;
  top: 0;
  float: left;
  margin: 0 -55px 0 0;
  padding-left: 2px;
  color: #000000;
  font: normal 133% georgia,palatino,serif;
}
div.listing-news li a
{
  display: block;
  float: left;
  margin: .2em 0 .8em;
  padding: 0 12px 0 0;
  background: url(images/bg-item-related.gif) no-repeat 100% .4em;
  color: #016A88;
}






/*   *****************************************************
 *
 *   LISTINGS: JOBS
 */
div.listing-job
{
  margin-top: 0;
  border-top: none;
  border-bottom: 1px solid #CCCCCC;
  padding: 0 260px 5px 2px;
}
div.listing-job h2
{
  margin: 0 0 .75em;
  padding: 0;
  color: #016a88;
  font: normal 133%/1.1 georgia,palatino,serif;
  text-transform: none;
}
div.listing-job h3
{
  margin: 1.4em 0 0;
  color: #000000;
  font: bold 100%/1.4 helvetica,univers,arial,sans-serif;
}
div.listing-job p.lead
{
  margin: 1.1em 0;
}
div.listing-job p.button
{
  margin: .7em 0;
}
div.listing-job p.button:after
{
  content: " ";
  display: block;
  height: 0;
  clear: left;
  visibility: hidden;
}



/*   *****************************************************
 *
 *   BLOCK RELATED ITEMS
 */
div.listing-item-related
{
  margin-bottom: .5em;
  padding-right: 0;
  padding-left: 0;
}
.listing-item-related ul
{
  margin: 0;
  border-bottom: 1px solid #CCCCCC;
  padding: 0 2px .6em;
}
.aside .listing-item-related ul
{
  margin-bottom: 2em;
}
.listing-item-related ul:after
{
  content: " ";
  display: block;
  height: 0;
  clear: left;
  visibility: hidden;
}
.listing-item-related li
{
  line-height: 1.4;
  list-style: none;
}
.listing-item-related li a
{
  display: block;
  float: left;
  clear: left;
  margin: .2em 0 .7em;
  padding: 0 12px 0 0;
  background: url(images/bg-item-related.gif) no-repeat 100% .4em;
  color: #016A88;
}


/*   *****************************************************
 *
 *   LISTINGS: CONTACT PERSON
 */
div.listing-contact-person
{
  margin: 5px 0 20px;
  border: none;
  padding: 0 2px 0 75px;
}
div.listing-contact-person img
{
  position: relative;
  left: -75px;
  float: left;
  margin-right: -65px;
}
.listing-contact-person h3,
.listing-contact-person p
{
  font-family: helvetica,univers,arial,sans-serif;
  font-size: 100%;
  line-height: 1.3;
}
.listing-contact-person h3
{
  margin: 0;
  color: #333333;
  font-weight: normal;
}
.listing-contact-person h3 span
{
  display: block;
  color: #333333;
  font-weight: bold;
}
.listing-contact-person p,
.listing-contact-person p a
{
  color: #333333;
}



/*   *****************************************************
 *
 *   LISTINGS & ARTICLE: PAGING
 */
div.listing-paging
{
  padding-top: 6px;
}
div.article-paging
{
  margin-bottom: 1em;
}
div.listing-paging ul
{
  margin: 0;
  padding-left: 126px;  
}
.aside div.listing-paging ul
{
  padding-left: 70px;  
}
div.article-paging ul
{
  margin: 0 0 0 -4px;
}
div.listing-paging ul:after,
div.article-paging ul:after
{
  content: " ";
  display: block;
  height: 0;
  clear: left;
  visibility: hidden;
}
div.listing-paging li,
div.article-paging li
{
  float: left;
  line-height: 1.2;
  list-style: none;
}
div.article-paging li.paging-next
{
  float: right;
}
div.listing-paging li a,
div.article-paging li a,
div.listing-paging li strong,
div.article-paging li strong
{
  display: block;
  padding: .3em 4px;
  text-decoration: none;
}
div.listing-paging li a:hover,
div.article-paging li a:hover,
div.listing-paging li a:focus,
div.article-paging li a:focus
{
  text-decoration: underline;
}
div.listing-paging li strong,
div.article-paging li strong
{
  color: #006a87;
}
div.listing-paging li.paging-previous a,
div.article-paging li.paging-previous a
{
  float: left;
  margin-right: 1.2em;
  padding: .3em 4px .3em 12px;
  background: url(images/bg-sprite-paging.gif) no-repeat 4px .55em;
  text-decoration: underline;
}
div.listing-paging li.paging-next a,
div.article-paging li.paging-next a
{
  float: left;
  margin-left: 1.2em;
  padding: .3em 8px .3em 4px;
  background: url(images/bg-sprite-paging.gif) no-repeat 100% .55em;
  text-decoration: underline;
}



/*   *****************************************************
 *
 *   INTRO WITH QUOTE
 */
.intro
{
  min-height: 74px;
  margin: 0 0 1.6em;
  border-bottom: 1px solid #CCCCCC;
}
.cases .intro,
.latest .intro,
.sitetools .intro
{
  margin-bottom: 0;
  border-bottom: none;
}

.intro blockquote
{
  width: 334px;
  margin: 0;
  padding: 1em 18px 1.55em;
}
.intro blockquote p
{
  margin-bottom: 0;
  color: #8eb1c7;
  font-size: 133%;
}



/*   *****************************************************
 *
 *   CONTACT PERSON
 */
.contact-person
{
  width: 171px;
  position: absolute;
  top: 8px;
  right: 0;
  padding: 0 67px 0 2px;
}
.contact-person img
{
  position: relative;
  right: -65px;
  float: right;
  margin-left: -55px;
}
.contact-person h3,
.contact-person p
{
  margin: 0;
  font-family: helvetica,univers,arial,sans-serif;
  font-size: 85%;
  line-height: 1.3;
  text-align: right;
}
.contact-person h3
{
  margin: 0;
  font-weight: bold;
}
.contact-person h3 span
{
  display: block;
  color: #666666;
}
.contact-person p,
.contact-person p a
{
  color: #666666;
}



/*   *****************************************************
 *
 *   TWO COLUMN CONTENT LAYOUT
 */
.two-columns
{
  margin-bottom: 1em;
}
.two-columns:after
{
  content: " ";
  display: block;
  height: 0;
  clear: left;
  visibility: hidden;
}
.two-columns .first-column
{
  width: 300px;
  float: left;
}
.two-columns .second-column
{
  width: 300px;
  float: right;
}
.two-columns h2
{
  margin: 0;
}
.two-columns h2,
.two-columns h3,
.two-columns p
{
  padding-left: 2px;
  padding-right: 2px;
}
.two-columns .listing
{
  border-bottom: 1px solid #CCCCCC;
}
.two-columns .listing h2,
.two-columns .listing h3,
.two-columns .listing p
{
  padding-left: 0;
  padding-right: 0;
}
.two-columns .listing h3
{
  color: #016a88;
  font: normal 133% georgia,palatino,serif;
}



/*   *****************************************************
 *
 *   ARTICLE ACTIONS
 */
.article-actions
{
  clear: both;
  padding: 1.2em 0 2.5em;
}
.article-actions ul
{
  margin-left: 0;
  margin-right: 0;
  border-top: 1px solid #CCCCCC;
  padding: 10px 0;
}
.article-actions ul:after
{
  content: " ";
  display: block;
  height: 0;
  clear: left;
  visibility: hidden;
}
.article-actions li
{
  float: left;
  margin: 0 13px 0 0;
  padding: 0;
  background: url(images/bg-button-actions.gif) no-repeat 100% 0;
  line-height: normal;
  list-style: none;
}
.article-actions li a
{
  display: block;
  padding: .2em 10px .4em 5px;
  background: url(images/bg-button-actions-leftborder.gif) no-repeat;
  color: #333333;
  font-size: 90%;
  text-decoration: none;
}


/*   *****************************************************
 *
 *   ARTICLE BODY
 */
.article-body
{
  border-top: 1px solid #CCCCCC;
  padding: 15px 70px 15px 2px;
}
.article-body h2
{
  margin: 0 0 0.9em 0;
}




/*   *****************************************************
 *
 *   LISTINGS: SITEMAP
 */
.listing-sitemap
{
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
.listing-sitemap h2
{
  margin: .8em 0 .6em;
}
.listing-sitemap h2 a,
.listing-sitemap h2 a:visited
{
  color: #016a88;
  text-decoration: none;
}
.listing-sitemap h2 a:hover,
.listing-sitemap h2 a:focus
{
  text-decoration: underline;
}

.listing-sitemap ul
{
  margin-left: 0;
  margin-bottom: 2em;
}
.listing-sitemap li
{
  padding: 0 0 0 1em;
  background: url(images/bg-bullet-sitemap.gif) no-repeat 0 .3em;
  font-size: 115%;
  list-style: none outside;
}
.listing-sitemap li ul
{
  margin: .5em 0 .5em 1em;
}
.listing-sitemap li li
{
  padding: 0;
  background-image: none;
  font-size: 87%;
  list-style: disc outside;
}
.listing-sitemap li li li
{
  font-size: 100%;
}



/*   *****************************************************
 *
 *   CONTENT FORM
 */
.content-form
{
  border-top: 1px solid #CCCCCC;
  padding: 1.7em 130px 1.7em 0;
}
.content-form form
{
  margin: .8em 0;
  border: 1px solid #CCCCCC;
  padding: 20px;
}

.content-form form p
{
  position: relative;
  margin: 0 0 .8em;
  padding-left: 105px;
}
.content-form p:after
{
  content: " ";
  display: block;
  height: 0;
  clear: left;
  visibility: hidden;
}
.content-form p label
{
  display: block;
  width: 90px;
  position: absolute;
  left: 0;  
}
.content-form p input
{
  width: 211px;
  border: none;
  border-right: 1px solid #E4E4E4;
  border-bottom: 1px solid #E4E4E4;
  padding: 2px;
  background: url(images/bg-form-field.gif) no-repeat;
  font-size: 100%;
}
.content-form p.error input,
.content-form fieldset.message p.error textarea
{
  border-color: #CC0000;
  background-image: url(images/bg-form-field-error.gif);
}
.content-form p.error span.error-message
{
  display: block;
  margin: .4em 0 0;
  color: #CC0000;
}
.content-form fieldset p label.form-radio
{
  width: 6em;
  position: relative;
  top: auto;
  left: 0;
  float: left;
}
.content-form fieldset p label.form-radio input
{
  width: auto;
  border: none;
  background-image: none;
  vertical-align: abs-bottom;
}

.content-form fieldset.message p
{
  padding-left: 0;
}
.content-form fieldset.message p label
{
  width: auto;
  position: relative;
  margin: 0 0 .6em;
}
.content-form fieldset.message p textarea
{
  width: 316px;
  height: 120px;
  border: none;
  border-right: 1px solid #E4E4E4;
  border-bottom: 1px solid #E4E4E4;
  padding: 2px;
  background: url(images/bg-form-field.gif) no-repeat;
  font-size: 100%;
}
.content-form fieldset.send p
{
  padding-left: 0;
}
.content-form fieldset.send p.req
{
  float: left;
  color: #666666;
  font-size: 85%;
}
.content-form fieldset p.button
{
  display: block;
  float: right;
  margin: 0 10px 0 0;
  background: url(images/bg-search-button-0.gif) no-repeat 100% 0;
  color: #FFFFFF;
}
.content-form fieldset p.button button
{
  padding: .15em 10px .25em 5px;
  background: url(images/bg-search-button-leftborder.gif) no-repeat;
  color: #FFFFFF;
  line-height: 1.4;
  text-transform: lowercase;
  cursor: pointer;
}



/*   *****************************************************
 *
 *   CONTENT FORM ( EMAIL THIS PAGE )
 */
#email-form
{
  width: 370px;
  clear: both;
  border-top: none;
  padding: 0;
  background-color: #FFFFFF;
}
#email-form form
{
  margin: 0;
}
#email-form form p
{
  padding-left: 125px;
}
#email-form form label
{
  width: 110px;
}
#email-form form fieldset.message p,
#email-form form fieldset.send p
{
  padding-left: 0;
}
#email-form form fieldset.message label
{
  width: auto;
}
#email-form form input
{
  width: 191px;
}



/*   *****************************************************
 *
 *   ADDRESS BLOCK
 */
div.listing-address
{
/*  width: 156px;
  float: left;*/
  position: relative;
  padding-right: 12px;
}
.listing-address h3
{
  position: absolute;
  top: -100000px;
}
.listing-address abbr
{
  border: none;
  cursor: help;
}
.listing-address address
{
  margin-bottom: 1.4em;
}
.listing-address span.street-address
{
  display: block;
}
.listing-address .email
{
  display: block;
  margin-bottom: 1.4em;
}
.listing-address .type
{
  position: absolute;
  top: -100000px;
}



/*   *****************************************************
 *
 *   GOOGLE MAPS BLOCK
 */
div.listing-map
{
/*  width: 200px;
  float: left; */
  padding: 10px 0; 
}
#map
{
  margin: 0;
  padding: 0;
  border: 0;
  width: 200px;
  height: 200px;
}
#map div
{
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 8px !important;
}