/*	

	Less+ by Jimmy Rosén, http://www.angrycreative.se/projekt/less-framework
	Based on Less Framework 4 by Joni Korpi, http://lessframework.com
	
*/

/*	Default 8-column layout
	60 px columns, 24 px gutters, 60 px margins, 768 px total
	---------------------------------------------------------
	1     2      3      4      5      6      7      8     
	60px  144px  228px  312px  396px  480px  564px  648px	*/

	body {
		width: 100%;
		/*padding: 0 28px 60px;*/
	}

	#header .container{
		width: 712px;
	}

	.container{
		width: 712px;
	}

	#header .container {
		height:215px;
	}

	#header .container #header-content-right{
		width: 75%;
		margin-left: 0;
	}

	#header .container #header-content-right #middle{
		width: 82%;
		margin:20px auto;
	}

	#header .container #header-content-right #top-nav{
		margin-top:27px;
		width: 100%;
	}

	#header .navbar .container{
		background: none;
		width: 100%;
	}

	.sf-menu a,
	#nav a{
		font-size: 12px;
		font-weight: normal;
		padding: 17px 11px;
		color: #fff;
		margin: 0;
	}

	#header .container #header-content-right #top-nav ul li ul li a{
		font-size: 12px;
		padding: 10px 11px;
	}

	/*-------  start responsive nav */

	#nav{
		clear: both;
	}

	#nav ul li{
		
	}

	#nav li a {
		
	}

	.nav-collapse.collapse {
	    height: auto !important;
	    overflow: visible !important;
  	}

  	/*  end responsive nav --------*/

  	

/* =================================
              MAIN SLIDESHOW
==================================== */

#slideshow{
	height: 335px;
}

#slideshow a#prev-nav, #slideshow a#prev,
#slideshow a#prev-nav, #slideshow a#next{
	top:25%;
}

.caption-wrap{
	width: 90%;
}

.caption{
	top:50px;
	right: 18%;
}
	

/* =================================
              STAGE
==================================== */

#programs{
	width: 85%;
}

#programs .box{
	width: 27%;
}

#programs #edu{
	margin:0 40px 0 0;
}

#programs #lead{
	margin:0 0 0 40px;
}

#programs #edu h2,
#programs #value h2,
#programs #lead h2{
	font-size: 16px;
}


#stage .container #content-wrap{
	width: 100%;
}

#topindex .alignleft{
	width: 50%;
}

#topindex .alignright{
	width: 300px;
}

#rs-carousel-list .rs-carousel-action-prev{
	right: 19px;
}

#rs-carousel-list .rs-carousel-action-next{
	right: -4px;
}

/* =================================
				Footer
==================================== */	
	
#botindex ul li{
	width: 100%;
	margin:0 0 25px 0;
}

#footer .container #footerwrap{
	width: 100%;
}

#footer .container #footerwrap #nav-copy{
	width: 50%;
}

#footer .container #footerwrap #nav-copy #copy{
	width: 100%;
}

/* =================================
				ABout
==================================== */	

#stage .container #content-wrap #content{
	width: 402px;
}