@import url('https://fonts.googleapis.com/css?family=Open+Sans');
body { 
    background: #ffffff; 
	-webkit-text-size-adjust: none;
}

#main{
	position:relative;
	width:100%;
	left:0px;
	height:0;
	padding-top:46.25%;
	   }
.videoTitle{ 
	width:15%; 
	position:relative; 
	left:50%; 
	margin-left:10px; 
	top:330px; 
	z-index:1; 
	font-family:Verdana; 
	color:#333; 
	font-weight:bold; 
	font-size:1.2em; 
	text-align:center; 
	-webkit-text-size-adjust: none;

 }
 #topRow{
	position:absolute;
	width:856px;
	top:0px;
	margin: 0px 0 0 -428px;  
	height:0%;
	left:50%;
	padding-top:9.25%;
	z-index:15;
	}
  #sideColumn{
	position:absolute;
	width:228px;
	top:0px;
    right: 0%;
	height:700px;
	padding-top:0%;
	z-index:15;
    left: 50%; 
    margin: 0px 0 0 420px; 
	}

 #menucontainer{ 
	position:absolute;
	width:100%;
 
	margin:0 auto;
	top:0px;
    z-index:3;

	}

 .btnlabel{
    width: 232px;
    height: 196px;
    margin: 0px 0px 0px 0px;
    text-align: center;
    vertical-align: middle;
    line-height: 22px;
    display: table-cell;
  }
.chapterbtn{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position:relative;
    text-align: center;
    float:left;
    height:53px;
    width:100%;
    margin: 0px 0px 0px 0px;
    z-index:3;
	font-family: Open Sans Light; 
  	font-size: 14px; 
    font-weight:100;
    padding-top:0px;
    padding-bottom:0px;
    border: 1px solid #bbbbbb;

 }
.chapterbtn:hover { 
    background: #ededed; 
    color:#333333;
}
.btn { 
  	-webkit-border-radius: 28; 
  	-moz-border-radius: 28; 
  	border-radius: 28px; 
  	/*background: #336699; */
  	padding: 5px 10px 2px 10px; 
  	text-decoration: none; 
  	/*text-shadow: 2px 2px 4px #333333;*/
	}

.btn:hover { 
    background: #999999; 
  	text-decoration: none;
}
#closing{ 
    position:absolute; 
	top:0px;
    left: 50%; 
	margin: 0px 0 0 -635px;  
    width:1281px;  
	height:592px;  
	display:none;
	text-align:center;
	/*background-color:#336699; */
	z-index:5000; 
	border: 1px solid #cccccc; 
	box-shadow: 1px 1px 6px #cccccc;
	}
#closingtext{ 
    position:absolute; 
	left:0%;
	width:100%;
    margin:5% 0 0 0px;
	top:37%; 
	display: table-cell;
  	height: 53%;
  	vertical-align: middle;
  	text-align: center;
  }
#biglogo{ 
	position:relative;
    margin: 0 auto; 
    display: inline-block; 
	width:100%;
	height:auto;
	top:28%;
	
  }
#closinglogo{
	   /*height:auto;*/
	   left:50%;
	   }
#whitebox{ 
	position:absolute; 
	background-color:white; 
	height:45%; 
	width:100%; 
	text-align: center;
}
#blackstripe{ 
	position:absolute; 
	background-color:#333333; 
	height:10px; 
	width:100%; 
    top:45%;
    z-index:9;
 }
 a{ 
    color:white;
  }
 a:hover{ 
    color:#dddddd;
  }
.link{ 
    position:absolute; 
    text-align:center; 
   	width:100%; 
	margin: 0px 0px 0 0px; 
	text-shadow: 2px 2px 2px #333333; 
	color:white;  
	font-family:Open Sans;  
	font-size:1.85em;  
	font-weight:300;
	-webkit-text-size-adjust: none;
 }
#logo{ 
    position: absolute; 
    top: 340px; 
    left:50%; 
    margin: 0px 0 0 -260px; 
    z-index:3;
	}
#call{
	  display: inline-block;
	  text-align:center;
	  width:100%;
	  height:10%;
	  margin:9% 0px 0px 0px;
	  top:0px;
	  left:0px;
    }
#phonenumber{
    width:100%;
 	}
	
#click{
	  display: inline-block;
	  width:100%;
	  height:10%;
	  margin:1.5% 0px 0px 0px;
    }
#ctalink{
    width:100%;
 	}
	
#comein{
	  display: inline-block;
	  width:100%;
	  height:10%;
	  margin:1.5% 0px 0px 0px;
    }
#locationlink{
    width:100%;
    }
#repeat{
      display: inline-block;
	  /*text-align:center;
	  width:100%;
	  height:10%;
	  margin:9% 0px 0px 0px;*/
	  top:0px;
	  left:0px;
      
      position:absolute; 
      text-align:left; 
      width:100%; 
      margin: 20% 0px 0px 20px; 
      color:white;  
      font-family:Open Sans; 
      font-size:1.00em; 
      font-weight:300; 
      -webkit-text-size-adjust: none;
 	}
#cta{ 
    position: absolute;
    top: 270px;
    left: 0%;
    margin: 0px 0 0 0px;
    z-index: 3;
    font-family: Open Sans;
    color: #ffffff;
    font-size: 24px;
    width: 70%;
    padding: 8px 10px 12px 10px;
}
#socialmedia{ 
    position: absolute; 
	width:100%;
    top: 90px; 
    left:0%; 
    margin: 0px 0 0 0px; 
    z-index:1;
	}
#tweet{
	   position:absolute;
	   top;-40px;
	   margin:3px 0px 0px 130px;
	   
    }
#facebook{
	   position:absolute;
	   top;-40px;
	   left:0%;
	   margin:3px 0px 0px 0px;
    }
#v { 
    position: absolute; 
    top: 0px; 
    left: 50%; 
    border: 1px; 
    margin: 0px 0 0 -634px;   
    z-index: 4;  
	border: 1px solid #cccccc; 
	box-shadow: 1px 1px 6px #cccccc;
}
#datecontainer{
	position:absolute;
	width:856px;
	top:600px;
	margin: 0px 0 0 -428px;  
	height:0%;
	left:50%;
	padding-top:9.25%;
	z-index:15;
	}
#logocontainer{ 
    position: absolute;
    width:15%;
	left:0%;
	margin:5px 0px 0px 0px;
	top:-340px;
	text-align:left;
	}
#ctacontainer{ 
	position:absolute;
	width:50%;
	left:300px; 
	margin:-300px 0px 0px 0px;
	top:40px;
    z-index:3;
	}
#videoName{
	position:absolute;
	text-align:center;
	right:50%;
	margin:285px 0px 0px 420px;
	width:225px;
	}
#player{ 
    position: absolute; 
	width:856px; 
	height:560px; 
    top: 10px; 
    left:50%; 
    margin: 0px 0 0 -270px; 
	background:white; 
    border: 0px solid #eee;
}
#date { 
    position: absolute;
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 10px;
    color: #333;
    top: 80px;
    left: 50%;
    margin: 0px 0px 0 396px;
    border: 0 solid;
    width: 247px;
    text-align: right;
    z-index: 4;
}
a[href^=tel] {
text-decoration:inherit;
color: inherit;
}

/* Media Queries */

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

@import url('https://fonts.googleapis.com/css?family=Open+Sans');
body { 
    background: #ffffff; 
	-webkit-text-size-adjust: none;
}
#menucontainer{ 
	top:0%;
	}
#main{
	position:relative;
	width:100%;
	left:0px;
	height:0;
    padding-top:56.25%;
	   }
.videoTitle{ 
	width:300px; 
	position:relative; 
	left:0%; 
	margin-left:10px; 
	top:330px; 
	z-index:1; 
	font-family:Verdana; 
	color:#333; 
	font-weight:bold; 
	font-size:1.2em; 
	text-align:center; 
	-webkit-text-size-adjust: none;
 }
#sideColumn {
    display:none; }
.btn { 
  	/*background: #336699; */
  	text-decoration: none; 
    -webkit-border-radius: 8; 
 	-moz-border-radius: 8; 
  	border-radius: 8px; 
  	padding: 15px 5px 15px 5px; 
  	/*text-shadow: 2px 2px 2px #333333;
	box-shadow: 2px 2px 2px #333333;*/
	}

.btn:hover { 
    background: #999999; 
  	text-decoration: none;
}
#closing{ 
    position:absolute; 
    top:0px; 
    left: 0px; 
	margin: 0px 0 0 0px;  
    width:100%;  
	height:0%;  
	padding-top:56.25%;
    text-align:center;
	display:none;
	z-index:5; 
	border: 1px solid #cccccc; 
	box-shadow: 1px 1px 6px #cccccc;
	}
#closingtext{ 
    position:absolute; 
	left:0%;
	width:100%;
	top:37%; 
	display: table-cell;
  	height: 53%;
  	vertical-align: middle;
  	text-align: center;
    margin:5.5% 0 0 -50%;
  }
#biglogo{ 
	position:relative;
    display: inline-block; 
    margin-left:0%; 
	height:40%;
    width:100%;
	top:25%;
  }
#closinglogo{
	   height:100%;
	   left:50%;
	   }
#whitebox{ 
	position:absolute; 
	background-color:white; 
	top:0px;
	height:48%; 
	width:100%; 
	text-align: center;
}
#blackstripe{ 
	position:absolute; 
	background-color:#333333; 
    height:2%; 
	width:100%; 
   	top:48%;
	z-index:9;
 }
 a{ 
    color:white;
  }
 a:hover{ 
    color:#dddddd;
  }
.link{ 
    position:absolute; 
    text-align:center; 
   	width:100%; 
	text-shadow: 2px 2px 2px #333333; 
	color:white;  
	font-family:Arial;  
	font-weight:600;
	-webkit-text-size-adjust: none;
    left: 48%; 
	font-size:1.75em;
	margin: -23px 0px 0 0px; 
 }
#logo{ 
    position: absolute; 
    z-index:3;
    padding:0px;
    width:90%;
	margin:5px 0px 0px 0px;
	top:0%; 
	left:0%;	
	}
#call{
	  display: inline-block;
	  text-align:center;
	  width:100%;
	  height:10%;
	  top:0px;
	  left:0px;
      margin:12% 0px 0px 0;
    }
#phonenumber{
    width:100%;
 	}
	
#click{
	  display: inline-block;
	  width:100%;
	  height:10%;
	  margin:1.5% 0px 0px 0px;
    }
#ctalink{
    width:100%;
 	}
	
#comein{
	  display: inline-block;
	  width:100%;
	  height:10%;
	  margin:1.5% 0px 0px 0px;
    }
#locationlink{
    width:100%;
 	}
#repeat{
     /*color:#000;
      display: inline-block;
	  text-align:center;
	  width:100%;
	  height:10%;
	  margin:9% 0px 0px 0px;
	  top:0px;
	  left:0px;*/
      
      display: inline-block;
	  /*text-align:center;
	  width:100%;
	  height:10%;
	  margin:9% 0px 0px 0px;*/
	  top:0px;
	  left:50%;
      
      position:absolute;
      text-align:left; 
      width:100%; 
      margin: 20% 0px 0px 20px; 
      color:white;  
      font-family:Open Sans; 
      font-size:1.00em; 
      font-weight:300; 
      -webkit-text-size-adjust: none;
 	}	
#cta{ 
    position: absolute; 
    right:0%; 
    z-index:3;
	font-family: Arial; 
  	color: #ffffff; 
    top:30%;
	margin:0px 0 0px 0px;
	width:100%;
  	font-size: 1.2em; 
	font-weight:bold;
}
#socialmedia{ 
    position: absolute; 
    left:0%; 
    z-index:1;
    width:50%;
    bottom: 0%; 
	text-align:left;
    top:60%; 
    margin: 5px 0 0 0px; 
	padding-top:10px;
	}
#tweet{
	   position:absolute;
	   top;-40px;
	   margin:3px 0px 0px 130px;
	   
    }
#facebook{
	   position:absolute;
	   top;-40px;
	   left:0%;
	   margin:3px 0px 0px 0px;
    }
#v { 
    position: absolute; 
	border: 1px solid #cccccc; 
	box-shadow: 1px 1px 6px #cccccc;
    width:100%;
	height:100%;
    top: 0px; 
    left: 0px; 
    margin: 0px 0 0 0px;   
    z-index: 2;  
}
#datecontainer{
    position:relative;
	top:500px;
	z-index:5;
    width:100%;
	height:0%;
	padding-top:18%;
	top:0%;
	margin: 10px 0 0 0;
	left:0%;
	}
#logocontainer{ 
    position: absolute;
	text-align:left;
    padding:0px;
    width:30%;
	margin:5px 0px 0px 0px;
	top:0%;
	left:0px;
	}
#ctacontainer{ 
	position:absolute;
    padding:0px 0px 0px 0px;
	width:100%;
	margin:5px 0px 0px 0px;
	top:1%;
	left: 0%;
    z-index:3;
	}
#videoName{
	display:none;    
	}
#player{ 
    position: absolute; 
	width:856px; 
	height:560px; 
    top: 10px; 
    left:50%; 
    margin: 0px 0 0 -270px; 
	background:white; 
    border: 0px solid #eee;
}
#date { 
     position: absolute; 
     font-family:verdana,arial,helvetica,sans-serif; 
     font-size:8px; 
     color:#333; 
     border:0 solid; 
	 text-align:right;
     left: 0%; 
	 top:60%;
     margin: 10px 0px 0 0px; 
     width:100%; 
     z-index:4;
}
a[href^=tel] {
text-decoration:inherit;
color: inherit;
}

}


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

@import url('https://fonts.googleapis.com/css?family=Open+Sans');
body { 
    background: #ffffff; 
	-webkit-text-size-adjust: none;
}
#menucontainer{ 
	top:0%;
	}
#main{
	position:relative;
	width:100%;
	left:0px;
	height:0;
    padding-top:56.25%;
	   }
.videoTitle{ 
	width:300px; 
	position:relative; 
	left:0%; 
	margin-left:10px; 
	top:330px; 
	z-index:1; 
	font-family:Verdana; 
	color:#333; 
	font-weight:bold; 
	font-size:1.2em; 
	text-align:center; 
	-webkit-text-size-adjust: none;
 }
.btn { 
  	/*background: #336699; */
  	text-decoration: none; 
    -webkit-border-radius: 8; 
 	-moz-border-radius: 8; 
  	border-radius: 8px; 
  	padding: 12px 5px 12px 5px; 
  	text-shadow: 2px 2px 2px #333333;
	box-shadow: 2px 2px 2px #333333;
	}

.btn:hover { 
    background: #999999; 
  	text-decoration: none;
}
#closing{ 
    position:absolute; 
    top:0px; 
    left: 0px; 
	margin: 0px 0 0 0px;  
    width:100%;  
	height:0%;  
	padding-top:56.25%;
    text-align:center;
	display:none;
	z-index:5; 
	border: 1px solid #cccccc; 
	box-shadow: 1px 1px 6px #cccccc;
	}
#closingtext{ 
    position:absolute; 
	left:0%;
	width:100%;
	top:37%; 
	display: table-cell;
  	height: 53%;
  	vertical-align: middle;
  	text-align: center;
    margin:5.5% 0 0 -50%;
  }
#biglogo{ 
	position:relative;
    display: inline-block; 
    margin-left:0%; 
	height:40%;
    width:100%;
	top:25%;
  }
#closinglogo{
	   height:100%;
	   left:50%;
	   }
#whitebox{ 
	position:absolute; 
	background-color:white; 
	top:0px;
	height:48%; 
	width:100%; 
	text-align: center;
}
#blackstripe{ 
	position:absolute; 
	background-color:#333333; 
    height:2%; 
	width:100%; 
   	top:48%;
	z-index:9;
 }
 a{ 
    color:white;
  }
 a:hover{ 
    color:#dddddd;
  }
.link{ 
    position:absolute; 
    text-align:center; 
   	width:100%; 
	text-shadow: 2px 2px 2px #333333; 
	color:white;  
	font-family:Arial;  
	font-weight:600;
	-webkit-text-size-adjust: none;
    left: 48%; 
	font-size:1.0em;
    margin: -20px 0px 0 0px; 
    }
#logo{ 
display:none;
    position: absolute; 
    z-index:3;
    padding:0px;
    width:100%;
	margin:5px 0px 0px 0px;
	top:0%; 
	left:0%;	
	}
#call{
	  display: inline-block;
	  text-align:center;
	  width:100%;
	  height:10%;
	  top:0px;
	  left:0px;
      margin:12% 0px 0px 0;
    }
#phonenumber{
    width:100%;
 	}
	
#click{
	  display: inline-block;
	  width:100%;
	  height:10%;
	  margin:1.5% 0px 0px 0px;
    }
#ctalink{
    width:100%;
 	}
	
#comein{
	  display: inline-block;
	  width:100%;
	  height:10%;
	  margin:1.5% 0px 0px 0px;
    }
#locationlink{
    width:100%;
 	}
	
#cta{ 
    position: absolute; 
    left:0%; 
    z-index:3;
	font-family: Arial; 
  	color: #ffffff; 
    top:30%;
	margin:5px 0 0px 0.5%;
	width:100%;
  	font-size: 1.2em; 
	font-weight:bold;
}
#socialmedia{ 
    position: absolute; 
    left:0%; 
    z-index:1;
    bottom: 0%; 
	text-align:left;
    width:90%;
    top:70%; 
    margin: 5px 0 0 0px; 
	padding-top:30px;
	}
#tweet{
	   position:absolute;
	   top;-40px;
	   margin:3px 0px 0px 130px;
	   
    }
#facebook{
	   position:absolute;
	   top;-40px;
	   left:0%;
	   margin:3px 0px 0px 0px;
    }
#v { 
    position: absolute; 
	border: 1px solid #cccccc; 
	box-shadow: 1px 1px 6px #cccccc;
    width:100%;
	height:100%;
    top: 0px; 
    left: 0px; 
    margin: 0px 0 0 0px;   
    z-index: 2;  
}
#datecontainer{
    position:relative;
	top:500px;
	z-index:5;
    width:100%;
	height:0%;
	padding-top:18%;
	top:0%;
	margin: 10px 0 0 0;
	left:0%;
	}
#logocontainer{ 
    position: absolute;
	text-align:left;
    padding:0px;
    width:30%;
	margin:5px 0px 0px 0px;
	top:0%;
	left:0px;
	}
#ctacontainer{ 
	position:absolute;
    padding:0px;
	top:1%;
    z-index:3;
    width:100%;
    left:0px;
	margin:0px 0px 0px 0px;
	}
#videoName{
	display:none;    
	}
#player{ 
    position: absolute; 
	width:856px; 
	height:560px; 
    top: 10px; 
    left:50%; 
    margin: 0px 0 0 -270px; 
	background:white; 
    border: 0px solid #eee;
}
#date { 
     position: absolute; 
     font-family:verdana,arial,helvetica,sans-serif; 
     font-size:8px; 
     color:#333; 
     border:0 solid; 
	 text-align:right;
     left: 0%; 
     margin: 10px 0px 0 0px; 
     width:100%; 
     z-index:4;
     top:90%;
	 margin-top:10px;
}
a[href^=tel] {
text-decoration:inherit;
color: inherit;
}

}




/*
@media screen and (max-width:860px){
	   #menucontainer{ 
       display:none;

	   }
       #v { 
	   width:100%;
	   height:100%;
       top: 0px; 
       left: 0px; 
       margin: 0px 0 0 0px;   
       z-index: 2;  
	   }
	   #main{
	   padding-top:56.25%;
	   }
	   #videoName{
	   display:none;
	    }
	   
	   .btn { 
  	   -webkit-border-radius: 8; 
  	   -moz-border-radius: 8; 
  	   border-radius: 8px; 
  	   padding: 15px 5px 15px 5px; 
  	   text-shadow: 2px 2px 2px #333333;
	   box-shadow: 2px 2px 2px #333333;
	   }
	   
	   #datecontainer{
	   position:relative;
	   width:100%;
	   height:0%;
	   padding-top:18%;
	   top:0%;
	   margin: 10px 0 0 0;
	   left:1%;
	   }
	   #logocontainer{ 
	   padding:0px;
	   width:30%;
	   margin:5px 0px 0px 0px;
	   top:0%;
	   left:0.5%;
	   }
	   #logo{ 
	   padding:0px;
	   width:100%;
	   margin:5px 0px 0px 0px;
	   top:0%; 
	   left:0%;	   
	   }
	   #ctacontainer{ 
	   position:absolute;
	   padding:0px;
	   width:65%;
	   margin:5px 10px 0px 35%;
	   top:1%;
	   right:0%;
       z-index:3;
	   }
	   #cta{ 
	   top:30%;
	   margin:5px 0 0px 0.5%;
	   width:45%;
  	   font-size: 1.2em; 
	   font-weight:bold;

	   }
	   #date { 
       left: 0%; 
	   top:45%;
       margin: 10px 0px 0 0px; 
       width:100%; 
       z-index:4;
	   }
	   #socialmedia{ 
	   width:50%;
       bottom: 0%; 
	   text-align:left;
       top:60%; 
       margin: 5px 0 0 0px; 
	   padding-top:10px;
	   left:0%;
       z-index:8;
	   }
	   #closing{ 
       position:absolute; 
	   top:0px; 
       left: 0px; 
	   margin: 0px 0 0 0px;  
       width:100%;  
	   height:0%;  
	   padding-top:56.25%;
       text-align:center;
	   display:none;
	   z-index:5; 
	   border: 1px solid #cccccc; 
	   box-shadow: 1px 1px 6px #cccccc;
	   }
	   #whitebox{ 
	   position:absolute; 
	   background-color:white; 
	   top:0px;
	   height:48%; 
	   width:100%; 
	   text-align: center;
	   }
	   #blackstripe{ 
	   position:absolute; 
	   background-color:#333333; 
	   height:2%; 
	   width:100%; 
   	   top:48%;
	   z-index:9;
 	   } 
	   #closingtext{ 
       margin:5.5% 0 0 -50%;
  	   }
	   #call{
	   margin:12% 0px 0px 0;
       }
	   #biglogo{ 
	   margin-left:0%; 
	   height:40%;
       width:100%;
	   top:25%;
  	   }
	   #closinglogo{
	   /*height:100%;*/
       /*
	   left:50%;
	   }
	   .link{ 
   	   width:100%; 
	   left: 48%; 
	   font-size:1.75em;
	   margin: -23px 0px 0 0px; 
 	   }
	   
}

@media screen and (max-width:660px){
	   #cta{ 
  	   font-size: 1.0em; 
	   }
	   .link{ 
	   font-size:1.5em;
 	   }
	   
}
@media screen and (max-width:603px){
	   .label{ 
	   width:100%;
	   left:-54%; 
	   margin: 0px 0px 0px 0px;
	   font-size:1.3em; 
 	   }
	   .link{ 
   	   width:100%; 
	   left: 48%; 
	   margin: -23px 0px 0 0px; 
	   font-size:1.15em;
 	   }
	   #date { 
 	   top:55%;
	   }
}
@media screen and (max-width:476px){
	   #cta{ 
  	   font-size: 1.2em; 
	   }
	   .link{ 
   	   width:100%; 
	   left: 48%; 
	   margin: -20px 0px 0 0px; 
	   font-size:1.0em;
 	   }
	   #date { 
 	   top:75%;
	   margin-top:10px;
	   }
	   #logocontainer{
	   display:none; 
	   }
	   #ctacontainer{
	   width:100%;
	   left:0px;
	   margin:0px 0px 0px 0px;
	    }
	   #socialmedia{ 
	   width:90%;
       top:70%; 
       margin: 5px 0 0 0px; 
	   padding-top:30px;
	   }
@media screen and (max-width:359px){
	   #cta{ 
  	   font-size: 1.0em; 
	   }
	   #date { 
 	   top:85%;
	   }
	   #socialmedia{ 
	   width:90%;
       top:70%; 
       margin: 5px 0 0 0px; 
	   padding-top:40px;
	   }
}
*/