/* ABOUT */
h2{
	font-size:130%;
}
section{
	max-width:1000px;
	margin:auto;
}

#institute-blurb{
	margin-top:24px;
}
#institute-blurb #blurb{
	padding:8px 20px 20px 0;
	float:left;
	width:680px;
}
	
/* section about / slider */
#section-about{
	background-color:#FCFBED;	
}
#section-about-mobile{
	display:none;	
}
#panel-ws{
	height:230px;	
	float:left;
	width:30%;
	text-align:center;
}
#panel-ws-mobile{
	display:none;	
}
.about-item{
	position:relative;
	height:75px;
}
#about-item-what{
	border-top:3px solid #FCFBED;
	border-bottom:3px solid #FCFBED;
}
.about-item-link{
	display:block;
	font-size:170%;
	padding:21px 0;
	/*background-color:#FCFBED;*/
	background-color:#F9F6D9;
	text-decoration:none;
}
.about-item-link-w{
	font-weight:bold;
	font-size:inherit;	
}
.about-item-link:hover{
	/*background-color:#FFFFFF;*/
	background-color:#FCFBED;
}
#about-item-link-who:link, #about-item-link-who:visited, #about-item-link-who:hover{
	color:#84A73F;
}
#about-item-link-what:link, #about-item-link-what:visited, #about-item-link-what:hover{
	/*color:#CC7A2C;*/
	color:#006F9A;
}
#about-item-link-why:link, #about-item-link-why:visited, #about-item-link-why:hover{
	/*color:#006F9A;*/
	color:#004075;
}
@media only screen and (max-width: 1023px){
	#panel-ws{
		display:none;	
	}
	#panel-slides{
		width:100%;	
	}
	.slide img{
		width:100%;	
	}
	#institute-blurb #blurb{
		padding:0px;
		float:none;
		width:92%;
		margin-left:4%;
	}
	#what-balls{
		display:none;	
	}
	#services, #services-header{
		display:none;	
	}
}


/* SECTIONS */
.sectionbreak{
	margin:10px 0 15px 0;
	padding:0 20px;
	border-bottom:1px solid #CCC;	
}
.sectionbreak p{
	text-align:center;
	padding:0 0 15px 0;	
}
.sectionbreak h2{
	font-size:180%;
	font-family:'Century Gothic', Arial;
	margin:5px 0px;
	padding:10px 0px 0px;
	text-align:center;	
}
#services{
	margin-bottom:30px;	
}

/* PROJECT RACK */
.project-body h3{
	margin-top:0px;	
}
.panel-projects .project{
	padding:20px 0px 20px 15px;
	margin-top:20px;	
}
.panel-projects .project:hover{
	background-color:#F9F6D9;
	cursor:pointer;	
}
.panel-projects .project-logo{
	float:left;	
}
.panel-projects .project-body{
	float:left;
	width:580px;
	margin-left:20px;
	padding:0px 0px 0px 20px;	
}
@media only screen and (max-width: 1023px){
	.panel-projects .project-body{
		float:left;
		width:auto;
		margin-left:0px;
		padding:0px;	
	}
	.panel-projects .project-logo img{
		width:70%;
		height:auto;
	}
}


/* SERVICES */
#services .sliderack-slide{
	display:block;
	width:233px;
	margin-left:4px;
	background-color:#63B1CE;
	position:relative;
	height:240px;
	/*background:url(../Images/services_image_placeholder.fw.png) no-repeat;*/
	color:#FFF;
}	
.service-box{
	background-position:0px 40px;	
}
.service-box:hover{
	cursor:pointer;
	background-position:-290px 40px;
}
.service-box h3{
    padding:1px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
	margin-top:0px;
	padding:10px 0px;
	font-weight:bold;
	text-align:center;
	background-color:#63B1CE;
	color:#FFF;
}
.service-box .service-description-box{
	position: absolute;
	bottom: 0px;
	min-height:80px;
	background-color: rgba(255, 255, 255, 0.8);
	width: 100%;
	border-top: 4px solid #84A740;
}
.service-box .service-description{
	padding: 5%;
	color:#003366;
}
#sliderack-services{
	width:100%;	
}
#services .sliderack-button{
	padding:80px 2px 0px 2px;
	height:160px;
}
#services .sliderack-outerbox{
	width:952px;
	height:240px;
}
#services .sliderack-innerbox{
	width:952px;
	padding-right:5px;
}
.sliderack-button-inactive{
	opacity:0.2;	
}

/* NEWS */
#panel-blog{
	float:left;
	width:578px;
	padding:10px;
	margin-right:20px;
	background-color:#FFF;
	border:1px solid #CCC;
}
.blogpost-image{
	display:none;	
}
#feature-blog h3{
	padding:12px 8px 6px 8px;
	margin:0px;
}
#panel-twitter{
	border:1px solid #CCC;	
}
@media only screen and (max-width: 1023px){
	#panel-blog{
		float:none;
		width:auto;
		padding:10px;
		margin:0px 16px;
		background-color:#FFF;
		border:1px solid #CCC;
	}
	.blogpost-image{
		display:block;
		width:100%;
		height:auto;
	}
}