/* ---- SITE-768.css ----
   Tablet Portrait size to standard size including devices and browsers (minimum 768px wide).
*/

.large-text { font-size:16px; line-height:24px; }
.larger-text { font-size:21px; line-height:32px; }

.formatted > h1 { font-size:33px; line-height:43px; }
.formatted > h2, .formatted > h1.small-heading { font-size:24px; line-height:28px; }
.formatted > h3, .formatted > h2.small-heading { font-size:19px; line-height:26px; }

.inner { width:748px; }

.topDividerIllustration{
	background:url("../img/dividerIllustrationMedium.png") no-repeat center;
    height:2px;
    position:relative;
    top:0px;
	
}

.topDivider{
	background:url("../img/topDividerMedium.png") no-repeat center;
    height:2px;
    position:relative;
    top:0px;
	
}

#logo-full {
    height:650px;
    width:100%;
    background-color:#fff;
    z-index:1;
    position:fixed;
	
	background-position-x: center;
	background-image:url("../img/students-working.jpg");
}

#logo{
    height:650px;
    background:url("../img/logoAllLarge.png") no-repeat center;
}

/* Logos */

body.graphics #logo{
    height:650px;
    background:url("../img/logoGDESLarge.png") no-repeat center;
}

body.illust #logo{
    height:650px;
    background:url("../img/logoIllustLarge.png") no-repeat center;
}

body.fine-art #logo{
    height:650px;
    background:url("../img/logoFALarge.png") no-repeat center;
}

body.cdme #logo{
    height:650px;
    background:url("../img/logoCDMELarge.png") no-repeat center;
}

body.art-and-design #logo{
    height:650px;
    background:url("../img/logoADLarge.png") no-repeat center;
}

body.anim #logo{
    height:650px;
    background:url("../img/logoAnimLarge.png") no-repeat center;
}


#dots{
    position:relative;
    top:640px;
    z-index:2;
}

#body-full{
    position:relative;
    top:630px;
    z-index:2;
}

.students > .item > a.student{
    margin:18px;
}

.list-col {
       -moz-column-count: 3;
       -moz-column-gap: 20px;
       -webkit-column-count: 3;
       -webkit-column-gap: 20px;
}

#footer-images{background-attachment: fixed;}

.inner-footer {
	
	height: 400px;
}

.copyright {
	
	padding-top: 250px;
}

/* -- Student page -- */

#portfolio > .nav-bar {
    position:fixed;
    width:50px;
    height:100px;
    background-color:#fff;
    z-index:2;
}

#portfolio > .nav-bar > .home-btn{
    float:none;
    margin-right:0;
    margin-top:0px;
    margin-bottom:5px;
}
#portfolio > .nav-bar > .back-btn{
    float:none;
    margin-left:0;
}
#portfolio > .nav-bar > a.back-btn{
    height:67px;
    width:82px;
    display:inline-block;
    background:url("../img/home-btn.png") no-repeat center;
    text-indent:-99999px;
}


#portfolio > .banner-area {
    width:100%;
    height:515px;
    z-index:1;
    position:fixed;
}
#portfolio > .banner-area > .banner-image {

    background-size:cover;
    height:515px;
    width:100%;
}
#portfolio > .banner-area > .banner-image > .inner{
	
	margin-bottom: 20px;
}

#portfolio > .banner-area > .banner-image > .inner > .profile-image {
    width:356px;
    height:348px;
    margin:0 auto;
    background-size:auto;
    padding-top:30px;
	
}
#portfolio > .banner-area > .banner-image > .inner > .student-name h1 {
    letter-spacing:3px;
   
    display:block;
    font-size:30px;
    line-height:45px;
}
#portfolio > .banner-area > .banner-image > .inner > .student-bio p {
    font-size:30px;
    line-height:20px;
}
#portfolio > .banner-area > .banner-image > .inner > .student-links {
    margin:0 auto;
    margin-top:24px;
}
#portfolio > .banner-area > .banner-image > .inner > .student-links > a {
    font-size:14px;
    height:28px;
}

#portfolio > .student-dots{
    background:url("../img/dot.png") repeat left;
    height:20px;
    position:relative;
    top:499px;
    z-index:3;
}

#portfolio > .portfolio-area-full {
    background-color:#fff;
    z-index:2;
    position:relative;
    top:490px;
}

.text-wrap{
    font-size:14px;
    line-height:22px;
}

.phone-clear {
    display:none;
}

/* Home page Dividers */



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



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

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

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


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

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

/* Dividers */

.topDividerStudent {
	background:url("../img/topDividerMedium.png") no-repeat center;
    height:1px;
    position:relative;
    top:0px;
	
}

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



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

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

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


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

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