@charset "UTF-8";
/* CSS Document */
.image_container{width:100%;height:100%;}

a:link {color: gold; text-decoration: none;}
a:visited {text-decoration: none;color: gold;}
a:hover {text-decoration: underline; color:#ffffff;text-decoration-color: gold}
a:active {text-decoration: none; color:gold;}
.video-container {position: relative;padding-bottom:320px; overflow: hidden;}
 
.video-container iframe,
.video-container object,
.video-container embed {position:absolute;top: 0;left: 0;width:100%;}
.wrap{width:100%;}

/* Tablet Layout: 481px to 769px*/
@media (max-width: 768px){
body{width: 100%; margin: auto; overflow-x:hidden;font-family: arial;font-size:16px;text-align: center;}
/*Basic Page*/
	.headtop{width:100%;height:70px;background-color: #FF00CC;display: inline-block;}
	.tobbarfull{width:100%;max-width: 1238px; background-color: #FF00CC;display: inline-block;color:#ffffff; padding:3px 0 3px 0;vertical-align: middle;height:30px}
	.topl{width:100%;display: inline-block; float:left;text-align: center;}
	.topr{width:100%;display: inline-block; text-align:center;padding-top:5px; font-weight: bolder;font-size:18px;}
	.headmiddle{width:100%;height:100%;background-image: url(../images/middlehead.png)}
	.header{width:100%;max-width:1238px; display: inline-block;background-image:url(../Images/pagefiles/headerbgr.png);}
	.logo{width:100%;text-align: center;height:110px;padding:5px 0 5px 0}
	.logoimage {height:110px;width:60%;}
	.navigationbar{width:100%;display: inline-block;text-align: center;position: relative}
	.fulltitle{width:100%;display: inline-block;background-image: url(../images/titlebgr.png)}
	.pagetile{width:100%;font-size:26px; font-weight: bolder;text-align: center;color:#ffffff;display: inline-block;}
	.contensection{wid:100%; background-color:green;}
	.pagecontentarea{width:100%;background-color: #FffFFF;text-align: center;padding-bottom: 10px;}
	.boxfooter{width:100%;height:100%;background-image: url(../images/boxfooterimage.png);text-align: center;display: inline-block;}
	.boxrow{width: 100%; max-width:1238px;height:100%;display: inline-block;text-align: center;padding:5px 0 5px 0}
	.box{width:90%;height:202px;display: inline-block;margin: 03px 10px 5px 10px;}
	
	.footer{width:100%;display:inline-block;background-color:#FF00CC;font-size:12px;vertical-align: top;}
	.footerleft{width:100%;display:inline-block;text-align:center;float:left;padding: 3px 0 3px 0;}
	.footerright{width:100%;display:inline-block;text-align:center;padding: 3px 0 3px 0;}

	
	/* Multi Page elements*/
	.pagebody{width:100%;background-color:#ffffff;text-align:center;display: inline-block;}
	.bodycontent{width:100%;height:100%; max-width:1238px;background-color:#ffffff;display: inline-block;text-align: center;}
	.pagecontentarea{width:90%;background-color:#ffffff;display: inline-block;padding:20px 0 20px 0;}
	
	.bodytext{width:100%; padding: 0px 30px 5px 45px;text-align: left;display: inline-block;}
	.bodyareacenter{width:100%; text-align: center;}
	.pagedividerimg{width:80%;}
	.subtile{color:#0000ff; font-weight:bold;font-size:20px;}
	.wideimage{width:80%;border:4px solid #0000ff;}
	.bodytextcontact{width:95%; padding: 0px 30px 5px 45px;display: inline-block;text-align: center;}
	
	/*home page*/
	.largeimg{width:100%;height:100%;padding-bottom: 0px;display: inline-block}
	.rbox{width:50%; display: inline-block;float: left;text-align:center}
	.hptext{width:100%; display:inline-block; text-align: left;float: left;}
	.hptextmiddle{width:100%; display:inline-block; text-align: center;}
    .hpagecontentarea{width:100%;display: inline-block;margin:5px 30px 0px 0;text-align: center; }
	.boximage{width:70%;height:70%;}
	.logos{width:95px; height:95px; padding-right:15px;}
	.slider{width:100%;height:450px;text-align: center;background-color: gold;}
	.sliderimages{max-width:100%;display: inline-block; background-color: aqua;}	
	
	/*rides page*/
	.tabarea{ border-bottom:thick solid #00ff00;text-align: left}
	.tabs{width:20%;display: inline-block;background-color: #00FF00;text-align: center;margin-right:10px;padding-top:3px;font-weight: bold;color:#000000;}
	.ridebox{width:90%; height:100%;display: inline-block;margin:5px 5px 5px 5px;border: 8px solid #ff00ff;border-radius: 10px;box-shadow: 5px 10px 18px #888888;}
	.rideimage{width:100%;height:100%}
	.rideinfo{background-image:   linear-gradient(#7FFF00, gold);border-bottom:thick solid gold;}
	.ridephoto{width:100%;height:220px;background-color: red}
	.ridename{color:#ffffff;font-weight:bolder;font-size:24px;padding:02px 0 2px 0;text-shadow: 3px 4px 5px #000000}
	.rideheight{color:#000000;padding:2px 2px 2px 2px;font-size:16px}
	
	/*safety page*/
	.columnsl{width:90%;display: inline-block;text-align: left;background-color:#ffff00;padding: 10px  10px 20px;font-size:16px;vertical-align: top;margin: 0 10px 0 10px}
	.columnsr{width:90%;display: inline-block;text-align: center;padding: 10px 0px 10px 0px;font-size:16px;vertical-align: top;}
	.safetyimage{width:70%; height:70%}
	
	.strongbullet{color:#ff00ff;font-weight: bolder;}
}
/* Laptop Layout: 769px to a max of 1057px.*/
@media (min-width: 769px){
	body{width: 100%; margin: auto; overflow-x:hidden;font-family: arial;font-size:18px;text-align: center;}
/*Basic Page*/
	.headtop{width:100%;background-color: #FF00CC;display: inline-block;}
	.tobbarfull{width:100%;max-width: 1238px; background-color: #FF00CC;display: inline-block;color:#ffffff; padding:3px 0 3px 0;vertical-align: middle;height:30px}
	.topl{width:50%;display: inline-block; float:left;text-align: center;}
	.topr{width:50%;display: inline-block; text-align:center;padding-top:5px; font-weight: bolder;font-size:18px;}
	.headmiddle{width:100%;height:120px;background-image: url(../images/middlehead.png)}
	.header{width:100%;max-width:1238px; display: inline-block;background-image:url(../Images/pagefiles/headerbgr.png);}
	.logo{width:30%;text-align: right;float:left;height:110px;padding:5px 0 5px 0}
	.logoimage {height:110px;width:80%;}
	.navigationbar{width:70%;display: inline-block;text-align: center;position: relative;z-index: 1000;padding-top:45px;}
	.fulltitle{width:100%;background-image: url(../images/titlebgr.png)}
	.pagetile{width:100%;max-width: 1238px;font-size:26px; font-weight: bolder;text-align: center;color:#ffffff;display: inline-block;}
	.contensection{wid:100%; background-color:green;}
	.pagecontentarea{width:100%;background-color: #FffFFF;text-align: center;padding-bottom: 10px;}
	.boxfooter{width:100%;height:100%;background-image: url(../images/boxfooterimage.png);text-align: center;display: inline-block;}
	.boxrow{width: 100%; max-width:1238px;height:100%;display: inline-block;text-align: center;padding:5px 0 5px 0}
	.box{width:30%;height:175px;display: inline-block;margin: 03px 10px 5px 10px;}
	
	.footer{width:100%;display:inline-block;background-color:#FF00CC;font-size:12px;vertical-align: top;}
	.footerleft{width:50%;display:inline-block;text-align:center;float:left;padding: 3px 0 3px 0;}
	.footerright{width:50%;display:inline-block;text-align:center;padding: 3px 0 3px 0;}

	
	/* Multi Page elements*/
	.pagebody{width:100%;background-color:#ffffff;text-align:center;display: inline-block;}
	.bodycontent{width:100%;height:100%; max-width:1238px;background-color:#ffffff;display: inline-block;text-align: center;}
	.pagecontentarea{width:90%;background-color:#ffffff;display: inline-block;padding:20px 0 20px 0;}
	
	.bodytext{width:100%; padding: 0px 30px 5px 45px;text-align: left;display: inline-block;}
	.bodyareacenter{width:100%; text-align: center;}
	.pagedividerimg{width:80%;}
	.subtile{color:#0000ff; font-weight:bold;font-size:20px;}
	.wideimage{width:80%;border:4px solid #0000ff;}
	.bodytextcontact{width:95%; padding: 0px 30px 5px 45px;display: inline-block;text-align: center;}
	
	/*home page*/
	.largeimg{width:100%;height:100%;padding-bottom: 0px;display: inline-block}
	.rbox{width:50%; display: inline-block;float: left;text-align:center}
	.hptext{width:93%; display:inline-block; text-align: left;float: left;margin:15px 30px 15px 42px;}
	.hptextmiddle{width:93%; display:inline-block; text-align: center;margin:15px 30px 15px 42px;}
    .hpagecontentarea{width:100%;display: inline-block;margin:5px 30px 0px 0;text-align: center; }
	.boximage{width:70%;height:70%;}
	.logos{width:95px; height:95px; padding-right:15px;}
	.slider{width:100%;height:450px;text-align: center;background-color: gold;}
	.sliderimages{max-width:100%;display: inline-block; background-color: aqua;}	
	
	/*rides page*/
	.tabarea{ border-bottom:thick solid #00ff00;text-align: left}
	.tabs{width:20%;display: inline-block;background-color: #00FF00;text-align: center;margin-right:10px;padding-top:3px;font-weight: bold;color:#000000;}
	.ridebox{width:45%; height:100%;display: inline-block;margin:5px 5px 5px 5px;border: 8px solid #ff00ff;border-radius: 10px;box-shadow: 5px 10px 18px #888888;}
	.rideimage{width:100%;height:100%}
	.rideinfo{background-image:   linear-gradient(#7FFF00, gold);border-bottom:thick solid gold;}
	.ridephoto{width:100%;height:220px;background-color: red}
	.ridename{color:#ffffff;font-weight:bolder;font-size:24px;padding:02px 0 2px 0;text-shadow: 3px 4px 5px #000000}
	.rideheight{color:#000000;padding:2px 2px 2px 2px;font-size:14px}
	
	/*safety page*/
	.columnsl{width:65%;display: inline-block;text-align: left;background-color:#ffff00;padding: 10px 20px 10px 20px;font-size:16px;vertical-align: top;margin: 0 10px 0 10px}
	.columnsr{width:20%;display: inline-block;text-align: left;padding: 50px 20px 50px 20px;font-size:16px;vertical-align: top;}
	.safetyimage{width:100%; height:100%}
	
	.strongbullet{color:#ff00ff;font-weight: bolder;}
}

/* Desktop Layout: 1057px to a max of 1238px.*/
@media (min-width: 1057px){
body{width: 100%; margin: auto; overflow-x:hidden;font-family: arial;font-size:18px;text-align: center;}

/*Basic Page*/
	.headtop{width:100%;background-color: #FF00CC;display: inline-block;}
	.tobbarfull{width:100%;max-width: 1238px; background-color: #FF00CC;display: inline-block;color:#ffffff; padding:3px 0 3px 0;vertical-align: middle;height:30px}
	.topl{width:50%;display: inline-block; float:left;text-align: center;}
	.topr{width:50%;display: inline-block; text-align:center;padding-top:5px; font-weight: bolder;font-size:18px;}
	.headmiddle{width:100%;height:120px;background-image: url(../images/middlehead.png)}
	.header{width:100%;max-width:1238px; display: inline-block;background-image:url(../Images/pagefiles/headerbgr.png);}
	.logo{width:30%;text-align: right;float:left;height:110px;padding:5px 0 5px 0}
	.logoimage {height:110px;width:80%;}
	.navigationbar{width:70%;display: inline-block;text-align: center;position: relative;z-index: 1000;padding-top:45px;}
	.fulltitle{width:100%;display: inline-block; background-image: url(../images/titlebgr.png)}
	.pagetile{width:100%;max-width: 1238px;font-size:26px; font-weight: bolder;text-align: center;color:#ffffff;display: inline-block;}
	.contensection{wid:100%; background-image: url("../images/pagebgr.png"); background-repeat:no-repeat;background-size:cover;}
	.pagecontentarea{width:100%;background-color: #FffFFF;text-align: center;padding-bottom: 10px;}
	.boxfooter{width:100%;height:100%;background-image: url(../images/boxfooterimage.png);text-align: center;display: inline-block;}
	.boxrow{width: 100%; max-width:1238px;height:100%;display: inline-block;text-align: center;padding:5px 0 5px 0}
	.box{width:30%;height:202px;display: inline-block;margin: 03px 10px 5px 10px;}
	
	.footer{width:100%;display:inline-block;background-color:#FF00CC;font-size:12px;vertical-align: top;}
	.footerleft{width:50%;display:inline-block;text-align:center;float:left;padding: 3px 0 3px 0;}
	.footerright{width:50%;display:inline-block;text-align:center;padding: 3px 0 3px 0;}

	
	/* Multi Page elements*/
	.pagebody{width:100%;background-color:#ffffff;text-align:center;display: inline-block;}
	.bodycontent{width:100%;height:100%; max-width:1238px;background-color:#ffffff;display: inline-block;text-align: center;}
	.pagecontentarea{width:90%;background-color:#ffffff;display: inline-block;padding:20px 0 20px 0;}
	
	.bodytext{width:100%; padding: 0px 30px 5px 45px;text-align: left;display: inline-block;}
	.bodyareacenter{width:100%; text-align: center;}
	.pagedividerimg{width:80%;}
	.subtile{color:#0000ff; font-weight:bold;font-size:20px;}
	.wideimage{width:80%;border:4px solid #0000ff;}
	.bodytextcontact{width:95%; padding: 0px 30px 5px 45px;display: inline-block;text-align: center;}
	
	/*home page*/
	.largeimg{width:100%;height:100%;padding-bottom: 0px;display: inline-block}
	.rbox{width:50%; display: inline-block;float: left;text-align:center}
	.hptext{width:93%; display:inline-block; text-align: left;float: left;margin:15px 30px 15px 42px;}
	.hptextmiddle{width:93%; display:inline-block; text-align: center;margin:15px 30px 15px 42px;}
    .hpagecontentarea{width:100%;display: inline-block;margin:5px 30px 0px 0;text-align: center; }
	.boximage{width:70%;height:70%;}
	.logos{width:95px; height:95px; padding-right:15px;}
	.slider{width:100%;height:450px;text-align: center;background-color: gold;}
	.sliderimages{max-width:100%;display: inline-block; background-color: aqua;}	
	
	/*rides page*/
	.tabarea{ border-bottom:thick solid #00ff00;text-align: left}
	.tabs{width:20%;display: inline-block;background-color: #00FF00;text-align: center;margin-right:10px;padding-top:3px;font-weight: bold;color:#000000;}
	.ridebox{width:30%; height:100%;display: inline-block;margin:5px 5px 5px 5px;border: 8px solid #ff00ff;border-radius: 10px;box-shadow: 5px 10px 18px #888888;}
	.rideimage{width:100%;height:100%}
	.rideinfo{background-image:   linear-gradient(#7FFF00, gold);border-bottom:thick solid gold;}
	.ridephoto{width:100%;height:220px;background-color: red}
	.ridename{color:#ffffff;font-weight:bolder;font-size:24px;padding:02px 0 2px 0;text-shadow: 3px 4px 5px #000000}
	.rideheight{color:#000000;padding:2px 2px 2px 2px;font-size:16px}
	
	/*safety page*/
	.columnsl{width:65%;display: inline-block;text-align: left;background-color:#ffff00;padding: 10px 20px 10px 20px;font-size:16px;vertical-align: top;margin: 0 10px 0 10px}
	.columnsr{width:20%;display: inline-block;text-align: left;padding: 50px 20px 50px 20px;font-size:16px;vertical-align: top;}
	.safetyimage{width:100%; height:100%}
	
	.strongbullet{color:#ff00ff;font-weight: bolder;}
}