html,body,header,nav,footer,a,fig,figcaption,img,h1,h2,h3,h4,h5,h6
{border:none; padding:0; margin:0; font-size:100%;}
.clr{clear:both;}
@media only screen and (min-width:1300px){
body {
		font-family: 'Lato', Calibri, Arial, sans-serif;
		color: #89867e;margin:0;padding:0;
		background:#f4f4f2;
	}
header{width:80%; margin:0;float:left;position:fixed; top:0;left:0;padding:0 10%;background:#fff;z-index:999;}
#nav {width:80%;margin:0;border:none;padding:0 10%;position:fixed;top:55px;left:0;
background-color:#414b51;border-bottom:solid 2px #000;z-index:999;font-weight:600;}
#nav ul{list-style:none;text-align:center;margin:0;padding:0;}
#nav li{width:19%;float:left;border-left:solid 1px #000;padding:0;}
#nav li:hover{background:#333;}
#nav li a{text-decoration:none;font-size:14px;color:#eee;padding:0 25%;line-height:30px;}
#nav li a:active{color:#00afc4;text-decoration:none;font-size:13px;}
#nav .active{background:#000;text-decoration:none;font-size:13px;}
#nav a.menu-button{display:none;}

.container{width:100%; margin:0; position:relative;}
.gf-slider{margin:25px 0;}
.logo {margin-top:14px; float:left;}
.menu nav{width:90%; float:left; padding:0 5%; background:#000; min-height:30px; background:url(../images/nav_bg.jpg) top left repeat-x;}
.banner{width:80%; position:relative; float:left; padding:0%;min-height:200px;border-bottom:1px solid #eee;margin:64px 10% 0 10%;}
 h3{color:#00728f;padding:15px 0 2px 0;margin:0;letter-spacing:1px;font-weight:normal;margin-bottom:10px;font-size:20px;font-weight:600;}
 .right h3{float:left;width:100%;color:#fff;background:#00728f;padding:8px 0 6px 8px;margin:20px 0;letter-spacing:1px;font-weight:normal;margin-bottom:10px;font-size:20px;font-weight:100;}
.left{width:80%; float:left;margin:0 10% 0 10%;}
.right{width:20%; float:left;margin:0 0 0 10%;display:none;}
h3 .fifty{width:50%;}
h5{color:#672a7a;}
.img-left{float:left;width:50%;}
.img-right{float:left;width:50%;}
.main{width:80%; position:relative; float:left; padding:0; min-height:200px;color:#555;margin:80px 10% 0 10%;}
.text{width:100%;float:left;border-bottom:1px solid #ddd;padding:6px 0 10px 0;}
.text:last-child{width:100%;float:left;border-bottom:none;padding:6px 0 10px 0;}
.left-fifty{width:50%;float:left;}
.right-fifty{width:40%;float:left;padding:0 0 0 10%;}

.download{float:left;width:40%;}
.download li{float:none;padding:0;list-style:none;padding:10px 0;color:#00728f;text-decoration:none;}
.download li div{float:left;width:20%;padding:10px 0;color:#00728f;text-decoration:none;}
.download li span img{float:none;margin:2px 0 0 14px;}
.download li span img:hover{filter:alpha(opacity=60); opacity: .6;}
.download li a:hover{color:#888;}
input{width:100%;float:left;margin:4px 0;background:none;border:1px solid #ddd;}
textarea{width:100%;float:left;margin:4px 0;height:150px;background:none;border:1px solid #ddd;}
input[type="submit"]{width:40%;background:#00728f;padding:4px;color:#eee;float:right;}
input[type="submit"]:hover{width:40%;background:#283136;padding:4px;color:#fff;}
.max-hide{display:none;}
.you{float:left;width:30%;}

footer{width:80%; margin:0; position:relative; float:left; padding:10px 10%;  min-height:30px;font-size:13px;background:#f4f4f2;color:#555;border-top:1px solid #ddd;}
footer div{width:50%;float:left;}
	footer nav.social {width:100%;float:right;float:right;margin:0; padding:0;}
	footer .social ul{list-style:none;float:right;margin:0; padding:0;width:100%;}
	footer .social li{float:right;margin:0;padding:0;width:8%;}
	footer .social li:hover a{text-decoration:none;color:#eeeeee;}
	footer .social li:hover img{filter:alpha(opacity=60); opacity: .6;}
	footer .social li img{width:50%;margin-right:5px;}
}

@media only screen and (min-width:501px) and (max-width:1300px){
body {
		font-family: 'Lato', Calibri, Arial, sans-serif;
		color: #89867e;margin:0;padding:0;
		background:#f4f4f2;
	}
header{width:100%; margin:0;float:left;position:fixed; top:0;left:0;padding:0;background:#fff;z-index:999;}
#nav {width:100%;margin:0;border:none;padding:0;position:fixed;top:55px;left:0;
background-color:#414b51;border-bottom:solid 2px #000;z-index:999;}
#nav ul{list-style:none;text-align:center;margin:0;padding:0;}
#nav li{width:19%;float:left;border-left:solid 1px #000;padding:0;}
#nav li:hover{background:#333;}
#nav li a{text-decoration:none;font-size:12px;color:#eee;padding:0 20%;line-height:30px;}
#nav li a:active{color:#00afc4;text-decoration:none;font-size:13px;}
#nav .active{background:#000;text-decoration:none;font-size:13px;}
#nav a.menu-button{display:none;}

.container{width:100%; margin:0; position:relative;}
.gf-slider{margin-top:25px;}
.logo {margin-top:14px; float:left;}
.menu nav{width:100%; float:left; padding:0 5%; background:#000; min-height:30px; background:url(../images/nav_bg.jpg) top left repeat-x;}
.banner{width:100%; margin:63px 0 0 0; position:relative; float:left; padding:0; min-height:200px;border-bottom:1px solid #eee;}
 h3{color:#00728f;padding:14px 0 2px 0;margin:0;letter-spacing:1px;font-weight:normal;margin-bottom:10px;font-size:20px;font-weight:100;}
 .right h3{float:left;width:100%;color:#fff;background:#00728f;padding:8px 0 6px 8px;margin:20px 0;letter-spacing:1px;font-weight:normal;margin-bottom:10px;font-size:20px;font-weight:100;}
.left{width:98%; float:left;padding:0 1%;}
.right{width:20%; float:left;margin:0 0 0 8%;display:none;}
h3 .fifty{width:50%;}
h5{color:#672a7a;}
.img-left{float:left;width:50%;}
.img-right{float:left;width:50%;}
.main{width:98%; margin:85px 0 0 0; position:relative; float:left; padding:0 1%; min-height:200px;color:#555;}
.text{width:100%;float:left;border-bottom:1px solid #ddd;padding:6px 0 10px 0;}
.text:last-child{width:100%;float:left;border-bottom:none;padding:6px 0 10px 0;}
.left-fifty{width:50%;float:left;}
.right-fifty{width:40%;float:left;padding:0 0 0 10%;}

.download{float:left;width:60%;}
.download li{float:none;padding:0;list-style:none;padding:10px 0;color:#00728f;text-decoration:none;}
.download li div{float:left;width:20%;padding:10px 0;color:#00728f;text-decoration:none;}
.download li span img{float:none;margin:2px 0 0 14px;}
.download li span img:hover{filter:alpha(opacity=60); opacity: .6;}
.download li a:hover{color:#888;}
input{width:100%;float:left;margin:4px 0;background:none;border:1px solid #ddd;}
textarea{width:100%;float:left;margin:4px 0;height:150px;background:none;border:1px solid #ddd;}
input[type="submit"]{width:40%;background:#00728f;padding:4px;color:#eee;float:right;}
input[type="submit"]:hover{width:40%;background:#283136;padding:4px;color:#fff;}
.max-hide{display:none;}
.you{float:left;width:30%;}

footer{width:98%; margin:0; position:relative; float:left; padding:10px 1%;  min-height:30px;font-size:13px;background:#f4f4f2;color:#555;border-top:1px solid #ddd;}
footer div{width:50%;float:left;}
	footer nav.social {width:100%;float:right;float:right;margin:0; padding:0;}
	footer .social ul{list-style:none;float:right;margin:0; padding:0;width:100%;}
	footer .social li{float:right;margin:0;padding:0;width:8%;}
	footer .social li:hover a{text-decoration:none;color:#eeeeee;}
	footer .social li:hover img{filter:alpha(opacity=60); opacity: .6;}
	footer .social li img{width:50%;margin-right:5px;}
}

@media only screen and (max-width:500px)
{
	body{text-align:left;font-family: 'Lato', Calibri, Arial, sans-serif;color: #89867e;margin:0;padding:0;		background:#f4f4f2;}
	.container{width:100%;float:left;margin:0;position:relative;}
	.logo {margin-top:14px; float:left;}
	header{width:100%; margin:0; padding:0;position:relative;float:left;background:#fff;}
	#nav{text-align:left;height:auto;padding:0;margin:0;width:99%;position:relative;z-index:999;margin-top:-10px;}
	#nav a.menu-button{text-transform:uppercase;letter-spacing:-0.07em;word-spacing:.1em;color:#121b21;
	display:block;position:absolute;top:25px;right:0;width:70px;height:40px;text-align:center;line-height:40px;color:#fff;font-size:10pt;background-color:#00728f;text-decoration:none;}
	#nav ul{float:left;width:99%;margin:0;display:none;list-style:none;background-color:#414b51;text-align:center;padding:0;}
	#nav li{float:none;padding:20px 0 0 0;height:40px;border-bottom:solid 1px #232729;color:#fff;font-weight:300;}
	#nav li .active{background:#000;text-decoration:none;font-size:13px;}
	#nav li:hover{background:#333;color:#47a3da;}
	#nav li a{text-decoration:none;font-size:11px;color:#eee;width:100%;padding:10px 33%}
	#nav li:last-child{border-bottom:none;}
	#nav li.active a::after{display:none;}
	#nav.expanded ul{display:block;}
	
.banner{width:100%; margin:0; position:relative; float:left; padding:0; background:#00afc4; min-height:200px;}
 h3{color:#00728f;padding:15px 0 2px 0;margin:0;letter-spacing:1px;font-weight:normal;margin-bottom:10px;font-size:20px;font-weight:100;}
 .right h3{float:left;width:98%;color:#fff;background:#00728f;padding:8px 0 6px 8px;margin:20px 0;letter-spacing:1px;font-weight:normal;margin-bottom:10px;font-size:16px;font-weight:100;}
.left{width:100%; float:left;}
.right{width:100%; float:left;margin:0;}
.main{width:99%; margin:0; position:relative; float:left; padding:0 1%; min-height:200px;color:#555;}
.text{width:99%;float:left;border-bottom:1px solid #ddd;padding:0 0 10px 4px;}
.download{float:left;width:100%;}
.download li{float:none;list-style:none;padding:10px 0;}
.download li span img{float:none;margin:10px 0 0 10px;}
.download li a{color:#00728f;text-decoration:none;}
.download li a:hover{color:#888;}
input{width:99%;float:left;margin:4px 0;background:none;border:1px solid #ddd;}
textarea{width:99%;float:left;margin:4px 0;height:150px;background:none;border:1px solid #ddd;}
input[type="submit"]{width:30%;background:#00728f;padding:4px;color:#eee;float:right;}
input[type="submit"]:hover{width:30%;background:#283136;padding:4px;color:#fff;}
.min-hide{display:none;}
.max-hide{display:inline;}
h5{color:#672a7a;}
.you{float:left;width:98%;}

footer{width:100%; margin:0; position:relative; float:left; padding:10px 0; border-top:1px solid #00afc4; min-height:30px;font-size:13px;background:#eee;color:#555;}
footer div{width:100%;float:left;}
footer div:first-child{width:100%;float:left;margin-top:25px;}
footer div:nth-child(2){width:100%;float:left;margin-top:-40px;}
footer nav.social {width:90%;float:left;margin:0; padding:0;}
footer .social ul{list-style:none;float:right;margin:0; padding:0;width:100%;}
footer .social li{float:right;margin:0;padding:0;width:22%;}
footer .social li:hover a{text-decoration:none;color:#eeeeee;}
footer .social li:hover img{filter:alpha(opacity=60); opacity: .6;}
footer .social li img{width:32%;margin-right:5px;}
}