#slideshow{width:739px;height228px;border:1px solid white;border-width:1px 0 0 1px;position:relative;margin:0 auto;overflow: hidden;z-index:0;background:#fff }
div#loader {
  border: 0;
  width: 739px;
  height: 228px;
}

/** 
 * While we're having the loading class set.
 * Removig it, will remove the loading message
 */
div#loader.loading {
  background: url(../slider/images/spinner.gif) no-repeat center center;
}
#slides {list-style: none; margin: 0; padding: 0; width: 738px; height: 227px; overflow: hidden; }
#slides .slide { position: absolute; top: 0px; list-style: none; width: 635px;background:#fff }
#slides .slide img { position: absolute; top: 0px; left: 0px;border:0 }
#slides .slide .slidebutton { display: block; position: absolute; top: 0px; right: 0px; height: 227px; width: 26px; background: #3c7e98; text-decoration: none; border-right: 1px solid white; }
#slides .active .slidebutton {background: #dd0129;}
#slides .slide a.sliderlink, #slides .slide a.sliderlink:hover{display:block;width:635px;height:227px;position:absolute:top:0;left:0;text-decoration:none}
#slides .slide span{font:normal 21px Georgia, Times, 'Times New Roman', Serif; color:#fff;position:absolute;top:0;left:0}
#slides .slide span.span2{font-size:42px}

#slides #slide-1 .slidebutton {background: #3c7e98 url(../images/slider/flyte_btn_pass.gif) 0 0 no-repeat;}
#slides #slide-2 .slidebutton {background: #3c7e98 url(../images/slider/web_btn_pass.gif) 0 0 no-repeat;}
#slides #slide-3 .slidebutton {background: #3c7e98 url(../images/slider/blog_btn_pass.gif) 0 0 no-repeat;}
#slides #slide-4 .slidebutton {background: #3c7e98 url(../images/slider/soc_btn_pass.gif) 0 0 no-repeat;}
#slides #slide-5 .slidebutton {background: #3c7e98 url(../images/slider/seo_btn_pass.gif) 0 0 no-repeat;}

#slides #slide-1.active .slidebutton {background: #dd0129 url(../images/slider/flyte_btn_act.gif) 0 0 no-repeat;}
#slides #slide-2.active .slidebutton {background: #dd0129 url(../images/slider/web_btn_act.gif) 0 0 no-repeat;}
#slides #slide-3.active .slidebutton {background: #dd0129 url(../images/slider/blog_btn_act.gif) 0 0 no-repeat;}
#slides #slide-4.active .slidebutton {background: #dd0129 url(../images/slider/soc_btn_act.gif) 0 0 no-repeat;}
#slides #slide-5.active .slidebutton {background: #dd0129 url(../images/slider/seo_btn_act.gif) 0 0 no-repeat;}

#slides #slide-1 {background: #3c7e98 url(../images/slider/flyte.jpg) 0 0 no-repeat;}
#slides #slide-2 {background: #3c7e98 url(../images/slider/web.jpg) 0 0 no-repeat;}
#slides #slide-3 {background: #3c7e98 url(../images/slider/blog.jpg) 0 0 no-repeat;}
#slides #slide-4 {background: #3c7e98 url(../images/slider/soc.jpg) 0 0 no-repeat;}
#slides #slide-5 {background: #3c7e98 url(../images/slider/seo.jpg) 0 0 no-repeat;}

#slides .slide .slidebutton img { position: absolute; top: auto; display: block; bottom: 5px; left: 5px; }
/*
#slides .slide .slidebutton span { display: block; text-align: right; -webkit-transform: rotate(90deg);  -moz-transform: rotate(90deg);
						position: absolute; bottom: 100px; left: -90px; width: 200px;
						color: #f2ecd0; font-family: verdana, sans-serif; font-size: 12px;
}
*/
#slide-1 { position: absolute; top: 0; right: 104px; z-index: 5; }
#slide-2 { position: absolute; top: 0; right: 78px; z-index: 4; }
#slide-3 { position: absolute; top: 0; right: 52px; z-index: 3; }
#slide-4 { position: absolute; top: 0; right: 26px; z-index: 2; }
#slide-5 { position: absolute; top: 0; right: 0px; z-index: 1; }

#slidecontents { list-style: none; margin: 0; padding: 0; position: absolute; top: 340px; left: 20px; width: 603px; }
#slidecontents .slidecontent { display: none; position: absolute; }
#slidecontents .open { display: block; }
#slidecontents .slidecontent h3 { display: inline; color: #C9AB2D; font-size: 24px; line-height: 28px; font-family: georgia, serif; font-weight: normal; margin: 0; }
#slidecontents .slidecontent p { display: inline; color: #6A7C98; font-size: 14px; line-height: 24px; }
#slidecontents .slidecontent p a { color: #C9AB2D; font-size: 11px; text-decoration: none; }