/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
#slideshow {width: 637px; }
#slideshow ul {margin: 0;padding: 0;list-style-type: none;height: 1%; /* IE fix */}
#slideshow ul:after {content: ".";clear: both;display: block;height: 0;visibility: hidden;}            

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides {overflow: hidden; position:relative;z-index:1 !important; width:498px; color:#fff; font-size:14px; /* FF 640 */  }
#slide-1{background-image:url('slide-1.jpg'); background-repeat:no-repeat;}
#slide-2{background-image:url('slide-2.jpg'); background-repeat:no-repeat; display:none;}
#slide-3{background-image:url('slide-3.jpg'); background-repeat:no-repeat; display:none;}
#slide-4{background-image:url('slide-4.jpg'); background-repeat:no-repeat; display:none;}
#slideshow  img {
border:none;
}
/*for ie7*/
#slideshow  ul {
*list-style-type: none!important;
*list-style-image: none!important;
}
li {
*margin-bottom:0px!important; 
*margin-top:-2px!important;
}
#slideshow  .slides {
*top:-2px!important;
}

#slideshow .slides-nav li{
margin-bottom:1px;
}

#slideshow .slides ul {width: 1494px;} /* 640 x 3 */
#slideshow .slides li {width: 498px;float: left;height:231px; position:relative;z-index:1 !important;}
#slideshow .slides h2 { /* text-align:right; color:#ffffff; margin-right:170px; */ margin-left: -5000px;}
#tab2, #tab3 {margin-top:-3px!important;}
/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshow .slides-nav {float:left;height:232px;position:relative; /* text-shadow:#999 1px 1px 1px; */
                      z-index:1 !important;text-align:left;font-weight: bold; border-right:solid 1px #fff; font-size:12px;
                      }
#slideshow .slides-nav li{display: block;width:137px;height:57px;overflow:hidden;
                        color:#fff; background-color:#83ba3c; cursor:pointer; list-style:none!important;}
#slideshow .slides-nav li a{margin: 21px 10px; display: block; text-decoration:none; outline:none; color:#fff; text-transform:uppercase}
#slideshow .slides-nav li:hover{background-color:#a8d46e;}
.js #slideshow .slides-nav li.on {background-color:#527a1c;}
/* ---------------------------------------------------- */
/* SLIDESHOW > CONTENT
/* ---------------------------------------------------- */
#slideshow .slides a{color:#fff; font-weight:bold; cursor:pointer;}
.bottomarea{position:absolute; width:498px; height:78px; bottom:0px}
.nobackground{background:none!important;}
.darkbackground{background:url(bottom-area-background.png);}
.lightbackground{background:url(bottom-area-background2.png)}
.lightbluebackground{background:url(bottom-area-background3.png);}
.bottomarea p{height:67px; float:right; width:30%; margin:0;}
.bottomarea p.textcontent{float:left; vertical-align:middle; width:70%;}
.bottomarea p.textcontent span{display:inline-block; margin:0px 10px; font-weight:bold; font-size:20px;}
.bottomarea .calltoaction{display:block; padding:10px; display:inline-block; text-decoration:none;}
.toparea{position:absolute; width:498px; height:153px; top:0;}
.toparea a:hover{text-decoration:underline}
/* slide 1 ---------------------------------------------------- */
.bottomarea #slide-1-calltoaction{margin-top: 15px; *margin-top: 20px; font-size:18px; color:#ea8427!important;}
.bottomarea #slide-1-calltoaction:hover{text-decoration:underline;}
.bottomarea #slide-1-text-content{font-weight:bold; margin:0; padding:0; position:absolute; right:10px; top:28px;}
.bottomarea #slide-1-text-content {font-size:18px; display:inline-block; width:auto; *width:auto!important; width:auto\9;}
.bottomarea #slide-1-text-content a{font-size:18px; display:inline; color:#8CC63F; margin-left:10px;}
/* slide 2 ---------------------------------------------------- */
.bottomarea #slide-2-calltoaction{
  font-size:20px;
  background-color: #ea8427;
  filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffc37e, endColorstr=#cc5500);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffc37e), color-stop(100%, #cc5500));
  background-image: -webkit-linear-gradient(#ffc37e, #cc5500);
  background-image: -moz-linear-gradient(#ffc37e, #cc5500);
  background-image: -o-linear-gradient(#ffc37e, #cc5500);
  background-image: -ms-linear-gradient(#ffc37e, #cc5500);
  background-image: linear-gradient(#ffc37e, #cc5500);
  border: 1px solid;
  border-color: #dddddd #bbbbbb #999999;
  cursor: pointer;
  padding: 5px 7px;
  text-shadow: #cc5500 0 1px 1px;
  margin-top: 18px;
  *margin-top: 23px;/*ie7*/
  margin-right: 36px;
  float:right;
}
.bottomarea #slide-2-calltoaction:hover{border: #fff 1px solid;}
.bottomarea #slide-2-text-content span{margin-top:3px; margin-left:10px; *padding-top:4px; font-size:18px;}
/* slide 3 ---------------------------------------------------- */
#slide-3
.toparea #slide-3-text-content{color:#fff; font-size:20px; font-weight:bold; position:absolute; bottom:-8px; right:22px;}
.bottomarea #slide-3-calltoaction{color:#0B0080!important; text-align:right; padding:6px!important; font-size:18px; font-weight:bold; position:absolute; top:6px; right:18px; width:auto; *width:auto!important; width:auto\9; text-decoration:none;}
.bottomarea #slide-3-calltoaction:hover{text-decoration:underline}
#slideshow img.newimg{position:relative; top:4px; top:6px\9; right:4px; display:inline-block}
/* slide 3 ---------------------------------------------------- */
/*#slide-3 div.toparea{z-index:4;}
.toparea #slide-3-text-content{color:#fff; font-size:18px; padding-top:50px; text-align:center; font-weight:bold; position:absolute; bottom:-24px; right:40px;}
.bottomarea #slide-3-calltoaction{color:#0B0080!important; padding:6px!important; background-color:#EAF7FE; font-size:16px; font-weight:bold; float:right; position:absolute; top:20px; right:36px; border:#89c5e7 1px solid}
.bottomarea #slide-3-calltoaction:hover{border:#00AEEF 1px solid; text-decoration:underline}*/
/* slide 4 ---------------------------------------------------- */
.toparea #slide-4-text-content{color:#fff; font-size:22px; text-align:center; font-weight:bold; position:absolute; top:35px; right:114px;}
.bottomarea #slide-4-calltoaction{color:#00AEEF!important; position:absolute; bottom:114px; right:30px; font-size:18px;}
.bottomarea #slide-4-calltoaction:hover{text-decoration:underline;}