/**
 * BannerAd.css
 *
 * Copyright 2008 RealPatterns, Inc. All rights reserved.
 */



.BannerAd {

  margin: 0px auto;
  background: #ffffff;
  font:  normal 12px sans-serif;
  float: left;
  width: 100%;
  clear: both;
}
.BannerAd span.Span1 {

  width: 50%;
  float: left;
  margin-top: -35px;
  margin-bottom: 20px;
}
.BannerAd span.Span1 a {

  display: block;
  max-width: 290px;
  height: 72px;
  background: transparent url('../../gfx/logo_01.gif') no-repeat scroll 100% 50%;
}
.BannerAd span.Span1 a img {

  border: none;
}
.BannerAd span.Span2 {

  color: #999999;
  font: bold 26px sans-serif;
  font-variant: small-caps;
  float: left;
  width: 60%;
  margin-top: -28px;
  clear: both;
}

.BannerAd span.Span3 {
    width: 46%;
    font-size: 2em;
    font-weight:lighter;
    color: #666666;
    float: right;
    margin-top: -42px;
    text-align: right;
}
.BannerAd span.Span3 a {

  color: #666666;
  padding-left: 5px;
  text-decoration: none;
}
.BannerAd span.Span4 {

    width: 100%;
    float: left;
    text-align: left;
    clear: both;
	margin-top: 2px;
    margin-bottom: 2px;
}

@media only screen and (max-width: 980px){
	
	.BannerAd span.Span1 a{
		background-size: 100%;
		width: 100%;
	}
}

@media only screen and (max-width: 750px) {
	.BannerAd{
		width: 100%;
		text-align: center;
		margin: 0 auto;
		margin-top: 0px;
	}
	
	.BannerAd span.Span1, .BannerAd span.Span2, .BannerAd span.Span3, .BannerAd span.Span4{
	
	   float: left;
	   text-align: center;
	   clear: both;
	   width: 100%;
	   margin-top: 0px;
	}
	
	
	.BannerAd span.Span1 a{
		margin: 0 auto;
		text-align: center;
		width: 100%;
		background-position: 50%;
		background-size: 100%;
	}
}