/* @override http://localhost:3000/stylesheets/main.css */

/* ----------------------------------- */
/* ---------->>> TABLE OF CONTENT <<<----------- */
/* ----------------------------------- */
/* |- TABLE OF CONTENT
/* |- COLOR REFERENCE
/* |
/* |- RESET
/* |- GLOBAL
/* |- LAYOUT
/* |  |- HEADER
/* |  |  |- PRIMENAV
/* |  |- CONTENT
/* |  |  |- BOXES
/* |  |  |- SEARCHBOX
/* |- CONTENT
/* |  |- NEWS
/* |  |- CONTENT
/* |  |- CONTACT
/* -----------------------------------*/

/* ----------------------------------- */
/* ---------->>> COLOR REFERENCE <<<----------- */
/* ----------------------------------- */
/*
/* -----------------------------------*/

/* ----------------------------------- */
/* ---------->>> RESET <<<----------- */
/* ----------------------------------- */
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
/* http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/* own additions */
img { border: 0; }

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

body {
  font-size: 70.00%;
  font-family: arial, sans-serif;
  margin: 0;
  padding: 0;
  color: #3a3a3a;
}

h1, h2, h3, h4, h5, h6 {}
h2 {}
h3 {}

a {}
a:link {}
a:visited {}
a:active {}
a:hover {}

ul, ol, dl {
  line-height: 1.5em;
  margin: 0 0 1em 0em;
}

li {
  margin-left: 0em;
  line-height: 1.5em;
  list-style-type: none;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 0 1em 2em;
}

cite, blockquote {
  font-style: italic;
}

blockquote {
  margin: 0 0 1em 1.5em;
}

strong, b {
  font-weight: bold;
}

em, i {
  font-style: italic;
}

pre, code {
  font-family: monospace;
  font-size: 1.1em;
}

acronym, abbr {
  letter-spacing: .07em;
  border-bottom: .1em dashed #ffcd00;
  cursor: help;
}

div.spacer {
  font-size: 0.08em;
  background: transparent;
  clear: both;
  width: 0;
  height: 0;
}

.invisible {
  position: absolute;
  left: -5000px;
}

.clear {
  clear: both;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  /* invalid value: disabled by math */
  /*display: inline-table; */
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}

input {
  font-size: 12px;
}

.left { float: left; }



/* -----------------------------------*/
/* ---------->>> LAYOUT <<<-----------*/
/* -----------------------------------*/

body {
  background: url(/images/body-bg.png) repeat-x 0 0;
}

h1 {
  margin: 9px 0 0 55px;
}
h1 a {
  display: block;
  width: 195px;
  height: 50px;
}
.lborder {
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #CCCCCC;
}
.rborder {
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #CCCCCC;
}

  /* ---------->>> LAYOUT / HEADER <<<-----------*/
  div#spotlight {
    position: absolute;
    top: 0;
    left: 0;
    width: 635px;
    height: 524px;
    text-align: center;
    background: url(/images/spotlight-bg.png) repeat-x 0 0;
  }
    
  div#spotlight div#overlay {
    width: 427px;
    height: 710px;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 0 0 549px; /* 549 */
    text-align: left;
  }
  img#colour_curtain {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
  }
  img#logo{
  position: relative;
  margin: 5px 0px 0px 78px; /* 78 */
  z-index: 2;
  }
  img#ttcoe {
  position: relative;
  margin: 16px 0px 0px 142px; /* 140 */
  z-index: 2;
  }

  /* ---------->>> LAYOUT / HEADER / PRIMENAV <<<-----------*/
  div#primenav {
    position: absolute;
    top: 190px;
    left: 690px;
    z-index: 2;
  }
    ul#langnav {
      width: 210px;
      display: block;
      color: #DD4C2C;
      text-transform: capitalize;
      margin: 0 0 0 2px;
      padding: 0;
    }
    ul#langnav li {
      display: block;
      float: left;
      line-height: 1.2em;

    }
    ul#langnav li a {
      font: bold 11px arial, sans-serif;
      color: #DD4C2C;
      text-decoration: none;
    }
    ul#langnav li a:hover,
    ul#langnav li a.active {
      color: #B10077;
    }

    ul#mainnav {
      margin: 0;
      padding: 0;
    }
    ul#mainnav li {

    }
    ul#mainnav li a {
      font: bold 35px/100% arial, sans-serif;
      color: #DD4C2C;
      text-decoration: none;
      margin: 0;
      padding: 0;
    }
    ul#mainnav li a:hover,
    ul#mainnav li a.active {
      color: #B10077;
    }

  /* ---------->>> LAYOUT / CONTENT <<<-----------*/
  div#container {
    width: 930px;
    position: absolute;
    top: 360px;
    z-index: 2;
    background: transparent url(/images/content-bg.png) no-repeat 0px 0;
  }
  body#start div#features {
    height: 143px;
    width: 840px;
    margin: 0 0 0 40px;
    padding: 10px;
    border-top: 1px solid #878787;
    background: url(/images/features-bg.png) no-repeat 0 0;
  }
	* html body#start div#features {
	  width: 842px;
	}
    body#start div#features a.box {
      display: block;
      text-decoration: none;
      height: 120px;
      width: 185px;
      float: left;
      padding: 12px 11px 10px 13px;
      border-left-style: solid;
      border-left-width: 1px;
      border-left-color: #999999;
      color: #999999;
    }
      body#start div#features a.active,
      body#start div#features a.box:hover {
        color: #fff;
      }
      body#start div#features a.box.noline {
        border: none;
      }
      body#start div#features a.box h2 {
        font-size: 24px;
        padding: 0 0 20px 0;
      }
      body#start div#features a.box p {
        font: 12px arial, sans-serif;
      }
    div#main {
      width: 820px;
      padding: 36px 20px;
      background: #fff;
    }
    body#start div#main {
      width: 840px;
      padding: 36px 0 0 20px;
      background: #fff;
    }
      div#main h2 {
        font: bold 24px/1em Arial, sans-serif;
        color: #777777;
        padding: 0 0 32px 0;
      }
      div#main h3 {
        font: bold 16px/1em Arial, sans-serif;
        color: #777777;
        padding: 8px 0 8px 0;
      }
    div#footer {
      background: #333;
      color: #999999;
      border-top: 1px solid #616161;
      font-size: 11px;
     font-weight: normal;
      line-height: 23px;
      height: 23px;
      text-align: left;
      margin: 0;
      padding: 0 18px;
    }
      div#footer a {
        color: #999999;
        margin-left: 9px;
        text-decoration: none;
      }
      div#footer a:hover {
        text-decoration: underline;
      }
      body#start div#footer {
        width: 824px;
      }

  /* ---------->>> LAYOUT / CONTENT / BOXES <<<-----------*/
  div.box2-4 {
    float: left;
  }
    div.box2-4.lborder {
      width: 409px;
    }
    div.box2-4.rborder {
      width: 399px;
      padding: 0 10px 0 0;
    }
    /* IE6 hack */
    * html div.rborder {
      width: 409px;
    }
  div.box1-4 {
    width: 191px;
			padding: 0 10px 0 9px;
      float: left;
	}
    div.box1-4.rborder {
      width: 190px;
    }
    div.box1-4.lborder {
      width: 190px;
    }
    p.caption {
      margin-top: -15px;
    }
  div.pagination {
	font-size: 10px;
	font-weight: bold;
  }
  /* ---------->>> LAYOUT / CONTENT / SEARCHBOX <<<-----------*/
  div#searchbox {
    margin: 0 0 30px 0;
  }
    div#searchbox input {
      color: #999999;
      text-transform: uppercase;
      border: none;
      background: transparent;
      margin: 4px 1px 1px 10px;
    }
      div#searchbox input.text {
        color: #333333;
        width: 110px;
        margin: 0;
        border: none;
        background: #777777;
      }
  span.date {
    font-size: 10px;
    font-weight: normal;
    color: #151515;
  }

/* -----------------------------------*/
/* ---------->>> CONTENT <<<-----------*/
/* -----------------------------------*/

  /* ---------->>> CONTENT / NEWS <<<-----------*/
  div.newsheading a.rss_icon{
    float: right;
    padding: 6px 0px 34px 0px;
  }
  a.rss_icon img
  {
/*    padding: 0px 0px 8px 0px;
    display: inline;*/
  }
  div.newsheading h2{
    float: left;
    display: inline;
  }
  
  div.newsitem {
    font: 13px/1.2em arial, sans-serif;
    margin: 0 0 25px 0;
    clear: both;
  }
    div.newsitem a {
      color: black;
      text-decoration: none;
    }
    /*div.newsitem a:hover { color: #D50090; }*/
    div.newsitem h3 {
      font-size: 13px;
    }
      div.newsitem h3 span.date {
        color: #777777;
        font-size: 16px;
      }
  div.inventoryitem {
    font: 11px/1.2em arial, sans-serif;
    margin: 0 0 25px 0;
    color: #000;
  }
    div.inventoryitem a {
      color: black;
      text-decoration: none;
    }
    /*div.inventoryitem a:hover { color: #D50090; }*/
    div.inventoryitem span.date {
      font-weight: bold;
      color: #777777;
    }

  div.contactitem {
    font: 11px/1.4em arial, sans-serif;
    color: #000;
  }
    div.contactitem p {
      margin: 0 0 25px 0;
    }
    div.contactitem strong {
      font: normal bold 11px/1.4em arial, sans-serif;
      color: #777777;
    }

  /* ---------->>> CONTENT / CONTENT <<<-----------*/

    div#content {
      width: 890px;
      padding: 0 0 0 40px;
      margin: 0;
    }
      body#bcontent div#container div#content div#sheet {
        background: #333333 url(/images/sheet-bg.jpg) no-repeat 0 0;
        border-top-style: solid;
        border-top-width: 1px;
        border-top-color: #999999;
        margin: 0;
        height: 100%;
      }
      body#bcontent div#container div#content div#sheet div#breadcrumbs {
        font-size: 12px;
        color: #CCCCCC;
        background: transparent;
        margin: 0;
        padding: 7px 0 3px 22px;
      }
        body#bcontent div#container div#content div#sheet div#breadcrumbs a {
          color: #CCCCCC;
          text-decoration: none;
        }
        body#bcontent div#container div#content div#sheet div#breadcrumbs a:hover {
          color: #fff;
        }
      body#bcontent div#container div#content div#sheet div#main {
        float: left;
        margin: 0 20px 0 0;
        background: #fff;
        width: 630px;
        padding: 0 0 36px 0;
        border-top-style: solid;
        border-top-width: 1px;
        border-top-color: #333333;
        border-right-style: solid;
        border-right-width: 1px;
        border-right-color: #333333;
      }
        /* added by sasa BEGIN */
        /* using div.clearfix instead of div#main, to prevent overriding contact styles */
        body#bcontent div#container div#content div#sheet div.clearfix p {
          margin-bottom: 10px;
        }
        body#bcontent div#container div#content div#sheet div.clearfix ul {
          margin: 10px;
        }
        body#bcontent div#container div#content div#sheet div.clearfix li {
          list-style: disc;
          margin: 10px;
          padding: 0px;
        }
        body#bcontent div#container div#content div#sheet div.clearfix a {
          color: #980066;
          text-decoration: none;
        }
        body#bcontent div#container div#content div#sheet div.clearfix a:hover { color: #D50090; }

        body#bcontent div#container div#content div#sheet div.clearfix div.file_list {
          margin: 20px 0 0 0;
        }
        body#bcontent div#container div#content div#sheet div.clearfix div.file_list li {
          margin: 0px 10px;
        }
        /* added by sasa END */
      body#bcontent div#container div#content div#sheet div#main div.box1-4 {
        width: 190px;
        padding: 0;
        margin: 36px 10px 0 0;
        float: left;
      }
      /* IE6 fix */
      * html body#bcontent div#container div#content div#sheet div#main div.box1-4 {
        width: 200px;
        margin: 36px 0 0 0;
      }
      body#bcontent div#container div#content div#sheet div#main div.box1-4 img {
          margin: 5px 0 15px 0;
        }

      body#bcontent div#container div#content div#sheet div#main div.box2-4 {
        padding: 0 10px 0 0;
        margin: 36px 10px 36px 20px;
        font: 13px/1.4em arial, sans-serif;
      }
      body#bcontent div#container div#content div#sheet div#main div.rborder {
			  width: 389px;
			}
      /* IE6 fix */
      * html body#bcontent div#container div#content div#sheet div#main div.box2-4 {
        padding: 0 10px 0 0;
        margin: 36px 10px 36px 10px;
      }
			* html body#bcontent div#container div#content div#sheet div#main div.rborder {
			  width: 369px;
			}

      body#bcontent div#container div#content div#sheet div#rightcol {
        float: left;
        width: 229px;
      }
        body#bcontent div#container div#content div#sheet div#rightcol h3 {
          color: #333333;
          font: bold 11px arial, sans-serif;
          margin: 0 0 3px 0;
        }
        body#bcontent div#container div#content div#sheet div#rightcol div#searchbox {
          margin: 0 0 30px 0;
        }
          body#bcontent div#container div#content div#sheet div#rightcol div#searchbox input {
            margin: 0 1px 1px 0;
          }
          body#bcontent div#container div#content div#sheet div#rightcol div#searchbox input.text {
            width: 120px;
          }

        body#bcontent div#container div#content div#sheet div#rightcol ul {
          width: 229px;
          border-top-color: #666666;
          border-top-style: solid;
          border-top-width: 1px;
        }
          body#bcontent div#container div#content div#sheet div#rightcol ul#secnav1 {
            margin: 25px 0 0 0;
            padding: 5px 0 28px 0;
          }
            body#bcontent div#container div#content div#sheet div#rightcol ul#secnav1 li a {
              text-decoration: none;
              text-transform: lowercase;
              font: bold 24px/1.2em arial, sans-serif;
              color: #999999;
            }
            body#bcontent div#container div#content div#sheet div#rightcol ul#secnav1 li a:hover,
            body#bcontent div#container div#content div#sheet div#rightcol ul#secnav1 li a.active {
              color: #fff;
            }

            body#bcontent div#container div#content div#sheet div#rightcol ul#secnav2 {
              padding: 5px 0 28px 0;
            }
            body#bcontent div#container div#content div#sheet div#rightcol ul#secnav2 li a {
              text-decoration: none;
              text-transform: lowercase;
              font: bold 16px/1.2em arial, sans-serif;
              color: #999999;
            }
            body#bcontent div#container div#content div#sheet div#rightcol ul#secnav2 li a:hover,
            body#bcontent div#container div#content div#sheet div#rightcol ul#secnav2 li a.active {
              color: #fff;
            }

            body#bcontent div#container div#content div#sheet div#rightcol ul#secnav3,
            body#bcontent div#container div#content div#sheet div#rightcol ul#search_results {
              padding: 5px 0 20px 0;
            }
            body#bcontent div#container div#content div#sheet div#rightcol ul#secnav3 li,
            body#bcontent div#container div#content div#sheet div#rightcol ul#search_results li {
              margin: 0 0 10px 0;
              font: 13px/120% arial, sans-serif;
            }
              body#bcontent div#container div#content div#sheet div#rightcol ul#secnav3 li a,
            body#bcontent div#container div#content div#sheet div#rightcol ul#search_results li a {
                text-decoration: none;
                text-transform: lowercase;
                font: 13px/120% arial, sans-serif;
                /*font: 13px/50% arial, sans-serif;*/
                color: #999999;
              }
              body#bcontent div#container div#content div#sheet div#rightcol ul#secnav3 li a:hover,
              body#bcontent div#container div#content div#sheet div#rightcol ul#secnav3 li a.active,
              body#bcontent div#container div#content div#sheet div#rightcol ul#search_results li a:hover,
              body#bcontent div#container div#content div#sheet div#rightcol ul#search_results li a.active {
                color: #fff;
              }

  /* ---------->>> CONTENT / CONTACT <<<-----------*/
        body.contact div#container div#content div#sheet div#main {
          width: 630px;
          padding: 20px 0 36px 20px;
        }
        /* IE6 fix */
        /* body#bcontent.contact overrides this! */
        * html body.contact div#container div#content div#sheet div#main {
          padding: 0 0 36px 0;
        }
          body#bcontent.contact div#container div#content div#sheet div#main div.box1-4 {
            width: 185px;
            padding: 0;
            margin: 36px 0 0 20px;
          }

          * html body#bcontent div#container div#content div#sheet div#main div#test {
            width: 185px;
            padding: 0;
            margin: 36px 0 0 15px;
          }

            body.contact div#container div#content div#sheet div#main div.box1-4 div.contactitem {
              height: 82px;
              position: relative;
              z-index: 4;
              margin: 0 0 15px 0;
              padding: 0 0 1px 0;
              color: #333333;
              font: 11px arial, sans-serif;
              border-top-style: solid;
              border-top-width: 1px;
              border-top-color: #CCCCCC;
              border-bottom-style: solid;
              border-bottom-width: 1px;
              border-bottom-color: #CCCCCC;
            }
            body.contact div#container div#content div#sheet div#main div.box1-4 div.contactitem:hover {
              color: #CCCCCC;
              background: #333333;
              cursor: pointer;
            }
              body.contact div#container div#content div#sheet div#main div.box1-4 div.contactitem p {
                line-height: 1.4em;
                margin: 0;
                padding: 5px;
              }
                body.contact div#container div#content div#sheet div#main div.box1-4 div.contactitem p a {
                  color: #980066 /*#333333*/;
                  text-decoration: none;
                }
                body.contact div#container div#content div#sheet div#main div.box1-4 div.contactitem:hover p a {
                  color: #D50090 /*#CCCCCC*/;
                }
                body.contact div#container div#content div#sheet div#main div.box1-4 div.contactitem img {
                  position: absolute;
                  z-index: 5;
                  top: -5px;
                  left: 185px;
                  border-width: 10px;
                  border-style: solid;
                  border-color: #333333;
                  border-top-width: 8px;
                  border-bottom-width: 8px;
                }

div#ajax_form {
  float: left;
}
div#ajax_form p { float: left; }
div#ajax_form p.nofloat { float: none; }

div#ajax_form input,
div#ajax_form select {
  width: 180px;
  border: 1px solid #616161;
  margin-right: 10px;
}
div#ajax_form input {
  padding: 2px 1px;
}
div#ajax_form select {
  width: 184px;
}
div#ajax_form input.button,
div#ajax_form input.checkbox {
  width: auto;
  padding: 0px;
}
div#ajax_form input.button {
  padding: 1px 15px;
}

div#ajax_form_errors {
  border: 1px solid red;
  padding: 2px 6px;
  margin-bottom: 20px;
  width: 364px;
}
div#ajax_form_errors p {
  margin: 4px;
}

/*.LV_validation_message { font-size: 10px; }*/
.LV_invalid { color: Red; }
.LV_valid { color: Green; }

/* FLASH OBJECT */
object.embedded_swf {
  display: block;
  margin: 15px 0px 15px 0px;
}