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:right; 
	-webkit-text-size-adjust: none;
 }
 #topRow{
	position:absolute;
	width:960px;
	top:0px;
	margin: 0px 0 0 -480px;  
	height:0%;
	left:50%;
	padding-top:9.25%;
	z-index:15;
	}
 #menucontainer{ 
	position:absolute;
	width:100%;
 
	margin:0 auto;
	top:0%;
    z-index:3;

	}

 .btnlabel{
    width: 100%;
    margin: 0px 0px 0px 0px;
    text-align: center;
    vertical-align: middle;
    line-height: 16px; 
    display:table-cell;
  }
  .btnlabel2row{
    width: 100%;
    margin: 0px 0px 0px 0px;
    text-align: center;
    vertical-align: middle;
    line-height: 12px; 
    display:table-cell;
  }

/*.chapterbtn{
    position:relative;
    float:left;
    height: 20px;
    width:10%;
    margin: 0px 0px 0px 0px;
    z-index:3;
	font-family: Open Sans; 
  	font-size: 16px; 
    padding-top:3px;
    padding-bottom:5px;
    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:20px;
    left: 50%; 
	margin: 0 0 0 -480px;  
    width:960px;  
	height:540px;  
	display:none;
	text-align:center;
	/*background-color:#336699; */
	z-index:5; 
	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:Arial;  
	font-size:1.85em;  
	font-weight:600;
	-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%;
 	}
	
#cta{ 
    position: absolute; 
    top: 310px; 
    left:20%; 
    margin: 0px 0 0 0px; 
    z-index:3;
	font-family: Arial; 
  	color: #ffffff; 
  	font-size: 18px; 
    width:50%;
}
#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: 22px; 
    left: 50%; 
    margin: 0px 0 0 -480px;   
    z-index: 4;  
	border: 1px solid #cccccc;
    box-sizing: border-box;
	/*box-shadow: 1px 1px 3px #cccccc;*/
}
#datecontainer{
	position:absolute;
	width:960px;
	top:560px;
	margin: 0px 0 0 -480px;  
	height:0%;
	left:50%;
	padding-top:9.25%;
	z-index:15;
	}
#logocontainer{ 
    position: absolute;
    width:20%;
	left:17%;
	margin:5px 0px 0px 0px;
	top:-340px;
	text-align:left;
	}
#ctacontainer{ 
	position:absolute;
	width:50%;
	left:300px; 
	margin:-300px 0px 0px 0px;
	top:0%;
    z-index:3;
	}
#videoName{
	position:absolute;
	text-align:right;
	right:50%;
	margin:-325px 0px 0px 180px;
	width:300px;
	}
#player{ 
    position: absolute; 
	width:854px; 
	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; 
     top: 80px; 
     left: 50%; 
     margin: 0px 0px 0 178px; 
     border:0 solid; 
     width:247px; 
	 text-align:right;
     z-index:4;
}
/*
@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;
	   }
}
*/