z/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://opensource.org/licenses/mit-license.php	*/


/*	Resets
	------	*/

html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, h7, span, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video, dropdown, login, callus {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

a img {border: 0;}






/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */




	.success>li{
		display: inline-block;
		width: 50%;
	}

	.entsignuppage>li{
		display: inline-block;
		width: 48%;
		float: left;
		text-align: left;
		margin-left: 5px;
		margin-right: 5px;
	}


	.entresignupform{
		border-style:dotted; 
		border-width:1px; 
		border-color:#999999;
		padding:5px;
		margin-top: 5px;
		margin-bottom: 5px;
		margin-right: 5px;
		font-size: 13px;
		line-height: 25px;
	}





	.web-event-logos{
		display: block;
	}

	.mobile-event-logos{
		display: none;
	}


	.eventheading>li{
		display: inline-block;
		align: top;
		width: 50%;
		margin-bottom: 10px;
	}

	.freschmanheading>li{
		display: inline-block;
		width: 50%;
		margin-bottom: 10px;
	}


	.eventform>li{
		display: inline-block;
		margin-right: 15px;
		margin-bottom: 15px;
		width: 160px;


	}



	.callus{
		display: none;
	}



	.invlogotop{
		display: none;
	}


	.invlogoside{
		display: block;
	}



.flex-caption1 {
	background:none; 
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); 
	zoom: 1;
}

.flex-caption1 {
	width: 55%; 
	padding: 2%; 
	position: absolute; 
	left: 10px; 
	bottom: 10px; 
	background: rgba(0,0,0,.8); 
	color: #fff; 
	text-shadow: 0 -1px 0 rgba(0,0,0,.2); 
	font-size: 34px; 
	line-height: 38px;
}


	
	.hero{

	min-height: 230px;
	}



	.inner {
		width: 100%;
	}

	.content {
		width: 100%;
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
	}


#comboNav {
  display: none;
}

.wrapper {
	width: 940px;
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}





	.about {
		min-height: 420px;
	}

	.sign-up {
		min-height: 420px;
	}
	.news {
		min-height: 420px;
	}




	/* blogs */

	.littlecal {
		display: block;
	}





/* 		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

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




	.success>li{
		display: inline-block;


	}



	.entsignuppage>li{
		display: inline-block;
		width: 100%;

	}




	.web-event-logos{
		display: block;
	}

	.mobile-event-logos{
		display: none;
	}



	.eventheading>li{
		display: inline-block;
		width: 50%;
		margin-bottom: 10px;
	}


	.freschmanheading>li{
		display: inline-block;
		width: 100%;
		margin-bottom: 10px;
	}



	.eventform>li{
		display: block;
		margin-right: 15px;
		width: 180px;
		margin-bottom: 10px;
	}




.menu-bottom-nav{
	height: 160px;
	line-height: 80px;
}


.testimonials{
	line-height: 30px;
}


.firms {
	display: none;
	}



	.hero{

	min-height: 160px;
	}


.flex-caption1 {
	background:none; 
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); 
	zoom: 1;
}

.flex-caption1 {
	width: 55%; 
	padding: 2%; 
	position: absolute; 
	left: 10px; 
	bottom: 10px; 
	background: rgba(0,0,0,.8); 
	color: #fff; 
	text-shadow: 0 -1px 0 rgba(0,0,0,.2); 
	font-size: 24px; 
	line-height: 28px;
}



	.callus{
		display: none;
	}



	.invlogotop{
		display: none;
	}


	.invlogoside{
		display: block;
	}




	.inner {
		width: 90%;
	}

	.content {
		width: 90%;
	}


	.image-caption{
	background: rgba(0,0,0,.6);
	display: block;
	font-size: 21px;
	color: #ffffff;
	font-weight: bold;
	position: absolute;

	  top: 20px;
	  right: 0px;
	  width: 350px;
	  box-shadow: 4px 0px 4px 0 rgba(0, 0, 0, 0.2);
	  min-height: 80px;
	  padding: 14px;
	text-shadow: 0 1px rgba(0,0,0,.5);

}

	

	.about {
		width: 716px;
		line-height: 24px;
		font-size: 15px;
		min-height: 320px;
	}

	.sign-up {
		width: 716px;
		line-height: 24px;
		font-size: 15px;
		min-height: 320px;
	}
	.news {
		width: 716px;
		line-height: 24px;
		font-size: 15px;
		min-height: 320px;
	}




	
	

	
	#comboNav {
		display: none;
	}
	
	.wrapper {
		width: 712px;
	}
	
	
	/* slider */
	
	.home-slider{
		width: 712px;
	}
	
	.home-slider-clearfix {
		clear: both;
	}
	

	/* headline */
	
	#slider-holder #headline{
		float:none;
		width: 672px; /* 712 - 40 */
		padding: 50px 20px 20px 20px;
		margin-top: 0px;
		min-height: 100px;
		border-top: 1px solid #ccc;
	}
	
	#headline em#corner{
		display: none;
	}
	
	/* widget cols */
	
	.widget-cols>li{
		width: 160px;
		float: left;
		margin-right: 24px;
	}
	
	.recent-post .post-head {
		width: 95px;
	}
	
	/* home blocks */
	
	.one-third-thumbs figure { width: 224px; 
	max-height: 105px;}
	
	.one-fourth-thumbs figure{ 
		width: 160px;
		margin-right: 24px;
	}
		
	.home-block figcaption em,
	.home-block figcaption span{
		display: none;
	}
	.home-block figcaption strong{
	font-size: 14px; }
	
	/* sidebar */
	
	#sidebar{
		position: relative;
		background: #e2e0d7;
		width: 532px; /* 552 - 20 padding */
		float: right;
		padding: 20px 10px 20px 10px;
		margin-top: 30px;
		margin-bottom: 60px;
	}
	
	#sidebar em#corner{ display: none; }
	
	/* blog */
	
	#posts-list .feature-image,
	#post-content .feature-image{
		width: 552px;
	}
	
	/* portfolio */
	
	.portfolio-thumbs{ width: 732px; }
	
	.portfolio-thumbs figure{ width: 224px; 
	max-height: 160px;}
	
	/* project */
	
	.project-description{ width: 528px; margin-right: 24px;}
	
	.project-info{ width: 160px; }
	
	.related-projects{
		width: 712px; 
	}
	
	.related-projects  figure{
		width: 160px;
		margin-right: 24px;
	}
	
	.related-projects figure.last{ margin-right: 0px; }
	
	/* contact */
	
	#contactForm{ 
		width: 528px;
		margin-right: 24px;
	}
	
	#contact-sidebar{ width: 140px; /* 160 - 20*/ }
}




	/* blogs */

	.littlecal {
		display: block;
	}




/* 		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

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


	/* blogs */

	.littlecal {
		display: none;
	}



.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 

.video-container img {
		width: 296px;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}





	.success>li{
		display: block;
		width: 100%;

	}



	.entsignuppage>li{
		display: block;
		width: 100%;

	}



	.web-event-logos{
		display: none;
	}

	.mobile-event-logos{
		display: block;
	}


	.eventheading>li{
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}

	.freschmanheading>li{
		display: inline-block;
		width: 100%;
		margin-bottom: 10px;
	}


	.eventform>li{
		display: block;
		margin-right: 15px;
		width: 180px;
		margin-bottom: 10px;
	}

	
	.login{
	width: 270px;
	}
	

	.callus, .signup {
		display: inline-block;
	}


	.callus{
		margin-right: 10px;
		padding: 5px;
		text-decoration: none;
		border: 1px solid #ffffff;
	}






	.invlogotop{
		display: block;
	}


	.invlogoside{
		display: none;
	}








	.slideshow {
	
	  position: relative;
	}




	.flex-direction-nav {
		display: none;
	}



	.hero{

	min-height: 135px;
	}

	
	.menu-bottom-nav{
		height: 160px;
		line-height: 70px;
	}


	.review-controls {
		display: none;
	}


	.invsignupquotes {
		display: none;
	}

	.profilefplogo {
		display: none;
	}

	.testimonials {
		width: 95%;
		margin-left: 0px;
	}



.flex-caption1 {
	background:none; 
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); 
	zoom: 1;
}

.flex-caption1 {
	width: 55%; 
	padding: 2%; 
	position: absolute; 
	left: 10px; 
	bottom: 10px; 
	background: rgba(0,0,0,.8); 
	color: #fff; 
	text-shadow: 0 -1px 0 rgba(0,0,0,.2); 
	font-size: 15px; 
	line-height: 19px;
}

	.inner {
		width: 90%;
	}


	.image-caption {
	display: none;
	}

	.firms {
	display: none;
	}


	.about {
		width: 296px;
		line-height: 22px;
		min-height: 425px;
	}

	.sign-up {
		width: 296px;
		line-height: 24px;
	}
	.news {
		width: 296px;
		line-height: 22px;
	}

	.content {
		width: 90%;
	}


	
	#comboNav {
		display: none;
	}
	
	.wrapper {
		width: 252px;
	}
	
	.page-heading{ 
		text-align: center;
		background-position: 0px 15px;
	}
	
	.page-heading span{ 
		font-size: 21px;
		margin-left: 0px;
	}
	
	/* slider */
	
	.home-slider{
		width: 252px;
	}
	
	.home-slider-clearfix {
		clear: both;
	}
	
	/* home blocks */
	
	.one-third-thumbs figure,
	.one-fourth-thumbs figure { width: 100%; 
	max-height: 150px;}






	
	/* nav */
	


















.mainnavmenu {

}
.mainnavmenu ul,
.mainnavmenu ul li,
.mainnavmenu ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mainnavmenu ul {
  position: relative;
  z-index: 597;
  float: left;

}
.mainnavmenu ul li {
  float: left;
  min-height: 1px;
  line-height: 1em;
  vertical-align: middle;
	
	margin-right: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;

}
.mainnavmenu ul li.hover,
.mainnavmenu ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}
.mainnavmenu ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%;

}
.mainnavmenu ul ul li {
  float: none;
}
.mainnavmenu ul ul ul {
  top: 1px;
  left: 99%;
}
.mainnavmenu ul li:hover > ul {
  visibility: visible;
}
.mainnavmenu ul ul {
  top: 1px;
  left: 99%;
}
.mainnavmenu ul li {
  float: none;
}
.mainnavmenu ul ul {
  margin-top: 1px;
}
.mainnavmenu ul ul li {
  font-weight: normal;
}
/* Custom CSS Styles */

.mainnavmenu:after,
.mainnavmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
.mainnavmenu a {
  color: #FFFFFF;
  text-shadow: 0 1px rgba(0,0,0,.5);
  display: inline-block;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  padding: 0 3px;
  text-align: center;
  text-decoration: none;
}
.mainnavmenu a:hover {
  
  border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;

  position: relative;
  top: 0;
}
.mainnavmenu ul {

  list-style: none;
}
.mainnavmenu > ul {
 	margin-left: 9px; 
  padding-top: 22px;
 
}
.mainnavmenu > ul > li {
  float: left;
  padding: 0 1px;
  position: relative;
	margin-right: 9px;
	margin-left: 4px;
}
.mainnavmenu > ul > li:hover > a {
  background: #f6f6f6;
  border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  color: #333333;
  position: relative;
  text-shadow: none;
}
.mainnavmenu > ul > li a {
  line-height: 30px;
  display: block;


}
.mainnavmenu > ul > li a:hover {

}
.mainnavmenu .has-sub:hover ul {
  display: block;
  line-height: 1em;
  vertical-align: middle;

}
.mainnavmenu .has-sub a {
  display: block;
  position: relative;

}
.mainnavmenu .has-sub > a:after {
  content: '';
  display: block;
  width: 10px;
  height: 9px;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -5px;
  line-height: 1em;
  vertical-align: middle;

}
.mainnavmenu .has-sub ul {
  background: #f6f6f6;
  border: 1px solid #aaaaaa;

  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  display: none;
  padding: 9px 1px 9px 14px;
  position: absolute;
  left: 50%;
  top: 30px;
  margin-left: -70px;
  width: 180px;
  z-index: 1;
  color: #333333;
}
.mainnavmenu .has-sub ul li:hover > a {
  background: #dddddd;
  color: #c63d02;
  border-color: #e5e5e5 transparent transparent transparent;
}
.mainnavmenu .has-sub ul a {
  line-height: 100%;
  padding: 8px 0;
  color: #333333;
}

.mainnavmenu .has-sub .has-sub ul {

  left: 100%;
  top: 0;
  margin-left: 0;
}









.social-media-navigation li a{
	display: block;
	width: 30px;
	height: 50px;
	text-indent: -99999px;
}



















	/* headline */
	
	#slider-holder #headline{
		float:none;
		width: 212px; /* 252 - 40 */
		padding: 50px 20px 20px 20px;
		margin-top: 0px;
		min-height: 100px;
		border-top: 1px solid #ccc;
	}
	
	#headline em#corner{
		display: none;
	}
	
	#headline h1,
	.home-block-heading{
		font-size: 24px;
		line-height: 1.2em;
		margin-bottom: 15px;
	}
	
	/* widget cols */
	
	.widget-cols>li{
		width: 252px;
		float: left;
		margin-right: 0px;
		border-bottom: 1px solid #ccc;
		padding-bottom: 20px;
		margin-bottom: 35px;
	}
	
	.widget-cols>li.fourth-col{ 
		border-bottom: none;
		margin-bottom: 0px;
	}
	
	header .widget-cols>li{ border-bottom-color: #4f4f4f; }
	
	/* sidebar */
	
	#sidebar{
		position: relative;
		background: #e2e0d7;
		width: 232px; /* 252 - 20 padding */
		float: right;
		padding: 20px 10px 20px 10px;
		margin-top: 30px;
		margin-bottom: 60px;
	}
	
	#sidebar em#corner{ display: none; }
	
	/* blog */
	
	.floated-content,
	#posts-list,
	#post-content{
		width: 252px;
		margin-right: 0px;
	}
	
	#posts-list article{
		padding-left: 0px;
	}
	
	#posts-list .feature-image,
	#post-content .feature-image{
		width: 252px;
	}
	
	#posts-list .post-heading{
		font-size: 24px;
	}
	
	article .meta .comments{
		border-left: none;	
		border-right: none;
	}
	
	#posts-list .entry-date{
		position: static;
		width: 100%;
		height: auto;
		background: #444;
		padding: 10px 0px;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
		text-align: center;
		
		-webkit-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
		-moz-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
		-o-box-shadow: 2px 2px 0px rgba(0,0,0,.2);
		box-shadow: 2px 2px 0px rgba(0,0,0,.2);
	}
	
	#posts-list .entry-date .number{
		display: inline;
		padding-top: 0px;
		font-size: 12px;
	}
	
	#posts-list .entry-date .year{
		display: inline;
		padding-top: 5px;
		font-size: 12px;
	}
	
	article .meta div{
		padding: 10px 10px 10px 30px;

	}
	
	.heading{
		font-size: 21px;
	}
	
	/* page navi */ 
	
	.page-navigation{
		display: block;
		margin-left: 0px;
		margin-bottom: 60px;
	}
	
	.page-navigation a{
		padding: 7px 9px;
	}
	
	/* portfolio */
	
	.portfolio-thumbs{ width: 252px; }
	
	.portfolio-thumbs figure{ width: 252px; }
	
	
	/* project */
	
	
	.project-description{ width: 252px; margin-right: 0px;}
	
	.project-info{ width: 252px; }
	
	.project-heading .launch{ padding-top: 20px; clear: both; }
	
	.related-projects{
		width: 252px; 
	}
	
	.related-projects  figure{
		width: 252px;
		margin-right: 0px;
		margin-bottom: 20px;
	}
	
	.related-projects .heading{ font-size: 13px; }
	
	/* form */
	
	#contactForm{ width: 252px; }
	
	#contactForm label,
	#commentform label{
		padding-left: 0px;
		padding-bottom: 10px;
		margin-top: -15px;
		display: block;
	}
	
	#contact-sidebar{ width: 232px; /* 252 - 20*/ }
	
}




















/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	



	/* blogs */

	.littlecal {
		display: none;
	}



	.topvid {
		width: 436px;
		
	}


	.success>li{
		display: block;
		width: 100%;

	}

	.entsignuppage>li{
		display: block;
		width: 100%;

	}



	.web-event-logos{
		display: block;
	}

	.mobile-event-logos{
		display: none;
	}




	.eventheading>li{
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}

	.freschmanheading>li{
		display: inline-block;
		width: 100%;
		margin-bottom: 10px;
	}



	.eventform>li{
		display: block;
		margin-right: 15px;
		width: 180px;
		margin-bottom: 10px;
	}




	.login {
	width: 320px;
	}
	
	
	.callus, .signup {
		display: inline-block;
	}

	.callus{
		padding: 5px;
		text-decoration: none;
		border: 1px solid #ffffff;
		margin-right: 10px;
	}




	.invlogotop{
		display: none;
	}


	.invlogoside{
		display: block;
	}





	.inner {
		width: 90%;
	}


	.content {
		width: 90%;
	}


	.image-caption {
	display: none;
	}

	.firms {
	display: none;
	}


	.about {
		width: 436px;
		line-height: 24px;
		font-size: 15px;
		min-height: 390px;
	}


	.sign-up {
		width: 436px;
		line-height: 24px;
		font-size: 15px;
		min-height: 320px;
	}
	.news {
		width: 436px;
		line-height: 24px;
		font-size: 15px;

	}




	.wrapper {
		width: 436px;
	}
	
	/* slider */
	
	.home-slider{
		width: 436px;
	}
	
	.home-slider-clearfix {
		clear: both;
	}
	
	/* headline */
	
	#slider-holder #headline{
		width: 396px; /* 436 - 40 */
	}
	
	/* widget cols */
	
	.widget-cols>li{
		width: 436px;
		float: left;
		margin-right: 0px;
	}
	
	.recent-post .post-head {
		width: 372px;
	}
	
	/* nav */
	
















	/* sidebar */
	
	#sidebar{ width: 416px; /* 436 - 20 padding */ }
	
	/* blog */
	
	.floated-content,
	#posts-list,
	#post-content{ width: 416px; }
	
	#posts-list .feature-image,
	#post-content .feature-image{
		width: 416px;
	}
	
	/* portfolio */
	
	.portfolio-thumbs{ width: 436px; }
	
	.portfolio-thumbs figure{ width: 436px; 
	max-height: 140px;}
	
	/* project */
	
	.project-description{ width: 436px; margin-right: 0px;}
	
	.project-info{ width: 436px; }
	
	
	.related-projects{
		width: 436px; 
	}
	
	.related-projects  figure{
		width: 436px;
		margin-right: 0px;
		margin-bottom: 20px;
	}
	
	.related-projects .heading{  font-size: 13px; }
	
	/* form */
	
	#contactForm{ width: 436px; }
	
	#contact-sidebar{ width: 416px; /* 436 - 20*/ }

	
}