body {
  font-family: Arial, sans-serif;
  font-size: 10px; font-size-adjust: none;
  margin:0;
  background-color: #f8f8f8;
}
textarea {
  font-family: Arial, sans-serif;
  font-size: 10px; font-size-adjust: none;
}


div#header {
  padding: 15px 15px 15px 20px;
  border:solid grey; border-width:1px 0;
  background-color:#060606; color: #ffffff;
  min-width:520px; max-width:none;

  background-image: url(images/lights.jpg);
  background-position: 140px 0;
  background-repeat: no-repeat;
  border:solid #00BF00; border-width:0 0 3px 0;

  position: fixed;
  top: 0;
  width:100%;
  z-index: 10000;
}

ul.header {display:inline; margin:0 0; padding:0; list-style-position:inside;}
ul.header li {display:inline; list-style-position:inside;margin-left:25px;}
ul.header li.nosp {margin-left:0 !important;}



div.marc {
    padding: 25px 25px 25px 25px;
    margin: 48px 0 0 50px; /*48px top*/
    max-width: 600px;
    border: 1px solid #e8e8e8;
    background-color: #ffffff;
}

#standards-icons {
    margin: 25px 0 25px 50px;
}

#standards-icons a img {
    border: none;
    padding-right: 5px;
}

#new-nav {
  position: fixed;
  /*top: 118px;*/
  top: 90px;
  /*margin-left: 20px;*/
  margin-left: 740px;
  color: #333333;
}
.new-nav li {
  /*background-color: #dddddd;*/
}
.new-nav .new-nav li {
  margin-left: 20px;
}
span.ui-accordion-right { visibility: hidden; }
a.ui-accordion-header {
  /*background-image: none !important;*/
  /*background-color: #eeeeee;*/
}
.ui-accordion-header.selected {
  /*background-color: #ddffdd;*/
}

/*** new nav ***/

dl.new-nav  { width: 220px; }
dl.new-nav,
.new-nav dd { margin: 0; }
.new-nav dt {
    /*background: #F39;*/ background-color: #cccccc;
    font-size: 14px;
    padding: 6px; padding-left: 10px; margin: 3px 0 1px 0;
    cursor: pointer;
}
/*.new-nav dt a { color: #FFF; }*/
/*.new-nav dd a { color: #000; }*/
.new-nav ul { list-style: none; margin: 0 10px; padding: 10px; }
.new-nav li { font-size: 12px; line-height: 20px; }

.new-nav dt.activeNav {background-color: #bbbbbb;}
.new-nav dt.hoverNav {background-color: #bbbbbb;}

/*** LINKS ***/
a.activeNav { border: dotted #00BF00; border-width: 0 0 1px 0; cursor: default; }
a { text-decoration:none; }
a[name] { text-decoration:none; }
a:link    { color: #00BF00; }
a:visited { color: #00BF00; }
a:hover   { color: #008F00; border: 0 dotted #000000; border-width: 0 0 1px 0; }
a:active  { color: #80FF80; }

dt.activeNav a,
a.activeNav { color: #008F00; }
dt.hoverNav a,
a.hoverNav { color: #008F00; }


/*** TEXT ***/

h4 { padding-left:20px; font-family:serif; font-size:18px; color:#aaaaaa; }
h5 { font-size:12px; color:#888888; }
h6 { font-size: 11px; font-weight: normal; color:#888888; }
ul li { list-style: none; line-height: 15px; }
ul {padding-left: 20px;}

span.keyword { letter-spacing: 3px; font-size: 120%; color: #999999; font-weight: normal;  font-size-adjust: 0.78; }


/*** PAGES ***/

div.effectBox,
div.funcBox,
div.contBox
{
    border: 1px solid #bbbbbb;
    padding: 0 10px 10px 10px;
    margin-top: 25px;
}
div.effectDemo,
div.funcDemo,
div.contDemo
{
    border: 1px dotted grey;
    border-width: 1px 0 0 0;
    padding: 15px 0;
}
div.effectBox input {
    margin: 10px 0px 5px 0;
}



.effect-corner {
    width: 200px;
    padding: 10px;
    margin-top: 5px;
    background-color: #dddddd;
}

.effect-corner._comb_outer {
    background-color: #000000;
    width: 260px;
    padding: 10px;
}
.effect-corner._comb_inner {
    background-image: url(images/pattern_156.gif);
    width: 240px; margin: 0;
    color: #ffffff;
}
.effect-corner._comb_inner input#foo {
    margin-right: 10px;
    background-color: #333333;
    color: #ffffff;
    border-width: 1px;
}

.effectDemo > #effect-slide {
    background-color: #f8f8f8;
    border: 1px dotted grey;
    border-width: 0 1px 1px 1px;
}
#effect-slide {
    /*border: 1px dotted grey;
    border-width: 0 1px 1px 1px;*/
}
.effect-corner + .effect-corner {
    margin-top: 25px;
}
.effect-corner._2 {
  background-color: #00BF00;
}
/* canvas method */
.effect-corner._3 { border: 1px solid #999999; }

.effect-corner._4 { background-image: url(images/grass.jpg); border: 1px solid #999999; color: #ffffff; }

.tabs li a:hover { border: none; }

.flashtext span {
    width:500px;
}
.flashtext span.h1 {
    font-size: 32px;
}
.flashtext span.h2 {
    font-size: 18px;
}
.sIFR-active .h1 { /* needed for e.g. gecko 1.8 */
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 32px;
}
.sIFR-active .h2 { /* needed for e.g. gecko 1.8 */
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 18px;
}
.sIFR-active ._comb_inner .h2 { /* needed for e.g. gecko 1.8 */
  color: cyan;
}

.lightbox img {
  border-width: 1px;
  margin-right: 5px;
}

.ui-tabs-nav, .ui-tabs-panel {
    /*font-family: inherit !important;
    font-size: inherit !important;*/
}
.menuDemo #nav {
    /*font-size: inherit;
    font-family: inherit;*/
}

/* SORTABLE, DRAG&DROP */
.portletDemo .column { width: 170px; float: left; }
.portlet { margin: 1em; }
.portlet-header { margin: 0.3em; padding-left: 0.2em; }
.portlet-header .ui-icon { float: right; }
.portlet-content { padding: 0.4em; }
.portletDemo .ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; }
.portletDemo .ui-sortable-placeholder * { visibility: hidden; }
/* END SORTABLE, DRAG&DROP */

.ui-expandable .ui-widget-content {
  padding: 15px;
}
.ui-expandable div.trek {
  width: 380px;
}
.ui-expandable img.trek {
  float: left;
  margin: 4px 20px 5px 0;
}
div.floatcontainer {
  /* see: http://www.quirksmode.org/css/clearing.html */
  /* not used due to using ui-helper-clearfix */
  overflow:hidden;
  width: 100%;
}
.ui-accordion-header a:hover {
  border: none;
}
.ui-accordion div.domo {
  float: left;
  width: 180px;
  margin-right: 20px;
}
.ui-accordion img.domo {
  margin-top: 5px;
}

#slider-display {
    font-size: 12px;
    font-weight: bold;
    margin-top:10px;
}

#player_01,
#player_02,
#player_03 {z-index: 1;}

#player_02 {
    border: 1px solid #cccccc;
    border-bottom-width: 0;
    width: 480px;
    height: 290px;
}

#player_03 {
    border: 1px solid #cccccc;
    width: 480px;
    height: 270px;
}

.rating { margin-top: 10px; }

.remark { color: grey; }

#services td.cat { width: 150px; }

body#contact form {}
body#contact form input, textarea {width:240px;}
body#contact form textarea {height:190px; overflow:auto;}
body#contact form button { margin: 15px 0 15px 0; }
body#contact form div#console {width:240px; border:1px solid red; padding:10px 0; margin-bottom: 20px; background-color: #ffeeee; text-align:center; display:none;}
body#contact form div#console.success {border-color: green; background-color: #eeffee;}
body#contact form button { margin: 15px 0 15px 0; }
body#contact form span#required {}