/*-- Stop iPhones increasing font size --*/

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/*-- Pop-up for link share buttons --*/
/*-- Instructions: https://www.loginradius.com/engineering/simple-popup-tutorial/  https://codepen.io/zoie-loginradius/pen/OPmQMP/  --*/

#overlay {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  background: #999;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  z-index: 100;
}
#overlay2 {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  background: #999;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  z-index: 100;
}
#overlay3 {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  background: #999;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  z-index: 100;
}
#overlay4 {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  background: #999;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  z-index: 100;
}
#popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  background: #fff;
  width: 800px;
  height: 120px;
  margin-left: -400px; /*Half the value of width to center div*/
  margin-top: -60px; /*Half the value of height to center div*/
  z-index: 200;
}
#popup2 {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  background: #fff;
  width: 800px;
  height: 120px;
  margin-left: -400px; /*Half the value of width to center div*/
  margin-top: -60px; /*Half the value of height to center div*/
  z-index: 200;
}
#popup3 {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  background: #fff;
  width: 800px;
  height: 120px;
  margin-left: -400px; /*Half the value of width to center div*/
  margin-top: -60px; /*Half the value of height to center div*/
  z-index: 200;
}
#popup4 {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  background: #fff;
  width: 800px;
  height: 120px;
  margin-left: -400px; /*Half the value of width to center div*/
  margin-top: -60px; /*Half the value of height to center div*/
  z-index: 200;
}
#popupclose {
  position:absolute;
  right:10px;
  top:2px;
  cursor: pointer;
  font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
  font-size:26pt;
  font-weight:bold;
  color:#333333;
}
#popupclose2 {
  position:absolute;
  right:10px;
  top:2px;
  cursor: pointer;
  font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
  font-size:26pt;
  font-weight:bold;
  color:#333333;
}
#popupclose3 {
  position:absolute;
  right:10px;
  top:2px;
  cursor: pointer;
  font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
  font-size:26pt;
  font-weight:bold;
  color:#333333;
}
#popupclose4 {
  position:absolute;
  right:10px;
  top:2px;
  cursor: pointer;
  font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
  font-size:26pt;
  font-weight:bold;
  color:#333333;
}
.popuptitle {
  position:absolute;
  left:13px;
  top:9px;
  font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
  font-size:18pt;
  font-weight:bold;
  color:#333333;
}
.popuplink {
  position:absolute;
  left:13px;
  top:45px;
  padding:5px 5px 5px 5px;
  font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
  font-size:14pt;
  color:#333333;
  border:1px #333333 solid;
}
.popupnote {
  position:absolute;
  left:13px;
  top:88px;
  font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
  font-size:12pt;
  color:#333333;
}
.popupcontent {
  padding:0px 0px 0px 0px;
}
#button {
  cursor: pointer;
  background-color: #ffffff;
  border: none;
  color: white;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}
#button2 {
  cursor: pointer;
  background-color: #ffffff;
  border: none;
  color: white;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}
#button3 {
  cursor: pointer;
  background-color: #ffffff;
  border: none;
  color: white;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}
#button4 {
  cursor: pointer;
  background-color: #ffffff;
  border: none;
  color: white;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

/*-- Social media buttons --*/

.socialline {
  position:relative;
  background-color:#ffffff;
  border: 0px; 
  width: 864px;
  height:30px;
  padding:0px 0px 0px 0px;   /* Padding is necessary to get white background */
  margin: 10px 0px 10px 0px;
}

.emailwrap {
  position:absolute;
  left:50px;
  top:0px;        
  z-index:1;
}

.linkwrap {
  position:absolute;
  left:147px;
  top:0px;        
  z-index:1;
}

.fbwrap {
  position:absolute;
  left:250px;
  top:1px;    
  z-index:1;
}

.tweetwrap {
  position:absolute;
  left:570px;
  top:1px;    
  z-index:2;
}

.gpluswrap {
  position:absolute;
  left:642px;
  top:1px;    
  z-index:2;
}

/*-- Deprecated: social media buttons table --*/
table.buttons { background-color: #ffffff; 
               border: 0px;
               margin: 0px 0px 0px 0px;
               padding: 0px 0px 0px 0px;               
               }
               
tr.buttons   { border: 0px;
               margin: 0px 0px 0px 0px;
               padding: 0px 0px 0px 0px;               
               }
               
/* Tweet button cell */
td.tweet     { vertical-align: top;
               border: 0px;
               margin: 0px 0px 0px 0px;
               padding: 0px 0px 0px 0px;                              
              }

/* Google Plus button cell */
td.gplus    { vertical-align: top;
               border: 0px;
               margin: 0px 0px 0px 0px;
               padding: 0px 0px 0px 0px;                              
              }

/* Facebook button cell */
td.facebook  { vertical-align: top;
               border: 0px;
               margin: 0px 0px 0px 0px;
               padding: 0px 0px 0px 0px;                              
              }

/* General */
body 
	{font-size:10pt;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	background-color:#ffffff;
	}

/* Image caption */
p.caption
    {	
    font-size:7pt;
    margin-top:0px;
    margin-bottom:0px;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	text-align: center;
}   

h1.title {
	margin-right:0cm;
	margin-left:0cm;
	text-align:center;
	font-size:24.0pt;
	font-family: "Comic sans MS", "Verdana", "Arial", "Helvetica", "sans-serif";
	color: #ff1a1a;
	}
	
h2.title {	
	margin-right:0cm;
	margin-left:0cm;
	text-align:center;	
	font-size:16.0pt;
	font-family: "Comic sans MS", "Verdana", "Arial", "Helvetica", "sans-serif";
	color: #ff1a1a;
   }
   
h3.subtitle {	
	color: #cc3300;
   }
   
span.red     { color: #ff0000 }       
     
/*-- Deprecated: Navigation bar --*/              
td.navbarmain
	{font-size:10pt;
	font-family: "Arial", "Helvetica", "sans-serif";
	text-align:center; 
	font-weight:bold;
	width:288px;	
   }

a.navbarmain {
	color:#0715bf
}

td.navbar2nd
	{font-size:10pt;
	font-family: "Arial", "Helvetica", "sans-serif";
	text-align:center;
	font-weight:normal; 
	width:216px;	
   }

a.navbar2nd {
	color:#404040
}

/* Navbar containers */
#navbar {
  position:relative;
  background-color:#ffffff;
  border: 0px; 
  width: 864px;
  height:86px;
  padding:0px 0px 0px 0px;   /* Padding is necessary to get white background */
  margin: 0px 0px 0px 0px;
  z-index:2;
}

#navbarfrench {                /* For Frenchmen page */
  position:relative;
  background-color:#ffffff;
  border: 0px; 
  width: 880px;
  height:124px;
  padding:0px 0px 0px 0px;   /* Padding is necessary to get white background */
  margin: 0px 0px 0px 0px;
  z-index:2;
}

/* Social media button container */
#socialcontain {
  position:relative;
  background-color:#ffffff;
  border: 0px; 
  width: 864px;
  height:28px;
  padding:0px 0px 0px 0px;   /* Padding is necessary to get white background */
  margin: 0px 0px 0px 0px;
  z-index:2;
}

/* Header photo container home page */
#hdrphotos {
  position:relative;
  background-color:#ffffff;
  border: 0px; 
  width: 864px;
  height:448px;
  padding:0px 0px 0px 0px;   /* Padding is necessary to get white background */
  margin: 0px 0px 0px 0px;
  z-index:2;
}

/* Frame for each photo */
div.hdrphoto {
  position:absolute;
  color:#0033ff;
  text-align:center;
  font-size:7pt;
  font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
  color:#000000;
}

/* Broken beads and Obama */
#obamabeds {
  position:relative;
  background-color:#ffffff;
  border: 0px; 
  width: 864px;
  height:390px;
  padding:0px 0px 0px 0px;   /* Padding is necessary to get white background */
  margin: 0px 0px 0px 0px;
  z-index:2;
}

/* Frame for beads/Obama */
div.obamabedsindiv {
  position:absolute;
  font-family:Arial,Helvetica,sans-serif;
  font-size:10pt;    
  color:#0033ff;
  font-weight:bold;
  text-align:center;
}

/* Frame for Dylan */
div.dylan {
  position:absolute;
  font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  font-size:10pt;    
  color:#000000;
  font-weight:normal;
  text-align:left;
  width:560px; 
  left:300px; 
  top:15px;
  font-style:italic;
}

p.dylan {
  font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  font-size:10pt;    
  color:#000000;
  font-weight:normal;
  text-align:left;
  font-style:italic;
}

/* Presentation container */
#presentation {
  position:relative;
  background-color:#ffffff;
  border: 0px; 
  width: 864px;
  height:1454px;
  padding:0px 0px 0px 0px;   /* Padding is necessary to get white background */
  margin: 0px 0px 0px 0px;
  z-index:2;
}

/* Frame for each photo */
div.presentationphotos {
  position:absolute;
  font-family:Arial,Helvetica,sans-serif;
  font-size:10pt;    
  color:#0033ff;
  font-weight:bold;
  text-align:center;
}

/* Visitors' book: overall figures box */
#visioverall {
  background-color:#f0f0f0;
  border: 0px; 
  width: 150px;
  margin: 0px 0px 0px 0px;
  text-align:center;
  z-index:2;
  font-size:10pt;
  font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
  font-style: normal;
}

#visitable {
  font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
  font-size:10pt;    
  border: 0px; 
  text-align:left; 
  margin-left: auto; 
  margin-right: auto
}

h3.review-header {
  font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
  font-size:15pt;    
  font-weight:bold;
  color:#0B0070;
}

span.review-rating {
  font-weight:bold;
  color:#044100;
  font-size:13pt;    
  font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}

p.halfspace {
    margin-top:0.5em
}

a.frenchfrostlink:link {color:#ffffff}
a.frenchfrostlink:visited {color:#ffffff}
a.frenchfrostlink:hover {color:#ffffff}
a.frenchfrostlink:active {color:#ffffff}

/* Booking link text behaviour */

/* Second link */
a.booklink2:link {
	color:#990000;
	text-decoration:none;
	font-weight:bold;
	font-size:10pt;
	font-style:normal;
}

a.booklink2:visited {
	color:#990000;
	text-decoration:none;
	font-weight:bold;
	font-size:10pt;
	font-style:normal;
}

a.booklink2:hover {
	color:#ff0000;
	text-decoration:none;
	font-weight:bold;
	font-size:12pt;
	font-style:italic;
}
a.booklink2:active {
	color:#990000;
	text-decoration:none;
	font-weight:bold;
	font-size:10pt;
	font-style:normal;
}