html,body{height:100%;
overflow-x: scroll;}
body{
	background: #f7f7f7;
	color: #666666;
	font: 14px/17px Arial, Helvetica, sans-serif;
	min-width: 320px;
	position: relative;
}
.bg{background:url(../images/header-tail.gif) center top repeat-x #fff;}
/*********************************header*************************************/
header{width:100%; padding-bottom:18px;}
	header .indent-bottom{padding-bottom:12px;}
.logo1{
	position: absolute;
	top: 0;
	left: -80px;
	z-index: 999;
	height: 110px;
	/*removed bg color and added code below for nav, navbar toggle*/
}
.navbar-toggle{
	transition: 0.2 linear;
	margin-top:-25%;
}
.navbar-toggle:hover, .navbar-toggle>span:hover{
	border-color: teal;
	
	transition: 0.2 linear;
}
nav{
	transition: 0.2s linear;
}
#content .container_24 .wrapper .grid_16.last-col .indent-left7.indent-top5 p img {
	position: relative;
	height: 90px;
	width: 120;
}
#content .container_24 .wrapper .grid_16.last-col .indent-left7.indent-top5 img {
	margin: 10px;
	height: 120px;
	width: 160px;
	border: thin solid #000;
}
	.logo1 a{
	display: block;
	width: 281px;
	height: 110px;
	overflow: hidden;
	/*background: url(../images/WPN_web_logos_AS_001-tp.png) 0px 0px no-repeat;*/
	}
		.logo1 a:hover{text-decoration:none;}
	.logo1 a strong{display:none;}
	.logo1 a span{
	font: bold 15px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	display: block;
	padding: 100px 0 0 35px;
	}
/********************************* Content **********************************/
#content{width:100%; padding-bottom:39px;}
/*----- Global Structure -----*/
.img-indent{float:left; margin-right:20px;}
.img-indent5-1{float:left; margin-right:28px;}
.last-item{margin-right:0 !important; margin-bottom:0 !important;}
/* ---------- Tags ---------*/
h3{font:bold 31px/38px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:1px;}
h6{
	font: bold 13px/19px Arial, Helvetica, sans-serif;
	color: #ffa200;
	text-transform: uppercase;
}
	h6 a{color:#ffa200;}
		h6 a:hover{text-decoration:none; color:#15c1e5;}

blockquote{width:100%;}
	.quote-caption{text-align:right;}
/*---------- Columns --------*/
.col-7{float:left; width:280px;}
	.col-7:first-child{margin-right:30px;}
/*----------- Boxes ----------*/
.box{color: #fff; width: 100%;}
	.box .indents{padding:25px 27px 36px 33px;}
	.box h3{color:#fff; letter-spacing:-2px;}
		.box h3 span{
			display:block;
			font-size:40px;
			line-height:48px;
			letter-spacing:-2px;
			margin-top:-10px;
		}
	.box h6{font-weight:bold; color:#fff;}
		.box h6 a{color:#fff;}
			.box h6 a:hover{text-decoration:underline;}
	.box .button{background:#fff;}
		.box .button:hover{color:#fff !important;}
		.box.bg-color1 .button{color:#92ad26;}	.box.bg-color1 .button:hover{background-color:#4e6100;}
		.box.bg-color2 .button{color:#ffa200;}	.box.bg-color2 .button:hover{background-color:#674100;}
		.box.bg-color3 .button{color:#ca3535;}	.box.bg-color3 .button:hover{background-color:#540101;}
		.box.bg-color4 .button{color:#15c1e5;}	.box.bg-color4 .button:hover{background-color:#004c5c;}
/*---------- Colors ----------*/
.bg-color1{background-color:#9bba1f;} /*light-green*/
.bg-color2{background-color:#ffa200;} /*orange*/
.bg-color3{background-color:#ca3535;} /*red*/
.bg-color4{background-color:#15c1e5;} /*blue*/
/*---------- Links ----------*/
.font-1{font:13px/19px Arial, Helvetica, sans-serif; text-transform:uppercase;}
.font-2{text-align:justify;}
/*---------- Links ----------*/
a{
	color: #ffa200;
	outline: none;
	cursor: pointer;
	text-decoration: none;
	text-transform: uppercase;
	font-style: normal;
}
#content .container_24 .wrapper .grid_16.last-col .indent-left7.indent-top5 p a {
	font-style: italic;
	color: #ffa200;
	text-decoration: underline;
	text-transform: capitalize;
}
	a:hover{text-decoration: underline}
a[href^="tel:"]{color:#939393; text-decoration:none;}
.button{
	display:inline-block;
	cursor:pointer;
	font:bold 18px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:-1px;
	background:#15c1e5;
	padding:4px 12px 5px;
}
	.button:hover{text-decoration:none; background-color:#1f9fba;}
/*---------- Lists -----------*/
.list-1{border-top:1px solid #fff;}
	.list-1 li{
		font:bold 13px/18px Arial, Helvetica, sans-serif;
		color:#fff;
		text-transform:uppercase;
		border-bottom:1px solid #fff;
		padding:8px 0;
	}
		.list-1 span{
			background:url(../images/marker-1.png) 0 0 no-repeat;
			padding:6px 0 0 35px;
			display:inline-block;
			min-height:24px;
		}
		.list-1 a{color:#fff;}
			.list-1 a:hover{text-decoration:none;}
				.bg-color1 .list-1 a:hover{color:#4e6100;}
				.bg-color2 .list-1 a:hover{color:#674100;}
				.bg-color3 .list-1 a:hover{color:#540101;}
				.bg-color4 .list-1 a:hover{color:#004c5c;}
	.list-1 dt{
		font:bold 13px/18px Arial, Helvetica, sans-serif;
		color:#fff;
		text-transform:uppercase;
		padding:9px 0 7px;
	}
	.list-1 dd{
		font:13px/19px Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		border-bottom:1px solid #fff;
		padding-bottom:10px;
	}
		.list-1 dd.last-item{border-bottom:none; padding-bottom:0;}
/*---------- Indents ---------*/
p, .p3-1{margin-bottom:15px}
	.p0{margin-bottom:0;}		.p0-1{margin-bottom:3px;}
	.p1{margin-bottom:5px;}		.p1-1{margin-bottom:8px;}
	.p2{margin-bottom:10px;}	.p2-1{margin-bottom:12px;}
	.p3{margin-bottom:15px;}
	.p4{margin-bottom:20px;}	.p4-1{margin-bottom:22px;}
	.p5{margin-bottom:25px;}	.p5-1{margin-bottom:28px;}
	.p6{margin-bottom:30px;}	.p6-1{margin-bottom:32px;}
	.p7{margin-bottom:35px;}	.p7-1{margin-bottom:37px;}
	.p8{margin-bottom:40px;}	.p8-1{margin-bottom:42px;}
.indent-lr{padding-left:2px; padding-right:2px;}
.indent-top1{padding-top:5px;}
.indent-top5{padding-top:25px;}
.indent-right1{padding-right:5px;}
.indent-left1{padding-left:5px;}
.indent-left6{padding-left:30px;}
.indent-left7{padding-left:35px;}
.indent-bottom6-1{padding-bottom:33px;}
.indent-bottom7-1{padding-bottom:37px;}
/******additional*******/
.side-graphic{
	margin-left:-100px;
	margin-bottom: 60px;
	
}
.side-graphic>img{
	width:213px;
	
}
.col-lg-3{
	margin-top:50px;
	
}
.wrapper{
	margin-left: -80px;
	
}
@media only screen and (max-width:1030px){
	.side-graphic{
		margin-left:-45px;
		
	}
	.side-graphic>img{
		width:180px;
		
	}
	.logo1{
		
		left:-25px;
		
		/*removed bg color and added code below for nav, navbar toggle*/
	}

}
@media only screen and (max-width:770px) and (max-height:1024px){
	.side-graphic{
		margin-left:-20px;
		
	}
	.wrapper{
		margin-left: -60px;
	}
	.logo1{
		
		left: 0px;
		
		/*removed bg color and added code below for nav, navbar toggle*/
	}
	.logo1 a>img{
		width: 150px;
		/*background: url(../images/WPN_web_logos_AS_001-tp.png) 0px 0px no-repeat;*/
	}	
	.side-graphic>img{
		width:150px;
		
	}
}
/************************************** Footer *************************************/
footer{width:100%; background:url(../images/footer-tail.gif) center top repeat-x #f7f7f7; padding:31px 0 30px;}
	.footer-menu{overflow:hidden; margin-bottom:12px;}
		.footer-menu li{
			float:left;
			font:13px/18px Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			margin-right:24px;
		}
			.footer-menu a{color:#b0b0ae;}
				.footer-menu a:hover, .footer-menu a.active{text-decoration:none; color:#5dcce8;}
	.footer-text{font:13px/18px Arial, Helvetica, sans-serif; color:#b0b0ae; text-transform:uppercase;}
		.footer-text span{display:inline-block; margin-right:12px;}
		.footer-text a{color:#5dcce8;}

/*=================================================================================*/
@media only screen and (max-width: 1024px) and (min-width:770px){
	p, .p3, .p3-1{margin-bottom:15px}
		.p4-1, .p5, .p5-1, .p6, .p6-1, .p7, .p7-1, .p8, .p8-1{margin-bottom:20px;}
		h3{margin-bottom:15px !important;}
		h6{margin-bottom:5px !important;}
	.indent-top5{padding-top:18px;}
	.indent-left6, .indent-left7{padding-left:20px;}
	.indent-bottom6-1, .indent-bottom7-1{padding-bottom:10px;}
	.img-indent5-1{margin-right:20px;}
	/*-----------------------------------------*/
	.logo1 a>img{
	width: 180px;
	
}
	.logo1 a span{font-size:13px; line-height:16px; padding:116px 0 0 15px;}
	.box .indents{padding:20px;}
	.box h3{font-size:26px; line-height:32px;}
	.box h3 span{font-size:32px; line-height:38px;}
	.col-7{width:225px;}
	
}

@media only screen and (max-width: 767px) {
	.indent-top1, .indent-top5{padding-top:0px;}
	.indent-lr{padding-left:0px; padding-right:0px;}
	.indent-right1{padding-right:0px;}
	.indent-left1, .indent-left6, .indent-left7{padding-left:0px;}
	/*-----------------------------------------*/
	header .indent-bottom{padding-bottom:20px;}
	.logo1{position:static; margin-bottom:20px;}
	.logo1 a>img{
	width: 150px;
}
	.logo1 a span{font-size: 13px; padding:0px 0 0 0px;}
	.box h3{font-size:31px; line-height:38px;}
		.box h3 span {font-size:31px; line-height:38px; display:inline;}
	.footer-menu{display:none;}
	.col-7{float:none; width:100%;}
		.col-7:first-child{margin-right:0; margin-bottom:30px;}
		.menu{
			display:none;
		}
		.wrapper{
			margin-left: 0px;
		}

}

@media only screen and (max-width: 479px) {
	.logo1 a>img{
	width: 150px;
}
	.logo1 a span{font-size:13px; line-height:16px; padding:116px 0 0 15px;}
	.footer-text span{display:block; margin-right:0;}
	/*adding code here */
	.menu{
		display:none;
	}
	.navbar-toggle{
		margin-right:10%;
		margin-top:-37%;
	}
	.wrapper{
		margin-left: 0px;
	}
	.side-graphic{
		margin-left:-15px;
		margin-bottom:2px;
		
	}
	.side-graphic>img{
		width:100%;
		
	}
	.side-floaters{
		float: bottom;
	}
}
@media only screen and (max-width: 400px) {
	.navbar-toggle{ /*here*/
		margin-right:15%;
		margin-top:-37%;
	}
	.wrapper{
		margin-left: 0px;
	}
	.logo1 a>img{
		width: 150px;
	}
	.side-graphic>img{
		width:250px;
	
		
	}
	.side-graphic{
		margin-left:0px;
		margin-bottom:2px;
		
	}

}