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

@media screen and (min-width: 1400px) {
#wrapper, nav, #inner, #content-inside, #content2-inside, footer,  #copy, #banner {
	width: 80%;
}

#cssmenu {

  top:25px;
  left:5%;
}



body#home {
font-size:128%;		
	
}

#utilities {
	
	top:8%;
	right:0%;
	
}


#banner-home{
	width: 80%;
	margin: 4px auto 0px auto;
		
max-width:1200px;
position:relative;
}



}

@media screen and (max-width: 1399px) {
/*#wrapper, nav, #inner, #content-inside, footer, #copy, #banner {
	width: 76%;
}*/

 nav {
	width: 82%;
	
}

body#home {
font-size:124%;	

}

}

@media screen and (max-width: 1300px) {


body#home {
font-size:120%;	
}

}

@media screen and (max-width: 1200px) {


body#home {
font-size:116%;	
}

#cssmenu {

  top:20px;
  left:5%;
}

}

@media screen and (max-width: 1100px) {


body#home {
font-size:112%;	
}




}





@media screen and (max-width: 1099px) {

body#home, body   {
	/*background-color:pink;*/
	font-size:108%;
}

#wrapper, #inner, #content-inside, #content2-inside, footer, #copy, #banner {
width:92%;	
}

#out-nav {
	
	height: 62px;
	
}

nav {
	width:96%;
	
}
section {
	width: 55%;
	float: left;

}



aside {
	width: 35%;
	float: right;
	

}

#banner-home{
	width: 92%;
	margin: 4px auto 0px auto;
	
max-width:1200px;
position:relative;
}


}


@media screen and (max-width: 820px) {

body#home, body   {
	/*background-color:yellow;*/
	/*font-size:100%;*/
}

.image-small  {
display:none;

}

.widget p {
	font-size:.93em;
	line-height:1.4;
	padding-bottom:2%;
	
}


.content-widget  {
float:none;
width:auto;
margin-bottom:13px;	
}





}


@media screen and (max-width: 768px) {

body#home, body   {
	/*background-color:orange;*/
	font-size:104%;
}

#out-nav {
	
	height: 56px;

}

h2.banner  {
display:none;	
}

h1.hideandshow  {
display:block;	
line-height:1.1;
 font-family: 'Abel', sans-serif; 
 font-size:1.7em;
}




}

@media screen and (max-width: 740px) {
	
body#home, body   {
	/*background-color:#333;*/
	
}

h2.banner span, h2.banner {
	
	display: none;
	
		
}




  
header {
	
	padding:  0 ;
	
	
	
}	
	
	
#out-nav, nav {
	display:none;
}



#banner-home{
	width: 94%;
	
}






#utilities  {
display:none;	
}

#footer-left,  #footer-right {
width:auto;
float:none;	
clear:both;
}

.foot2 {
	
	border-right: none;
	
	
}

#copy-outer {
background-color: #857FA1;	
height:auto;
	line-height:1.4;
	margin-bottom:0;
	width:100%;
	padding:10px 0;
}


#copy {
	width: 99%;
	
	
	
}


#copy ul  {
text-align:center;
}

#copy ul li  {
	display:block;
	padding:0 0 0 0;
	font-size:.85em;
	color:#B1C7DC;
}




#inner  {
	display:none;
}

#content-inside  {
	padding:2% 0 0 0;
}




/* Navigation Button
	-------------------------------------------------------- */
	
	ul.primary-nav {
	display:block;
	width:100%;
	height:60px;
	/*position:fixed;*/
	/*position:absolute;*/
	top:0;
	left:0;
}


.nav-phone  {
		display: block;
		/*position: fixed;*/
		position:absolute;
		top: 11px;
		right: 70px;
		width:28px;
		z-index:999;
	}
		
	
	.nav-home  {
		display: block;
		/*position: fixed;*/
		position:absolute;
		top: 9px;
		left: 5px;
		width:200px;
		z-index:999;
	}
	

	.nav-button {
		display: block;
		/*position: fixed;*/
		position:absolute;
		top: 12px;
		right: 7px;
		width: 50px;
		height: 35px;
		background: url('../images/menu-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/menu-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/menu-icon-large.png')/*,     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2))*/;
		background: url('../images/menu-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2)); 
		
		
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
		cursor: pointer;
		border: 0 none;
		border-bottom: 1px solid rgba(255,255,255,.1);
		box-shadow: 0 0 4px rgba(0,0,0,.7) inset;
		border-radius: 5px;
		z-index: 999;
		text-indent: -9999px;
	}
	.nav-button:hover { 
		background-color: rgba(0,0,0,.1); 
	}
	.nav-button.open {
		background: url('../images/close-icon-large.png')/*, -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2))*/;
		background: url('../images/close-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/close-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/close-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
		
	}

	/* Navigation Bar
	-------------------------------------------------------- */

	body { padding-top: 60px; } 

	.primary-nav {
		width: 100%;
		float: none;
		background-color: rgba(255, 148, 69, .92); /* change the menu color */
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		display: block;
		height: 50px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		box-shadow: 0 1px 2px rgba(0,0,0,.6);
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 998;
		clear: both;
		
	}
	.primary-nav li {
		display: none;
		width: 100%;
		font-family: Arial;
		
	}
	.primary-nav li a {
		display: block;
		width: 90%;
		padding: 10px 5%;
		font-size: 14px;
		font-weight: bold;
		text-shadow: -1px -1px 0 rgba(0,0,0,.15);
		color: white;
		text-decoration: none;
		border-bottom: 1px solid rgba(0,0,0,.2);
		border-top: 1px solid rgba(255,255,255,.1); 
		
	}
	.primary-nav li a:hover {
		background-color: rgba(0,0,0,.5);
		border-top-color: transparent;
	}
	.primary-nav > li:first-child {
		border-top: 1px solid rgba(0,0,0,.2);
	}

	/* Toggle the navigation bar open  */

	.primary-nav.open { 
		height: auto; 
		padding-top: 60px;
	}
	.primary-nav.open li { 
		display: block; 
	}

	/* Submenus – optional .parent class indicates dropdowns */

	.primary-nav > li:hover > a {
		background: rgba(0,0,0,.5);
		border-bottom-color: transparent;
	}
	.primary-nav li.parent > a:after {
		content: "▼";
		color: rgba(255,255,255,.5);
		float: right;
	}
	.primary-nav li.parent > a:hover {
		background: rgba(0,0,0,.75);
	}
	.primary-nav li ul {
		display: none;
		background: rgba(0,0,0,.5);
		border-top: 0 none;
		padding: 0;
	}
	.primary-nav li ul a {
		border: 0 none;
		font-size: 12px;
		padding: 10px 5%;
		font-weight: normal;
	}
	.primary-nav li:hover ul {
		display: block;
		border-top: 0 none;
	}

		
}



@media screen and (max-width: 700px) {

body#home, body   {
	/*background-color:blue;*/
	
}

#cssmenu  {
display:none;	
 top:-25px;
  left:0%;

}


#cssmenu2  {
display:block;	
 top:-50px;
  left:0%;

}

article  {
	position:relative;
}

.inner-headline  {
	display:block;
	margin-top:50px;
	height:100%;
}

#inner {
	height:150px;
}



.learn_more-about  {
		margin: .5% 0 15% 0;
}




section, section.home {
	width:auto;
	padding: 2% 2% -2% 2%;
	float: none;

}



aside {
	width:auto;
	float: none;
	padding: 0% 2% 2% 2%;

}

.image-small  {
display:block;
padding:1% 4% 2% 0;
}

.widget-box  {
background-color:#C1FAC1;
overflow:hidden;	
margin-bottom:20px;
padding:4%;
}

aside {
	
	padding: 0% 0 2% 2%;
	
}

.location-left  {
	float:left;
	width:48%;
clear:both;
	margin-bottom:3%;
}

.location-right  {
	float:right;
	width:48%;
	margin-bottom:3%;
}


.logo-side  {
width:70%;
margin:0 auto 2% auto;	
display:block;
}
}

@media screen and (max-width: 650px) {

body#home, body   {
	/*background-color:pink;*/
	
}

.nav-logo  {
		display: block;
		position: fixed;
		top: 16px;
		left: 5px;
	
		z-index:999;
	}
	
	.nav-logo img  {
		width:185px;
	}
	
	


}

@media screen and (max-width: 600px) {

body#home, body   {
	/*background-color:#ccc;*/
	
}

.hideandshow  {
display:block;	
margin-bottom:10px;
}

.hide  {
display:none;	
}

.foot1, .foot2, .foot3, .foot4  {
	float:none;
	width:auto;
	border:none;
	text-align:center;
	padding-left:0;
	padding-right:0;
}

hr  {
border:1px  #F0EFF8 dotted;
margin:7px 0 10px 0;
}

img.map  {
width:85%;
margin:auto;
display:block;	
padding:0;
margin-bottom:10px;
}

.foot4 address, .foot4 h4  {
	padding-left:0%;
}


}

@media screen and (max-width: 550px) {

body#home, body   {
	/*background-color:red;*/
	
}

img.map  {
width:95%;
}

#inner {
	height:168px;
}
}

@media screen and (max-width: 500px) {

body#home, body   {
	/*background-color:white;
	*/
}

#inner {
	width: 97%;
	max-width: 1200px;
	margin:0 3% 0 0;
	position: relative;
	height:170px;
}

#logo {
	padding: 10px 0 5px 0px;
}

img.logo {
padding-left:3%;	
}

h4.white  {
padding-left:3%;
line-height:1.3;	
}

header {
	width: 100%;
	overflow: hidden;
	background-color: rgba(105,149,188,.8);
	background-image:none;
	background-repeat:repeat-x;
	margin: 0px 0 0 0;
	
	
}

/*#utilities {
	position:static;
	width: auto;
	margin:10px auto 0 auto;
	height:30px;
	color:#fff;
	text-decoration:none;
	text-align:center;
	
}
#utilities img.social {
float:right;	
margin:0 2%;
}

#utilities img.email {
float:right;
margin: .45% 2% 0 2%;
}

#utilities img.home {
float:right;
margin: .20% 2% 0 2%;
}

#utilities img.phone  {
float:right;
margin:	1% 2% 0 2%;


}

*/

}

@media screen and (max-width: 450px) {

body#home, body   {
	/*background-color:#0CF;*/
	
}
}