@import "font-awesome.less";

/* Global Settings */

@global-background : #eee;
@global-font: Helvetica,Roboto,sans-serif;
@global-font-size: 14px;

/* Header Settings */

@header-background : #fff;
@header-image : "../img/header-bg_small.png";

/* Contact Area Settings */

@contact-gradient-start : #003366;
@contact-gradient-end : #003380;

/* Home Navigation Settings */

@home-nav-font-color : #071c31;
@home-nav-backcolor : #fff;
@home-nav-font: "futura-pt";

/* Content Area Settings */

@content-background : #ffffff;
@content-heading-color : #000;
@content-heading-font : "";
@content-font-color : #071c31;
@content-link-active : #a48200;
@content-link-visited : #a48200;

/* Footer Settings */

@footer-background-color : #036;
@footer-font-color : #ffffff;
@footer-link-color : #ffffff;

/*Mixins*/

.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {
  background: @color;
  background: -webkit-gradient(linear,
                               left bottom,
                               left top,
                               color-stop(0, @start),
                               color-stop(1, @stop));
  background: -ms-linear-gradient(bottom,
                                  @start,
                                  @stop);
  background: -moz-linear-gradient(center bottom,
                                   @start 0%,
                                   @stop 100%);
}

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

*{
	margin: 0;
	padding: 0;
}
img{
	display: block;
}
a{
	text-decoration: none;
}
ul{
	list-style: none;
}
body{
	background: @global-background;
	font-family: @global-font;
	font-size: @global-font-size;
	line-height: 20px;
	min-width: 320px;
}
#wrap{
	position: relative;
	width: 100%;
}
	#header{
		background: @header-background url("@{header-image}") top center no-repeat; 
		height: 80px;
		width: 100%;
	}
	#contact{
		-webkit-box-sizing: border-box;
		-webkit-column-count: 3;
		-webkit-column-gap: 20px;
		font-family: "Helvetica Neue",Helvetica,sans-serif;
		margin: 20px 20px 0px 20px;
		padding: 0px;
		height: 80px;
		width: auto;
	}
		#phone{
			.gradient(@contact-gradient-start,@contact-gradient-start,@contact-gradient-end);
			.rounded(4px);
			color: #ffffff;
			font-size: 15px;
			font-weight: 700;
			line-height: 20px;
			height: 80px;
			padding: 20px 0 0 0;
			text-align: center;
			width: auto;
			border: 1px solid #4c2106;background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
			border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
			border-bottom-color: #62708a;
			-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
			-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
			box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		}
			#phone i {
			font-size: 45px;	
			}

		#ngage{
			.gradient(@contact-gradient-start,@contact-gradient-start,@contact-gradient-end);
			.rounded(4px);
			color: #ffffff;
			font-size: 15px;
			font-weight: 700;
			height: 80px;
			line-height: 20px;
			padding: 20px 0 0 0;
			text-align: center;
			width: auto;
			border: 1px solid #4c2106;background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
			border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
			border-bottom-color: #62708a;
			-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
			-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
			box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		}
			#ngage i {
			font-size: 45px;	
			}

		#map{
			.gradient(@contact-gradient-start,@contact-gradient-start,@contact-gradient-end);
			.rounded(4px);
			color: #ffffff;
			font-size: 15px;
			font-weight: 700;
			height: 80px;
			line-height: 20px;
			padding: 20px 0 0 0;
			text-align: center;
			width: auto;
			border: 1px solid #4c2106;background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
			border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
			border-bottom-color: #62708a;
			-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
			-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
			box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		}
			#map i {
			font-size: 45px;	
			}
	#home-nav{
		-webkit-box-sizing: border-box;
		color: @home-nav-font-color;
		margin: 20px 20px 0px 20px;
		width: auto;
		font-weight: bold;
	}
		#home-nav a{
			color: @home-nav-font-color;
			display: block;
			height: 100%;
			width: 100%;
		}
			#home-nav a:visited{
				color: @home-nav-font-color;
			}
		#home-nav li{
			.rounded(5px);
			background: @home-nav-backcolor;
			font-family: @home-nav-font;
			font-size: 16px;
			line-height: 40px;
			margin: 0 0 10px 0;
			padding: 0 20px;
			width: auto;
		}
		div.show-home-content{
			.rounded(4px);
			background: @home-nav-backcolor;
			color: @home-nav-font-color;
			font-family: @home-nav-font;
			font-size: 16px;
			line-height: 40px;
			margin: 20px 20px -10px 20px;
			padding: 0 20px;
			width: auto;
			font-weight: bold;
		}
		div.hide-home-content{
			.rounded(4px);
			background: @home-nav-backcolor;
			color: @home-nav-font-color;
			display: none;
			font-family: @home-nav-font;
			font-size: 16px;
			line-height: 40px;
			margin: 10px 20px -10px 20px;
			padding: 0 20px;
			width: auto;
			font-weight: bold;
		}
		div.home-content{
			display: none;
		}
	#nav{
		.rounded(4px);
		-webkit-box-sizing: border-box;
		background: @home-nav-backcolor;
		margin: 20px 20px 0px 20px;
		padding: 0 10px;
		width: auto;
	}
		.navigation-show-hide{
			color: @home-nav-font-color;
			font-family: @home-nav-font;
			font-size: 18px;
			height: 40px;
			line-height: 40px;
			font-weight: bold;
		}
		.show-navigation{
			width: 100%;
		}
			.show-navigation i{
				float:right;
			}
		.hide-navigation{
			display: none;
			width: 100%;
		}
			.hide-navigation i{
				float:right;
			}
			
		.navigation-links{
			display: none;
		}
			.navigation-links li{
				border-bottom: 1px solid #162c40;
				line-height: 40px;
			}
				.navigation-links li:last-child{
					border-bottom: none;
				}
			.navigation-links li a{
				color: @home-nav-font-color;
				font-family: @home-nav-font;
				font-size: 18px;
				height: 100%;
				width: 100%;
				font-weight: bold;
			}
				.navigation-links li a:visited{
					color: @home-nav-font-color;
				}
	#content{
		.rounded(4px);
			-webkit-box-sizing: border-box;
		background: @content-background;
		margin: 20px 20px 0px 20px;
		padding: 10px;
		width: auto;
	}
		#content h1{
			color: @content-heading-color;
			font-family: @content-heading-font;
			font-size: 24px;
			font-weight: normal;
			line-height: 30px;
			margin: 0 0 20px 0;
		}
		#content h2{
			color: @content-heading-color;
			font-family: @content-heading-font;
			font-size: 18px;
			font-weight: normal;
			line-height: 25px;
			margin: 0 0 15px 0;
		}
		#content p:last-child{
			margin: 0;
		}
		#content ul{
			margin: 0 0 20px 0;
		}
			#content ul li{
				list-style: square;
				margin: 0 0 0 20px;
			}
				#content a{
					color: @content-link-active;
					text-decoration: underline;
				}
					#content a:visited{
						color: @content-link-visited;
					}
				#content p{
					font-size: 14px;
					line-height: 20px;
					margin: 0 0 20px 0;
				}
		#main-contact{}
			#main-contact ul li{
				list-style: none;
				margin: 0;
			}
			#main-contact label{
				display: block;
			}
	#social{
		color: #ffffff;
		height: 32px;
		width: auto;
		margin: 20px 20px 20px 20px;
	}
		.social-icon i{
			margin-top:3px;
		}
		.social-icon {
			float:right;
			margin-left:5px;
			border-color: #ccc;
			display: inline-block;
			padding: 4px 10px 4px;
			margin-bottom: 0;
			font-size: 25px;
			max-width : 20px;
			min-width : 20px;
			line-height: 20px;
			color: #ffffff;
			text-align: center;
			vertical-align: middle;
			background-color: #f5f5f5;	
			border: 1px solid #cccccc;background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
			background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
			background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
			background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
			background-image: linear-gradient(top, #ffffff, #e6e6e6);
			background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
			background-repeat: repeat-x;
			border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
			border-bottom-color: #b3b3b3;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
			filter: progid:dximagetransform.microsoft.gradient(enabled=false);
			-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
			-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
			box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
			}

			.facebook {
				  background-color: #3b5998;
				  *background-color: #3b5998;
				  background-image: -ms-linear-gradient(top, #3b5998, #3b5998);
				  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3b5998), to(#3b5998));
				  background-image: -webkit-linear-gradient(top, #3b5998, #3b5998);
				  background-image: -o-linear-gradient(top, #3b5998, #3b5998);
				  background-image: -moz-linear-gradient(top, #3b5998, #3b5998);
				  background-image: linear-gradient(top, #3b5998, #3b5998);
				  background-repeat: repeat-x;
				  border-color: #0055cc #0055cc #003580;
				  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
				  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#3b5998', endColorstr='#3b5998', GradientType=0);
				  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
				}

			.twitter {
				  background-color: #60D7FF;
				  *background-color: #60D7FF;
				  background-image: -ms-linear-gradient(top, #60D7FF, #60D7FF);
				  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#60D7FF), to(#60D7FF));
				  background-image: -webkit-linear-gradient(top, #60D7FF, #60D7FF);
				  background-image: -o-linear-gradient(top, #60D7FF, #60D7FF);
				  background-image: -moz-linear-gradient(top, #60D7FF, #60D7FF);
				  background-image: linear-gradient(top, #60D7FF, #60D7FF);
				  background-repeat: repeat-x;
				  border-color: #0055cc #0055cc #003580;
				  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
				  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#60D7FF', endColorstr='#60D7FF', GradientType=0);
				  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
				}

			.linkedin {
				  background-color: #0181B2;
				  *background-color: #0181B2;
				  background-image: -ms-linear-gradient(top, #0181B2, #0181B2);
				  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0181B2), to(#0181B2));
				  background-image: -webkit-linear-gradient(top, #0181B2, #0181B2);
				  background-image: -o-linear-gradient(top, #0181B2, #0181B2);
				  background-image: -moz-linear-gradient(top, #0181B2, #0181B2);
				  background-image: linear-gradient(top, #0181B2, #0181B2);
				  background-repeat: repeat-x;
				  border-color: #0055cc #0055cc #003580;
				  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
				  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0181B2', endColorstr='#0181B2', GradientType=0);
				  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
				}

			.plus {
				  background-color: #D6492C;
				  *background-color: #D6492C;
				  background-image: -ms-linear-gradient(top, #D6492C, #D6492C);
				  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#D6492C), to(#D6492C));
				  background-image: -webkit-linear-gradient(top, #D6492C, #D6492C);
				  background-image: -o-linear-gradient(top, #D6492C, #D6492C);
				  background-image: -moz-linear-gradient(top, #D6492C, #D6492C);
				  background-image: linear-gradient(top, #D6492C, #D6492C);
				  background-repeat: repeat-x;
				  border-color: #0055cc #0055cc #003580;
				  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
				  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#D6492C', endColorstr='#D6492C', GradientType=0);
				  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
				}

	#footer{
		-webkit-box-sizing: border-box;
		background: @footer-background-color;
		color: @footer-font-color;
		padding: 20px;
		text-align: center;
		width: 100%;
	}
		#footer a{
			color: @footer-link-color;
			text-decoration: underline;
		}
		#footer p:last-child{
			margin: 0;
		}
p{
	margin: 0 0 20px 0;
}
.no-mobile{
	display: none;
}