/* ---- SITE-960.css ----
   Large display (minimum 1200px wide).
*/

.inner { width:1170px; }

.students > .item > a.student{
    height:210px;
    width:210px;
    display:inline-block;
    margin:10px;
}

.students > .item > a.student > .top-level{
    width:210px;
    height:210px;
    overflow:hidden;

    position:relative;
}

.students > .item > a.student > .top-level > .project-thumb{
    background-size:cover;
    width:200px;
    height:200px;
    margin:5px;
    position:relative;
    top:0;
    transition:all 1s ease 0s;
    -moz-transition:  all 1s ease 0s; /* Firefox 4 */
    -webkit-transition: all 1s ease 0s; /* Safari and Chrome */
    -o-transition:all 1s ease 0s;
}
.students > .item > a.student > .top-level > .profile-pic{
    width:168px;
    height:164px;
    margin:0 auto;
    position:absolute;
    top:210px;
    left:20px;
    transition:all 0.4s ease 0s;
    -moz-transition:  all 0.4s ease 0s; /* Firefox 4 */
    -webkit-transition: all 0.4s ease 0s; /* Safari and Chrome */
    -o-transition:all 0.4s ease 0s;
}
.students > .item > a.student > .top-level:hover > .profile-pic{
    top:0;
}

.students > .item > a.student > .top-level > .student-info{
    height:47px;
    width:100%;
    transition:all 0.5s ease 0s;
    -moz-transition:  all 0.5s ease 0s; /* Firefox 4 */
    -webkit-transition: all 0.5s ease 0s; /* Safari and Chrome */
    -o-transition:all 0.5s ease 0s;
    position:absolute;
    bottom:-210px;
    text-align:center;
    color:RED;
}

.students > .item > a.student > .top-level:hover > .student-info{
    bottom:0;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}


.students > .item > a.student > .top-level > .student-info h2{
    font-size:12px;
    text-transform:uppercase;
    line-height:13px;
}
.students > .item > a.student > .top-level > .student-info h3{
    font-size:11px;
    margin-top:6px;
}

.locations {
	width: 50%;
	position: relative;
	text-align: left;
	margin:0px;
	float: right;
	
}

.showInfo {
	
	width: 25%;
	position: relative;
	text-align: left;
	margin:0px;
	float: left;
	padding-left: 125px;
}

.inner-footer {
	
	color: #CCC;
	
	background: #4a4a49;
	
	height: 350px;
}

.copyright {
	padding-top: 275px
	
}
/* Dividers */

body.graphics .topDividerStudent {
	
	background:url("../img/dividerGDESLarge.png") no-repeat center;
	height:1px;
}

body.illust .topDividerStudent {
	
	background:url("../img/dividerIllustration.png") no-repeat center;
	height:1px;
}

body.fine-art .topDividerStudent {
	
	background:url("../img/dividerFineArtLarge.png") no-repeat center;
	height:1px;
}

body.cdme .topDividerStudent {
	
	background:url("../img/dividerCDMELarge.png") no-repeat center;
	height:1px;
}

body.art-and-design .topDividerStudent {
	
	background:url("../img/dividerArtDesignLarge.png") no-repeat center;
	height:1px;
}

body.anim .topDividerStudent {
	
	background:url("../img/dividerAnimationLarge.png") no-repeat center;
	height:1px;
}

/* Top Divider Home Page */

body.graphics #body-full div.topDivider {
	
	background:url("../img/dividerGDESLarge.png") no-repeat center;
	height:1px;
}

body.illust #body-full div.topDivider {
	
	background:url("../img/dividerIllustration.png") no-repeat center;
	height:1px;
}

body.fine-art #body-full div.topDivider {
	
	background:url("../img/dividerFineArtLarge.png") no-repeat center;
	height:1px;
}

body.cdme #body-full div.topDivider {
	
	background:url("../img/dividerCDMELarge.png") no-repeat center;
	height:1px;
}

body.art-and-design #body-full div.topDivider {
	
	background:url("../img/dividerArtDesignLarge.png") no-repeat center;
	height:1px;
}

body.anim #body-full div.topDivider {
	
	background:url("../img/dividerAnimationLarge.png") no-repeat center;
	height:1px;
}