@charset "utf-8";
/* CSS Document */
body {
margin: 10px auto;
text-align:center;
background: url(images/site-back.jpg) top repeat scroll;
font-size:1em; 
font-family: 'Raleway', sans-serif;
color:#000000;
} 
html,body { 
  height: 100.1%;	
  }

p {
color:#000000;
background-color: transparent;
text-align : left;
margin-top:0px;
margin-left: 20px;
margin-right: 20px;
line-height:140%;
font-size: 90%;
}
div { 
	text-align:center;
   color:#000000;
   background-color: transparent;
  }

a, a:link, a:visited {
color:#7C53A2;
  text-decoration: underline;
  background-color:transparent;
 } 
 
a:hover { text-decoration: none; }
a:active {
  color: #000000;
  background-color:transparent;
}

ul,ol,li {
color:#000000;
background-color: transparent;

}
li {
	text-align:left;
	font-size: 90%;
	padding-right: 15px;

}

h1, h2, h3, h4,h5,h6{
	 color:#000000;
	background-color: transparent;
	text-align:center;
	margin-top:0px;

}


#wrap {
   width: 1100px;
   margin:auto;
   text-align:center;
   color:#000;
	vertical-align:top;
	 font-size:100%;
	background-color:white;
  -moz-border-radius: 0px;
   -webkit-border-radius: 0px 0px 15px 15px;
  border-radius: 0px 0px 15px 15px; 
	}

#banner {
  text-align:center;
  height: 230px;
  border: 10px solid #ff0099;
  background-color: #fff;
  color:#ff0099;
  /*-moz-border-radius: 0px;
  -webkit-border-radius: 15px 15px 0px 0px;
  border-radius: 15px 15px 0px 0px; */
}
#banner h1 {
  margin: 0px auto 0px;
  text-align:center;
  font-size: 130%;
  color: #fff; 
  }

#top-bar {
background-color: #99ff66;
height: 36px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px; 
}
#top-bar h1 {
  /*font-size: 130%;
  margin-top:0px;
  margin-bottom:0px;*/
  color: #7C53A2;
}

#content{ 
	width: 1100px;

}
#chooseBox {
  text-align:center;
  margin: 0px auto;
  height: 96px;
  /*border: 4px double #fff;*/
  background-color:#7c53a2;
  color:#fff;
  
}


@-webkit-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-moz-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-o-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

#cf4a {
  position:relative;
  height:320px;
  margin:0px auto;
}
#cf4a img {
  position:absolute;
  left:0;
  width:480px;
  height:auto;
	text-align:center;
}

#cf4a img {
  -webkit-animation-name: cf4FadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 16s;

  -moz-animation-name: cf4FadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 16s;

  -o-animation-name: cf4FadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 16s;

  animation-name: cf4FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 16s;
}
#cf4a img:nth-of-type(1) {
  -webkit-animation-delay: 16s;
  -moz-animation-delay: 16s;
  -o-animation-delay: 16s;
  animation-delay: 16s;
}
#cf4a img:nth-of-type(2) {
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}
#cf4a img:nth-of-type(3) {
  -webkit-animation-delay: 8s;
  -moz-animation-delay: 8s;
  -o-animation-delay: 8s;
  animation-delay: 8s;
}
#cf4a img:nth-of-type(4) {
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  -o-animation-delay: 4s;
  animation-delay: 4s;
}

#cf4a img:nth-of-type(5) {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}/*end seasons*/ 
#home-boxes {
  /*height:230px;*/
  width:100%;
  font-size: 200%;
}
#home-boxes  a {
  font-family:"Times New Roman", Times, serif;
  color:#fff; 
  padding-top: 10px;
  text-decoration:none;
}
.box2 {
	width:49%;
	float:left;
}
.hboxes-back {
  background-color: #FF0099; 
  border: 8px solid #99FF66;
  color: white;
  width:70%;
  margin:auto; 
  border-radius: 4px;
	margin-top: 15px;
	margin-bottom:15px;
  }
#home-boxes2 {
  /*height:230px;*/
  width:80%;
  font-size: 200%;
	text-align:center;
	margin:auto;
}
#home-boxes2  a {
  font-family:"Times New Roman", Times, serif;
  color:#fff; 
  padding-top: 10px;
  text-decoration:none;
}
.locationboxes {
	width:47%; 
	height:130px;
	float:left;
	background-color: #FF0099; 
  border: 8px solid #99FF66;
  color: #ffffff;
  margin:auto; 
  border-radius: 2%;
	margin-top: 15px;
	margin-bottom:15px;
	margin-right: 4px;
	text-align:center;
}
.box {
  float:left;width: 305px;height:320px;

}
.box p {
  line-height:normal;
}
.box a, .box a:link, .box a:visited{
  text-decoration: none;
}
.boxPics {
  float:left;width: 480px;
  }
.pich {height:400px;
	}
.larger {
	font-size:120%;
}
.elarger {
	font-size:140%;
}
.smaller {
	font-size: smaller;
}

.bold {
color: #8B0000;
}


.nobottommargin {
	margin-bottom:0px;
}
.notopmargin {margin-top:0px;}

#footer  {
	font-size: 80%;
	color:#e9e9e9;

}
#footer a, #footer a:link, #footer a:visited {
	font-size: 80%;
	color:#e9e9e9;

}
.rt {
	text-align:right;
}
.lt {
	text-align:left;
}
.cter {
text-align:center;
}
.top {
	vertical-align:top;
}


.pink {
color:#FF0099;
}
.green {
color:#00AB47;
}
.blue {
color:#1565AC;
}
.purple {
color:#7C53A2;
}
.white {
color:white;
}
.red {
color: red;
}

/* begin social media chicklets
------------------------------------------------------------------*/
.gsalesChicklet {
	position:fixed; 
	top:100px; 
	width:34px; 
	height:164px; 
	z-index:8765; 
	right:0; 
	cursor:pointer; 
	/*background-image:url(images/facebook.png); */
	background-repeat:no-repeat; 
	background-position:right;
	}
	

.ssalesChicklet {
	position:fixed; 
	top:274px; 
	width:34px; 
	height:164px;  
	z-index:8765; 
	right:0; 
	cursor:pointer; 
	/*background-image:url(images/youtube.png);*/
	background-repeat:no-repeat; 
	background-position:right;
	}	

.shChicklet {
	position:fixed; 
	top:420px; 
	width:32px; 
	height:32px; 
	z-index:8765; 
	right:0; 
	cursor:pointer; 
	background-image:url(images/share.png); 
	}
/*end chicklets
------------------------------------------------------------------*/
#bottom {
width: 950px;
text-align:center;
margin:auto;
}
.bottom-box {
width: 235px;
float:left;
text-align:left;
color: white;

}
.bottom-box a, .bottom-box a:link, .bottom-box a:visited{
font-size: 60%;
color: white;
text-decoration:none;
}
/* Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 801px) {
 
}

@media only screen and (max-width: 800px) {

.mimg {
 width:100%;
 height:auto;
 }

}
@media only screen and (max-width: 768px) {
#wrap {
 width: 100%;
}
#content { 
 width: 100%;
}
#chooseBox {
  width:100%;
  height: auto;
  
}
#home-boxes {
  height:auto;
  width: 100%;
  font-size: 100%;
}
 .box, .boxPics {
  float:none;width: 100%;height:auto;

}
.pich {height:10px;
	}
.mimg {
 width:100%;
 height:auto;
 }
#cf4a {

 height:auto;
 
}
#cf4a img {
   width:100%;
}
}

@media only screen and (max-width: 600px) {
#wrap {
width: 100%;
}
#banner {
  height: auto;
	width:100%;
	 border: 0px solid #ff0099;
	}
#top-bar {
width:100%;
height: auto;
	}

#content { 
 width: 100%;
}
#chooseBox {
  width:100%;
  min-height: auto;
  
}

#home-boxes {
  height:auto;
  width: 100%;
  font-size: 100%;
}
.box, .boxPics {
  float:none;width: 100%;height:auto;

}

.pich {height:10px;
	}
.mimg {
 width:70%;
 height:auto;
 }
#cf4a {

 height:240px;
 
}
#cf4a img {
   width:100%;
}
#home-boxes2 {
  width:90%;
 }

.locationboxes {
	width:88%; 
	height:auto;
	float:none;	
	margin-right: 0px;

}
.box2 {
	width:98%;
	float:none;
}
}

@media only screen and (max-width: 320px) {
#wrap {
 width: 100%;
}

#banner {
  height: auto;
	width:100%;
  border: 0px solid #ff0099;
	}
.mimg {
 width:70%;
 height:auto;

 }

#top-bar {
width:100%;
height: auto;
	}

#home-boxes {
  height:auto;
  width: 100%;
  font-size: 100%;
}

.box, .boxPics {
  float:none;
	 width: 100%;
	 height:auto;

}
.pich {height:10px;
	}
#content { 
 width: 100%;
}
#chooseBox {
  width:100%;
  min-height: auto;
  
}
#cf4a {

 height:240px;
 
}
#cf4a img {
   width:100%;
}
#home-boxes2 {
  width:90%;
 }

.locationboxes {
	width:88%; 
	height:auto;
	float:none;	
	margin-right: 0px;
}
.box2 {
	width:98%;
	float:none;
}
}