/*   *****************************************************
 *
 *   BERTUS.COM
 *   Site of Bertus Distribution
 *
 *   For inquiries or comments, contact
 *   vizi - www.vizi.nl
 *
 *   Presentation layer for screen and projection media
 *   Main stylesheet for able web devices
 *
 *   This should comply with Dutch web guidelines and
 *   W3C CSS2.1 standards.
 *   See: http://www.webrichtlijnen.nl/
 *   
 *   location: /presentation/screen.css
 *   version:  1.1
 *   date:     08/05/2009
 *
 *   *****************************************************
 */



/*   *****************************************************
 *
 *   CODING CONVENTIONS
 *
 *   - 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 whenever 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,arial,univers,sans-serif;
  text-align: left;
  vertical-align: top;
}
input, select, textarea, button
{
  font: normal 100% helvetica,arial,univers,sans-serif;
}
table, td, th {
  border-collapse: collapse;
}

p {
    overflow: hidden;
}



/*   *****************************************************
 *
 *   BASE TYPOGRAPHY
 *
 */
body
{
  font: normal 15px/1.6 helvetica,arial,univers,sans-serif;
}

h1
{
  color: #0C709B;
  font-size: 360%;
  font-weight: bold;
  line-height: 1;
  letter-spacing: -2px;
}
h2
{
  color: #0C709B;
  font-size: 120%;
  font-weight: bold;
  line-height: 1.6;
}
a
{
  color: #0C709B;
}
a:hover,
a:focus
{
  background-color: #0C709B;
  color: #FFFFFF;
}

.contentblock h3
{
  padding: 0 40px;
  color: #0C709B;
  font-size: 120%;
  font-weight: bold;
  line-height: 1.6;
}
.contentblock .lead
{
  padding: .5em 80px .5em 40px;
  color: #666;
  font-size: 200%;
  font-weight: bold;
  line-height: 1;
}
.contentblock h2.lead
{
  margin: 0;
  font-weight: normal;
}
.date,
.contentblock .date
{
  font-style: normal;
  color: #666666;
}
.contentblock h4
{
  padding: 0 40px;
  font-weight: bold;
}
.contentblock .myinfo
{
  position: relative;
  top: -.2em;
  padding: 0 80px 0 40px;
  color: #666;
  font-size: 200%;
  font-weight: bold;
  line-height: 1;
}


.contentblock ul
{
  padding: 0 0 .8em 40px;
}
.contentblock ul li
{
  display: block;
  margin-bottom: .4em;
  padding-left: 25px;
  background: url(images/icon-bullet.gif) no-repeat 0 .55em;
  color: #000000;
}



/*   *****************************************************
 *
 *   COMMON CLASSES
 *
 */
.highlight
{
  background-color: #AACDDC;
}
.itemintro
{
  font-weight: bold;
}
#maincolumn #contentcolumn .contentblock .new
{
  background-image: url(images/bg-new.png);
  background-position: 0 0;
  background-repeat: repeat-x;
}
.assistive
{
  position: absolute;
  top: -10000px;
}



/*   *****************************************************
 *
 *   DOWNLOAD ICON
 *
 */
a img.downloadicon
{
  visibility: hidden;
}
.highlight img.downloadicon,
a:hover img.downloadicon,
a:focus img.downloadicon
{
  visibility: visible;
}




/*   *****************************************************
 *
 *   FOLLOW UP LINKS IN CONTENT BLOCKS
 *
 */
.contentblock .followup
{
  padding-bottom: 0;
}
.contentblock .followup li
{
  padding: 0;
  background-image: none !important;
  font-size: 120%;
  line-height: 1.389;
}
.contentblock .followup li a
{
  display: block;
  padding-left: 25px;
  background: url(images/icon-bullet.gif) no-repeat 0 .7em;
  color: #0C709B;
  font-weight: bold;
  text-decoration: none;
}
.contentblock .followup li a:hover,
.contentblock .followup li a:focus
{
  background-color: #0C709B;
  color: #FFFFFF;
}





/*   *****************************************************
 *
 *   MAIN LAYOUT
 *
 */
body
{
  position: relative;
  background-color: #F5FBFD;
}
#skiplinks
{
  position: absolute;
  top: -10000px;
}
#header
{
  min-height: 11em;
  background: url(images/bg-stripe.gif) repeat-x 0 100%;
}
.centerbox
{
  max-width: 1150px;
  position: relative;
  margin: 0 auto;
}
#header .centerbox
{
  min-height: 11em;
  min-width: 1000px;
  position: relative;
}
#maincolumn
{
  min-width: 1000px;
  min-height: 1000px;
  position: relative;
  padding-top: 157px;
}
.bertus #maincolumn,
.mybertus #maincolumn
{
  min-height: 1100px;
}
.home #maincolumn
{
  min-height: 700px;
  padding-top: 207px;
}
#contentcolumn
{
  margin: 0 50px 0 362px;
}
#asidecolumn
{
  position: absolute;
  left: 50px;
  top: 200px;
}
#asidequote
{
  width: 300px;
  position: absolute;
  left: 50px;
  bottom: 0;
}
#footer
{
  min-width: 1000px;
  padding: 10px 0 50px;
}

#mainnavigation
{
  width: 100%;
  position: absolute;
  top: 0;
}
#mainnavigation .centerbox
{
  height: 11em;
  position: relative;
}

#mainnavigation h2
{
  position: absolute;
  top: -10000px;
}




/*   *****************************************************
 *
 *   BACKGROUND GRAPHICS
 *
 */
.trumpet #header .centerbox
{
  background: url(images/bg-graphic-trumpet-top.gif) no-repeat 0 100%;
}
.trumpet #mainbox .centerbox
{
  background: url(images/bg-graphic-trumpet-tile.gif) repeat-y 279px 0;
}
.trumpet #mainbox #maincolumn
{
  background: url(images/bg-graphic-trumpet-mid.gif) no-repeat 0 0;
}
.trumpet #mainbox #footer
{
  background: #F5FBFD url(images/bg-graphic-trumpet-footer.gif) no-repeat 0 0;
}


.singing #header .centerbox
{
  background: url(images/bg-graphic-singing-top.gif) no-repeat 0 100%;
}
.singing #mainbox .centerbox
{
  background: url(images/bg-graphic-singing-tile.gif) repeat-y 279px 0;
}
.singing #mainbox #maincolumn
{
  background: url(images/bg-graphic-singing-mid.gif) no-repeat 0 0;
}
.singing #mainbox #footer
{
  background: #F5FBFD url(images/bg-graphic-singing-footer.gif) no-repeat 0 0;
}


.guitar #header .centerbox
{
  background: url(images/bg-graphic-guitar-top.gif) no-repeat 0 100%;
}
.guitar #mainbox .centerbox
{
  background: url(images/bg-graphic-guitar-tile.gif) repeat-y 279px 0;
}
.guitar #mainbox #maincolumn
{
  background: url(images/bg-graphic-guitar-mid.gif) no-repeat 0 0;
}
.guitar #mainbox #footer
{
  background: #F5FBFD url(images/bg-graphic-guitar-footer.gif) no-repeat 0 0;
}


.highnote #header .centerbox
{
  background: url(images/bg-graphic-highnote-top.gif) no-repeat 0 100%;
}
.highnote #mainbox .centerbox
{
  background: url(images/bg-graphic-highnote-tile.gif) repeat-y 279px 0;
}
.highnote #mainbox #maincolumn
{
  background: url(images/bg-graphic-highnote-mid.gif) no-repeat 0 0;
}
.highnote #mainbox #footer
{
  background: #F5FBFD url(images/bg-graphic-highnote-footer.gif) no-repeat 0 0;
}




/*   *****************************************************
 *
 *   LOGOTYPE
 *
 */
#logotype
{
  display: block;
  width: 282px;
  height: 108px;
  position: absolute;
  bottom: 13px;
  left: 50px;
  z-index: 500;
  background-image: url(images/bertus-logo-screen.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#logotype:hover,
#logotype:focus
{
  background-position: 0 -200px;
  background-color: transparent;
  color: #0C709B;
}
#logotype img
{
  display: none;
}



/*   *****************************************************
 *
 *   MAINMENU
 *
 */
#navigation
{
  display: block;
  width: 593px;
  height: 11em;
  position: absolute;
  left: 362px;
  bottom: -1px;
  z-index: 100;
}
#navigation li
{
  height: 11em;
  width: 215px;
  position: relative;
  float: left;
  margin-right: -27px;
}
#navigation li a
{
  display: block;
  width: 215px;
  height: 58px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: url(images/bg-menu-nl.png);
  background-repeat: no-repeat;
}
.en #navigation li a
{
  background-image: url(images/bg-menu-en.png);
}

#navigation li a:hover,
#navigation li a:focus
{
  background-color: transparent;
  color: #0C709B;
}

#navigation li a span
{
  position: absolute;
  top: -10000px;
}
#navigation #nav-music
{
  z-index: 101;
}
#navigation #nav-music a
{
  background-position: 0 -100px;
}
#navigation #nav-bertus
{
  z-index: 111;
}
#navigation #nav-bertus a
{
  background-position: -190px -200px;
}
#navigation #nav-mybertus
{
  z-index: 121;
}
#navigation #nav-mybertus a
{
  background-position: -378px -300px;
}




/*   *****************************************************
 *
 *   MAINMENU SHORTCUT BLOCKS
 *
 */
#navigation .shortcut
{
  position: absolute;
  bottom: 28px;
  left: 0;
}
#nav-music .shortcut
{
  z-index: 105;
}
#nav-bertus .shortcut
{
  z-index: 115;
}
#nav-mybertus .shortcut
{
  bottom: 58px;
  z-index: 125;
}
#nav-music .shortcut-inner
{
  width: 171px;
  padding: 13px 22px 0 22px;
  background: url(images/bg-shortcuts.png) no-repeat 0 0;
}
#nav-bertus .shortcut-inner
{
  width: 171px;
  padding: 13px 20px 0 24px;
  background: url(images/bg-shortcuts.png) no-repeat 0 0;
}
#nav-mybertus .shortcut-inner
{
  width: 171px;
  padding: 13px 18px 0 26px;
  background: url(images/bg-shortcuts.png) no-repeat 0 0;
}

#navigation .shortcut h3
{
  font-size: 120%;
  line-height: 1.11;
}
#navigation .shortcut p
{
  margin-bottom: .83em;
  font-size: 80%;
  line-height: 1.333;
}
#navigation .shortcut p.myinfo
{
  margin-bottom: 0;
}
#navigation .shortcut p.accountactions
{
  padding-bottom: .5em;
}
#navigation .shortcut a,
.en #navigation .shortcut a
{
  display: inline;
  width: auto;
  height: auto;
  position: relative;
  top: auto;
  left: auto;
  background-image: none;
  text-decoration: none;
}
#navigation .shortcut a:hover,
#navigation .shortcut a:focus
{
  background-color: #0C709B;
  color: #FFFFFF;
}

#navigation .shortcut form p
{
  position: relative;
  margin-bottom: 0;
}
#navigation .shortcut form p:after
{
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  color: #FFFFFF;
}
#navigation .shortcut form label
{
  position: absolute;
  top: .1em;
  left: 0;
  z-index: 126;
  background-color: #FFFFFF;
  font-size: 150%;
  line-height: 1.11;
}
#navigation .shortcut form input
{
  width: 160px;
  border: none;
  margin-bottom: .4em;
  border-bottom: 4px solid #0C709B;
  padding: .1em;
  background: #FFFFFF;
  color: #0C709B;
  font-size: 150%;
  line-height: 1.11;
}
#navigation .shortcut form button
{
  float: right;
  background: transparent;
  color: #0C709B;
  font-size: 150%;
  font-weight: bold;
  cursor: pointer;
}



/*   *****************************************************
 *
 *   LANGUAGE SWITCHER
 *
 */
#languages
{
  display: block;
  width: 23px;
  height: 143px;
  position: absolute;
  left: 0;
  bottom: -68px;
}
#languages strong,
#languages a
{
  display: block;
  width: 23px;
  height: 68px;
  position: relative;
  background-color: transparent;
  background-image: url(images/bg-languages.gif);
  background-repeat: no-repeat;
  color: #0C709B;
  overflow: hidden;
}
#languages .en
{
  padding-top: 7px;
}
#languages span
{
  position: absolute;
  top: -10000px;
}

#languages .nl a
{
  background-position: 0 0;
}
#languages .nl strong,
#languages .nl a:hover,
#languages .nl a:focus
{
  background-position: -100px 0;
}
#languages .nl strong.lowlight
{
  background-position: -50px 0;
}

#languages .en a
{
  background-position: 0 -75px;
}
#languages .en strong,
#languages .en a:hover,
#languages .en a:focus
{
  background-position: -100px -75px;
}
#languages .en strong.lowlight
{
  background-position: -50px -75px;
}




/*   *****************************************************
 *
 *   SUBMENU
 *
 */
#subnavigation h2
{
  position: absolute;
  top: -10000px;
}

#subnavback
{
  width: 298px;
}
#subnavback li
{
  padding: 0 10px .33em 40px;
  background: url(images/icon-subnav-back.gif) no-repeat 16px .35em;
}
#subnavback li a,
#subnavback li a:visited
{
  font-size: 200%;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#subnavback li a:hover,
#subnavback li a:visited:hover,
#subnavback li a:focus
{
  background-color: transparent;
  color: #0C709B;
}

#subnavforward
{
  width: 248px;
  padding: 1em 10px 1em 40px;
  margin-bottom: 14px;
  background: url(images/bg-submenu.png) no-repeat;
}
#subnavforward h3
{
  color: #FFFFFF;
  font-size: 160%;
  font-weight: bold;
  line-height: 1;
  text-transform: uppercase;
}
#subnavforward li
{
  padding: .3em 0;
}
#subnavforward li.selected
{
  padding: .22em 0;
}
#subnavforward li a,
#subnavforward li a:visited
{
  color: #BAE5F7;
  font-size: 120%;
  text-decoration: none;
}
#subnavforward li.selected a,
#subnavforward li.selected a:visited
{
  color: #FFFFFF;
  font-size: 150%;
}
#subnavforward li a:hover,
#subnavforward li a:focus
{
  background-color: transparent;
  color: #FFFFFF;
}

#subnavforward li em
{
  margin-left: .4em;
  color: #FFF;
  font-style: normal;
  font-weight: bold;
}




/*   *****************************************************
 *
 *   LYRICS QUOTE
 *
 */
#asidequote blockquote p
{
  color: #4590AD;
  font-size: 360%;
  font-weight: bold;
  line-height: .667;
  letter-spacing: -.04em;
}
#asidequote blockquote p cite
{
  display: block;
  margin-top: .5em;
  color: #000000;
  font-size: 66.67%;
  font-style: normal;
  font-weight: bold;
  line-height: .833;
  letter-spacing: normal;
}
#asidequote blockquote cite em
{
  display: block;
  padding: 0 75px 20px 0;
  font-style: normal;
}



/*   *****************************************************
 *
 *   BUILDING BLOCKS: COMMON (BLUE, RED, GREEN)
 *
 */
.contentblock
{
  position: relative;
  border: 8px solid #0C709B;
  border-top-width: 0;
  padding-bottom: 20px;
  background: url(images/bg-block-milk.png);
}
.contentblock h2
{
  margin: 1.25em 0 0;
  padding: 0 40px;
}
.contentblock p
{
  padding: 0 40px .8em;
  line-height: 1.5;
}
#maincolumn .contentblock p.followup
{
  width: 100%;
  height: 20px;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
  line-height: 1;
}
#maincolumn .alternateblock .contentblock p.followup
{
  margin: 0;
}
#maincolumn .contentblock p.followup a
{
  display: block;
  padding: 6px 23px 0 0;
  background-repeat: no-repeat;
  background-position: 100% .5em;
  color: #FFFFFF;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  text-align: right;
}


.blueblock,
.redblock,
.greenblock
{
  margin-top: 14px;
}
.blueblock h2,
.redblock h2,
.greenblock h2
{
  display: block;
  min-height: 20px;
  position: relative;
  border-right: 8px solid #0C709B;
  padding: 15px 5px 0 48px;
  background: url(images/bg-block-heading-blue.png) no-repeat 0 0;
  color: #0C709B;
  font-size: 160%;
  font-weight: bold;
  line-height: 1.2;
  text-transform: uppercase;
}
.blueblock .contentblock h2,
.redblock .contentblock h2,
.greenblock .contentblock h2
{
  border: none;
  padding: 0 0 0 40px;
  background: none;
}

.blueblock .contentblock
{
  border: 8px solid #0C709B;
  border-top-width: 0;
}
.blueblock .contentblock a
{
  color: #0C709B;
}
.blueblock .contentblock a:hover,
.blueblock .contentblock a:focus
{
  background-color: #0C709B;
  color: #FFFFFF;
  text-decoration: none;
}
.blueblock .contentblock ul li
{
  background: url(images/icon-bullet.gif) no-repeat 0 .55em;
}
.blueblock .contentblock p.followup a
{
  background-color: #0C709B;
  background-image: url(images/icon-followup-blue.gif);
}

.redblock h2
{
  border-right: 8px solid #CC0033;
  background: url(images/bg-block-heading-red.png) no-repeat 0 0;
  color: #CC0033;
}
.redblock .contentblock
{
  border: 8px solid #CC0033;
  border-top-width: 0;
}
.redblock .contentblock a
{
  color: #CC0033;
}
.redblock .contentblock a:hover,
.redblock .contentblock a:focus
{
  background-color: #CC0033;
  color: #FFFFFF;
  text-decoration: none;
}
.redblock .contentblock ul li
{
  background: url(images/icon-bullet-red.gif) no-repeat 0 .55em;
}
.redblock .contentblock p.followup a
{
  background-color: #CC0033;
  background-image: url(images/icon-followup-red.gif);
}

.greenblock h2
{
  border-right: 8px solid #669933;
  background: url(images/bg-block-heading-green.png) no-repeat 0 0;
  color: #669933;
}
.greenblock .contentblock
{
  border: 8px solid #669933;
  border-top-width: 0;
}
.greenblock .contentblock a
{
  color: #669933;
}
.greenblock .contentblock a:hover,
.greenblock .contentblock a:focus
{
  background-color: #669933;
  color: #FFFFFF;
  text-decoration: none;
}
.greenblock .contentblock ul li
{
  background: url(images/icon-bullet-green.gif) no-repeat 0 .55em;
}
.greenblock .contentblock p.followup a
{
  background-color: #669933;
  background-image: url(images/icon-followup-green.gif);
}




/*   *****************************************************
 *
 *   BUILDING BLOCKS: COMMON BLOCK (ASIDE COLUMN)
 *
 */
#asidecolumn .blueblock,
#asidecolumn .redblock,
#asidecolumn .greenblock
{
  width: 268px;
  margin-left: 30px;
}
#asidecolumn .blueblock .contentblock,
#asidecolumn .redblock .contentblock,
#asidecolumn .greenblock .contentblock
{
  padding-bottom: 0;
}
#asidecolumn .contentblock p
{
  padding: 5px 10px 10px 40px;
  font-size: 120%;
  line-height: 1.3;
}
#asidecolumn .contentblock ul
{
  padding: 5px 0 10px 40px;
}
#asidecolumn .contentblock li
{
  display: block;
  margin: 0 10px 5px 0;
  padding-left: 0;
  background-image: none;
  font-size: 120%;
  font-weight: bold;
}
#asidecolumn .contentblock li a
{
  font-weight: normal;
  text-decoration: none;
}




/*   *****************************************************
 *
 *   BUILDING BLOCKS: INTRO BLOCK
 *
 */
.introblock h1
{
  display: block;
  min-height: 55px;
  border-right: 8px solid #0C709B;
  padding: 15px 5px 0 48px;
  background: url(images/bg-block-heading-blue.png) no-repeat;
}
.introblock .contentblock
{
  padding-bottom: 0;
}
.introblock .contentblock a:hover,
.introblock .contentblock a:focus
{
  text-decoration: none;
}




/*   *****************************************************
 *
 *   ACCOUNT ACTIONS IN INTRO BLOCK
 *
 */
.introblock .contentblock .accountactions
{
  display: block;
  width: 12em;
  position: absolute;
  top: -3.75em;
  right: 0;
  padding: 0;
}
.introblock .contentblock .accountactions li
{
  margin-bottom: 0;
}




/*   *****************************************************
 *
 *   BUILDING BLOCKS: FILTER BLOCK
 *
 */
.filterblock .contentblock
{
  padding-bottom: 0;
}
.filterblock .contentblock h2
{
  margin-top: 0;
}
.filterblock .contentblock h3
{
  float: left;
  padding-right: 10px;
}
.filterblock ul
{
  padding: 0 0 10px 40px;
}
.filterblock ul:after
{
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  color: #FFFFFF;
}
.filterblock li
{
  display: block;
  float: left;
  margin: 0 10px 5px 0;
  font-size: 120%;
  font-weight: normal;
}
.filterblock li a
{
  font-weight: normal;
  text-decoration: none;
}
.filterblock li img
{
  vertical-align: baseline;
}







/*   *****************************************************
 *
 *   BUILDING BLOCKS: ALTERNATE BLOCK (PROFILE PAGE)
 *
 */
.alternateblock
{
  margin-top: 14px;
}
.alternateblock h2 span
{
  position: absolute;
  top: -100000px;
}
.alternateblock .contentblock
{
  padding-bottom: 0;
}
.alternateblock .contentblock p
{
  position: relative;
  top: -1.1em;
  z-index: 1000;
  /* margin-bottom: -.8em; */ /* causes paragraph to overlap in alternateblock */
  padding-bottom: 0;
  color: #666666;
  font-size: 160%;
  font-weight: bold;
  line-height: 1;
}
.alternateblock .contentblock p strong
{
  color: #0C709B;
}
.alternateblock .contentblock a
{
  text-decoration: none;
}


/*   *****************************************************
 *
 *   BUILDING BLOCKS: VISUAL & GALLERY IN ALTERNATE BLOCK
 *
 */
.alternateblock .contentblock .visual,
.alternateblock .contentblock .gallery
{
  top: 0;
  margin: 0;
  padding: 0;
}
.alternateblock .contentblock .visual a
{
  display: block;
  height: 200px;
  width: 100%;
  overflow:hidden;
}
.alternateblock .contentblock .gallery
{
  display: block;
  height: 350px;
  width: 100%;
  overflow:hidden;
}

/*   *****************************************************
 *
 *   BUILDING BLOCKS: VISUAL & GALLERY IN ALTERNATE BLOCK
 *
 */
.alternateblock .contentblock .map
{
  height: 500px;
  width: 100%;
  overflow:hidden;
}




/*   *****************************************************
 *
 *   LISTS: RELEASES
 *
 */
.contentblock .releases
{
  padding: 0;
}
.contentblock .releases li
{
  min-height: 100px;
  position: relative;
  margin: 0;
  padding: 15px 15px 15px 150px;
  background-image: none;
}
.contentblock .releases li img
{
  display: block;
  position: absolute;
  top: 15px;
  left: 40px;
}
.contentblock .releases li h2
{
  margin: 0;
  padding: 0;
  font-size: 120%;
  font-weight: bold;
  line-height: 1;
}
.contentblock .releases li h2 a
{
  display: block;
  padding-top: .2em;
  background-color: transparent;
  color: #0C709B;
  font-size: 133%;
  line-height: .83;
  text-decoration: none;
}
.contentblock .releases li p.meta
{
  margin-top: .2em;
  padding: 0;
  font-size: 80%;
  font-weight: bold;
  line-height: 2.08;
}

.releases li p.meta em
{
  margin-right: .6em;
  color: #0C709B;
  font-style: normal;
}



/*   *****************************************************
 *
 *   LISTS: PAGING
 *
 */
.contentblock .paging
{
  padding: 10px 40px 20px; 
}
.alternateblock .contentblock .paging
{
  padding: 5px 40px ;
}
.contentblock .paging:after
{
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  color: #FFFFFF;
}
#contentcolumn .contentblock .paging li
{
  float: left;
  margin: 0;
  padding: 0;
  background-image: none;
  font-size: 1.5em;
  font-weight: bold;
}
.paging li strong,
.paging li span,
.paging li a
{
  display: block;
  padding: .3em .7em .2em;
  line-height: 1;
  text-decoration: none;
}
.paging li strong,
.paging li a:hover
{
  background-color: #0C709B;
  color: #FFFFFF;
}

#contentcolumn .contentblock .paging .paging-previous
{
  float: left;
}
#contentcolumn .contentblock .paging .paging-next
{
  float: right;
}
#contentcolumn .contentblock .paging .paging-overview
{
  width: 6em;
  float: none;
  position: relative;
  left: -.8em;
  margin: 0 auto;
}




/*   *****************************************************
 *
 *   LISTS: LABELS
 *
 */
.contentblock .labels
{
  padding: 10px 0 10px 40px;
}
.contentblock .labels:after
{
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  color: #FFFFFF;
}
.contentblock .labels h2
{
  margin: .52em 0 .2em;
  padding: 0;
  color: #0C709B;
  font-size: 160%;
  font-weight: bold;
  line-height: 1.04;
}
.contentblock .labels ul
{
  width: 50%;
  float: left;
  padding: 0;
}
.contentblock .labels li
{
  padding: 0;
  background-image: none;
  font-size: 120%;
  line-height: 1.389;
}
.contentblock .labels li a
{
  display: block;
  padding-left: 25px;
  background: url(images/icon-bullet.gif) no-repeat 0 .7em;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}
.labels li a:hover,
.labels li a:focus
{
  background-color: #0C709B;
  color: #FFFFFF;
}


/*   *****************************************************
 *
 *   LISTS: GIGS
 *
 */
.contentblock .gigs
{
  margin: 10px 40px;
  padding: 0 0 4px 0;
  background: url(images/bg-stripe-gigs.gif) no-repeat 0 100%;
}
.contentblock .gigs h2
{
  display: block;
  width: 100px;
  float: left;
  margin: 0 10px 0 0;
  border-top: 4px solid #0C709B;
  padding: 10px 0 0;
  font-size: 200%;
  font-weight: bold;
}
.contentblock .gigs ul
{
  margin-left: 110px;
  border-top: 4px solid #0C709B;
  padding: 10px 0;
}
.contentblock .gigs li
{
  margin: 0;
  padding: .167em 0;
  background-image: none;
}
.contentblock .gigs h3
{
  padding: 0;
  font-size: 160%;
  font-weight: bold;
  line-height: 1.33;
}
.gigs h3 a
{
  text-decoration: none;
}
.gigs p
{
  padding: 0;
  font-size: 120%;
  line-height: 1;
}



/*   *****************************************************
 *
 *   LISTS: SPOTLIGHT
 *
 */
.contentblock .spotlight
{
  padding: 5px 0 0;
}
.contentblock .spotlight li
{
  min-height: 100px;
  position: relative;
  padding: 15px 15px 15px 150px;
  background-image: none;
}
.spotlight li img
{
  display: block;
  position: absolute;
  top: 15px;
  left: 40px;
}
.contentblock .spotlight li h2
{
  margin: 0;
  padding: 0;
  font-size: 160%;
  font-weight: bold;
  line-height: 1;
}
.spotlight li h2 a
{
  display: block;
  padding-top: .1em;
  background-color: transparent;
  color: #0C709B;
  text-decoration: none;
}
.spotlight li h2 a:hover,
.spotlight li h2 a:visited:hover,
.spotlight li h2 a:focus
{
  background-color: #0C709B;
  color: #FFFFFF;
}

.contentblock .spotlight li p
{
  margin: .3em 0 0;
  padding: 0;
  line-height: 1.33;
}
.spotlight li p em
{
  margin-right: 1em;
  font-weight: bold;
}




/*   *****************************************************
 *
 *   LISTS: ONESHEETS
 *
 */
.contentblock .onesheets
{
  padding: 0;
}
.contentblock .onesheets li
{
  position: relative;
  margin: 5px 0 ;
  padding: 5px 15px 5px 40px;
  background-image: none;
}
.contentblock .onesheets li h2
{
  margin: 0;
  padding: 0 40px 0 0;
  font-size: 120%;
  font-weight: bold;
  line-height: 1;
}
.contentblock .onesheets li h2 a
{
  display: block;
  padding-top: .2em;
  background-color: transparent;
  color: #0C709B;
  font-size: 133%;
  line-height: .83;
  text-decoration: none;
}
.contentblock .onesheets li h2 img
{
  display: block;
  position: absolute;
  right: 40px;
  top: 8px;
}
.contentblock .onesheets li p.meta
{
  margin-top: .2em;
  padding: 0;
  font-size: 80%;
  font-weight: bold;
  line-height: 2.08;
  text-transform: uppercase;
}
.onesheets li p.meta em,
.onesheets li p.meta span
{
  margin-right: .6em;
  font-style: normal;
}




/*   *****************************************************
 *
 *   LISTS: DOWNLOADS
 *
 */
.contentblock .downloads
{
  padding: 0;
}
.contentblock .downloads li
{
  min-height: 100px;
  position: relative;
  margin: 0;
  padding: 15px 15px 15px 150px;
  background-image: none;
}
.contentblock .downloads li img
{
  display: block;
  position: absolute;
  top: 15px;
  left: 40px;
}
.contentblock .downloads li h2
{
  margin: 0;
  padding: 0 40px 0 0;
  font-size: 120%;
  font-weight: bold;
  line-height: 1;
}
.contentblock .downloads li h2 a
{
  display: block;
  padding-top: .2em;
  background-color: transparent;
  color: #0C709B;
  font-size: 133%;
  line-height: .83;
  text-decoration: none;
}
.contentblock .downloads li h2 img
{
  left: auto;
  right: 40px;
  top: 20px;
}

.contentblock .downloads li p
{
  padding: 0;  
}
.contentblock .downloads li p.meta
{
  margin-top: .2em;
  font-size: 80%;
  font-weight: bold;
  line-height: 2.08;
  text-transform: uppercase;
}
.downloads li p.meta em,
.downloads li p.meta span
{
  margin-right: .6em;
  font-style: normal;
}



/*   *****************************************************
 *
 *   LISTS: FAQ QUESTIONS
 *
 */
.contentblock .faq
{
  padding: 0 0 0 40px;
}
.contentblock .faq li
{
  padding: 0;
  background-image: none;
  font-size: 120%;
  line-height: 1.389;
}
.contentblock .faq li a
{
  display: block;
  padding: 0 10px 0 25px;
  background: url(images/icon-bullet.gif) no-repeat 0 .7em;
  color: #000000;
  text-decoration: none;
}
.faq li a:hover,
.faq li a:focus
{
  background-color: #0C709B;
  color: #FFFFFF;
}



/*   *****************************************************
 *
 *   LISTS: NEWS (ASIDE)
 *
 */
#asidecolumn .contentblock .news li
{
  position: relative;
  padding-left: 50px;
}
#asidecolumn .contentblock .news span
{
  display: block;
  position: absolute;
  left: 0;
  top: .1em;
  font-size: 80%;
  font-weight: bold;
}



/*   *****************************************************
 *
 *   LISTS: NEWS (CONTENT)
 *
 */
#contentcolumn .news
{
  padding: 1em 0 0;
}
#contentcolumn .news li
{
  padding: 5px 40px 10px 150px;
  background-image: none;
}

#contentcolumn .news li h2
{
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 160%;
  font-weight: bold;
  line-height: 1;
}
#contentcolumn .news li h2 a
{
  display: block;
  padding-top: .1em;
  background-color: transparent;
  color: #0C709B;
  text-decoration: none;
}
#contentcolumn .news li h2 a:hover,
#contentcolumn .news li h2 a:visited:hover,
#contentcolumn .news li h2 a:focus
{
  background-color: #0C709B;
  color: #FFFFFF;
}

#contentcolumn .news .date
{
  display: block;
  position: absolute;
  left: -110px;
  top: .1em;
  font-weight: bold;
}

#contentcolumn .news li p
{
  margin: .5em 0 0;
  padding: 0;
  line-height: 1.33;
}



/*   *****************************************************
 *
 *   LISTS: NEWS (CONTENT)
 *
 */
.contentblock ul.error
{
  padding: 0 0 0 40px;
}
.contentblock .error li
{
  padding: 0;
  background-image: none;
  font-size: 120%;
  line-height: 1.389;
}
.contentblock .error li a
{
  display: block;
  padding-left: 25px;
  background: url(images/icon-bullet.gif) no-repeat 0 .7em;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}
.contentblock .error li a:hover,
.contentblock .errorli a:focus
{
  background-color: #0C709B;
  color: #FFFFFF;
}





/*   *****************************************************
 *
 *   BLOCK: MESSAGES (MY BERTUS)
 *
 */
.contentblock .messages
{
  padding: 0;
}
.introblock .messages
{
  padding-bottom: 10px;
}
#contentcolumn .contentblock .messages li
{
  margin: 0;
  padding: 5px 20px 5px 110px;
  background-image: none;
}
.contentblock .messages li h3
{
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 120%;
  font-weight: bold;
  line-height: 1;
}
.contentblock .messages li h3 a
{
  display: block;
  padding-top: .1em;
  background-color: transparent;
  color: #0C709B;
  text-decoration: none;
}
.contentblock .messages li h3 a:hover,
.contentblock .messages li h3 a:visited:hover,
.contentblock .messages li h3 a:focus
{
  background-color: #0C709B;
  color: #FFFFFF;
}
.contentblock .messages li h3 img
{
  display: block;
  position: absolute;
  right: 20px;
  top: 2px;
}
.contentblock .messages li p
{
  padding: 0;
}
.contentblock .messages .date
{
  display: block;
  position: absolute;
  left: -70px;
  top: .1em;
  font-weight: bold;
}


/*   *****************************************************
 *
 *   BLOCK: RELEASE (SPOTLIGHT ITEM)
 *
 */
.contentblock .release
{
  min-height: 100px;
  position: relative;
  margin: 0 0 1em;
  padding: 15px 40px 15px 150px;
  background-color: #AACDDC;
}

.contentblock .release h3
{
  padding: 0;
  color: #000000;
  line-height: 1.2;
}
.contentblock .release h3 a
{
  display: block;
  font-size: 120%;
  text-decoration: none;
}

.contentblock .release p.meta
{
  padding: 0;
  font-size: 80%;
}

.contentblock .release img
{
  display: block;
  position: absolute;
  left: 40px;
  top: 15px;
}



/*   *****************************************************
 *
 *   BLOCK: RELEASE DETAILS (RELEASE ITEM)
 *
 */
.contentblock .releasedetails
{
  margin: 0 0 1em;
  padding: 0 40px;
}
.contentblock .releasedetails:after
{
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  color: #FFFFFF;
}
.contentblock .releasedetails img
{
  display: block;
  float: left;
  margin-right: 20px;
}
.contentblock .releasedetails dl
{
  font-size: 80%;
  font-weight: bold;
  line-height: 1.2;
}
.contentblock .releasedetails dt
{
  padding: .2em 0 0;
  color: #0C709B;
  text-transform: uppercase;
}
.contentblock .releasedetails dd
{
  margin: 0 0 .5em;
}



/*   *****************************************************
 *
 *   BLOCK: SALES REP INFO (MY ACCOUNT)
 *
 */
.salesrepblock .contentblock
{
  padding-bottom: 0;
}
.salesrepblock .contentblock:after
{
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  color: #FFFFFF;
}
.salesrepblock .contentblock p
{
  display: block;
  float: left;
  margin-right: 2em;
  padding: 0 0 0 40px;
  font-size: 120%;
  font-weight: bold;
}
.salesrepblock .contentblock ul
{
  float: left;
}



/*   *****************************************************
 *
 *   BLOCK: ADDRESS INFO (MY ACCOUNT)
 *
 */
.addressblock .contentblock div
{
  width: 50%;
  float: left;
  margin-bottom: 1em;
}
.addressblock .contentblock div p
{
  padding-bottom: 0;
}
.addressblock .contentblock ul.followup
{
  clear: left;
}




/*   *****************************************************
 *
 *   BLOCK: FORM BLOCK (MY BERTUS)
 *
 */
.formblock form
{
  padding: 5px 0 0;
}
.formblock form p
{
  position: relative;
  margin: 0 0 0;
  padding: 0 0 0 40px;
}
.formblock form p:after
{
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  color: #FFFFFF;
}
.formblock form label
{
  position: absolute;
  top: .1em;
  left: 40px;
  z-index: 126;
  background-color: #FFFFFF;
  font-size: 150%;
  line-height: 1.11;
}
.formblock form input
{
  width: 360px;
  border: none;
  margin: 0 .4em .4em 0;
  border-bottom: 4px solid #0C709B;
  padding: .1em;
  background: #FFFFFF;
  color: #0C709B;
  font-size: 150%;
  line-height: 1.11;
}
.formblock form button
{
  display: block;
  width: 100%;
  margin-bottom: .4em;
  padding: .1em 0 .1em 20px;
  background: transparent url(images/icon-bullet.gif) no-repeat 0 .65em;
  color: #0C709B;
  font-size: 120%;
  font-weight: bold;
  line-height: 1.389;
  cursor: pointer;
}
.formblock form button:hover
{
  background: #0C709B;
  color: #FFFFFF;
}


.formblock p.error label
{
  background: #FFEEEE;
  color: #CC0000;
}
.formblock p.error input
{
  border-bottom: 4px solid #CC0000;
  background: #FFEEEE;
  color: #CC0000;
}




/*   *****************************************************
 *
 *   FOOTER
 *
 */
#footer div
{
  margin: 0 15px 0 362px;
}
#footer div:after
{
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  color: #FFFFFF;
}
#footer p
{
  display: block;
  float: left;
  position: relative;
  margin-right: 25px;
  padding-top: 22px;
  color: #0C709B;
  font-size: 150%;
  text-transform: uppercase;
}

#footer p strong
{
  color: #4590AD;
}
#footer p img
{
  margin-top: -22px;
  vertical-align: baseline;
}

#footer p em
{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  color: #555555;
  font-size: 80%;
  font-style: normal;
}
#footer p a
{
  text-decoration: none;
}
#footer p a:hover,
#footer p a:visited:hover,
#footer p a:focus
{
  background-color: #0C709B;
  color: #000000;
}



/*   *****************************************************
 *
 *   HOMEPAGE: ATTENTION ROW & COMMON BLOCK FORMATTING
 *
 */
#attentionrow
{
  margin: 0 50px;
}
#attentionrow:after,
#contentcolumn:after
{
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  color: #FFFFFF;
}
.releasesblock,
.jobsblock,
.newsblock,
.gigsblock
{
  width: 256px;
  float: right;
  margin: 0 0 14px 14px;
}
.spotlightblock
{
  margin: 0 540px 0 0;
}
.home .alternateblock
{
  width: 526px;
  clear: right;
  float: right;
  margin-top: 0;
}
.home .contentblock h3,
.home .contentblock p
{
  padding-right: 10px;
}


/*   *****************************************************
 *
 *   HOMEPAGE: SPOTLIGHT BLOCK
 *
 */
.home .spotlightblock .contentblock
{
  padding: 0;
}
.home .spotlightblock .spotlight
{
  min-height: 170px;
  position: relative;
  padding: 5px 0 0 200px;
}
.home .spotlightblock .spotlight h3
{
  padding: 0 10px .1em 0;
  line-height: 1.2;
}
.home .spotlightblock .spotlight h3 a
{
  text-decoration: none;
}
.home .spotlightblock .spotlight p
{
  padding: 0 10px 0 0;
}
.home .spotlightblock .spotlight p.meta
{
  margin-left: -160px;
  padding-bottom: 5px;
  color: #000000;
  font-size: 90%;
  font-weight: bold;
  text-transform: uppercase;
}
.home .spotlightblock .spotlight .date
{
  margin-right: .6em;
}
.home .spotlightblock .spotlight img
{
  display: block;
  position: absolute;
  left: 40px;
  bottom: 5px;
  top: auto;
}


/*   *****************************************************
 *
 *   HOMEPAGE: JOBS BLOCK
 *
 */
.home .jobsblock .contentblock p
{
  padding-top: 5px;
}



/*   *****************************************************
 *
 *   HOMEPAGE: RELEASES BLOCK
 *
 */
.home .releasesblock .releases
{
  padding: 0;
}
.home .releasesblock .releases li
{
  min-height: 100px;
  padding: 5px 10px 5px 130px;
  background-image: none;
}
.home .releasesblock .releases li h3
{
  padding: 0;
  line-height: 1.1;
}
.home .releasesblock .releases h3 a
{
  text-decoration: none;
}
.home .releasesblock .releases li p
{
  padding: 0;
}
.home .releasesblock .releases li p.meta
{
  margin: 0 0 0 -90px;
  padding: .5em 0 5px;
  color: #000000;
  font-size: 90%;
  line-height: 1;
  text-transform: uppercase;
}
.home .greenblock .releases li .date
{
  color: #666666;
}
.home .releasesblock .releases li img
{
  top: 25px;
}




/*   *****************************************************
 *
 *   HOMEPAGE: GIGS BLOCK
 *
 */
.home .gigsblock .gigs
{
  margin: 0;
  padding: 0;
  background: none;
}
.home .gigsblock .gigs li
{
  padding: 5px 0 5px 90px;
  background-image: none;
}
.home .gigsblock .gigs li h3
{
  position: relative;
  padding: 0;
  font-size: 120%;
  line-height: 1;
}
.home .gigsblock .gigs li h3 .date
{
  display: block;
  width: 40px;
  position: absolute;
  left: -50px;
  top: .1em;
  font-size: 80%;
}
.home .gigsblock .gigs li p.meta
{
  color: #666666;
  font-size: 80%;
  text-transform: uppercase;
}



/*   *****************************************************
 *
 *   HOMEPAGE: NEWS BLOCK
 *
 */
.home #contentcolumn .newsblock .news
{
  margin: 0;
  padding: 0;
  background: none;
}
.home #contentcolumn .newsblock .news li
{
  margin: 0;
  padding: 5px 0 5px 90px;
}
.home #contentcolumn .newsblock .news li h3
{
  position: relative;
  padding: 0;
  font-size: 120%;
  line-height: 1;
}
.home #contentcolumn .newsblock .news li h3 .date
{
  display: block;
  width: 40px;
  position: absolute;
  left: -50px;
  top: .1em;
  font-size: 80%;
}
.home #contentcolumn .newsblock .news a
{
  text-decoration: none;
}


/*   *****************************************************
 *
 *   HOMEPAGE: PROFILE BLOCK
 *
 */
.home .alternateblock h2
{
  background-image: url(images/bg-block-heading-full-blue.png);
}
.home .alternateblock .contentblock
{
  padding-bottom: 20px;
  background: #0C709B url(images/bg-block-profile-content.png) repeat-x 0 100%;
}
.home .alternateblock .contentblock p
{
  color: #BAE5F7;
  font-weight: normal;
}
.home .alternateblock .contentblock p strong
{
  color: #FFFFFF;
  text-transform: uppercase;
}
.home .alternateblock .contentblock p em.payoff
{
  display: block;
  margin-top: .4em;
  color: #FFFFFF;
  font-style: normal;
}
.home #maincolumn .alternateblock .contentblock p.followup a
{
  background-image: url(images/icon-followup-blue-milk.gif);
  color: #BAE5F7;
}