html,
body {
    width: 100%;
    height: 100%;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	 font-size:16px;
}

h1{
    font-family: Arial,sans-serif;
	 font-size:28px;
	 color:#2B598B;
	 font-weight:bold;
	 text-align:center;
}

h2{
    font-family: 'Allura', cursive, arial;
    font-size: 50px;
	 color:#FFF;
	 font-weight:100;
	 text-align:center;
}


.bluetext{
    font-family: Arial,sans-serif;
	 font-size:22px;
	 color:#2B598B;
	 font-weight:100;
	 text-transform:uppercase;
	 text-align:center;
}

a{
	text-decoration:none;
	color:#C09132;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
a:hover{
	color:#a07112;	
	text-decoration:none;
}

.shadow{
	text-shadow: 1px 1px 1px #000000;	
	filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=1,color=000000);
}
.shapeshadow{
-webkit-filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.5));
-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=1,Color='#000000')";
filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=1, Color='#000000')";
}

.shapeshadowwhite{
-webkit-filter: drop-shadow(0px 0px 4px rgba(250,250,250,0.5));
-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0,Color='#FFF')";
filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#FFF')";
}

.centercol{
	width:100%;max-width:1000px;margin:0 auto;
}


/* Custom Button Styles */
.btn-dark, .btn-light{
	padding:7px 12px;	
}
.btn-dark {
    border-radius: 0;
    color: #fff;
    background-color: #0B2E4E;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    color: #fff;
    background-color: #2B4E6E;
}

.btn-light {
    border-radius: 0;
    color: #0B2E4E;
    background-color: rgb(255,255,255);
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active {
    color: #0B2E4E;
    background-color: rgba(255,255,255,0.8);
}

#map-canvas{
  height: 220px;
  width:100%;
  margin: 0px;
  padding: 0px
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

/* Footer */
#footer {
    background: #0B2E4E;/*1d1b1a*/
    color: #8a8583;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    padding: 1em 0 2em;
	 font-size:12px;
}
#contactus a{
	text-decoration:none;
	color:#FFF;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
#contactus a:hover{
	color:#09F;	
	text-decoration:none;
}
#copyright{
	height:40px;
	background:#333;
	font-family:arial;
	color:#999;	
	line-height: 40px;
}

#copyright span{
	color:#DDD;	
}


	#logo{position:absolute;padding:20px;width:100%;}
	.aroundtwitter{margin:200px 200px 0 0;}
	#downarrow{
		position: absolute;
		bottom: 10%;
		width: 100%;
		text-align: center;
		color:#FFF;
	}
	.rotate img{
		 -webkit-transition: -webkit-transform .2s ease-in-out;
		 -ms-transition: -ms-transform .2s ease-in-out;
		 transition: transform .2s ease-in-out;		
	}
	.rotate img:hover{
		 transform:rotate(360deg);
		 -ms-transform:rotate(360deg);
		 -webkit-transform:rotate(360deg);
	}
	.shapeshadow{
		-webkit-filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.5));
		-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2,Color='#444')";
		filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#444')";
				 -webkit-transition: all 0.2s ease 0s;
		 -moz-transition: all 0.2s ease 0s;
		 -ms-transition: all 0.2s ease 0s;
		 -o-transition: all 0.2s ease 0s;
		 transition: all 0.2s ease 0s;

	}	
	#verticalmenucontainer{
		width:200px;
		position:absolute;
		bottom:50px;
		left:15%;
	}
	#verticalmenu{
		background-color:#000;
		color:#FFF;
		padding:10px;
		-webkit-border-top-left-radius: 7px;
		-webkit-border-top-right-radius: 7px;
		-moz-border-radius-topleft: 7px;
		-moz-border-radius-topright: 7px;
		border-top-left-radius: 7px;
		border-top-right-radius: 7px;
		font-size:20px;
		font-weight:bold;

	}
	#horizontalmenu{
		width:100%;
		background-color:#0B2E4E;
		color:#FFF;
		padding:10px;
		font-size:20px;
		font-weight:bold;
	}
	.bottomposition{position:absolute;bottom:0px;}
	
	#verticalmenu a, #horizontalmenu a{
		color:#FFF;	
		text-decoration:none;
		 -webkit-transition: all 0.2s ease 0s;
		 -moz-transition: all 0.2s ease 0s;
		 -ms-transition: all 0.2s ease 0s;
		 -o-transition: all 0.2s ease 0s;
		 transition: all 0.2s ease 0s;
	}
	#verticalmenu a:hover, #horizontalmenu a:hover{
		color:#4B79AB;
		text-decoration:none;
	}
	.left{text-align:left;}
	.center{text-align:center;}
	.right{text-align:right;}
	.justify{text-align: justify;}
	.floatright{float:right;}
	.box{padding:20px 10px 40px 10px;}
	.smallbox{padding:10px;}

	.blueline{
			height:5px;
			width:100%;
			background-color:#2B598B;
	}
	.trees{
		background-image: url(images/sidetree.png), url(images/sidetree-right.png);
		background-repeat: repeat-y;
		background-position: top left, top right;
	}
	
	/* ============================================================
	  PARALLAX
	============================================================ */
	section.module p {
		font-family:'Allura', cursive, arial;font-size:60px;
		color:#FFF;/*BBB*/
		font-weight:0;
	}
	section.module.parallax {
	  background-position: 50% 50%;
	  background-repeat: no-repeat;
	  background-attachment: fixed;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}
	section.module.parallax-1 {
	  background-image: url("/images/bg/bg06.jpg");
	}
	.rightcenter{text-align:right;}
	.leftcenter{text-align:left;}
	@media only screen and (min-width : 1300px) {
	#verticalmenucontainer{
		left:20%;
	}
	}
	@media only screen and (max-width : 1300px) {
	.aroundtwitter{margin:0px;}

	}
	@media only screen and (min-width : 1400px) {
	#verticalmenucontainer{
		left:25%;
	}
	}

	@media only screen and (max-width : 1100px) {
	.trees{background-image:none;}
	}
	
	@media only screen and (max-width : 800px) {
	#horizontalmenu div {margin:10px}

	.floatright{float:none;}
	.rightcenter{text-align:center;}
	.leftcenter{text-align:center;}
	#logo{padding:2px;}
	}
	@media only screen and (max-width : 400px) {
		.hidden-xxs{display:none;}
	}
	

	.facebook {color: #fff;background-color: #3b5998;}
	.facebook:hover {color: #fff;background-color: #1b3978;}
	.twitter {color: #fff;background-color: #00acee;}
	.twitter:hover {color: #fff;background-color: #008cCe;}
	.google {color: #fff;background-color: #e93f2e;}
	.google:hover {color: #fff;background-color: #c91f0e;}
	.pinterest {color: #fff;background-color: #bc0d1e;}
	.pinterest:hover {color: #fff;instagram #9c0b0d;}
	.instagram {color: #fff;background:linear-gradient( #400080, transparent),linear-gradient(200deg,#d047d1,#ff0000,#ffff00);}
	.instagram:hover {color: #fff;background:linear-gradient( #300070, transparent),linear-gradient(200deg,#c037c1,#ee0000,#dddd00);}