/* SD baseline */
@import url(speedmat-base.css);

  /* typography styles */
  @import url(speedmat-typography.css);

  /* form elements */
  @import url(speedmat-form.css);

  /* main layout */
  @import url(speedmat-layout.css);

  /* navigation */
  @import url(speedmat-nav.css);

  /* colour scheme */
  @import url(speedmat-color.css);

    /* widgets for CLIENT */
    @import url(speedmat-widgets.css);



/*****************************
INDEX PROMOS
*****************************/

#body1 div#top img, #body38 div#top img {
 top: 5px;
 left: 5px;
 }
div#copy, div#top {
 margin-bottom: 0px;
 padding-bottom: 0px;
 }

/* INDEX NAV

div#nav li.firstLI a:link, div#nav li.firstLI a:visited {
 background-image: url('/images/v2/background-logo-slide.gif');
 background-position: top right;
 background-repeat: no-repeat;
 }
div#nav li.firstLI a:hover {
 background-image: url(/images/v2/background-headerNav_over.gif);
 background-repeat: repeat-x;
 background-position: 0px 0px;
 }*/


/*****************************
INDEX COLUMNS
*****************************/

div#indexBelow {
 padding: 0px;
 background-image: url(/images/v2/background-indexBelow.gif);
 background-position: 0px 50px;
 background-repeat: repeat-y;
 }
div#indexBelowHead {
 padding: 0px 2px 0px 2px;
 background-image: url(/images/v2/background-indexBelowHead.gif);
 background-position: top right;
 background-repeat: no-repeat;
 }
div.indexCol {
 position: relative;
 width: auto;
 font-size: 1em;
}
div#rightCol {
 position: relative;
 display: block;
 position: relative;
 clear: right;
 margin: 0px 0px 20px 300px;
 padding: 0px 0px 0px 0px;
 background-image: url(/images/v2/background-indexBelowRight.gif);
 background-position: 0em 44px;
 background-repeat: repeat-x;
}
div#leftCol {
 float: left;
 position: relative;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 298px;
 background-image: url(/images/v2/background-indexBelowLeft.gif);
 background-position: 0em 44px;
 background-repeat: repeat-x;
 overflow: hidden;
}

div.indexCol h2 {
 padding: 0px;
 line-height: 44px;
 background-image: none;
 background-color: transparent;
 font-family: arial, helvetica, sans-serif;
 font-size: 1.8em;
 letter-spacing: 1px;
 }
div.indexCol h2 a:hover {
 text-decoration: underline;
 }
div#leftCol h2 {
 margin-left: -2px;
 background-image: url(/images/v2/background-indexBelowHead.gif);
 background-position: top left;
 background-repeat: no-repeat;
 }
div#rightCol h2 {
 margin-right: -1px;
 background-image: url(/images/v2/background-indexBelowHead.gif);
 background-position: top right;
 background-repeat: no-repeat;
 }

div#rightCol h3 {
 padding-left: 20px;
 }
div#leftCol h3 {
 border-top-color: #8c8c8c;
 margin-right: 0px;
 margin-left: 0px;
 padding-right: 10px;
 padding-left: 20px;
 font-size: 1.4em;
 letter-spacing: 0px;
 }
div#leftCol p {
 margin-right: 20px;
 margin-left: 20px;
 font-size: .8em;
 line-height: 1.4em;
 }
div#leftCol h4 {
 margin-right: 20px;
 margin-left: 20px;
 }
div.indexCol img {
 float: right;
 margin:  0px 10px 10px 10px;
 display: inline-block;
 border: 0px;
}
div.indexCol a.button:link, div.indexCol a.button:visited {
 position: relative;
 display: inline-block;
 clear: none;
 margin: 5px 0px 5px 0px;
 padding: .4em 1em;
 background-color: #091627;
 background-image: url(/images/v2/background-index-h2.gif);
 background-position: center left;
 background-repeat: repeat-x;
 border: 3px double white;
 color: white;
 font-family: Arial, sans-serif;
 font-size: 1em;
 font-weight: bold;
 text-decoration: none;
 text-transform: uppercase;
 white-space: nowrap;
}
div.indexCol a.button:hover {
 display: inline-block;
 border: 3px double white;
 color: #FFCB3F;
}