html {
   
       font-family: "nimbus-sans-extended",sans-serif;
    
     font-style: normal;
     font-weight: normal;
     margin: 0px;
     background: url(images/bg.jpg) no-repeat top center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {margin: 0px;}

#logo {
     margin: 0px auto;
     width: 600px;
}

#logo img {
     max-width: 100%;
}

#openers {
     margin: 0px auto;
     width: 600px;
}

#openers img {
     max-width: 100%;
}

#container {
     width: 300px;
     display: block;
     margin: 0 auto;
    padding-top: 50px;
}

#location {
	position:  absolute;
	bottom: 0px;
	right:  0px;
	width:  90%;
	max-width:  500px;
}

#location img {
	width:  100%;
}

a.buynow {padding: 10px 20px 10px 20px; background-color: #719ce2; color: #000; text-decoration: none;   margin-top: 20px;   text-shadow: 0px 0px #000000; font-size: 18px; 
}

a.buynow:hover {background-color: #79a8f6;
}
#video {
   
     margin: 0px auto;
     max-width: 560px;
     padding-right: 0px;
     padding-left:  0px;
	width: 90%
}

#video iframe {
     width: 100%;
     padding-top: 30px;
}

#main {
     width: 350px;
     margin: 0 auto;
	display: block;
}

#main img {
     width: 100%;
}

#CTA {
     color: #ffffff;
     font-size: 15px;
     line-height: 0px;
   height: 280px;
     width: 720px;
     display: block;
     padding-top: 20px;
     text-align: center;
	margin: 0 auto;


  

}

#CTA h1 {font-size: 25px; line-height: 40px; margin-bottom: 20px;}

#CTA h2 {
     font-size: 20px;
     line-height: 30px;
		margin-bottom: 10px;
	margin-top: 30px;

}


#CTA h3 {
     font-size: 45px;
     line-height: 0px;
}

#CTA h4 {
     font-size: 25px;
     line-height: 0px;
}

#CTA p {
     font-size: 15px;
     line-height: 20px;
     margin-top:  40px;
}

#RSVP a {
     background-color: #3b5998;
     color: #ffffff;
     display: block;
     font-size: 14px;
     margin: 0px auto 0px;
     padding: 15px 30px 20px 30px;
     text-align: center;
     text-decoration: none;
     width: 180px;
}

#RSVP a:hover {
     background-color: #8b9dc3;
}

#signup {

     color: #ffffff;
     font-size: 12px;
     margin: 0px auto;
     padding: 0px 0px 0px;
     margin-top: -10px;
  
}

#onsale {
     background-color: #a09934;
     display: block;
     font-size: 20px;
     height: 150px;
     margin: 0px auto;
     padding: 0px 10px 10px;
     text-align: center;
     width: 530px;
  margin-top: 20px;
}

#col1 h3, #col2 h3 {
     font-size: 30px;
     margin-bottom: 5px;
}

#col1 {
     color: #000;
     float: left;
     margin-right: 50px;
     width: 240px;
}

#col2 {
     color: #000;
     float: left;
     width: 240px;
}

#col1 img, #col2 img {
     width: 80%;
}

#dates i img {margin-left: 5px;
  letter-spacing: 2px
  }
	

#tour {
width: 100%;
max-width: 830px;
display: block;
height: auto;
min-height: 180px;
margin: 0 auto;
margin-top: 30px;
		background-color: #fff;


}



#dates { padding: 10px;	
}

#dates ul { list-style: none;}

#dates li { margin: 30px 0px; 	}

#dates b { color: #000; margin-right: 30px; float: left; width: 70px; display: block;}

#dates i { font-style: normal; margin-left: 20px; font-size: 17px; margin-right: 40px; color: #707070; width: 180px; display: block; float: left;}

#city { display: block; float: left; width: 220px; color: #f7000c; font-weight: 800; 	}

a.buy { padding: 5px 15px; background-color: #f7000c; color: #fff; text-decoration: none; text-transform: uppercase;}

a.buy:hover {  background-color: #fff; color: #000;}


a.rsvp { padding: 5px 40px; background-color: #37203c; color: #fff; text-decoration: none; margin-left: 20px;}

a.rsvp:hover { background-color: #fff; color: #000;}

@media only screen and (max-width:480px) {
		#tour {

border: 0px solid #fff;

width: 100%;
max-width: 900px;
display: block;
height: auto;
padding-bottom: 20px;
  background-image: none;
background-repeat: repeat;
margin: 0 auto;
margin-top: 0px;


}

#dates { padding: 0px 0px 0px 0px;}

#dates ul { list-style: none;}

#dates li { margin: 30px 0px 30px -35px; }

#dates b { color: #000; margin-right: 0px; margin-left: 0px !important;  float: none !important; width: 100%; text-align: center; display: block;}

#dates i { margin-left: 0px !important; font-size: 17px; margin-right: 0px;  width: 100%; text-align: center; display: block; float: none; margin-bottom: 20px;}

#city { display: block; float: clear !important; width: 100% !important; text-align: center; margin-left: 0px !important; display: block !important; }

a.buy { padding: 10px 20px; background-color: #f7000c; color: #fff; text-decoration: none; margin: 0 auto; float: clear !important; width: 40% !important; text-align: center; display: block !important;}

a.buy:hover {  background-color: #fff; color: #000;}


a.rsvp { padding: 10px 20px; background-color: #37203c; color: #fff; text-decoration: none; margin: 0 auto; float: clear !important; width: 40% !important; text-align: center; display: block !important;}

a.rsvp:hover { background-color: #fff; color: #000;}

}