@charset "UTF-8";
/* CSS Document */

body {
	background-color: #fafcfa;
	background-image:url( ../images/bg_final.jpg);
	background-size: 2300px;
	background-repeat: no-repeat;
	
}

h1 { font-family: 'Source Sans Pro', 'Helvetica', Arial; font-size:2.25em; text-transform:uppercase; font-weight:400;margin:20px 0;}
h2 { 
	font-size:2.84em; 
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; 
	font-weight:300;
	letter-spacing: -0.02em;
	padding:16px;
	margin:16px 0 0 0;
}
h3 { 
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif; 
	font-size: 1.67em;
	font-weight:400;
	text-align:left;
	margin:0 0 0 0;
	padding-bottom:12px;
}
h4 {
	font-size:1.125em; 
	font-family: 'Source Sans Pro', 'Helvetica', Arial; 
	font-weight:300; 
	text-transform: uppercase; 
	letter-spacing: 0.095em;
	transform: scaleY(0.93);
	padding:0;
	margin-top: -20px;
}

ul {list-style-type: none;margin:0 auto;padding:0;overflow:hidden;text-align: center;}
li {display:inline-block;padding:16px;}
li a {color:#222;}
li a:hover {color:#228833;font-weight:500;text-decoration:none;}
li a:active {font-weight:400;}

p { font-family: 'Source Sans Pro', 'Helvetica', Arial; font-weight:300; font-size:1.034em; text-align:left;margin-bottom:32px;}

footer {font-size: 0.5em; font-family: 'Source Sans Pro', 'Helvetica', Arial; font-weight:600;color:rgba(240,240,240,0.35);text-align:center;background-color:rgba(5,5,5,0.15);padding:2px 16px;margin-top:32px;position:fixed;bottom:0;right:0;}

.body_section_full {
	margin: 20px 0 32px 0;
	font-family: 'Source Sans Pro', 'Helvetica', Arial;
	font-weight:300;
	max-width: 850px;
}

.splash {
	padding-top: 60px;	
}

.central {
	text-align:center;
	padding: 20px 20px 50px 20px;
	font-weight:300;
	text-transform:uppercase;
	font-size:0.85em;
	letter-spacing:1px;
}

.splash_wrap { align-content:center; width:540px; margin: 60px auto;  }

.imgleft {margin-left:250px;}

#splash_text { position:fixed;top:20%;left:50%;transform:translate(-50%,100%);color:rgba(255,255,255,1);font-family:"Roboto",Helvetica,Arial;font-weight:400;text-transform:uppercase;font-size:0.92em;letter-spacing:0.17em;text-shadow:-1px 1px 4px rgba(0,0,0,0.12);}

#wrapper {
	width: 900px;
	min-height: 600px;
	font-family: Arial;
	color: #333;
	background-color: rgba(255,255,255,0.87);
	margin: 0 auto;	
	margin: 25px auto 25px auto;
}

#header_area {
	margin: 0;
	padding: 30px 25px 0 25px;
}

#logo { padding: 0px; }

#nav {
	margin: 10px 0 10px 0;
	transform:scaley(0.955);
	text-transform: uppercase;
	color: #336633;
	font-family: 'Source Sans Pro', 'Helvetica', Arial;
	font-size: 0.975em;
	letter-spacing: 1px;
	font-weight:300;
}

#body_area {
	width: 850px;
	padding-bottom:30px;
}

.attr_list {
	width:270px;
	text-align:center;
	display:inline-block;
}

.attraction {
	width:220px;
	height:136px;
	margin:10px 0;
}

.attrh3 {
	font-size:1.2em;
	text-align:center;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}