[data-tooltip1]:before {
background: url(c.jpg); 
background-size: 80px 118px;
}
[data-tooltip2]:before {
background: url(c7.jpg); 
background-size: 80px 118px;
}
[data-tooltip3]:before {
background: url(cm.jpg); 
background-size: 80px 118px;
}
[data-tooltip4]:before {
background: url(D.jpg); 
background-size: 80px 118px;
}
[data-tooltip5]:before {
background: url(D7.jpg); 
background-size: 80px 118px;
}
[data-tooltip6]:before {
background: url(Dm.jpg); 
background-size: 80px 118px;
}
[data-tooltip7]:before {
background: url(E.jpg); 
background-size: 80px 118px;
}
[data-tooltip8]:before {
background: url(E7.jpg); 
background-size: 80px 118px;
}
[data-tooltip9]:before {
background: url(Em.jpg); 
background-size: 80px 118px;
}
[data-tooltip10]:before {
background: url(F.jpg); 
background-size: 80px 118px;
}
[data-tooltip11]:before {
background: url(F7.jpg); 
background-size: 80px 118px;
}
[data-tooltip12]:before {
background: url(Fm.jpg); 
background-size: 80px 118px;
}
[data-tooltip13]:before {
background: url(G.jpg); 
background-size: 80px 118px;
}
[data-tooltip14]:before {
background: url(G7.jpg); 
background-size: 80px 118px;
}
[data-tooltip15]:before {
background: url(Gm.jpg); 
background-size: 80px 118px;
}
[data-tooltip16]:before {
background: url(A.jpg); 
background-size: 80px 118px;
}
[data-tooltip17]:before {
background: url(A7.jpg); 
background-size: 80px 118px;
}
[data-tooltip18]:before {
background: url(Am.jpg); 
background-size: 80px 118px;
}
[data-tooltip19]:before {
background: url(B.jpg); 
background-size: 80px 118px;
}
[data-tooltip20]:before {
background: url(B7.jpg); 
background-size: 80px 118px;
}
[data-tooltip21]:before {
background: url(Bm.jpg); 
background-size: 80px 118px;
}

[data-tooltip1],
[data-tooltip2],
[data-tooltip3],
[data-tooltip4],
[data-tooltip5],
[data-tooltip6],
[data-tooltip7],
[data-tooltip8],
[data-tooltip9],
[data-tooltip10],
[data-tooltip11],
[data-tooltip12],
[data-tooltip13],
[data-tooltip14],
[data-tooltip15],
[data-tooltip16],
[data-tooltip17],
[data-tooltip18],
[data-tooltip19],
[data-tooltip20],
[data-tooltip21] {
    display: inline-block;
    position: relative;
    cursor: help;
}

[data-tooltip1]:hover:before,
[data-tooltip1]:hover:after,
[data-tooltip2]:hover:before,
[data-tooltip2]:hover:after,
[data-tooltip3]:hover:before,
[data-tooltip3]:hover:after,
[data-tooltip4]:hover:before,
[data-tooltip4]:hover:after,
[data-tooltip5]:hover:before,
[data-tooltip5]:hover:after,
[data-tooltip6]:hover:before,
[data-tooltip6]:hover:after,
[data-tooltip7]:hover:before,
[data-tooltip7]:hover:after,
[data-tooltip8]:hover:before,
[data-tooltip8]:hover:after,
[data-tooltip9]:hover:before,
[data-tooltip9]:hover:after,
[data-tooltip10]:hover:before,
[data-tooltip10]:hover:after,
[data-tooltip11]:hover:before,
[data-tooltip11]:hover:after,
[data-tooltip12]:hover:before,
[data-tooltip12]:hover:after,
[data-tooltip13]:hover:before,
[data-tooltip13]:hover:after,
[data-tooltip14]:hover:before,
[data-tooltip14]:hover:after,
[data-tooltip15]:hover:before,
[data-tooltip15]:hover:after,
[data-tooltip16]:hover:before,
[data-tooltip16]:hover:after,
[data-tooltip17]:hover:before,
[data-tooltip17]:hover:after,
[data-tooltip18]:hover:before,
[data-tooltip18]:hover:after,
[data-tooltip19]:hover:before,
[data-tooltip19]:hover:after,
[data-tooltip20]:hover:before,
[data-tooltip20]:hover:after,
[data-tooltip21]:hover:before,
[data-tooltip21]:hover:after{
    display: block;
    z-index: 50;
}

[data-tooltip1]:before,
[data-tooltip2]:before,
[data-tooltip3]:before,
[data-tooltip4]:before,
[data-tooltip5]:before,
[data-tooltip6]:before,
[data-tooltip7]:before,
[data-tooltip8]:before,
[data-tooltip9]:before,
[data-tooltip10]:before,
[data-tooltip11]:before,
[data-tooltip12]:before,
[data-tooltip13]:before,
[data-tooltip14]:before,
[data-tooltip15]:before,
[data-tooltip16]:before,
[data-tooltip17]:before,
[data-tooltip18]:before,
[data-tooltip19]:before,
[data-tooltip20]:before,
[data-tooltip21]:before{
    content: "";
    display: none;
    position: absolute;
	width: 80px;  
    height: 118px;
}

[data-tooltip1]:after,
[data-tooltip2]:after,
[data-tooltip3]:after,
[data-tooltip4]:after,
[data-tooltip5]:after,
[data-tooltip6]:after,
[data-tooltip7]:after,
[data-tooltip8]:after,
[data-tooltip9]:after,
[data-tooltip10]:after,
[data-tooltip11]:after,
[data-tooltip12]:after,
[data-tooltip13]:after,
[data-tooltip14]:after,
[data-tooltip15]:after,
[data-tooltip16]:after,
[data-tooltip17]:after,
[data-tooltip18]:after,
[data-tooltip19]:after,
[data-tooltip20]:after,
[data-tooltip21]:after{
    content: '';
    display: none;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

[data-tooltip-position="top"]:before{
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
	bottom: 100%;
    margin-bottom: 6px;
}

[data-tooltip-position="top"]:after {
    left: 50%;
    margin-left: -6px;
    bottom: 100%;
    border-width: 6px 6px 0;
    border-top-color: #000;
}

header {
	height: 100px;
	position: fixed;
	width: 100%;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #d6d6d6 100%); 
	background: -webkit-linear-gradient(top, #ffffff 0%,#d6d6d6 100%); 
	box-shadow: 0 5px 10px rgba(0,0,0,0.3);
	z-index: 10;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
	#header-content {
		width: 1000px; margin: 0 auto; padding: 35px 0 0 0;
		overflow: hidden;
	}
		#header-content h1 {
			float: left;
			font-size: 50px; text-transform: uppercase; letter-spacing: 10px;
		}
		#header-content nav {
			float: right;
		}
			#header-content nav li {
				float: left;
				font-size: 20px;
				margin: 0 0 0 50px;
				list-style: none;
			}
        header.sticky {
            position: fixed;
            font-size: 24px;
            line-height: 48px;
            height: 48px; 
            width: 100%;
            background: #efc47D;
            text-align: left;
            padding-left: 20px;
        }			
#banner {
	height: 600px;
	position: fixed;
	background: url(banner-bg.jpg);
	background-size: cover;
	width: 100%;

}
	#banner h2 {
		margin: 130px auto;
		color: #fff;
		width: 800px;
		font-size: 50px; line-height: 60px; text-align: center;
		text-transform: uppercase;
		letter-spacing: 5px;
		text-shadow: 0 3px 5px rgba(0,0,0,0.3);
	}

#filled {
	background: #fff;
	width: 100%; 
	position: relative;
	top: 500px;
	z-index: 5;
}
article {
	width: 1000px; padding: 50px 0 0 0;
	margin: 0 auto;
}
	article p {
		margin: 0 0 30px 0;
	}
.container {
    max-width: 32rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
	margin: 0; padding: 0; border: 0;
}
.myButton {
	-moz-box-shadow: 0px 10px 14px -7px #276873;
	-webkit-box-shadow: 0px 10px 14px -7px #276873;
	box-shadow: 0px 10px 14px -7px #276873;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #00ccff), color-stop(1, #0569ff));
	background:-moz-linear-gradient(top, #00ccff 5%, #0569ff 100%);
	background:-webkit-linear-gradient(top, #00ccff 5%, #0569ff 100%);
	background:-o-linear-gradient(top, #00ccff 5%, #0569ff 100%);
	background:-ms-linear-gradient(top, #00ccff 5%, #0569ff 100%);
	background:linear-gradient(to bottom, #00ccff 5%, #0569ff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ccff', endColorstr='#0569ff',GradientType=0);
	background-color:#00ccff;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	width: 250px;
	padding:13px 32px ;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0569ff), color-stop(1, #00ccff));
	background:-moz-linear-gradient(top, #0569ff 5%, #00ccff 100%);
	background:-webkit-linear-gradient(top, #0569ff 5%, #00ccff 100%);
	background:-o-linear-gradient(top, #0569ff 5%, #00ccff 100%);
	background:-ms-linear-gradient(top, #0569ff 5%, #00ccff 100%);
	background:linear-gradient(to bottom, #0569ff 5%, #00ccff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0569ff', endColorstr='#00ccff',GradientType=0);
	background-color:#0569ff;
}
.myButton:active {
	position:relative;
	top:1px;
}