/* 
This is the section css for
Applied Music 
*/
/******************* GLOBAL CSS ***********************/
#home-content .grid12.mainGrid{padding: 60px 30px 60px 30px;}

#home-content .contentHolder h2, #home-content .contentHolder h3{
	font-family: "OpenSansBold", sans-serif;
	font-weight: bold;
	color: #763775;
}
#home-content .contentHolder h2{
	font-size: 3em;
	margin: 0 0 20px 0;
	line-height: 32px;
	position: relative;
	left: -3px;
}
#home-content .contentHolder h2 span{font-family: "OpenSansRegular", sans-serif; font-size: .4em; position: relative; left: 3px;}
#home-content h4{
	border-bottom: transparent;
	margin-bottom: 7px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 3px;
}
#home-content h3{
	font-size: 1.2em;
	border-bottom: transparent;
	margin-bottom: 10px;
	padding-bottom: 0;
	text-transform: uppercase;
}
#home-content h3:after{background-color: transparent;}

#home-content .playBtn{display: none;}

/******************* HOME PAGE ***********************/
#home-content .greyGrid{background-color: #eee; padding: 1px 10px 0px 10px}
#home-content .greyGrid hr{border-color: #ddd;}

#home-content .sideBox{background-color: #eee; padding: 1px 10px 10px 10px; display: inline-block; width: 100%;}
#home-content .sideBox p{margin-top: 5px; font-size: .95em;}

#home-content .socialMedia .row-responsive{
	margin: 0px !important;
	height: 35px !important;
}

#home-content .socialMedia .row-responsive .grid11 p{
	margin-left: 10px;
}

#home-content .socialMedia a{
	text-decoration: none;
	font-size: .95em;
	line-height: normal;
	font-weight: bold;
	color: #575757;
}
#home-content .socialMedia a:hover{
	text-decoration: underline;
	color: #763775;
}

#home-content .left-column{
	margin-right: 20px;
}

@media only screen and (max-width:1240px){
	#home-content .socialMedia .row-responsive .grid11 p{
		margin-left: 10px;
	}
}
@media only screen and (max-width:768px){
	#home-content .socialMedia{margin-top: 10px;}
	#home-content .socialMedia .row-responsive .grid1{width: 7% !important;}
	#home-content .socialMedia .row-responsive .grid11{width: 50% !important;}
	#home-content .left-column{margin-right: 0px;}
}


/******************* FACULTY PAGES ***********************/

#home-content .facultyImages a{text-decoration: none !important; color: #575757 !important;}
#home-content .floatImg{float: left; padding: 0 20px 0 0;}


@media only screen and (max-width:768px){
	#home-content .facultyImages img{display: none !important;}
	#home-content .facultyImages{
		margin-left: 0px;
		margin-right: 0px;
		display: inline;
	}
}