/* 
Contents  
HEADERSTYLES - Header
HEADERMENU - Main Menu
SIGNUPFORM - Signup Form(s)
CONTENTTOP - Content Top Region
CONTENTMID - Content Mid Region
CONTENTREGION - Content Region 
SIDEBARREGION - Sidebar Region
CONTENTBOTTOM - Content Bottom Region
FOOTERREGION - Footer Region
FOOTERSECOND - Footer Second Region
INTERIORSTYLES - Interior Styles
NEWSVIEW - News View Page
NEWSNODE - News Node Page
EVENTSVIEW - Events View Page
EVENTSNODE - Events Node Page
MEDIAVIEW - Media View Page
MEDIANODE - Media Node Page
WEBFORMSTYLES - Webform Styles



*********** Browser Specific Media Queries (remove during development) *********
** Firefox
**
@media screen and (-moz-min-device-pixel-ratio:0){

}
** Chrome and Safari
** 
@media screen and (-webkit-min-device-pixel-ratio:0) {
}

*********** Retina Targeting Media Query (remove during development) *********
** used mainly to only serve 2x images to Retina and high definition devices 
** while keeping 1x images for everything else to eliminate compatibility issues
**

 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi) {
}
*/ 

/**** LESSCSS - Less CSS ****/

@blue:#3c95da;
@red: #c32a3a;
@gold:#bf9a55;
@green: #84aa71;
@dark:#212121;
@bodyColor: #3e3e3e;
@fb:#3b5998;
@twitter:#00aced;
@instagram:#517fa4;
@youtube:#bb0000;


.font {
	font-family:'Raleway', sans-serif;
	font-size:14px;
}
.font2 {
	font-family: 'Roboto Slab', serif;
	font-size:14px;
}

.uppercase {
	text-transform:uppercase;
}
.links {
	text-decoration:none;
}

.box-sizing{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.border-radius(@radius: 5px) {
  -webkit-border-radius: @radius;
     -moz-border-radius: @radius;
          border-radius: @radius;
}

.block-header{
	background:#fff;
	padding-left: 50px;
}
.block-h2{
	.font;
	font-weight: 300;
	letter-spacing: -.025em;
	color:#000;
	height:70px;
	line-height:70px;
	margin:0;
	font-size: 26px;
	display:inline-block;


}

.block-more {

	float:right;
	position: relative;
	margin-top:25px;
	margin-right:25px;

}


.Buttons {
	.font;
	width:31%;
	margin:0 1%;
	display:inline-block;
	color:#fff;
	text-align: center;
	font-size:24px;
	text-transform:uppercase;
	height:60px;
	letter-spacing:0;
	.links;
	line-height:60px;
	.border-radius();
	.box-sizing;

}

.nodeShareButtons {
	
	height:22px;
	display:block;
	position:relative;
	float:left;
	color:#828282;
	text-decoration:none;
	text-align: center;
	line-height: 22px;
	font-size: 14px;
	.border-radius(3px);
	margin-right: 8px;
	margin-top:10px;
}

.backLink {
	.font;
	color:@red;
	font-size: 12px;
	text-transform:uppercase;
	text-decoration: none;
	font-weight: 600;
}

.crossbrowser(@color,@alpha){
  @rgba: rgba(red(@color),green(@color),blue(@color),@alpha);
  @argb: argb(@rgba);
  background-color: @color;
  background-color: @rgba;
  filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{argb}, endColorstr=@{argb})";
  -ms-filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{argb}, endColorstr=@{argb})";
}

/*** MEDIA Queries ***/

@ie8: \0screen; 

@mobile:   ~"only screen and (min-width: 0px) and (max-width: 630px)";
@tabletportrait:    ~"only screen and (min-width: 0px) and (max-width: 768px)";
@tablet:    ~"only screen and (min-width: 0px) and (max-width: 1000px)";

/**** end LESSCSS - Less CSS ****/
html {
	background:#182335;
}

body {
	margin:0;
	font-family: arial, sans-serif;

}
button,input{-webkit-appearance: none;border-radius:0;}
#page {
	position:relative;
}

.needsfilled{color:@red;}

.messages {
position: absolute;
z-index: 100;
top: 80px;
}


ul.primary {
	margin:-25px 0 5px 0;
	padding:0;
	float:right;
	border:0;

	li{

		a{
			background-color:@dark;
			color:@red;
			border:1px solid @dark;
			.font;
			font-weight:700;
			padding:5px;
			.border-radius(2px);

			&:hover{
				background-color:@dark;
				color:#fff;
				border:1px solid @dark;
				font-weight:700;

			}
		}
		&.active a{
			background-color:@dark;
			color:#fff;
			border:1px solid @dark;

		}
	}
}

.page-user {

	input{

		@media @mobile {
		width:100%;
		}

	}

	ul.primary li{

		@media @mobile{
		display:block;
		}
	}
}

/**** HEADERSTYLES - Header ****/

.front #header {
	

}
#header > .section {

	margin:0;

	position:relative;

}


#block-block-3 {
	background: fadeout(#ffffff,50%);
	.crossbrowser(#ffffff, .50);

	margin:0 auto;
	display:block;
	position: relative;
	bottom:0;
	.box-sizing;

	#headerTextWrap {
		background:url(../images/headerText_bg.jpg) no-repeat;
		background-size:cover;
		background-position:center top;
		min-height:218px;
		text-align:center;
		color:#fff;
		padding-top: 70px;
		.box-sizing;

		@media @ie8{
			min-height:140px;
		}


		#headerText1 {
			.font;
			.uppercase;
			font-weight:900; 
			font-size:32px;
			letter-spacing: .100em;
		}

		#headerText2 {
			.font2;
			.uppercase;
			font-size:16px;
			letter-spacing:.250em;
			margin-top:7px;

		}
	}
	#headerSlogan {
		.font2;
		font-size: 16px;
		line-height: 70px;
		background:@gold;
		text-align:center;
		min-height:70px;
		vertical-align: middle;
		color:#fff;
		font-weight:300;

		@media @tablet {
			line-height:24px;
			padding:18px 60px 0;
		}

		@media @mobile{
			padding-bottom:18px;
		}

		a{
			.links;
			color:#fff;
			font-weight: 700;

			&:hover{
				color:@dark;
			}
		}

	}


}

/**** end HEADERSTYLES - Header ****/

/**** HEADERMENU - Main Menu ****/
#menu {
	background:@dark;
	height:85px;
	.section {
		max-width:940px;
		margin:0 auto;

		#logo {
			float:left;
			margin-top:12px;

			@media @tablet {
				margin-left:20px;
			}
		}
	}

}

#block-superfish-1{
	float:right;
	margin: 0px;
	min-height:85px;

	@media @tablet{
		margin-right:20px;
	}

	#topDropdown {
		display:none;


		@media @tablet {
			color:@gold;
			text-align:right;
			.font;
			margin-bottom:10px;
			margin-top:5px;
			display:block;
			cursor:pointer;
		}

		#dropdownText{
			font-size:14px;
			line-height:24px;
			position: absolute;
			right: 45px;		

		}

		.fa{
			@media @tablet {
			font-size:24px;
			}
		}

	} 
	ul#superfish-1 {
		display: block;
		text-align: center;
		position: relative;

		@media @tabletportrait{
			position:fixed;
			top:0px;
			right:-250px;
			background:@dark;
			width:250px;
			height:100%;


		}

		li{
			margin:0;

			@media @tabletportrait {
				float:none;
				border-bottom:1px solid @gold;
			}
			.sf-sub-indicator{
				display:none;
			}
			ul{
				background:@gold;

				border-radius:0;
				padding:0 !important;
				margin-top:40px;

				@media @tabletportrait{
					display:none !important;
				}
				li{
					@media @ie8{
						margin:0;
					}
					a{
						.font;
						font-size:14px;
						font-weight: 600;
						color:#fff;
						height:50px;
						line-height:50px;
						margin:0;
						text-align: left;
						padding-bottom:0;
						text-transform: capitalize;


						&:hover{
							background:@dark;
						}

					}
					
					&.last a{
						color:#fff;
						border:0;
					}

				}
			}
		}

	}
}
ul#superfish-1 a{
	.font; 
	.links;
	color:#fff;
	text-transform:uppercase;
	padding:0 14px;
	margin-left:0px;
	font-weight:500;
	line-height:36px;
	margin-top:25px;

	@media @ie8 {
		padding:0 17;
	}

	@media @tablet{
		padding:0 5px;
	}

	@media @tabletportrait{
		line-height:26px;
		margin-top:5px;
	}
	
	&:hover, &.active {
	color:@blue;

	}
}
@media @tablet {
	
	ul#superfish-1 .first{
		display:none;

	}

	ul#superfish-1 ul .first {
		display:block;
	}

}

ul#superfish-1 .last a{
	color:#fff;
	border:1px solid @red;
	font-weight:700;

	&:hover{
		background:@red;

		@media @tabletportrait{
			background:transparent;
			color:@blue;
		}
	}

	@media @tabletportrait {
		border:0;
		font-weight:400;
	}

}

#menu-455-1{

	list-style-type:none;
	margin:20px 0 10px;
	display:block;

	a{
		.font;
		.uppercase;
		.links;
		color:#fff;
		border:1px solid @red;
		font-weight:700;

		&:hover{
			background:@red;

			@media @mobile {
				background:transparent;
				color:#fff;
			}
		}

		@media @tablet {
			padding:5px;
			margin:20px 0;
		}

	}
}


/**** end HEADERMENU - Main Menu ****/

/**** SIGNUPFORM - Signup Form(s) ****/
#signupForm {
	height:377px;
	padding-top:100px;
	text-align: center;
	width:380px;
	.box-sizing;
	margin-left:440px;

	h2{
		display:none;
	}

	#hpFormName {
		.font;
		font-size:27px;
		color:#272727;
		font-weight:bold;

	}
	#hpFormSlogan{
		.font;
		font-weight:300;
		font-size:44px;
		color:#090909;
		line-height:30px;
	}
	#hpFormText {
		.font;
		font-size:17px;
		font-weight:600;
		letter-spacing:.025em;
		text-transform:uppercase;
		color:#232323;
		line-height: 50px;
		margin-bottom:15px;

	}

	form{
		text-align:left;
		input{
			.font;
			.box-sizing;
			.border-radius(3px);
			height:46px;
			background:#fff;
			padding:0 12px;
			border:0;
			text-transform:uppercase;
			font-weight:600;
			font-size:15px;
			line-height:46px;

		}

		#email-address {
			width:360px;
			box-shadow:none;
			margin-bottom:10px;
		}

		#postal_code{
			width:175px;
			float:left;
		}

		#submit{
			.font;
			.crossbrowser(#458512, .75);
			padding:0;
			float:left;
			width:175px;
			margin-left:10px;
			color:#fff;
			font-size:18px;

			&:hover{
			.crossbrowser(#458512, .99);
			cursor: pointer;

			}

		}

	}

	.needsfilled {
		color:#cf1c30;

	}
}


/**** end SIGNUPFORM - Signup Form(s) ****/

/**** CONTENTTOP - Content Top Region ****/
#content-top {
	background:#eaeaea ;
	padding-bottom:48px;



	@media @mobile {
	}
	display:block;
	.box-sizing;

	.section {
		margin:0 auto;
		max-width:980px;
		position:relative;
		padding-top:45px;

		@media @tablet{
			padding:20px;
		}



		#block-views-news-block {
			position:relative;
			h2{
				position:absolute;
				top:0;
				right: 0;
				margin:0;
				padding:0;
				.font;
				font-size:12px;
				font-weight:900;
				color:#9c9ba2;
				.uppercase;
				line-height:20px;
				a{
					.links;
					color:#9c9c9c;
				}

				@media @tablet {
					position:relative;
					top:auto;
					right:auto;

				}

			}

			.views-field-field-media {
				float:left;
				margin-right:60px;

				@media @tablet {
					float:none;
					margin:0 auto;
					text-align: center;
				}

				img{

					@media @tablet{
						width:100%;
						max-width:460px;
						height:auto;
					}
				}
			}
			.views-field-created {
				.font;
				font-size:12px;
				font-weight:300;
				background:@dark;
				display:inline-block;
				color:#fff;
				padding:8px;
				.uppercase;

				.dayofweek{
					font-weight:900;
				}

				@media @tablet{
					margin-top:-5px;
				}

			}

			.views-field-title a{
				.font;
				.links;
				color:@dark;
				font-size:28px;
				line-height:34px;
				font-weight:500;
				letter-spacing:-.025em;
				margin:18px 0 12px;
				display:block;

				&:hover{
					color:@red;
				}

			}

			.views-field-body {
				.font2;
				font-size:15px;
				font-weight:300;
				line-height:26px;
				color:@dark;

			}
			.views-field-path a{
				.font;
				.links;
				.uppercase;
				font-size:12px;
				font-weight:900;
				color:@red;
				display:inline-block;
				margin-top:15px;

				&:hover{
					color:@dark;
				}

			}
		}

		#block-views-news-block-3 {
			position:relative;
			clear:both;
			h2{
				position:absolute;
				top:0;
				right: 0;
				margin:0;
				padding:0;
				.font;
				font-size:12px;
				font-weight:900;
				color:#9c9ba2;
				.uppercase;
				line-height:20px;
				a{
					.links;
					color:#9c9c9c;
				}

				@media @tablet {
					position:relative;
					top:auto;
					right:auto;

				}

			}

			.views-row{

				float: left;
				height: 330px;
				margin: 45px 10px 30px;
				max-width: 309px;
				position: relative;

				&.views-row-first{
					margin-left:0;
				}

				&.views-row-last{
					margin-right:0;
				}
				.views-field-field-media {
					float:left;

					@media @tablet {
						float:none;
						margin:0 auto;
						text-align: center;
					}

					img{

					width:100%;
						@media @tablet{
							width:100%;
							max-width:309px;
							height:auto;
						}
					}
				}
				.views-field-created {
					.font;
					font-size:12px;
					font-weight:300;
					background:@dark;
					display:inline-block;
					color:#fff;
					padding:8px;
					.uppercase;

					.dayofweek{
						font-weight:900;
					}

					@media @tablet{
						margin-top:-5px;
					}

				}

				.views-field-title a{
					.font;
					.links;
					color:@dark;
					font-size:15px;
					line-height:20px;
					font-weight:500;
					letter-spacing:-.025em;
					margin:18px 0 12px;
					display:block;

					&:hover{
						color:@red;
					}

				}

				.views-field-body {
					.font2;
					font-size:12px;
					font-weight:300;
					line-height:16px;
					color:@dark;

				}
				.views-field-path a{
					.font;
					.links;
					.uppercase;
					font-size:12px;
					font-weight:900;
					color:@red;
					display:inline-block;
					margin-top:15px;

					&:hover{
						color:@dark;
					}

				}
			}
		}

		/* Social Blocks */
		#block-block-6, #block-pgsocial-facebook{
			max-width:440px;
			float:left;
			width:50%;

			@media @tablet {
				max-width:340px;
				margin-left:20px;

			}

			@media @mobile {
				margin:0px auto;
				float:none;
				width:auto;
				padding:0 10px;
			}

			.facebookHeader {
				border:1px solid #c2c2c2;
				padding:5px 10px;
				.box-sizing;

				.fbHeaderLeft {
					float:left;
					color:#cacaca;

					#fbTitle{
						.font;
						.uppercase;
						font-weight: 900;
						font-size:12px;
						color:@dark;

					}

					a{
						.font;
						.links;
						color:@red;
						font-size:12px; 

						&:hover{
							color:@dark;
						}
					}
				}

				.fb_iframe_widget{
					float:right;
				}
			}

			.facebookContent {

				margin-top:25px;

				.fb_photo,.fb_thumb {
					float:left;
					margin-right:28px;
					width:122px;
					height:auto;

				}

				.fbInnerWrap{
					display:table;
					color:@bodyColor;
					.font2;
					font-weight:300;
					font-size:12px;
					line-height:18px;

					p{
						margin-top:-4px;
					

						a{
							color:@red;
							.links;

							&:hover{
								color:@dark;
							}

						}
					}

					.fb_date{
						.font;
						.uppercase;
						font-size:11px;
						color:#878787;

						a{
							.links;
							color:#878787;

							&:hover{
								color:@dark;
							}

						}

					}
				}
			}
		}/* end facebook block */

		#block-block-5, #block-pgsocial-twitter {
			max-width:440px;
			float:right;

			@media @tablet {
				max-width:340px;
				margin-right:20px;
			}

			@media @mobile{
				margin:20px auto;
				float:none;
				padding:0 10px;
			}

			.tweetHeader{
				padding:5px 10px;
				.box-sizing;
				border:1px solid #c2c2c2;

				#tweetHeaderLeft{
					float:left;
					color:#cacaca;

					#twitterHeaderName{
						.font;
						.uppercase;
						font-weight: 900;
						font-size:12px;
						color:@dark;

					}
					a{
						.font;
						.links;
						color:@red;
						font-size:12px; 

						&:hover{
							color:@dark;
						}
					}


				}

				.twitter-follow-button{
					float:right;
				}
			}
			.tweetText{
				color:@bodyColor;
				.font2;
				font-weight:300;
				font-size:15px;
				line-height:26px;
				margin-top:20px;

				a{
					color:@red;
					.links;


					&:hover{
						color:@dark;
					}
				}

			}
			.tweetFooter{
				.followDate{
					float:left;

					.twitterDate{
						.font;
						.uppercase;
						font-size:11px;
						color:#878787;
						font-weight: 700;
						margin-top:10px;

						a{
							.links;
							color:#878787;

							&:hover{
								color:@dark;
							}
						}

					}
				}
				.tweetActions{
					float:right;

					a{
						color:#c2c2c2;
						margin-left:10px;

						&:hover{
							color:@red;
						}
					}
				}
			}

		}/*end twitter block*/



		

	}


}


 

/**** end CONTENTTOP - Content Top Region ****/




/**** CONTENTMID - Content Mid Region ****/
#content-mid {
	background:#fff ;
	@media @mobile {
		background:#fff;
	}
	display:block;
	clear:both;

	.section {
		margin:0 auto;
		max-width:940px;
		padding:58px 0;
	
		#block-block-6, #block-pgsocial-facebook{
			max-width:440px;
			float:left;
			width:50%;

			@media @tablet {
				max-width:340px;
				margin-left:20px;

			}

			@media @mobile {
				margin:0px auto;
				float:none;
				width:auto;
				padding:0 10px;
			}

			.facebookHeader {
				border:1px solid #c2c2c2;
				padding:5px 10px;
				.box-sizing;

				.fbHeaderLeft {
					float:left;
					color:#cacaca;

					#fbTitle{
						.font;
						.uppercase;
						font-weight: 900;
						font-size:12px;
						color:@dark;

					}

					a{
						.font;
						.links;
						color:@red;
						font-size:12px; 

						&:hover{
							color:@dark;
						}
					}
				}

				.fb_iframe_widget{
					float:right;
				}
			}

			.facebookContent {

				margin-top:25px;

				.fb_photo,.fb_thumb {
					float:left;
					margin-right:28px;
					width:122px;
					height:auto;

				}

				.fbInnerWrap{
					display:table;
					color:@bodyColor;
					.font2;
					font-weight:300;
					font-size:12px;
					line-height:18px;

					p{
						margin-top:-4px;
					

						a{
							color:@red;
							.links;

							&:hover{
								color:@dark;
							}

						}
					}

					.fb_date{
						.font;
						.uppercase;
						font-size:11px;
						color:#878787;

						a{
							.links;
							color:#878787;

							&:hover{
								color:@dark;
							}

						}

					}
				}
			}
		}/* end facebook block */

		#block-block-5, #block-pgsocial-twitter {
			max-width:440px;
			float:right;

			@media @tablet {
				max-width:340px;
				margin-right:20px;
			}

			@media @mobile{
				margin:20px auto;
				float:none;
				padding:0 10px;
			}

			.tweetHeader{
				padding:5px 10px;
				.box-sizing;
				border:1px solid #c2c2c2;

				#tweetHeaderLeft{
					float:left;
					color:#cacaca;

					#twitterHeaderName{
						.font;
						.uppercase;
						font-weight: 900;
						font-size:12px;
						color:@dark;

					}
					a{
						.font;
						.links;
						color:@red;
						font-size:12px; 

						&:hover{
							color:@dark;
						}
					}


				}

				.twitter-follow-button{
					float:right;
				}
			}
			.tweetText{
				color:@bodyColor;
				.font2;
				font-weight:300;
				font-size:15px;
				line-height:26px;
				margin-top:20px;

				a{
					color:@red;
					.links;


					&:hover{
						color:@dark;
					}
				}

			}
			.tweetFooter{
				.followDate{
					float:left;

					.twitterDate{
						.font;
						.uppercase;
						font-size:11px;
						color:#878787;
						font-weight: 700;
						margin-top:10px;

						a{
							.links;
							color:#878787;

							&:hover{
								color:@dark;
							}
						}

					}
				}
				.tweetActions{
					float:right;

					a{
						color:#c2c2c2;
						margin-left:10px;

						&:hover{
							color:@red;
						}
					}
				}
			}

		}/*end twitter block*/

	}


}

/**** end CONTENTMID - Content Mid Region ****/
/**** CONTENTREGION - Content Region  ****/

.front #content {
	background:#eaeaea ;
	padding-bottom:68px;



	@media @mobile {
	}
	display:block;
	.box-sizing;
	float:none;

	.section {
		margin:0 auto;
		max-width:980px;
		position:relative;
		

		@media @tablet{
			padding:20px;
		}

		#block-views-impact-block {
			float:left;
			background:#fff;
			margin-top:25px;
			max-width:638px;
			width:100%;
			margin-right: 20px;
			display: block;
			padding:33px 30px;
			.box-sizing;
			position:relative;

			@media @ie8 {
				max-width:570px;
			}

			@media @tablet {
				float:none;
				margin:45px auto 0;

			}

			h2{
				.font;
				font-size:24px;
				.uppercase;
				float:left;
				margin:0;
				margin-left:30px;

				a{
					.links;
					color:@dark;
				}

				@media @mobile{
					margin-left:0;
				}

				.titleAccent {
					color:@gold;
					font-weight: 300;
				}
			}
			.view-header {
				float:right;
				border:1px solid #acacac;
				padding:0 10px;
				.box-sizing;

				&:hover {
					border:1px solid @red;
				}

				@media @mobile {

					float:left;
					clear:both;
					margin-top:10px;
				}

				a{
					.font;
					.links;
					font-size:12px;
					font-weight:600;
					line-height:28px;
					color:@dark;
					.uppercase;


					.impactAccent {
						color:@red;
						font-weight:900;
					}
				}

			}

			.view-content {
				clear:both;
				position:relative;
				margin:0 auto;
				padding:20px 60px 24px;

				@media @mobile {
					padding:20px 0px 40px;
				}
				
				.item-list {
					overflow: hidden;
					position: relative;
					width: 100%;

				
					ul{
						width:20000px;
						position:relative;

						li{
							margin-left:0;
							padding-bottom: 20px
						}
					}
				}
				.views-row{
					position:relative;
					list-style-type:none;
					float:left;


					.views-field-body{
						.font2;
						font-size:15px;
						font-weight:300;
						line-height:26px;
						color:@bodyColor;



					}
					.views-field-field-project-reference{
						.font;
						.uppercase;
						font-weight:900;
						font-size:12px;

						.views-label-field-project-reference{
							display:inline;
							color:#a9a8ae;
						}
						.field-content {
							display:inline-block;


							a{
								.links;
								color:@red;

								&:hover{
									color:@dark;
								}

							}
						}
					}

				}
			}
			#impactPrev {
				position:absolute;
				left:40px;
				top:50%;
				color:#d6d6d6;
				font-size:0px;
				text-indent:-9999px;
				.links;
				background:url(../images/previous_arrow.png) no-repeat;
				height:40px;
				width:22px;
				cursor:pointer;
				z-index: 10;

				&:hover{
					color:@red;
				}

				@media @mobile{
					top:auto;
					bottom:20px;
				}

			}
			#impactNext {
				position:absolute;
				right:40px;
				top:50%;
				background:url(../images/next_arrow.png) no-repeat;
				height:40px;
				width:22px;
				cursor:pointer;
				text-indent: -9999px;
				z-index: 10;

				&:hover{
					color:@red;
				}

				@media @mobile{
					top:auto;
					bottom:20px;
				}
			}


		}
		
		#block-block-1 {
			float:right;
			width:322px;
			background:#fff;
			padding:8px;
			.box-sizing;
			margin-top:25px;

			@media @tablet {
				float:none;
				display:block;
				margin:20px auto 0;
				position:relative;

			}
			@media @mobile {
				width:100%;
			}
			form {

				#email{
					background:#fff;
					border:0;
					.font;
					font-size:16px;
					color:@bodyColor;
					padding:5px 10px;
					.box-sizing;
					line-height:50px;
					width:225px;
					float:left;
					height:50px;

					@media @mobile{
						width:66%;
					}

				}
				input[name=SubmitBullsEye]{
					width:75px;
					height:50px;
					background:#4984dc;
					border:0;
					.font;
					font-size:12px;
					.uppercase;
					font-weight:900;
					line-height:50px;
					color:#fff;
					cursor:pointer;	
					float:right;
				
					&:hover{
						background:#5297ff;
					}
				}


			}
		} 

		#block-menu-menu-homepage-actions {
			float:right;
			width:322px;
			background:@dark;
			margin-top:20px;

			@media @tablet {
				float:none;
				margin:20px auto 0;
				width:100%;
			}

			.content{
				ul{
					margin:0;
					padding:0;

					li{
						list-style-type:none;
						list-style-image:none;
						height:60px;
						background:#4984dc;
						margin:0;
						padding:0;

						&.first {
							background:@gold;
						}

						&.last {
							background:@red;
						}

						a{
							color:#fff;
							.font;
							.uppercase;
							.links;
							font-size:16px;
							font-weight:900;
							line-height:60px;
							background:@dark;
							display:block;
							margin-left:7px;
							padding-left:28px;
							.box-sizing;

						}

						a:hover{
							background:#4987dc;
						}

						&.first a:hover{
							background:@gold;
						}
						&.last a:hover {
							background:@red;
						}

					}
				}
			}
		} 

		#block-block-16 {
			float:right;
			width:322px;
			background:@dark;
			margin-top:20px;

			@media @tablet {
				float:none;
				margin:20px auto 0;
				width:100%;
			}

			.content{ 

				div.actionCenter{
					margin:0;
					padding:0;

					div{
						list-style-type:none;
						list-style-image:none;
						height:60px;
						background:#4984dc;
						margin:0;
						padding:0;

						&.join{
							background:@gold;
							cursor:pointer;

							#joinForm{
								display:none;
								background:@dark;
								margin-left:7px;
								padding:5px 0 0 0px;
								.box-sizing;

								p{
									.font2;
									.uppercase;
									font-size:12px;
									color:#fff;
									margin:0 0 0 25px;
									letter-spacing: .250em


								}
								form{
									padding:10px 0;
									max-width:250px;
									.box-sizing;
									margin:0 auto 0 25px;

									input{
										.font;
										font-size:16px;
										width:100%;
										height:42px;
										line-height:42px;
										.box-sizing;
										padding:5px 10px;
										margin:7px auto;
										display:block;
										border:0;
										float:left;


									}

									input[name=postal_code]{
										float:left;
										width:175px;
									}
									input[name=SubmitBullsEye]{
										width:75px;
										height:42px;
										background:#4984dc;
										border:5px solid #fff;
										.font;
										font-size:12px;
										.uppercase;
										font-weight:900;
										line-height:24px;
										color:#fff;
										cursor:pointer;	
										float:right;
									
										&:hover{
											background:#5297ff;
										}
									}
								}
							}
						}

						&.contribute {
							background:@red;
						}
						&.volunteer {
							background:@green;
						}
						a,span{
							color:#fff;
							.font;
							.uppercase;
							.links;
							font-size:16px;
							font-weight:900;
							line-height:60px;
							background:@dark;
							display:block;
							margin-left:7px;
							padding-left:28px;
							.box-sizing;

						}

						a:hover, span:hover{
							background:#4987dc;
						}

						&.join span:hover{
							background:@gold;
						}
						&.contribute a:hover {
							background:@red;
						}
						&.volunteer a:hover {
							background:@green;
						}

					}
				}
			}
		}
	}
}
/**** END CONTENTREGION - Content Region  ****/

/**** CONTENTBOTTOM - Content Bottom Region  ****/
#content-bottom {
	background:@dark;
	@media @mobile {
		background:@dark;
	}
	display:block;

	.section {
		margin:0 auto;
		max-width: 940px;
	
		#block-block-4 {
		    background: #373737;
		    min-height: 86px;
		    top: -40px;
		    padding:18px 60px;
		    .box-sizing;
		  	z-index: 100;
		  	position:relative;

		    @media @ie8{
		    	padding-top:50px;
		    }

		    #followBlockTitle{
		    	.font;
		    	.uppercase;
		    	float:left;
		    	font-size:16px;
		    	font-weight:300;
		    	color:#ababab;
		    	line-height:50px;
		    	

		    	@media @tablet{
		    		margin-left:20px;

		    	}

		    	@media @mobile {
		    		margin-left:auto;
		    		margin-right:auto;
		    		width:215px;
		    		float:none;
		    	}

		    	.followAccent {
		    		color:#fff;
		    		font-weight:500;
		    	}


		    }

		    #followButtons {
		    	float:right;
		    	.links;
		    	color:#fff;
		    	font-size:16px;
		    	font-weight:300;
		    	line-height:50px;
		    	position:relative;

		    	@media @mobile {
		    		float:none;
		    		clear:both;
		    		max-width:255px;
		    		margin-left:auto;
		    		margin-right:auto;
		    		text-align:center;
		    	}

		    	a#youtubeFollow {
		    		float:left;
		    		color:#fff;
			    	.links;
			    	.font2;
			    	font-weight:300;
			    	font-size:16px;

		    		padding:0 20px;
			    	&:hover{
			    		background:#555555;
			    	}

			    	.fa{
			    		font-size:34px;
			    		margin-right:15px;
			    		position:relative;
			    		top:6px;

			    		@media @mobile {
			    			margin-right:0;
			    		}			    		
			    	}

			    	.fa-youtube-play{
			    		color:@red;
			    	}

			    	@media @mobile {
			    		padding:0 10px;
			    		float:none;

			    		.followText {
			    			display:none;
			    		}
			    	}
				}
		    	a#twitterFollow { 
		    		float:left;
			    	.links;
			    	.font2;
			    	color:#fff;
			    	font-weight:300;
			    	font-size:16px;

		    		border-left:1px solid #555555;
		    		border-right:1px solid #555555;
		    		padding:0 20px;
			    	
			    	&:hover{
			    		background:#555555;
			    	}
			    	.fa{
			    		margin-right:15px;
			    		font-size:34px;
			    		position:relative;
			    		top:6px;

			    		@media @mobile {
			    			margin-right:0;
			    		}
			    	}

			    	.fa-twitter{
			    		color:#00acee;
			    	}

			    	@media @mobile {
			    		padding:0 10px;
			    		float:none;

			    		.followText {
			    			display:none;
			    		}
			    	}			    	
			    }

		    	a#facebookFollow { 
		    		float:left;
			    	.links;
			    	.font2;
	    			color:#fff;
		    		padding:0 20px;
			    	font-weight:300;
			    	font-size:16px;
			    	&:hover{
			    		background:#555555;
			    	}


			    	.fa{
			    		margin-right:15px;
			    		font-size:34px;
			    		position:relative;
			    		top:6px;

			    		@media @mobile {
			    			margin-right:0;
			    		}
			    	}
			    	.fa-facebook{
			    		color:#4984dc;
			    	}

			    	@media @mobile {
			    		padding:0 10px;
			    		float:none;

			    		.followText {
			    			display:none;
			    		}
			    	}
			    }

		    }
		} /* end Social Follow Block */

		#block-views-our-work-block{
			margin-bottom:60px;
			@media @tablet {
				padding:0 40px;
			}

			h2{
				.font;
				.uppercase;
				float:left;
				color:#fff;
				font-size:24px;
				font-weight:300;
				margin:42px 0;

				a {
					.links;
					color:#fff;
				}

				.titleAccent {
					color:@gold;
				}
			}
			.view-header {
				float:right;


				a{
					.font;
					.links;
					border:1px solid @dark;
					display:block;
					font-size:12px;
					font-weight:600;
					line-height:24px;
					color:@dark;
					padding:0 20px;
					background:#fff;
					.box-sizing;
					margin:42px 0;
					.uppercase;

					&:hover{
						color:#fff;
						background:@dark;
						border:1px solid @red;
					}

					.workAccent {
						color:@red;
						font-weight:900;
					}
				}

			}
			.view-content {
				clear:both;
				@media @tablet {
					max-width:460px;
					margin:0 auto;

				}

				.views-row {
					float:left;
					margin-left:20px;
					margin-bottom:7px;
					position:relative;

					@media @tablet{
						margin-left:0;
					}


					.views-field-field-project-image {
						.worksTitle {
							display:none;
							position:absolute;
							bottom:0;
							padding:10px;

							@media @tablet {
								display:block;
								width:100%;
								.box-sizing;

								.crossbrowser(@dark,.50);

							}


							
						}
						a{
							.font;
							.links;
							font-size:13px;
							font-weight:700;
							line-height:16px;
							color:#fff;

							&:hover > .worksTitle{
								display:block;
								.crossbrowser(@dark,.50);
								width:100%;
							}

						}


						img{
							width:220px;
							height:auto;

							@media @mobile {
								width:100%;
							}


						}
					}

				} 
				.views-row-first{
					margin-left:0;
					@media @tablet {
						float: none;
					    margin: 0 auto 7px;
					    position: relative;
					    max-width: 460px;
					}

					 .views-field-field-project-image img{
						width:100%;
						height:auto;

					}

				}

				.views-row-even{

					@media @tablet {
						margin-right:20px;
					}

					@media @mobile {
						margin-right:0;
					}
				}
			}

		}/* end Our Work Block */

	}


}
/**** end CONTENTBOTTOM - Content Bottom Region  ****/

/**** SIDEBARREGION - Sidebar Region ****/
/**** end SIDEBARREGION - Sidebar Region ****/



/**** FOOTERREGION - Footer Region ****/
#footer {
	width:100%;
	background:#22334d;
	.box-sizing; 
	min-height:80px;

	.section {
		max-width:980px;
		margin:0 auto;
		clear:both;
	}



.menu {
	margin:30px 0 0;
	padding:0;
	float:left;

	@media @tablet {
		margin-left:15px;
	}

	@media @mobile {
		margin-bottom:20px;
		width:100%;
		text-align: center;
		margin-left:0;
	}
	li{

		float:left;

		@media @mobile {
			float:none;
			line-height:34px;
			margin:0;
		}

		&.leaf {
		list-style-type: none;
		list-style: none;
		padding:0;
		}

		a{
			.font;
			.links;
			color:#fff;
			text-transform:uppercase;
			padding-bottom:10px;
			margin-left:5px;
			font-weight:600;
			font-size: 11px;
			
			&:hover,&.active {
			color:@blue;

			}

			@media @tablet{
				margin-left:5px;
			}

			@media @mobile{
				margin-left:0;
			}

		}

		&.first a{
			margin-left:0;

			@media @mobile{
				margin-left:0px;
			}
		}

		&.last a {
			color:@gold;
			font-weight:700;

		}
		&.collapsed {
			list-style-image:none;
			list-style-type:none;
			padding:0;
		}
		&.expanded {
			padding:0;

			ul {
				display:none;
			}

		}
	}
}

#block-block-11 {
	float:right;

	@media @tablet{
		margin-right:20px;
	}

	@media @mobile{
		float:none;
		text-align: center;
		width: 100%;
		clear:both;
	}

	p{
		.font;
		.uppercase;
		font-size:9px;
		font-weight:700;
		margin:35px 0 20px;
		color:#fff;

	}

}


}
/**** end FOOTERREGION - Footer Region ****/

/**** FOOTERSECOND - Footer Second Region ****/
#footer-second{
	width:100%;
	background:#182335;
	.box-sizing; 
	clear:both;
	position:relative;
	padding-top:20px;
 

	.section {
		max-width:980px;
		margin: 0 auto;
		padding-bottom:20px;

		@media @tablet {
			padding:0 20px 20px;
		}

		#block-block-7{
			float:left;
			max-width:395px;

			p{
				color:#434c5a;
				.font2;
				font-size:10px;
				line-height:18px;
			}
		}

		#block-block-8{
			float:right;
			color:#fff;
			margin-top:10px;

			@media @mobile {
				float:none;
				width:100%;
				margin:10px auto;

			}

			#footerSocialButtons{
				padding-bottom:15px;

				@media @mobile {
					margin:0 auto;
					width:110px;
				}
				#youtubeFollow{
					float:right;
					margin-top:2px;
					
					a{
						color:#577ada;
						font-size:24px;
						text-decoration:none;
						
						&:hover{
							color:#fff;
						}
					}
				}
				#twitterFollow{
					float:right;
					margin:0 20px;
					
					a{
						font-size:24px;
						color:#577ada;
						text-decoration:none;
						
						&:hover{
							color:#fff;
						}
					}
				}
				#facebookFollow{
					float:right;
					
					a{
						font-size:24px;
						color:#577ada;
						text-decoration:none;
						
						&:hover{
							color:#fff;
						}
					}
					
				}
			}
			#footerAddress{
				clear:both;
				color:#fff;
				.font2;
				font-size:10px;
				line-height: 18px;
				letter-spacing:-.025em;
				text-align:right;

				@media @mobile{
					text-align:center;
				}

			}
			#privacyPolicy{
				.font2;
				.links;
				font-size:10px;
				line-height:18px;
				color:#577ada;
				float:right;

				@media @mobile {
					float:none;
					text-align:center;
					display:block;
				}	
			}

		}

		#block-block-9{
			float:right;
			margin-top:10px;
			margin-right:20px;

			@media @mobile {
				float:none;
				margin:10px auto;
				text-align:center;
			}
		}

	}



}

/**** end FOOTERSECOND - Footer Second Region ****/

#footer-pixels .section{
	margin:0;
}

/**** INTERIORSTYLES - Interior Styles ****/
body.not-front {
	background:#eaeaec;


}


.not-front {

	#header {
		background: url(../images/interior_header.png) repeat;
		height:235px;

		#menu{
			border-bottom:1px solid @gold;
		}
	}
	 #main-wrapper {
		max-width:980px;
		margin:-95px auto 0;
	}
	 #content {
		background:#fff;
		max-width:640px;
		padding:30px 40px;
		.box-sizing;
		min-height:650px;
		
		@media @ie8 {
			width:600px !important;

		}
		
		@media @tablet{
			max-width:455px;
			margin-left:20px;
		}

		@media @mobile {
			margin-left:0;

		}

		img{
			max-width:100%;
		}
	}
	h1{
		.font;
		.uppercase;
		font-size:32px;
		font-weight:900;
		color:@dark;
		margin:0;
	}

	h2 {
		.font;
		font-size:18px;
		font-weight:600;
		color:@dark;
		letter-spacing:-.025em;
		line-height: 30px;
		margin:0;
	}

	h3{
		.font;
		.uppercase;
		font-size:15px;
		font-weight:900;
		line-height:36px;

	}

	p{
		.font2;
		color:@bodyColor;
		font-weight:300;
		font-size:14px;
		line-height:24px;
		word-wrap:break-word;

	}

	ul{
		li{
			.font2;
			font-size:14px;
			font-weight:300;
			line-height:24px;
			color:@bodyColor;

		}
	}

	a{
		.links;
		color:@red;
	}

	#sidebar-second{
		width:100%;
		max-width:320px;
		@media @tablet{
			max-width:230px;
			margin-right:20px;
		}

		@media @mobile {
			display:none;
		}
		.section{
			margin:0;

			/* interior Share block */
			#block-block-13{
				height:38px;
				margin-bottom:20px;

				#sidebarShare {

					background:url(../images/sidebar_share_left.png) no-repeat ;
					
					#sidebarShareInner{
						background:url(../images/sidebar_share_right.png) no-repeat right top;
						height:38px;
					
					.shareLabel{
						.font;
						.uppercase;
						font-weight:900;
						font-size:12px;
						color:#919191;
						float:left;
						padding:12px 12px 12px 30px;
					}
					.shareWrap {
						float:right;

						.FBshare {
							.nodeShareButtons;
							margin-right:18px;
							margin-top:7px;

							&:hover {
								color:#fff;

							}
						}
						.googleShare {
							.nodeShareButtons;
							margin-right:18px;
							margin-top:7px;

							&:hover {
								color:#fff;

							}
						}
						.twitterShare {
							.nodeShareButtons;
							margin-right:18px;
							margin-top:7px;
							

							&:hover {
								color:#fff;

							}
						}
						.emailShare {
							.nodeShareButtons;
							margin-right:18px;
							margin-top:7px;

							&:hover {
								color:#fff;

							}
						}
				}
				}
			}
		}
			/* end interior Share block */

/* interior Action Menu block */
			#block-block-17 {
				width:320px;
				background:@dark;
				margin-bottom:20px;

				@media @tablet {
					max-width:230px;
				}

				.content{
				div.actionCenter{
					margin:0;
					padding:0;

					div{
						list-style-type:none;
						list-style-image:none;
						height:60px;
						background:#4984dc;
						margin:0;
						padding:0;

						&.join{
							background:@gold;
							cursor:pointer;

							#joinForm{
								display:none;
								background:@dark;
								margin-left:7px;
								padding:5px 0 0 0px;
								.box-sizing;

								p{
									.font2;
									.uppercase;
									font-size:12px;
									color:#fff;
									margin:0 0 0 25px;
									letter-spacing: .250em


								}
								form{
									padding:10px 0;
									max-width:250px;
									.box-sizing;
									margin:0 auto 0 25px;

									input{
										.font;
										font-size:16px;
										width:100%;
										height:42px;
										line-height:42px;
										.box-sizing;
										padding:5px 10px;
										margin:7px auto;
										display:block;
										border:0;
										float:left;


									}

									input[name=postal_code]{
										float:left;
										width:175px;
									}
									input[name=SubmitBullsEye]{
										width:75px;
										height:42px;
										background:#4984dc;
										border:5px solid #fff;
										.font;
										font-size:12px;
										.uppercase;
										font-weight:900;
										line-height:24px;
										color:#fff;
										cursor:pointer;	
										float:right;
									
										&:hover{
											background:#5297ff;
										}
									}
								}
							}
						}

						&.contribute {
							background:@red;
						}

						&.volunteer {
							background:@green;
						}
						a,span{
							color:#fff;
							.font;
							.uppercase;
							.links;
							font-size:16px;
							font-weight:900;
							line-height:60px;
							background:@dark;
							display:block;
							margin-left:7px;
							padding-left:28px;
							.box-sizing;

						}

						a:hover, span:hover{
							background:#4987dc;
						}

						&.join span:hover{
							background:@gold;
						}
						&.contribute a:hover {
							background:@red;
						}
						&.volunteer a:hover {
							background:@green;
						}

					}
				}
				}
			} /* end interior Action Menu Block */
	/* Interior Follow Block */ 
			#block-block-10 {
			    background: #373737;
			    min-height: 60px;
			    margin-bottom: 20px;
			    padding:4px 18px;
			    .box-sizing;

			    #followBlockTitle{
			    	.font;
			    	.uppercase;
			    	float:left;
			    	font-size:16px;
			    	font-weight:300;
			    	color:#ababab;
			    	line-height:50px;
			    	margin-left:20px;
			    	margin-top:3px;

			    	@media @tablet{
			    		margin-left:0px;
			    		float:none;
			    	}

			    	.followAccent {
			    		color:#fff;
			    		font-weight:500;
			    	}


			    }

			    #followButtons {
			    	float:right;
			    	.links;
			    	color:#fff;
			    	font-size:16px;
			    	font-weight:300;
			    	line-height:46px;
			    	position:relative;

			    	@media @tablet {
			    		float:none;
			    	}


			    	a#youtubeFollow {
			    		float:left;
			    		color:#fff;
				    	.links;
				    	.font2;
				    	font-weight:300;
				    	font-size:16px;

			    		padding:0 0px;

				    	.fa{
				    		margin-right:10px;
				    		font-size:24px;
				    		position:relative;
				    		top:6px;
				    	}

				    	.fa-youtube-play{
				    		color:#696969;
				    		&:hover{
				    			color:@red;
				    		}
				    	}
					}
			    	a#twitterFollow { 
			    		float:left;
				    	.links;
				    	.font2;
				    	color:#fff;
				    	font-weight:300;
				    	font-size:16px;

			    		padding:0 10px;
				    	
				    	.fa{
				    		margin-right:10px;
				    		font-size:22px;
				    		position:relative;
				    		top:6px;
				    	}

				    	.fa-twitter{
				    		color:#696969;
				    		&:hover{
				    			color:#00acee;
				    		}
				    	}
				    }

			    	a#facebookFollow { 
			    		float:left;
				    	.links;
				    	.font2;
		    			color:#fff;
			    		padding:0 0px;
				    	font-weight:300;
				    	font-size:16px;


				    	.fa{
				    		margin-right:15px;
				    		font-size:20px;
				    		position:relative;
				    		top:6px;
				    	}
				    	.fa-facebook{
				    		color:#696969;
				    		&:hover{
				    			color:#4984dc;
				    		}
				    	}

				    }

			    }
			} 
			/* end Social Follow Block */

			/* Events Block */
			#block-views-events-block{
				margin-bottom:20px;
				@media @tablet {
					padding:0;
				}

				h2{
					.font;
					.uppercase;
					display:inline-block;
					color:#fff;
					font-size:12px;
					font-weight:900;
					margin:0;
					background:@dark;
					line-height:30px;
					padding:0 10px;
 					
 					a {
 						.links;
 						color:#fff;
 					}
					.titleAccent {
						color:@gold;
						font-weight:400;
					}
				}
				.view-header {
					float:right;
					border:1px solid @dark;
					padding:0 20px;
					background:#fff;
					.box-sizing;
					margin:42px 0;

					a{
						.font;
						.links;
						font-size:12px;
						font-weight:600;
						line-height:24px;
						color:@dark;
						.uppercase;


						.workAccent {
							color:@red;
							font-weight:900;
						}
					}

				}
				.view-content {
					clear:both;
					background:#fff;

					.views-row {
						margin:0 10px;
						position:relative;

						.views-field-nothing-1 {
							.font;
							font-size:12px;
							font-weight:300;
							display:block;
							color:#c4c4c4;
							padding:8px 8px 8px 0;
							.uppercase;

							.eventDate{
								font-weight:900;
								color:@dark;

							}

							.eventMonth {
								color:@dark;
							}


						}


						.views-field-title{
							.font;
							font-size:14px;
							border-top:1px solid #e3e3e3;
							padding:10px 0;
						}
						.allEvents {
							position:relative;
							float:right;

						}



					} 

				}

			}/* end Events Block */
			/* Interior Blog Block */

			#block-views-news-block-2 {
				max-width:940px;
				margin:0 auto;

				.views-row {
					float:left;
					margin-left:20px;

					&.views-row-first {
						margin-left:0;
					}


					.views-field-created {
						.font;
						font-size:12px;
						font-weight:300;
						background:@dark;
						display:inline-block;
						color:#fff;
						padding:8px;
						.uppercase;

						.blogAccent{
							color:@gold;
						}

						.dayofweek{
							font-weight:900;
						}


					}

					.views-field-title {

						img {
							width:100%;
							height: auto;
							margin-bottom:10px;
						}

						a{
							.font;
							.links;
							color:@dark;
							font-size:13px;
							font-weight:700;
							line-height:20px;

							&:hover {
								color:@red;
							}
						}
					}


				}

			}/* end interior blog Block */

		}
	}

	#content-bottom{
		background:@dark;
		margin-top:100px;

		.section{
			padding-top:0;
			max-width:980px;

			@media @mobile {
				padding-bottom:0px;
			}

			#block-block-12, #block-pgsocial-twitter-alt{
				float:left;
				width:520px;

				@media @tablet{
					width:320px;
					padding-left:20px;
					.box-sizing;
				}
				@media @mobile {
					float:none;
					margin:10px auto;
					clear:both;
					padding-right:20px;
					width:100%;

				}

				.tweetHeader {
					top:-25px;
					background:@dark;
					display:inline-block;
					color:#fff;
					.font;
					.uppercase;
					font-weight:900;
					font-size:12px;
					padding:7px 10px 8px;
					position:relative;
					
					
					a{
						color:#fff;
					}

					.tweetAccent {
						color:@gold;
						font-weight:400;
					}
				}

				.tweetText {
					.font2;
					font-size:22px;
					font-weight:300;
					line-height:34px;
					color:#797979;

					@media @tablet{
						top:-25px;
						position:relative;
					}

				}
				.tweetFooter{
					margin:20px 0;
					.followDate{
						float:left;

						.twitterDate{
							.font;
							font-size:11px;
							color:#fff;

							a{
								color:#fff;
							
							&:hover{
								color:@red;
							}

							}


						}
					}
					.tweetActions{
						float:right;

						a{
							color:#878787;
							margin-left:10px;
							font-size:12px;

							&:hover{
								color:@red;
							}
						}
					}
				}
 
			}
			#block-views-our-work-block-1{
				margin-bottom:-10px;
				float:right;
				
				position:relative;
				max-width: 320px;
				@media @tablet {
					padding:0 0px;
				}

				@media @mobile {
					float:none;
					margin:10px auto;
					clear:both;
					padding:0 20px;
				}

				h2{
					.font;
					.uppercase;
					float:left;
					color:#fff;
					font-size:12px;
					font-weight:900;
					top:-25px;
					position:relative;
					background:@dark;
					padding:7px 10px 8px;
					margin:0;
					line-height:12px;

					a{
						color:#fff;
					}

					.titleAccent {
						color:@gold;
						font-weight:400;
					}
				}
				.view-header {
					float:right;
					border:1px solid @dark;
					padding:0 20px;
					background:#fff;
					.box-sizing;
					margin:42px 0;

					a{
						.font;
						.links;
						font-size:12px;
						font-weight:600;
						line-height:24px;
						color:@dark;
						.uppercase;


						.workAccent {
							color:@red;
							font-weight:900;
						}
					}

				}
				.view-content {
					clear:both;
					position:relative;
					top:-27px;
					@media @tablet {
						max-width:320px;
						margin:0 auto;

					}

					.views-row {
						float:left;
						margin-left:20px;
						margin-bottom:7px;
						position:relative;

						@media @tablet{
							margin-left:0;
						}


						.views-field-field-project-image {
							.worksTitle {
								display:none;
								position:absolute;
								bottom:0;
								padding:10px;

								@media @tablet {
									display:block;
									width:100%;
									.box-sizing;

									.crossbrowser(@dark,.50);

								}


								
							}
							a{
								.font;
								.links;
								font-size:13px;
								font-weight:700;
								line-height:16px;
								color:#fff;

								&:hover > .worksTitle{
									display:block;
								}

							}


							img{
								width:220px;
								height:auto;

								@media @mobile {
									width:100%;
								}


							}
						}

					} 
					.views-row-first{
						margin-left:0;
						@media @tablet {
							float: none;
						    margin: 0 auto 7px;
						    position: relative;
						    max-width: 460px;
						}

						 .views-field-field-project-image img{
							width:100%;
							height:auto;

						}

					}

					.views-row-even{

						@media @tablet {
							margin-right:20px;
						}

						@media @mobile {
							margin-right:0;
						}
					}
				}

			}/* end Our Work Block */

		}

	}

}

/**** end INTERIORSTYLES - Interior Styles ****/


/**** OURWORKVIEW - Our Work View Page ****/
body.not-front.page-our-work{
	
	background: url(../images/interior_header.png) repeat;

	#header {
		height:86px;
	}
	#main-wrapper{
		margin-top:0px;
	}
	#content {
		max-width: 100%;
		background:transparent;
		padding:0;
		.section{
			max-width: 980px;

			@media @ie8 {
				width:980px !important;
			}
		}
			h1{
				.font;
				.uppercase;
				color:#fff;
				font-size:32px;
				font-weight:900;
				margin:42px auto 14px;
				text-align: center;

			}
			.view-header {
				.font;
				font-size:12px;
				color:#9a9a9a;
				padding:0 20px;
				.box-sizing;
				margin:0px 0 42px;
				text-align: center;


				a{
					.font;
					.links;
					font-size:12px;
					font-weight:600;
					line-height:24px;
					color:@dark;
					.uppercase;


					.workAccent {
						color:@red;
						font-weight:900;
					}
				}

			}
			.view-content {
				clear:both;
				@media @tablet {
					max-width:640px;
					margin:0 auto;

				}


				.views-row {
					float:left;
					margin:5px;
					position:relative;
					max-height: 190px;
					border:5px solid #fff;

					@media @tablet{
						margin-left:0;
					}

					@media @mobile {
						margin:0 auto;
						max-width:320px;
						float:none;

					}

					@media @ie8{
						height:180px;
						width:320px;
					}


					.views-field-field-project-image {

						.worksTitle {
							display:none;
							position:absolute;
							bottom:0;
							padding:10px;
							.box-sizing;

							@media @tablet {
								display:block;
								width:100%;
								.box-sizing;

								.crossbrowser(@dark,.50);

							}


							
						}
						a{
							.font;
							.links;
							font-size:13px;
							font-weight:700;
							line-height:16px;
							color:#fff;

							&:hover > .worksTitle{
								display:block;
								background:url(../images/shadow_repeat.png) repeat-x ;
								width:100%;

							}

						}


						img{
							width:300px;
							height:auto;

							@media @mobile {
								width:100%;
							}


						}
					}

				} 

			}


	}
	#content-bottom .section{
		padding:0;



	}
}




/**** end OURWORKVIEW - Our Work View Page ****/

/**** OURWORKNODE- Our Work Node Page ****/
body.not-front.node-type-our-work{
	


	#content {
		background:transparent;
		padding:0;

		.section{
		}
			h1{
				.font;
				.uppercase;
				color:#fff;
				font-size:32px;
				font-weight:900;
				margin:0px 40px 20px;

			}

			.region-content {
				clear:both;
				background:#fff;
				padding:0 40px 30px;
				@media @tablet {
					margin:0 auto;
					padding:0;

				}

				#mainWrap {

					#largeImage{

						margin-left:-40px;
						margin-bottom:20px;

						@media @tablet {
							margin-left:0;
						}

						img {

							@media @tablet {
								width:100%;
								height:auto;
							}

						}							
					}

					#nodeTitle {
						.font;
						font-size:32px;
						font-weight:900;
						color:@bodyColor;
						line-height:39px;

						@media @tablet {
							margin-left:30px;
							margin-top:10px;
						}

					}
					#socialShareWrap {

						@media @tablet {
							margin-left:30px;
						}

						.FBshare {
							.nodeShareButtons;
							color:#c2c2c2;
							margin-right:18px;
							margin-top:7px;

							&:hover {
								color:@dark;

							}
						}
						.googleShare {
							.nodeShareButtons;
							color:#c2c2c2;
							margin-right:18px;
							margin-top:7px;

							&:hover {
								color:@dark;

							}
						}
						.twitterShare {
							.nodeShareButtons;
							color:#c2c2c2;
							margin-right:18px;
							margin-top:7px;
							

							&:hover {
								color:@dark;

							}
						}
						.emailShare {
							.nodeShareButtons;
							color:#c2c2c2;
							margin-right:18px;
							margin-top:7px;

							&:hover {
								color:@dark;

							}
						}
					}

					#mainText {
						clear:both;
						margin-bottom:20px;

						@media @tablet {
							padding:0 30px;
						}

					}

				}

				#backLink{
					position:relative;
					margin:20px 0;

					@media @tablet {
						margin-left:30px;
						padding-bottom:30px;
					}

					a{
						.backLink;

					}
				}


			}


	}

	#sidebar-second {
		
		@media @mobile {
			display:none;
		}

	}
}

/**** OURWORKNODE - Our Work Node Page ****/

/**** NEWSVIEW - News View Page ****/


body.not-front.page-posts{
	
	background: #fff;

	#header {
	}
	#main-wrapper{
		margin-top:-120px;
	}
	#content {
		max-width: 100%;
		background:transparent;
		padding:0;

		@media @mobile {
			margin-left:0;
		}

		@media @ie8{
			width:980px !important;
		}
		.section{
			max-width: 980px;
		}
			h1{
				.font;
				.uppercase;
				color:#fff;
				font-size:32px;
				font-weight:900;
				margin:0 0 20px;
				text-align: center;

			}
			#sortWrap {
				
				text-align:center;
				clear:both;
				margin-bottom:20px;
				margin-top:-5px;
				color:#999;


				a{
					.font;
					font-size: 12px;
					font-weight:300;
					text-transform:uppercase;
					text-decoration:none;
					color:#fff;
					display:inline-block;
					padding:0 5px; 
					margin:0 10px;


					&:hover, &.current{
						background:@red;

					}

					&.current {
						font-weight:700;
					}
				}
			}
			.view-header {
				.font;
				font-size:12px;
				color:#9a9a9a;
				padding:0 20px;
				.box-sizing;
				margin:0px 0 42px;
				text-align: center;


				a{
					.font;
					.links;
					font-size:12px;
					font-weight:600;
					line-height:24px;
					color:@dark;
					.uppercase;


					.workAccent {
						color:@red;
						font-weight:900;
					}
				}

			}
			.view-content {
				clear:both;
				padding-top:35px;
				margin-bottom:30px;
				@media @tablet {
					max-width:640px;
					margin:0 auto;

				}

				@media @mobile{
					max-width:320px;
				}


				.views-row {
					float:left;
					margin:5px 5px 10px 0;
					position:relative;
					height:330px;
					max-width:315px;

					@media @tablet{
						margin-left:0;
					}

					.views-field-created {
						.font;
						font-size:12px;
						font-weight:300;
						background:@dark;
						display:inline-block;
						color:#fff;
						padding:8px;
						.uppercase;

						.blogAccent{
							color:@gold;
						}

						.dayofweek{
							font-weight:900;
						}


					}

					.views-field-title {

						width:315px;

						img {
							width:100%;
							height: auto;
							margin-bottom:10px;


						}

						a{
							.font;
							.links;
							color:@bodyColor;
							font-size:15px;
							font-weight:900;
							line-height:20px;

							&:hover {
								color:@red;
							}

							.titleText{
							padding:0 40px;
							display:table;

							}
						}
					}
					.views-field-field-media{
						margin-bottom:10px;

					}
					.shareWrap {
						padding-left:40px;

						.FBshare {
							.nodeShareButtons;
							color:#c2c2c2;
							margin-right:18px;
							margin-top:7px;

							&:hover {
								color:@dark;

							}
						}
						.googleShare {
							.nodeShareButtons;
							color:#c2c2c2;
							margin-right:18px;
							margin-top:7px;

							&:hover {
								color:@dark;

							}
						}
						.twitterShare {
							.nodeShareButtons;
							color:#c2c2c2;
							margin-right:18px;
							margin-top:7px;
							

							&:hover {
								color:@dark;

							}
						}
						.emailShare {
							.nodeShareButtons;
							color:#c2c2c2;
							margin-right:18px;
							margin-top:7px;

							&:hover {
								color:@dark;

							}
						}
					}
					.views-field-nothing{
						padding-bottom:30px;

					}
				} 

			}

			.pager {
				.font;
				border:1px solid #c2c2c2;
				padding:5px;
				max-width:875px;
				margin:0 auto;
				position:relative;
				font-size:12px;

				@media @tablet {
					max-width: 80%;
				}

				@media @mobile {
					margin:0px auto;
				}

				.pager-ellipsis{
					display:none;
				}

				li{
				 	padding:0 10px 0 12px;
					margin:0;

				}

				.pager-item, .pager-current{
					border-left:1px solid #c3c3c3;
				}
				.pager-current , a:hover{
					color:#929292;


				}

				.pager-first, .pager-last{
					display:none;
				}
				.pager-item, .pager-current, .pager-ellipsis {

					@media @mobile{
						display:none;
					}
				}
				.pager-previous{
					position:absolute;
					left:0;
					top:5px;
					margin:0;

					
					a{
						.uppercase;
						.font;
						font-size:12px;
						font-weight:600;

					}
				}
				.pager-next{
					position:relative;
					right:0;
					top:0;
					margin:0;
					a{
						.uppercase;
						.font;
						font-size:12px;
						font-weight:600;
						float:right;

					}
				}
			}


	}
	#content-bottom .section{
		padding:0;



	}







}


/**** end NEWSVIEW - News View Page ****/

/**** NEWSNODE - News Node Page ****/
body.not-front.node-type-news{
	


	#content {
		background:transparent;
		padding:0;

		.section{
		}
			h1{
				.font;
				.uppercase;
				color:#fff;
				font-size:32px;
				font-weight:900;
				margin:0px 40px 20px;

			}

			.region-content {
				clear:both;
				background:#fff;
				padding:0 40px 30px;
				@media @tablet {
					//max-width:460px;
					margin:0 auto;
					padding:0;

				}

				#mainWrap {

					#largeImage{
						max-height:360px;
						margin-left:-40px;

						@media @tablet {
							margin-left:0;
							margin-bottom:10px;
						}

						@media @ie8 {
							margin-left:0;
						}

						img {
							width:auto;
							max-width:640px;
							@media @tablet {
								width:100%;
								height:auto;
							}

						}	
					}
					
					#postDate {
						.font;
						font-size:12px;
						font-weight:300;
						background:@dark;
						display:inline-block;
						color:#fff;
						padding:8px;
						.uppercase;

						.blogAccent{
							color:@gold;
						}

						.dayofweek{
							font-weight:900;
						}


					}

					#nodeTitle {
						.font;
						font-size:32px;
						font-weight:900;
						color:@bodyColor;
						line-height:39px;
						margin-top:15px;

						@media @tablet {
							margin-left:30px;
							margin-top:10px;
						}

					}
					#socialShareWrap {
						margin-bottom: 20px;

						@media @tablet {
							margin-left:30px;
						}

						.FBshare {
							.nodeShareButtons;
							color:#c2c2c2;
							margin-right:18px;
							margin-top:7px;

							&:hover {
								color:@dark;

							}
						}
						.googleShare {
							.nodeShareButtons;
							color:#c2c2c2;
							margin-right:18px;
							margin-top:7px;

							&:hover {
								color:@dark;

							}
						}
						.twitterShare {
							.nodeShareButtons;
							color:#c2c2c2;
							margin-right:18px;
							margin-top:7px;
							

							&:hover {
								color:@dark;

							}
						}
						.emailShare {
							.nodeShareButtons;
							color:#c2c2c2;
							margin-right:18px;
							margin-top:7px;

							&:hover {
								color:@dark;

							}
						}
					}

					#mainText {
						clear:both;
						margin-bottom:20px;
						
						@media @tablet {
							padding:0 30px 30px;
						}

					}

				}

				#backLink{
					position:relative;
					margin:10px 0;

					@media @tablet{
						margin-left:30px;
						padding-bottom:30px;
					}

					a{
						.backLink;

					}
				}


			}


	}
}

/**** end NEWSNODE - News Node Page ****/



/**** EVENTSVIEW - Events View Page ****/
.page-events{

	#content{
		min-height:600px;

		.view-events{
			.font;

			.views-row{
				border-bottom:1px solid #e3e3e3;
				padding:20px 0;

				.views-field-field-event-date-3 {
					font-size:12px;
					color:@dark;
					.uppercase;

					.eventDay{
						font-weight:900;

						

					}

					.arrow{
						float:right;
						color:@red;
						font-size:14px;
					}

					.bar {
						color:#c4c4c4;
					}
				}
				.views-field-title {
					font-size:18px;
					line-height: 26px;
					font-weight:600;
					margin-top:5px;

					&:hover{
						color:@dark;
					}

				}
			}

			.views-row-last {
				border:0;
				padding-bottom:0;
			}	

		}
	}

}


/**** end EVENTSVIEW - Events View Page ****/

/**** EVENTSNODE - Events Node Page ****/
.node-type-events {

	.region-content {

		#dateWrap{
			.font;
			.uppercase;
			color:#c4c4c4;
			font-size:12px;
			line-height:14px;
			margin-top:15px;


			#dayName{
			color:@dark;
			font-weight:900;

			}

			#fullDate {
			color:@dark;
			font-size:14px;

			}
		}

		#nodeTitle {
			.font;
			color:@bodyColor;
			font-size:18px;
			line-height:26px;
			letter-spacing:-.025em;
			font-weight:600;
			margin:10px 0;

		}
		#socialShareWrap {

			@media @tablet {
				margin-left:0px;
			}

			.FBshare {
				.nodeShareButtons;
				color:#c2c2c2;
				margin-right:18px;
				margin-top:7px;

				&:hover {
					color:@dark;

				}
			}
			.googleShare {
				.nodeShareButtons;
				color:#c2c2c2;
				margin-right:18px;
				margin-top:7px;

				&:hover {
					color:@dark;

				}
			}
			.twitterShare {
				.nodeShareButtons;
				color:#c2c2c2;
				margin-right:18px;
				margin-top:7px;
				

				&:hover {
					color:@dark;

				}
			}
			.emailShare {
				.nodeShareButtons;
				color:#c2c2c2;
				margin-right:18px;
				margin-top:7px;

				&:hover {
					color:@dark;

				}
			}
		}
		#timeWrap{
			.font;
			.uppercase;
			color:#c4c4c4;
			font-size:14px;
			line-height:14px;
			margin:10px 0 0;

			#timeLabel{
				color:#9a9a9a;
				font-size:12px;
				font-weight:900;
			}

			#time {
				color:@dark;
				text-transform: lowercase;
			}
			#timezone {
				.uppercase;
				color:@dark;
			}
		}

		#addressWrap {
			.font;
			margin:10px 0;

		}

		#rsvpLink {
			.font;
			.uppercase;
			font-size:12px;
			font-weight:900;
			margin:10px 0;

		}

		#backLink{
			position:relative;
			margin-top:20px;

			@media @tablet{
				margin-left:30px;
				padding-bottom:30px;
			}

			a{
				.backLink;

			}
		}
	}

}

/**** end EVENTSNODE - Events Node Page ****/

/**** IMPACTVIEW - Impact View Page ****/
.page-impact {
	#content{
		.view-header {
			.font;
			font-size:18px;
			color:#777777;
			letter-spacing:-.025em;
			font-weight:600;
			margin:20px 0 10px;
		}
		.views-row {
			border-bottom:1px solid #e3e3e3;
			padding-bottom:30px;
			.views-field-field-project-reference{
				.font;
				.uppercase;
				font-weight:900;
				font-size:12px;
				color:#a9a9a9;
				margin-top:20px;


				a{
					.links;
					color:@red;
				}
			}
		}

		.views-row-last {
			border:0;
		}
	}
}

/**** end IMPACTVIEW - Impact View Page ****/

/**** EXPOSELIESVIEW - Expose the Lies View Page ****/
.page-expose-the-lies {

	#content{
		.view-header {
			.font;
			font-size:18px;
			color:#777777;
			letter-spacing:-.025em;
			font-weight:600;
			margin:10px 0;
		}
		.views-row {
			padding-top:30px;

			.views-field-title{
				.font;
				font-weight:900;
				font-size:15px;
				line-height:24px;
			}

		}

		.views-row-last {
			border:0;
		}
	}
}

/**** end EXPOSELIESVIEW - Expose the Lies View Page ****/



/**** WEBFORMSTYLES - Webform Styles ****/
.node-type-webform #content .form-item,.node-type-webform #content .form-actions{
	width:47%;
	float:left;
	margin-left:2%;
	margin-top:0;
	.font;
	font-weight:300;

	@media @mobile {
		width:100%;
		margin-left:0;
	}
}
.node-type-webform #content .webform-component-checkboxes .form-item {
	width:100%;
}
.node-type-webform #content .webform-component-checkboxes .form-item input{
	float:none;
	width:auto;
	-webkit-appearance: checkbox;
	height:20px;
	margin:0;
}
.node-type-webform #content .form-item label{
	font-weight:600;
	color:#585857;
	padding:5px 10px;
}

.node-type-webform #content #webform-component-message-subject{
	width:96%;
}
.node-type-webform #content .form-item.webform-component-checkboxes label{
	background:none;
	color:#585857;
	
}
.node-type-webform #content .form-item.webform-component-checkboxes label[for=edit-submitted-checkboxes]{
	background:#585857;
	color:#fff;

}
.node-type-webform #content .form-item.webform-component-checkboxes {
	border:0px solid #2A295E;
	clear:both;
	width:96%;

}

.node-type-webform #content .form-item input, .node-type-webform #content .form-item select {
	.font;
	width:100%;
	float:left;
	border:1px solid #d2d2d2;
	height:40px;
    line-height: 40px;
	padding:5px 10px;

    font-size: 16px;
    color: #8C8C8C;
    font-weight: 600;
    box-sizing: border-box;
    border-radius: 3px;
	
}
.node-type-webform #content .form-item input:focus{
	border:1px solid @gold;
	outline:0;
	
}

.node-type-webform #content .form-item#webform-component-zip-code, .node-type-webform #content .form-actions {
	clear:both;
}
.node-type-webform #content .webform-component-textarea {
	clear:both;
	width:96%;
	border:0px solid #2A295E;
}
.node-type-webform #content .webform-component-textarea textarea:focus {
	outline:0;


}

.node-type-webform #content  .form-actions #edit-submit {
	background:#4984DC;
    border: 0 none;
    color: #fff;
    font-size: 25px;
    font-weight:400;
    width: 100%;
	height:60px;
	line-height:60px;
	margin-top:5px;
	margin-left:-2px;
	cursor:pointer;
	-webkit-appearance:none;
	text-transform: uppercase;
	font-family: 'Open Sans',sans-serif;
 }
.node-type-webform #content  .form-actions #edit-submit:hover {
	background:#5297ff;
 }

/**** end WEBFORMSTYLES - Webform Styles ****/

@import "landing-page.less";