body { margin-top: 20px; background-image: url(images/bg.jpg); background-repeat: repeat; font-family: 'Sintony', sans-serif; font-size: 11pt; color: #999; line-height: 24px; }

body a:link, body a:visited, body a:active { color: #666666; text-decoration: none; }
body a:hover { color: #000; text-decoration: underline; }

.wrapper{ width:1000px; text-align:center; margin:0 auto; }


h1{ color: #999999; font-size: 16pt; font-style: normal; line-height: 30px; font-weight: normal; }
h2{ color: #999999; font-size: 13pt; font-style: normal; line-height: 22px; font-weight: normal; }
h3{ color: #a22224; font-size: 16pt; font-style: normal; line-height: 30px; font-weight: normal; }

.red{ color: #a22224; font-size: 11pt; font-style: normal; line-height: 30px; font-weight: normal; }
.red a:link, .red a:visited, .red a:active { color: #a22224; text-decoration: underline; }
.red a:hover { color: #333; text-decoration: none; }

.louise{ color: #009999; font-size: 11pt; font-style: italic; font-weight: bold; }

.louise2{ color: #009999; font-size: 13pt; font-style: normal; line-height: 25px; font-weight: normal; }
.louise2 a:link, .red a:visited, .red a:active { color: #009999; text-decoration: none; }
.louise2 a:hover { color: #c3bebe; text-decoration: underline; }


ul.a {list-style-type: circle; line-height: 30px; margin:0 auto; padding: 0px 0px 0px 20px; }



/*------------------------------------------------*/
/*-------------------[HEADER]---------------------*/
/*------------------------------------------------*/

.HeaderTop{ float:left; width:1000px; height:60px; background-image: url(images/top.png); }

.Header{ float:left; width:1000px; background-image: url(images/page-bg.png); padding:0px 0px 20px 0px; text-align:center; margin:0 auto; }

.HeaderLeft{ width:519px; height:68px; padding:0px 0px 0px 0px; text-align:center; margin:0 auto; }




/*------------------------------------------------*/
/*-----------------[NAVIGATION]-------------------*/
/*------------------------------------------------*/

.NavTop { float:left; width:1000px; height:22px; background-image: url(images/nav-top.png); }
.NavBottom { float:left; width:1000px; height:22px; background-image: url(images/nav-bottom.png); }

.Nav { float:left; width:900px; padding: 0px 50px 0px 50px; background-image: url(images/page-bg.png); }




/*------------------------------------------------*/
/*---------------------[PAGE]---------------------*/
/*------------------------------------------------*/

.Page { float:left; width:900px; padding: 40px 50px 40px 50px; text-align: left; background-image: url(images/page-bg.png); }
.PageYouTube { float:left; width:500px; padding: 40px 400px 40px 100px; text-align: left; background-image: url(images/page-bg.png); }

.PageLinks { float:left; width:900px; padding: 40px 50px 40px 50px; text-align: left; background-image: url(images/page-bg.png); }
.PageLinks a:link, .PageLinks a:visited, .PageLinks a:active { color: #999; text-decoration: underline; }
.PageLinks a:hover { color: #666; text-decoration: none; }

.PageLeft { float:left; width:550px; padding-right: 50px; }
.PageRight { float:right; width:300px; padding-top: 30px; }
.PageFull { float:left; width:850px; padding-top: 30px; }

.PageRightPic { float:right; width:300px; height:447px; padding-top: 15px; }
.PageRightMap { float:right; width:300px; height:570px; padding: 20px 0px 10px 0px; }



.TestimonialsTop { float:left; width:880px; padding: 25px 0px 10px 20px; background-color: #ebebeb; color: #666; font-size: 40pt; }
.TestimonialsMiddle { float:left; width:840px; padding: 0px 30px 0px 30px; background-color: #ebebeb; color: #666; }
.TestimonialsBot { float:left; width:880px; padding: 25px 20px 0px 0px; text-align:right; background-color: #ebebeb; color: #666; font-size: 40pt; }

.TestimonialsSpacer { float:left; width:880px; height:30px; padding: 0px 0px 0px 20px; }

.TestimonialsTitle { color: #009999; font-size: 14pt; font-style: normal; line-height: 30px; font-weight: normal;  text-align:center; }


.Video{ float:left; width:400px; padding: 10px 150px 50px 0px; }

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}



/*------------------------------------------------*/
/*-------------------[GALLERY]--------------------*/
/*------------------------------------------------*/



.Gallery{ float:left; width:1000px; padding: 0px 0px 20px 0px; background-image: url(images/page-bg.png); }

.GalleryEnlarge{ float:left; width:1000px; text-align: center; padding: 20px 0px 40px 0px; }

.GalleryPics{ float:left; width:960px; padding: 0px 0px 0px 40px; }

.GalleryPicsOnetoTwo{ float:left; width:290px; padding: 0px 25px 26px 0px; }
.GalleryPicsEnd{ float:left; width:290px; }




/*------------------------------------------------*/
/*--------------------[FOOTER]--------------------*/
/*------------------------------------------------*/

.Footer{ float:left; width:900px; padding:10px 50px 10px 50px; background-image: url(images/page-bg.png); text-align:left; color: #ccc; font-size: 7pt; line-height: 22px; }

.Footer a:link, .Footer a:visited, .Footer a:active { color: #CCCCCC; text-decoration: underline; }
.Footer a:hover { color: #999999; text-decoration: none; }

.FooterBottom { float:left; width:1000px; height:51px; background-image: url(images/footer-bottom.png); }











/* Mobile */

@media handheld, only screen and (max-width: 478px) { 

.wrapper{ width:100%; }



.HeaderTop{ display: none; }
.Header{ float:none; width:100%; background-image:none; padding:20px 0px 20px 0px; }
.HeaderLeft{ width:300px; height:39px; padding:0px 0px 0px 0px; text-align:center; margin:0 auto; }


/*-----------------[NAVIGATION]-------------------*/

.NavTop { display: none; }
.NavBottom { display: none; }
.Nav { float:none; width:100%; padding: 0px 0px 0px 0px; background-image:none; margin:0 auto; }


/*---------------------[PAGE]---------------------*/

.Page { float:none; width:96%; padding: 3% 3% 3% 3%; text-align: left; background-image:none; background-color: #fff; margin:0 auto; }
.PageYouTube { float:none; width:96%; padding: 3% 3% 3% 3%; text-align: left; background-image:none; background-color: #fff; margin:0 auto; }
.PageLinks { float:none; width:96%; padding: 3% 3% 3% 3%; text-align: left; background-image:none; background-color: #fff; margin:0 auto; }
.PageLeft { float:none; width:100%; padding-right: 0px; margin:0 auto; }
.PageRight { float:none; width:275px; padding-top: 30px; margin:0 auto; }
.PageRightMap { float:none; width:275px; height:400px; padding-top: 20px; margin:0 auto; }
.PageRightPic { float:none; width:275px; height:410px; padding: 20px 0px 10px 0px; margin:0 auto; }

.PageFull { float:none; width:96%; padding: 3% 3% 3% 3%; text-align: left; background-image:none; background-color: #fff; margin:0 auto; }


.TestimonialsTop { float:none; width:265px; padding: 25px 0px 10px 10px; margin:0 auto; }
.TestimonialsMiddle { float:none; width:255px; padding: 0px 10px 0px 10px; margin:0 auto; }
.TestimonialsBot { float:none; width:265px; padding: 25px 10px 0px 0px; margin:0 auto; }

.TestimonialsSpacer { float:none; width:275px; margin:0 auto; }

.Video{ float:none; width:100%; padding: 30px 0px 30px 0px; text-align: center; }


/*-------------------[GALLERY]--------------------*/

.Gallery{ float:none; width:100%; background-image: none;  background-color: #fff; padding: 20px 0px 20px 0px; }

.GalleryEnlarge{ display: none }

.GalleryPics{ float:none; width:100%; padding: 0px 0px 0px 0px; }

.GalleryPicsOnetoTwo{ float:none; width:300px; padding: 0px 0px 26px 0px; margin: 0 auto; }
.GalleryPicsEnd{ float:none; width:300px; margin: 0 auto; padding: 0px 0px 26px 0px;}


/*--------------------[FOOTER]--------------------*/

.Footer{ float:none; width:96%; padding: 3% 3% 3% 3%; background-image:none; background-color: #fff; margin:0 auto;  }
.FooterBottom { display: none; }

}