html, body {
	margin: 0;
	padding: 0;
    height: 100%;
}   
body {
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 14px !important;
	background: #000 url(../images/macrotyre1.png) no-repeat;
    color: #eee;
}
a {
   color: #7993be; 
}
/*************************************************/
.no-js-h2 {
    font-size: 18px !important;
    color: #c99;
}
.no-js-notice {
    display: block;
    position: absolute;
    top: 20px;
    left: 490px;
    width: 300px;
    height: 70px;
    background: #c99;
    border: 1px solid #c33;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}
.no-js-notice img {
    float: left;
    padding: 9px 9px 0 9px;
}
.no-js-notice p {
    display: block;
    font-size: 12px !important;
    color: #444;
    font-weight: bold;
    padding: 2px 5px 2px 0;
}
/*************************************************/
.para-style01 {
    padding: 10px;
    font-size: 14px !important;
    border: 1px dashed #666;
    background: #f6f6f6;
    color: #666;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}
/*************************************************/
.para-style02 {
    padding: 2px 4px;
    font-size: 15px !important;
    border: 1px solid #ddd;
    background: #f2f2f2;
    color: #111;
}
/*************************************************************************************************/
/******* Logo wraps ******************************************************************************/
/*************************************************************************************************/
#banner1 {
    position: relative;
    top: 50px;
    left: 50px;
    width: 700px;
    height: 115px;
    padding: 10px 5px 20px;
}
#logo1 {
    position: absolute;
    left: 370px;
}
/*************************************************************************************************/
/******* Division wraps **************************************************************************/
/*************************************************************************************************/
#wrap1 {
	width: 1000px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -100px;

}
#wrap2 {
    position: relative;
    float: right;
    width: 820px;
    padding: 10px;
    margin-bottom: 50px;
    background: #000 url(../images/background1.png);
    /*border: 1px solid green;*/
}
#footer {
    clear: both;
    bottom: 0px;
    width: 100%;
    height: 100px;
}
#footer-wrap1 {
    position: relative;
    width: 1000px;
    height: 98px;
    margin: 0 auto;
    /*border: 1px solid green;*/
}
#footer-wrap1 img {
    position: absolute;
    top: -90px;
    left: 130px;
}
/*************************************************/
#content1 {
    position: relative;
    display: block;
    width: 820px;
    height: 114px;
    padding-top: 10px;
    background: #fff url(../images/highlight5.png) repeat-x;
    border: 1px solid #cdcdcd;
    border-bottom: 1px solid #212121;
    border-top: 1px solid #212121;
    clear: both;
    -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px;
}
#content2 {

}
#content3 {
     width: 802px;
    height: 102px;
    margin: 0 auto;
    margin-top: 20px;
    /*border: 1px solid blue;*/
    /*background: #fff;*/
}
/*************************************************************************************************/
/******* Scrolling navigation ********************************************************************/
/*************************************************************************************************/
#nav1 {
    position: relative;
    display: block;
    width: 145px;
    padding: 5px;
    float:  left;
    margin-top: 60px;
    /*border: 1px solid yellow;*/
}
/*************************************************/
div.nav1-wrap {
    display: inline-block;
    width: 140px;
    /*padding: 2px;*/
    /*border: 1px solid blue;*/
}
div.left1 {
    display: block;
    height: 70px;
    float: left;
}

div.left1 p {
    display: block;
    width: 60px;
    padding: 5px;
    background: #444;
    font-size: 14px;
    /*border: 1px solid red;*/
}

div.right1 {
    display: block;
    float: right;
}
div.right1 a {
    display: block;
}
div.right1 a img {
    display: block;
    border: none;
    /*border: 1px solid green;*/
}

.activelink1 {

}
/*************************************************************************************************/
/******* Header navigation *******************************************************************/
/*************************************************************************************************/
#nav2 {
    position: relative;
    float: left;
    clear: both;
	width: 700px;
    padding-bottom: 20px;
	text-align: center;
    color: #fff;
    /*border: 1px solid red;*/
}
div.nav2-wrap {
    display: inline-block;
    /*border: 1px solid green;*/
}
div.nav2-wrap a {
    display: block;
	padding: 5px 20px;
    margin-left: 5px;
	text-decoration: none;
    font-style: italic;
    color: #7993be;
}
div.nav2-wrap a:link {
}
div.nav2-wrap a:visited {
}
div.nav2-wrap a:hover {
	border-bottom: 1px solid #7993be;
}
div.nav2-wrap a:active {
    
}
div.nav2-wrap a.activelink2 {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    background: #fff url(../images/highlight5.png) repeat-x;
	text-decoration: none;
    color: #111;
    border-bottom: 1px outset #eeeeee;
    border-top: 1px inset #111;
}
/*************************************************************************************************/
/******* Footer navigation *******************************************************************/
/*************************************************************************************************/
#nav3 {
    position: relative;
    float: right;
    clear: both;
	width: 700px;
    padding-top: 10px;
	text-align: center;
    color: #fff;
    /*border: 1px solid red;*/
}
div.nav3-wrap {
    display: inline-block;
    /*border: 1px solid green;*/
}
div.nav3-wrap a {
    display: inline-block;
	padding: 5px 20px;
    margin-left: 5px;
	text-decoration: none;
    font-style: italic;
    color: #7993be;
}
div.nav3-wrap a:link {
}
div.nav3-wrap a:visited {
}
div.nav3-wrap a:hover {
	border-bottom: 1px solid #7993be;
}
div.nav3-wrap a:active {
    
}
div.nav3-wrap a.activelink2 {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    background: #fff url(../images/highlight5.png) repeat-x;
	text-decoration: none;
    color: #111;
    border-bottom: 1px outset #eeeeee;
    border-top: 1px inset #111;
}
/*************************************************************************************************/
/*************************************************************************************************/
/*************************************************************************************************/
div#tele-email {
    display:block;
    width: 402px;
    float: left;
    /*background: #fff;*/
    /*border: 1px solid green;*/
}
div#telephone {
    position: relative;
    display: block;
    width: 400px;
    height: 50px;
    /*border: 1px solid red;*/
}
div#email {
    position: relative;
    display: block;
    width: 400px;
    height: 50px;
    /*border: 1px solid red;*/
}
div#telephone img {
    display: block;
    float: left;
    padding-left: 40px;
    padding-top: 3px;
}
div#email img {
    display: block;
    float: left;
    padding-left: 90px;
}
div#telephone p {
    display: block;
    float: right;
    padding-right: 80px;
}
div#email p {
    display: block;
    float: right;
    padding-right: 40px;
}
/*************************************************************************************************/
/******** coda-slider ****************************************************************************/
/*************************************************************************************************/
.coda-slider-wrapper {
    padding: 20px 0px 0px;
	background: url(../images/highlight2.png) repeat-x;
    clear: both;
    overflow: auto;
}
.coda-slider-wrapper-wrap {
    width: 100%;
    height: 100%;
    padding-bottom: 40px;
    background: #666 url(../images/highlight3.png) bottom left repeat-x;
    -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px;
    border-bottom: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
}
.coda-slider {
    width: 820px;
    padding-bottom: 20px;
	background: #fff;
    -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px;
    border-bottom: 1px solid #212121;
}
	
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */

.coda-slider-no-js .coda-slider {
    width: 800px;
    overflow: auto !important;
}
	
/* Change the width of the entire slider (without dynamic arrows) */

.coda-slider, .coda-slider .panel {
    width: 820px;
} 
	
/* Change margin and width of the slider (with dynamic arrows) */
/*.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px }*/
/*.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }*/
	
/* Tab nav */


	
/* Panel padding */
.coda-slider .panel-wrapper {
    padding: 20px;
}

#coda-slider h2.title {
	display: none;
}

/* Preloader */

.coda-slider p.loading {
    padding: 20px;
    text-align: center;
}

/* Don't change anything below here unless you know what you're doing */

/* Tabbed nav */

.coda-nav ul {
    clear: both;
    display: block;
    margin: auto;
    overflow: hidden;
    
}

.coda-nav ul li {
    display: inline;
}

.coda-nav ul li a {
    display: block;
    float: left;
    text-decoration: none;
	background: #7993be url(../images/highlight4.png) bottom left repeat-x;
    color: #fff;
    margin-right: 5px;
	margin-top: 4px;
    padding: 5px 15px;
    -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -khtml-border-top-left-radius: 2px; border-top-left-radius: 2px;
    -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; -khtml-border-top-right-radius: 2px; border-top-right-radius: 2px;
}
.coda-nav ul li a.current {
    color: #222;
    background: #fff url(../images/highlight5.png) repeat-x;
	margin-top: 0px;
	padding: 7px 15px;
}
.coda-nav ul li a:hover {
   
}

/* Miscellaneous */

.coda-slider-wrapper {
    clear: both;
    overflow: auto;
}

.coda-slider {
    float: left;
    overflow: hidden;
    position: relative;
}

.coda-slider .panel {
    display: block;
    float: left;
}

.coda-slider .panel-container {
    position: relative;
}	

/*************************************************************************************************/
/******************** nivo-slider ****************************************************************/
/*************************************************************************************************/
#nivo-wrap {
    display: inline-block;
    width: 250px;
	height: 105px;
    float: right;
    margin-right: 75px;
    padding: 5px;
    padding-bottom: 4px;
    background: #fff;
}
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img {
    display:block;
}
/*************************************************************************************************/
/******************** fancybox *******************************************************************/
/*************************************************************************************************/
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../images/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../images/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../images/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -9999px;
	left: -9999px;
	visibility: hidden;
}

/* Overlay helper */

.fancybox-lock {
	overflow: hidden;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../images/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}
/*************************************************************************************************/
/***************** AD-gallery ********************************************************************/
/*************************************************************************************************/
.ad-gallery {
    width: 700px;
    font-size: 14px !important;
    color: #fff !important;
    font-weight: bold;
    background: #000;
    /*border: 1px solid green;*/
}
/**********************************/
.container {
    width: 710px;
    margin: 0 auto;
    /*border: 1px solid red;*/
}
/**********************************/
div.descriptions {
    display: block;
    width: 678px;
    margin: 0 auto;
    padding: 10px;
    font-size: 14px !important;
    font-weight: bold;
    color: #666 !important;
    border: 1px dashed #666;
    background: #f6f6f6;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    /*border: 1px solid red;*/
}
/**********************************/
.ad-gallery, .ad-gallery * {
  margin: 0 auto;
  padding: 2px 0;
}
  .ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 500px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
  }
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      border: 1px solid #CCC;
    }
    .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 200;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 200;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(../images/trans.gif);
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(../images/ad_prev2.png);
        width: 32px;
        height: 32px;
        display: none;
        position: absolute;
        top: 47%;
        left: 2px;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(../images/ad_next2.png);
        width: 32px;
        height: 32px;
        top: 47%;
        right: 4px;
        left: auto;
      }
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: hidden;
      top: 0px;
      left: 0;
      z-index: 9;
    }
      .ad-gallery .ad-image-wrapper .ad-image a img {
        border: 0;
      }
      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding: 7px;
        text-align: left;
        width: 100%;
        z-index: 2;
        background: url(../images/opa75.png);
        color: #000;
      }
      * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='../images/opa75.png');
      }
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
          display: block;
        }
  .ad-gallery .ad-controls {
    height: 20px;
  }
    .ad-gallery .ad-info {
      float: left;
      padding-left: 10px;
    }
    .ad-gallery .ad-slideshow-controls {
      float: right;
      padding-right: 10px;
    }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        padding-left: 5px;
        cursor: pointer;
      }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        padding-left: 5px;
        font-size: 0.9em;
      }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      font-style: italic;
    }
  .ad-gallery .ad-nav {
    width: 100%;
    position: relative;
  }
    .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;
      top: 0;
      height: 100%;
      z-index: 10;
    }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
      height: 100px;
    }
    .ad-gallery .ad-back {
      cursor: pointer;
      top: 7px;
      left: -18px;
      width: 28px;
      display: block;
      background: url(../images/ad_scroll_back2.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
      top: 7px;
      right: -18px;
      width: 28px;
      background: url(../images/ad_scroll_forward2.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: 100%;
    }
      .ad-gallery .ad-thumbs .ad-thumb-list {
        float: left;
        width: 9000px;
        list-style: none;
      }
        .ad-gallery .ad-thumbs li {
          float: left;
          padding-right: 5px;
          background: #000;
        }
          .ad-gallery .ad-thumbs li a {
            display: block;
          }
            .ad-gallery .ad-thumbs li a img {
             
              border: none;
              display: block;
            }
            .ad-gallery .ad-thumbs li a.ad-active img {
             
            }

/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}
/*************************************************************************************************/
/***************** jmap **************************************************************************/
/*************************************************************************************************/