@import url(../../../api/-family-zocial.css);

@font-face {
    font-family: "Hero-Light";
    src: url("../assets/fonts/hero_light-webfont.eot");
    src: url("../assets/fonts/hero_light-webfont.eot#iefix") format("embedded-opentype"),
           url("../assets/fonts/hero_light-webfont.woff") format("woff"),
           url("../assets/fonts/hero_light-webfont.ttf") format("truetype"),
           url("../assets/fonts/hero_light-webfont.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Hero";
    src: url("../assets/fonts/hero-webfont.eot");
    src: url("../assets/fonts/hero-webfont.eot#iefix") format("embedded-opentype"),
           url("../assets/fonts/hero-webfont.woff") format("woff"),
           url("../assets/fonts/hero-webfont.ttf") format("truetype"),
           url("../assets/fonts/hero-webfont.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Jenna-Sue";
    src: url("../assets/fonts/JennaSue-webfont.eot");
    src: url("../assets/fonts/JennaSue-webfont.eot#iefix") format("embedded-opentype"),
           url("../assets/fonts/JennaSue-webfont.woff") format("woff"),
           url("../assets/fonts/JennaSue-webfont.ttf") format("truetype"),
           url("../assets/fonts/JennaSue-webfont.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class*="zocial-"]:before {
  font-family: 'zocial', sans-serif;
	font-size: 25px;
	-webkit-font-smoothing: antialiased;
}
[class*="fa-"]:before {
	font-size: 30px;
	-webkit-font-smoothing: antialiased;
}
::selection {
	background: #999999;
	color: #ffffff;
}

body {
    padding: 2% 0 10px;
    margin: 0;
    font-size: 10px;
    font-family: "Hero";
}

nav {
	margin-bottom: 2%;
}

.wide-screen nav {
	margin-bottom: 2%;
}

.normal-screen nav {
	margin-bottom: 7%;
}

/* By Kevin */
     .paging-bar{float:right;display:block;margin-bottom: 10px;}
     .paging-bar a{text-decoration: underline;color:#000000;}
    div.video-play{
	width: 0;height: 0; 
	border-top: 1.5em solid transparent;
	border-bottom: 1.5em solid transparent;	
	border-left: 1.8em solid white;
        position:absolute;left:50%;
        top:38%;
    }
    div.video-play:hover{
	border-left-color: #C3191E;
    }
    div.image,div.images{
        position: relative;
    }
    div.image img,div.images img{
        width:100%;
    }
    
/*    */


nav {
	position: relative;
	z-index: 1000;
}

nav ul.menu {
	height: 1em;
	padding: 0;
	margin: 0;
	float: right;
	list-style: none;
	font-family: "Hero";
	font-size: 1em;
	white-space: nowrap;
}

nav ul.menu > li {
	float: left;
}

nav ul.menu > li:before {
	content:"•";
}

nav ul.menu > li > a {
	padding-bottom: 3px;
	margin: 0 1.5em;
	color: #000000;
	text-decoration: none;
}

nav ul.menu > li:first-child:before {
	content:"";
}

nav ul.menu > li:last-child > a {
	margin-right: 0;
}

nav ul.menu > li > ul.sub-menu {
	padding: 0.5em 0 0 0;
	margin: 0 0 0 1.8em;
	top: 1em;
	position: absolute;
	z-index: 1000;
	list-style: none;
	display: none;
}

nav ul.menu > li:first-child > ul.sub-menu {
	margin: 0 0 0 1.5em;
}

nav ul.menu > li:hover > ul.sub-menu,
nav ul.menu > li.active > ul.sub-menu {
	display: block;
}

nav ul.menu > li > ul.sub-menu > li {
	padding: 0.2em 0;
	margin: 0;
	display: block;
}

nav ul.menu > li > ul.sub-menu > li,
nav ul.menu > li > ul.sub-menu > li > ul.minor-menu > li {
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: contain;
}

nav ul.menu > li > a#blog {
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: contain;
}

nav ul.menu > li > ul.sub-menu > li#school-contact:hover, nav ul.menu > li > ul.sub-menu > li#school-contact.active,
nav ul.menu > li > ul.sub-menu > li#teaching-tutor:hover, nav ul.menu > li > ul.sub-menu > li#teaching-tutor.active,
nav ul.menu > li > ul.sub-menu > li#teaching-alumni:hover, nav ul.menu > li > ul.sub-menu > li#teaching-alumni.active {
	background-image: url("../img/btn-nav1.png");
}

nav ul.menu > li > ul.sub-menu > li#school-vision:hover, nav ul.menu > li > ul.sub-menu > li#school-vision.active,
nav ul.menu > li > ul.sub-menu > li#school-space:hover, nav ul.menu > li > ul.sub-menu > li#school-space.active,
nav ul.menu > li > ul.sub-menu > li#insight-past:hover, nav ul.menu > li > ul.sub-menu > li#insight-past.active {
	background-image: url("../img/btn-nav2.png");
}

nav ul.menu > li > ul.sub-menu > li#school-advantage:hover, nav ul.menu > li > ul.sub-menu > li#school-advantage.active,
nav ul.menu > li > ul.sub-menu > li#course-short-course:hover, nav ul.menu > li > ul.sub-menu > li#course-short-course.active,
nav ul.menu > li > ul.sub-menu > li#course-part-time-course:hover, nav ul.menu > li > ul.sub-menu > li#course-part-time-course.active,
nav ul.menu > li > ul.sub-menu > li#course-design-trip:hover, nav ul.menu > li > ul.sub-menu > li#course-design-trip.active,
nav ul.menu > li > ul.sub-menu > li#course-1year-diploma:hover, nav ul.menu > li > ul.sub-menu > li#course-1year-diploma.active,
nav ul.menu > li > ul.sub-menu > li#course-other-course:hover, nav ul.menu > li > ul.sub-menu > li#course-other-course.active,
nav ul.menu > li > ul.sub-menu > li#news-press:hover, nav ul.menu > li > ul.sub-menu > li#news-press.active,
nav ul.menu > li > ul.sub-menu > li:hover, nav ul.menu > li > ul.sub-menu > li.active {
	background-image: url("../img/btn-nav3.png");
}

nav ul.menu > li > ul.sub-menu > li#course-executive-course:hover, nav ul.menu > li > ul.sub-menu > li#course-executive-course.active,
nav ul.menu > li > ul.sub-menu > li#teaching-affiliate:hover, nav ul.menu > li > ul.sub-menu > li#teaching-affiliate.active,
nav ul.menu > li > ul.sub-menu > li#school-partner:hover, nav ul.menu > li > ul.sub-menu > li#school-partner.active,
nav ul.menu > li > ul.sub-menu > li#teaching-mentor:hover, nav ul.menu > li > ul.sub-menu > li#teaching-mentor.active,
nav ul.menu > li > ul.sub-menu > li#insight-current:hover, nav ul.menu > li > ul.sub-menu > li#insight-current.active {
	background-image: url("../img/btn-nav4.png");
}

nav ul.menu > li > ul.sub-menu > li#news-events:hover, nav ul.menu > li > ul.sub-menu > li#news-events.active,
nav ul.menu > li > a#blog:hover, nav ul.menu > li > a#blog.active {
	background-image: url("../img/btn-nav5.png");
}

nav ul.menu > li > ul.sub-menu > li a {
	font-size: 0.8em;
	color: #000000;
	text-decoration: none;
}

nav ul.menu > li > ul.sub-menu > li > a {
	position: relative;
	z-index: 2;
}

nav ul.menu > li > ul.sub-menu > li > ul.minor-menu {
	position: absolute;
	padding-left: 130%;
	margin-top: -1.3em;
	z-index: 1;
	display: none;
}

nav ul.menu > li > ul.sub-menu > li:hover > ul.minor-menu {
	display: block;
}

nav ul.menu > li > ul.sub-menu > li > ul.minor-menu > li {
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

.logo {
	width: 320px;
	position: relative;
	z-index: 100;
	display: block;
	float: left;
}

ul.social-media {
	padding: 0;
	margin: 3.8% 0 0;
	list-style: none;
	float: right;
  z-index: 10;
  position: relative;
}

ul.social-media > li {
	margin-left: 1em;
	float: left;
}

ul.social-media > li > a {
	display: block;
	color: #999999;
	text-decoration: none;
}

ul.social-media > li > a:hover {
	color: #000000;
}

.container {
	margin: 0 auto;
}

h1 {
	margin: 0 0 0.2em;
	line-height: 1.1em;
	font-size: 2em;
	font-weight: normal;
	font-family: "Hero-Light";
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

h2 {
	margin: 0 0 0.2em;
	font-size: 1.7em;
	font-weight: normal;
	font-family: "Hero-Light";
	color: rgb(209,137,0);
	text-transform: uppercase;
}

h3 {
	margin: 0;
	font-size: 1em;
	font-weight: normal;
	font-family: "Hero";
	color: #888888;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

h4 {
	margin: 0 0 0.2em;
	font-size: 1em;
	font-weight: normal;
	font-family: "Hero";
	color: rgb(209,137,0);
	text-transform: uppercase;
}

h5 {
	margin: 0 0 0.2em;
	font-size: 1em;
	font-family: "Hero";
}

hgroup {
	position: relative;
	z-index: 1;
}

.wide-screen hgroup {
	margin: 0.5em 0;
}

.normal-screen hgroup {
	margin: 1em 0 1.5em;
}

h1 > br.line-break {
	line-height: 2em;
	vertical-align: top;
}

h2 > br.line-break {
	line-height: 1.5em;
	vertical-align: top;
}

p {
	margin: 0 0 1em;
}

p:last-child {
	margin-bottom: 0;
}

.capitalize {
	font-family: "Hero";
	text-transform: uppercase;
}

.top {
	padding-top: 0.5em;
	margin-top: -1.5em;
	border-top: 1px #000000 dotted;
	position: relative;
	z-index: 1;
}

.main ul {
	padding: 0 0 0 0.8em;
	margin: 0 0 1em;
}

.main ul li {
	display: block;
	position: relative;
}

.main ul li:before {
	content: "•";
	position: absolute;
	margin-right: 100%;
	right: 5px;
}

.main ol {
	padding: 0 0 0 1.2em;
	margin: 0 0 1em;
}

.main table {
	width: 98%;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

.main table tr,
.main table th {
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: left;
	font-weight: normal;
}

.main table td {
	padding: 0;
}

.main table td.class-type {
	width: 20%;
}

.main table td.class-date {
	width: 32%;
}

.course-part-time-course .main table td.class-type {
	width: 14%;
}

.course-part-time-course .main table td.class-date {
	width: 38%;
}

.course-design-trip .main table td.class-type {
	width: 14%;
}

.course-design-trip .main table td.class-date {
	width: 38%;
}

.main table td.class-time {
	width: 16%;
}

.main table td.class-availability {
	width: 18%;
}

.main table td.class-reserve {
	width: 12%;
	text-align: right;
}

.main table a {
	color: rgb(209,137,0);
}

.main .table-container {
	margin: 0 0 1em;
}

.main a.show-classes {
	color: #000000;
	font-family: "Hero";
	text-decoration: underline;
	display: block;
	margin-bottom: 1em;
}

em {
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: contain;
	font-style: normal;
	white-space: nowrap;
}

.home .images-container > img {
	width: 19.2%;
	margin-left: 1%;
	float: left;
}

.home .images-container > img:first-child {
	margin-left: 0;
}

.home article.content {
	width: 59.6%;
	padding-top: 1em;
	margin-left: 40.4%;
}

.home article.content h1 {
	margin-bottom: 1em;
	font-size: 2.2em;
	font-family: "Hero";
	letter-spacing: inherit;
}

.home article.content p {
	margin: 0 0 0.5em;
	font-size: 2.1em;
	font-family: "Hero-Light";
	line-height: 1.1em;
	text-transform: uppercase;
}

.home article.content strong {
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
}

.wide-screen[class*="school"] h1 {
	margin: 0.5em 0;
}

.normal-screen[class*="school"] h1 {
	margin: 1em 0;
}

.school-vision article.content {
	height: 340px;
	line-height: 10px;
	column-count: 2;
	column-gap: 20px;
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
}

.school-vision #signature {
	width: 100px;
	float: right;
}

.school-advantage .images {
	padding-top: 4em;
}

.school-advantage article.content {
	height: 420px;
	line-height: 10px;
	column-count: 2;
	column-gap: 20px;
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	background: url("../img/advantage-divider.png") no-repeat center;
	background-size: contain;
}

.teaching-affiliate article {
	margin-bottom: 3em;
	line-height: 10px;
}

.teaching-affiliate article aside {
	width: 40%;
	margin-right: 2%;
	float: left;
}

.teaching-affiliate article section {
	width: 58%;
	display: block;
	float: right;
}

.teaching-affiliate article section a {
	text-decoration: none;
	margin-bottom: 0.5em;
	display: inline-block;
	width: auto;
}

.teaching-affiliate article section p a {
	color: #000000;
}


.school-partner article {
	margin-bottom: 3em;
	line-height: 10px;
}

.school-partner article aside {
	width: 30%;
	margin-right: 2%;
	float: left;
}

.school-partner article section {
	width: 68%;
	display: block;
	float: right;
}

.school-partner article section a {
	text-decoration: none;
	margin-bottom: 0.5em;
	display: inline-block;
	width: auto;
}

.school-partner article section p a {
	color: #000000;
}

.school-contact #newsletter-form {
	margin-top: 0.3em;
	margin-right: -0.5em;
}

.school-contact #newsletter-form > input[type=text] {
	width: 200px;
	height: 22px;
	padding: 2px 3px;
	float: left;
	background: #999999;
	border: none;
	font-family: "Hero";
	font-size: 12px;
	color: #ffffff;
	text-align: center;
}

.school-contact #newsletter-form > input[type=button] {
	height: 26px;
	padding: 2px 10px 0;
	border: 0;
	background: #999999;
	font-family: "Hero";
	font-size: 12px;
	color: #ffffff;
}

.school-contact article {
	width: 35%;
}

.school-contact aside {
	width: 50%;
	margin-right: 5%;
}

.school-contact aside {
	float: right;
}

.school-contact article {
	padding-top: 1em;
	line-height: 10px;
}

.school-contact article section {
	margin-bottom: 1em;
}

.school-contact article section.info-contact a,
.school-contact article section.info-parking a {
	color: #000000;
}

.school-contact article section.info-bus a {
	text-decoration: none;
}

.school-contact article section.info-bus ul {
	list-style: none;
	padding: 0;
	margin: 0 0 1em;
}

.school-contact article section b {
	font-weight: normal;
}

.course-short-course article {
	padding-top: 1em;
	line-height: 10px;
}

.course-short-course article .course-link {
	width: 19.2%;
	height: 18em;
	margin: 0 1% 1em 0;
	float: left;
	font-family: "Hero";
	text-transform: uppercase;
	font-size: 0.9em;
	line-height: 1.2em;
}

.course-short-course article .course-link:nth-child(5n) {
	margin-right: 0;
}

.course-short-course article .course-link img {
	margin-bottom: 0.5em;
}

.course-short-course article .course-link span {
	display: block;
}

.course-short-course article .course-link a {
	color: #000000;
	text-decoration: none;
}

.course-part-time-course article.content {
	padding-top: 1em;
	line-height: 10px;
}

.course-1year-diploma .images {
	padding-top: 15%;
}

.course-1year-diploma .images.fixed {
	bottom: 0;
	position: absolute;
	z-index: 0;
}

.course-1year-diploma .images.fixed.to-left {
	margin: 0;
	left: 0;
}

.course-1year-diploma .taglines.p1 {
	padding-bottom: 10em;
}

.course-1year-diploma article {
	line-height: 10px;
}

.course-1year-diploma article.content {
	height: 420px;
	column-count: 2;
	column-gap: 20px;
	-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
}

.course-1year-diploma article a {
	width: 130px;
	height: 1em;
	padding: 1em 1em 0.8em 0;
	display: block;
	float: right;
	background: url(../img/courses/btn-1year.png) no-repeat right center;
	background-size: contain;
	font-family: "hero";
	color: #000000;
	text-decoration: none;
}

.course-1year-diploma .taglines.p3 {
	width: 260px;
	margin-left: 20px;
	float: left;
}

.course-1year-diploma article.content.details {
	width: 500px;
	height: 390px;
	margin-left: 20px;
	margin-top: 1em;
	float: left;
}

.course-1year-diploma article.content.details ul {
	margin: -1em 0 1em;
}

.course-1year-diploma article.content.details ul li:before {
	content: "-";
}

.course-1year-diploma article.content.details a {
	width: auto;
	padding: 0 0 3px;
	display: inline;
	float: none;
	background: url(../img/courses/btn-1year2.png) no-repeat bottom;
	background-size: contain;
	white-space: nowrap;
}

.course-executive-course h1 {
	margin-top: 1em;
}

.course-executive-course h2,
.course-executive-course article p,
.course-executive-course article p > a {
	color: #000000;
}

.course-executive-course h2 {
	margin: 0.5em 0 2em;
}

.course-executive-course .full-span {
	width: 100%;
	margin: 0;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 0;
}

.teaching-mentor .images {
	position: absolute;
	z-index: 0;
}

.teaching-mentor article.content {
	 margin-top: 11.5%;
}

.teaching-mentor article.content span.caption {
	padding-bottom: 5px;
	margin: -1em 0 0 12.565%;
	display: block;
	font-size: 2em;
	font-family: "Jenna-Sue";
}

.teaching-mentor article.content .mentor-item {
	width: 12.0625%;
	min-height: 100px;
	margin-left: 0.5%;
	float: left;
}

.teaching-mentor article.content .mentor-item:first-child {
	margin: 0;
}

.teaching-mentor article.content .mentor-item img {
	margin-bottom: 0.5em;
}

.teaching-mentor article.content .mentor-item span {
	font-size: 0.9em;
}

.teaching-tutor .taglines {
	width: 270px;
	margin-left: 20px;
	float: left;
}

.teaching-tutor article.content {
	width: 500px;
	margin: 1em 0 10px;
	float: left;
}

.teaching-tutor article.content > img {
	margin-left: -20px;
}

.teaching-tutor .tutor-link {
	display: inline-block;
	vertical-align: bottom;
	margin-right: 5px;
	margin-bottom: 15px;
}

.teaching-tutor .tutor-link.tutor1 {
	width: 90px;
}

.teaching-tutor .tutor-link.tutor2 {
	width: 75px;
}

.teaching-tutor .tutor-link.tutor3 {
	width: 65px;
}

.teaching-tutor .tutor-link.tutor4 {
	width: 60px;
}

.teaching-tutor .tutor-link.tutor5 {
	width: 80px;
}

.teaching-tutor .tutor-link.tutor6 {
	width: 60px;
}

.teaching-tutor h5,
.teaching-mentor h5 {
	text-transform: uppercase;
}

.teaching-tutor span {
	display: block;
	clear: both;
}

.teaching-tutor .tutor-link a {
	color: #000000;
	text-decoration: none;
	font-size: 0.8em;
}

.teaching-tutor .tutor-link img {
	margin-top: 0.5em;
	display: block;
	clear:both;
	box-shadow: 1px 1px 8px #666666;
}

.teaching-tutor hr {
	border: none;
	border-top: 1px dotted #000000;
	margin: 2em 0 1em;
}

.teaching-tutor article.main {
	line-height: 10px;
}

.teaching-tutor article.main a {
	float: right;
}

.teaching-tutor article.main h5 a {
	font-size: 1em;
	font-weight: normal;
	text-transform: lowercase;
}

.teaching-tutor .inspiration {
	float: right !important;
	text-align: right;
}

.news-press article {
	margin-top: 6em;
	line-height: 1.2em;
}

.news-press article section.latest > div {
	width: 23.5%;
	min-height: 280px;
	margin-left: 2%;
	margin-bottom: 2em;
	float: left;
}

.news-press article section.latest > div:first-child,
.news-press article section.latest > div:nth-child(4n+1) {
	margin-left: 0;
}

.news-press article section.latest > div img {
	width: 100%;
	height: auto;
	margin-bottom: 1em;
	box-shadow: 0.8em 0.8em 0.6em #999999;
}

.news-press article section.past > div {
	height: 30em;
}

.news-press article section.past ul li:before {
	content:"-";
}

.news-press article section a {
	color: #000000;
	text-decoration: none;
}

.teaching-alumni hgroup {
	margin-bottom: 2em;
}

.teaching-alumni article.main-feature .content {
	margin-bottom: 2em;
}

.teaching-alumni article.main-feature .content p {
	margin: 0.2em 0;
	font-size: 1.6em;
	font-weight: normal;
	font-family: "Hero-Light";
	text-transform: uppercase;
}

.teaching-alumni article.main-feature .content p > span {
	font-size: 0.65em;
	font-family: "Hero";
	text-transform: capitalize;
}

.teaching-alumni section.other-feature article > div {
	padding-top: 0.5em;
	margin-bottom: 0.5em;
	border-top: 1px dotted #000000;
}

.teaching-alumni section.other-feature article:first-child > div {
	padding-top: 0;
	border: none;
}

.teaching-alumni section.other-feature article > div > h4 {
	text-transform: capitalize;
}

.school-space hgroup {
	margin-bottom: 2em;
}

.school-space article.main-feature .content {
	margin-bottom: 2em;
}

.school-space article.main-feature .content p {
	margin: 0.2em 0;
	font-size: 1.6em;
	font-weight: normal;
	font-family: "Hero-Light";
	text-transform: uppercase;
}

.school-space article.main-feature .content p > span {
	font-size: 0.65em;
	font-family: "Hero";
	text-transform: capitalize;
}

.school-space section.other-feature article > div {
	padding-top: 0.5em;
	margin-bottom: 0.5em;
	border-top: 1px dotted #000000;
}

.school-space section.other-feature article:first-child > div {
	padding-top: 0;
	border: none;
}

.school-space section.other-feature article > div > h4 {
	text-transform: capitalize;
}

[class*="insight"] .board {
	padding-bottom: 3em;
	background: url("../img/insight.jpg");
}

[class*="insight"] .white-canvas {
	width: 80%;
	height: 41em;
	padding: 1em;
	margin: 0.6em;
	display: block;
	position: relative;
	z-index: 2;
	background: #ffffff;
	box-shadow: 10px 10px 20px rgba(0,0,0,0.5);
}

[class*="insight"] hgroup {
	margin: 1em 0;
}

[class*="insight"] hgroup h1 {
	font-family: "Hero";
	letter-spacing: normal;
}

[class*="insight"] hgroup h2 {
	font-family: "Hero";
	font-size: 1.4em;
	text-transform: capitalize;
}

[class*="insight"] h1 {
	letter-spacing: normal;
}

[class*="insight"] article section.note {
	width: 45%;
	float: left;
}

[class*="insight"] article section.note h1 {
	margin-bottom: 1em;
}

[class*="insight"] article section.note a {
	display: block;
	margin-bottom: 0.5em;
	text-decoration: none;
}

[class*="insight"] article section.note aside.details {
	width: 288px;
	padding: 2em 10px 1.5em;
	margin-left: -5px;
	position: absolute;
	background: #ffffff;
	box-shadow: 0 0 10px #000000;
	line-height: 10px;
}

[class*="insight"] article section.note button {
	padding: 0;
	margin-top: -1.5em;
	float: right;
	background: none;
	border: none;
	font-family: "hero";
	font-size: 1em;
	cursor: pointer;
}

[class*="insight"] article section.content {
	width: 40%;
	height: 32em;
	margin: 0 0 1em 10%;
	float: left;
	line-height: 10px;
	overflow-x: auto;
	overflow-y: hidden;
}

[class*="insight"] article section.content h2 {
	margin-bottom: 0.4em;
	font-family: "Jenna-Sue";
	font-size: 2.6em;
	text-transform: none;
}

[class*="insight"] article > a {
	float: right;
	color: #000000;
	font-family: "Jenna-Sue";
	font-size: 1.8em;
	text-decoration: none;
}

[class*="insight"] article section.menu ul {
	height: 35em !important;
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: "Hero";
}

[class*="insight"] article section.menu ul li {
	margin-bottom: 0.5em;
	display: list-item;
}

[class*="insight"] article section.menu ul li:before {
	content: "";
	position: relative;
	margin-right: 0;
	right: 0;
}

[class*="insight"] article section.menu ul li a {
	font-size: 1.4em;
	text-decoration: none;
}

[class*="insight"] article section.menu ul li a span.insight-date {
	width: 10em;
	display: block;
	float: left;
}

[class*="insight"] article section.menu ul li a span.insight-title {
	display: block;
}

span.default,
h5.default,
article.default a,
li.default a,
.school-contact article.default b{
	color: rgb(209,137,0);
}

.theme1 h2,
.theme1 h4,
.theme1 .main table a,
.theme1 .note a,
span.theme1,
h5.theme1,
article.theme1 a,
li.theme1 a,
.school-contact article.theme1 b {
    color: rgb(254,94,0);
}
			
.theme2 h2,
.theme2 h4,
.theme2 .main table a,
.theme2 .note a,
span.theme2,
h5.theme2,
article.theme2 a,
li.theme2 a,
.school-contact article.theme2 b {
    color: rgb(114,31,91);
}
			
.theme3 h2,
.theme3 h4,
.theme3 .main table a,
.theme3 .note a,
span.theme3,
h5.theme3,
article.theme3 a,
li.theme3 a,
.school-contact article.theme3 b {
    color: rgb(189,81,38);
}
			
.theme4 h2,
.theme4 h4,
.theme4 .main table a,
.theme4 .note a,
span.theme4,
h5.theme4,
article.theme4 a,
li.theme4 a,
.school-contact article.theme4 b {
    color: rgb(102,128,134);
}
			
.theme5 h2,
.theme5 h4,
.theme5 .main table a,
.theme5 .note a,
span.theme5,
h5.theme5,
article.theme5 a,
li.theme5 a,
.school-contact article.theme5 b {
    color: rgb(153,161,27);
}

.theme6 h2,
.theme6 h4,
.theme6 .main table a,
.theme6 .note a,
span.theme6,
h5.theme6,
article.theme6 a,
li.theme6 a,
.school-contact article.theme6 b {
    color: rgb(90,91,94);
}

.theme7 h2,
.theme7 h4,
.theme7 .main table a,
.theme7 .note a,
span.theme7,
h5.theme7,
article.theme7 a,
li.theme7 a,
.school-contact article.theme7 b {
    color: rgb(204,204,0);
}

.theme8 h2,
.theme8 h4,
.theme8 .main table a,
.theme8 .note a,
span.theme8,
h5.theme8,
article.theme8 a,
li.theme8 a,
.school-contact article.theme8 b {
    color: rgb(2,107,134);
}

.class-registration #class-reg-form-wrapper{
    max-width:700px;
    margin:25px auto 0;
}

.class-registration .class-reg-row{
    display:block;
    width:100%;
    margin:12px 0;
}

.class-registration .class-reg-row .class-reg-form-radio,.class-reg-form-input,.class-reg-form-select{
width:450px;
float:right;
}

.class-registration .class-reg-row .class-reg-form-radio input{
margin:0 10px 0 0;
}


.class-registration .class-reg-row .class-reg-form-input{
    border:0px;
    border-bottom: 1px dotted #000;
}

.class-registration #class-reg-form-wrapper .university,.experience{
    overflow:auto;
    margin:20px 0;
}

.class-registration #form-portfolio-inner{
    margin:40px 0;
}

.class-registration .normal-btn{
	background-color:transparent;
    border-width:0px;
	border-bottom:1px solid #d18900;
	display:inline-block;
	color:#d18900;
	font-family:"Hero-Light";
	font-size:12px;
	text-decoration:none;
    margin-right:4px;
    padding:0;
}

.class-registration .submit-btn{
	background-color:transparent;
	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;
	border:0px solid #8f8f8f;
	display:inline-block;
	color:#777777;
	font-family:"Hero-Light";
	font-size:12px;
	text-decoration:none;
	margin: 4px 0;
    float:right;
}

.class-registration .submit-btn.with-captcha{
	margin: 70px 0px 0px;
}

.class-registration a#change-image{
    color: rgb(209, 137, 0);
}
.class-registration select{
    border:1px solid #999;
}
#form-portfolio-inner p{
    font-size:13px;    
}
#form-portfolio-inner h3{
    font-size:14px;    
}


.class-reservation .logo {
	margin-top: 6%;
}

.class-reservation article {
	line-height: 10px;
}

.class-reservation article strong {
	font-family: "Hero";
	font-weight: normal;
	text-decoration: underline;
}

.class-reservation article a {
	color: rgb(209,137,0);
}

.terms-and-conditions article {
	height: 590px;
	font-size: 85%;
	font-family: "Hero";
	line-height: 1.1em;
	column-count: 2;
	column-gap: 40px;
	-moz-column-count: 2;
	-moz-column-gap: 40px;
	-webkit-column-count: 2;
	-webkit-column-gap: 40px;
}

.terms-and-conditions article ol {
	counter-reset: item;
}

.terms-and-conditions article > ol {
	margin: 0;
	padding: 0 0 0 1.6em;
}

.terms-and-conditions article > ol > li {
	margin: 0 0 0.8em;
}

.terms-and-conditions article > ol > li ol {
	padding: 0 0 0 2.4em;
}

.terms-and-conditions article > ol > li ol > li ol {
	padding: 0 0 0 3em;
}

.terms-and-conditions ol li {
	display: block;
	position: relative;
}

.terms-and-conditions ol li:before {
	content: counters(item, ".")".";
	counter-increment: item;
	position: absolute;
	margin-right: 100%;
	right: 10px; /* space between number and text */
}

/*
#reg-holder img {
	min-width: 420px !important;
	min-height: 600px !important;
}
*/

.partner-large-grid {
	width: 90%;
}

.school-partner article.span4 aside {
	width: 15%;
}

.school-partner article.span4 section {
	width: auto;
	float: none;
}

[class*="news-design-trip-"] article.content {
	padding-top: 1em;
	line-height: 10px;
}

@media (min-width: 1230px) {
    body {
        font-size: 12px;
    }
	
	.logo {
		width: 400px;
	}

	ul.social-media {
		margin: 4.3% 0 0;
	}
	
	.school-vision article.content {
		height: 340px;
		line-height: 10px;
		column-gap: 30px;
		-moz-column-gap: 30px;
		-webkit-column-gap: 30px;
	}
	
	.school-vision #signature {
		width: 140px;
		margin-top: -20px;
	}
	
	.school-advantage article.content {
		height: 430px;
		line-height: 10px;
		column-gap: 30px;
		-moz-column-gap: 30px;
		-webkit-column-gap: 30px;
	}
	
	.school-advantage .images {
		padding-top: 3em;
	}

	.teaching-affiliate article {
		line-height: 10px;
	}
	
	.school-partner article {
		line-height: 10px;
	}
	
	.school-contact article {
		line-height: 10px;
	}
	
	.course-short-course article {
		line-height: 10px;
	}

	.course-part-time-course article.content {
		line-height: 10px;
	}
	.course-design-trip article.content {
		line-height: 10px;
	}        
	
	.course-1year-diploma article {
		line-height: 10px;
	}
	
	.course-1year-diploma article.content {
		height: 410px;
		column-gap: 30px;
		-moz-column-gap: 30px;
		-webkit-column-gap: 30px;
	}
	
	.course-1year-diploma article a {
		width: 150px;
	}
	
	.course-1year-diploma .taglines.p3 {
		width: 340px;
		margin-left: 30px;
		float: left;
	}
	
	.course-1year-diploma article.content.details {
		width: 600px;
		height: 480px;
		margin-left: 30px;
	}
	
	.teaching-tutor .taglines {
		width: 360px;
		margin-left: 30px;
	}
	
	.teaching-tutor article.content {
		width: 610px;
		margin-left: 0;
	}
	
	.teaching-tutor article.content > img {
		margin-left: -50px;
	}
	
	.teaching-tutor .tutor-link.tutor1 {
		width: 100px;
	}
	
	.teaching-tutor .tutor-link.tutor2 {
		width: 90px;
	}
	
	.teaching-tutor .tutor-link.tutor3 {
		width: 80px;
	}
	
	.teaching-tutor .tutor-link.tutor4 {
		width: 70px;
	}
	
	.teaching-tutor .tutor-link.tutor5 {
		width: 95px;
	}
	
	.teaching-tutor .tutor-link.tutor6 {
		width: 80px;
	}
	
	.teaching-tutor article.main {
		line-height: 10px;
	}

	[class*="insight"] article section.note aside.details {
		width: 360px;
		line-height: 15px;
	}
	
	[class*="insight"] article section.content {
		line-height: 10px;
	}
	
	.class-reservation article {
		line-height: 10px;
	}
	
	.terms-and-conditions article {
		height: 650px;
	}

	.news-press article section.latest > div {
		min-height: 320px;
	}

	.partner-large-grid {
		width: 42%;
	}
}

@media (min-width: 1355px) {
    body {
        font-size: 13px;
    }
	
	.logo {
		width: 440px;
	}

	ul.social-media {
		margin: 4.6% 0 0;
	}
	
	h1 {
		font-size: 1.7em;
	}
	
	.school-vision article.content {
		height: 420px;
		line-height: 13px;
		column-gap: 40px;
		-moz-column-gap: 40px;
		-webkit-column-gap: 40px;
	}
	
	.school-vision #signature {
		width: 170px;
		margin-top: -20px;
	}
	
	.school-advantage .images {
		padding-top: 3em;
	}
	
	.school-advantage article.content {
		height: 520px;
		line-height: 13px;
		column-gap: 40px;
		-moz-column-gap: 40px;
		-webkit-column-gap: 40px;
	}

	.teaching-affiliate article {
		line-height: 13px;
	}
	.school-partner article {
		line-height: 13px;
	}
	
	.school-contact article {
		line-height: 13px;
	}

	.school-contact aside {
		margin-top: -6em;
		float: right;
	}
	
	.course-short-course article {
		line-height: 13px;
	}

	.course-part-time-course article.content {
		line-height: 13px;
	}
	.course-design-trip article.content {
		line-height: 13px;
	}        
	
	.course-1year-diploma article {
		line-height: 13px;
	}
	
	.course-1year-diploma article.content {
		height: 500px;
		column-gap: 40px;
		-moz-column-gap: 40px;
		-webkit-column-gap: 40px;
	}
	
	.course-1year-diploma article a {
		width: 170px;
	}
	
	.course-1year-diploma .taglines.p3 {
		width: 380px;
		margin-left: 35px;
		float: left;
	}

	.course-1year-diploma article.content.details {
		width: 650px;
		height: 520px;
		margin-left: 35px;
	}

	.teaching-tutor .taglines {
		width: 410px;
		margin-left: 35px;
		float: left;
	}
	
	.teaching-tutor article.content {
		width: 700px;
		margin-left: -50px;
	}
	
	.teaching-tutor .tutor-link {
		margin-right: 8px;
	}
	
	.teaching-tutor .tutor-link.tutor1 {
		width: 115px;
	}
	
	.teaching-tutor .tutor-link.tutor2 {
		width: 100px;
	}
	
	.teaching-tutor .tutor-link.tutor3 {
		width: 100px;
	}
	
	.teaching-tutor .tutor-link.tutor4 {
		width: 80px;
	}
	
	.teaching-tutor .tutor-link.tutor5 {
		width: 110px;
	}
	
	.teaching-tutor .tutor-link.tutor6 {
		width: 80px;
	}
	
	.teaching-tutor article.main {
		line-height: 13px;
	}

	[class*="insight"] article section.note aside.details {
		width: 432px;
		line-height: 13px;
	}
	
	[class*="insight"] article section.content {
		line-height: 13px;
	}

	.class-reservation article {
		line-height: 13px;
	}
	
	.terms-and-conditions article {
		height: 710px;
	}

	.news-press article section.latest > div {
		min-height: 350px;
	}

	[class*="news-design-trip-"] article.content {
		line-height: 13px;
	}
}

@media (min-width: 1480px) {
    body {
        font-size: 13px;
    }
	
	.logo {
		width: 480px;
	}

	ul.social-media {
		margin: 4.8% 0 0;
	}
	
	h1 {
		font-size: 2em;
	}
	
	.school-vision article.content {
		height: 390px;
		line-height: 13px;
		column-gap: 40px;
		-moz-column-gap: 40px;
		-webkit-column-gap: 40px;
	}
	
	.school-vision #signature {
		width: 170px;
		margin-top: -40px;
	}
	
	.school-advantage .images {
		padding-top: 3em;
	}
	
	.school-advantage article.content {
		height: 520px;
		line-height: 13px;
		column-gap: 40px;
		-moz-column-gap: 40px;
		-webkit-column-gap: 40px;
	}

	.teaching-affiliate article {
		line-height: 13px;
	}
	.school-partner article {
		line-height: 13px;
	}
	
	.school-contact article {
		line-height: 13px;
	}
	
	.course-short-course article {
		line-height: 13px;
	}

	.course-part-time-course article.content {
		line-height: 13px;
	}
	.course-design-trip article.content {
		line-height: 13px;
	}        
	
	.course-1year-diploma article {
		line-height: 13px;
	}

	[class*="news-design-trip-"] article.content {
		line-height: 13px;
	}
	
	.course-1year-diploma article.content {
		height: 500px;
		column-gap: 40px;
		-moz-column-gap: 40px;
		-webkit-column-gap: 40px;
	}
	
	.course-1year-diploma article a {
		width: 170px;
	}
	
	.course-1year-diploma .taglines.p3 {
		width: 430px;
		margin-left: 40px;
		float: left;
	}

	.course-1year-diploma article.content.details {
		width: 690px;
		height: 590px;
		margin-left: 40px;
	}

	.teaching-tutor .taglines {
		width: 430px;
		margin-left: 40px;
		float: left;
	}
	
	.teaching-tutor article.content {
		width: 730px;
		margin-left: 0;
	}
	
	.teaching-tutor .tutor-link {
		margin-right: 10px;
	}
	
	.teaching-tutor .tutor-link.tutor1 {
		width: 125px;
	}
	
	.teaching-tutor .tutor-link.tutor2 {
		width: 100px;
	}
	
	.teaching-tutor .tutor-link.tutor3 {
		width: 100px;
	}
	
	.teaching-tutor .tutor-link.tutor4 {
		width: 80px;
	}
	
	.teaching-tutor .tutor-link.tutor5 {
		width: 120px;
	}
	
	.teaching-tutor .tutor-link.tutor6 {
		width: 80px;
	}
	
	.teaching-tutor article.main {
		line-height: 13px;
	}

	[class*="insight"] article section.note aside.details {
		width: 432px;
		line-height: 13px;
	}
	
	[class*="insight"] article section.content {
		line-height: 13px;
	}

	.class-reservation article {
		line-height: 13px;
	}
	
	.terms-and-conditions article {
		height: 660px;
	}

	.news-press article section.latest > div {
		min-height: 370px;
	}
}
@media (min-width: 1605px) {
    body {
        font-size: 13px;
    }
	
	.logo {
		width: 520px;
	}

	ul.social-media {
		margin: 5% 0 0;
	}
	
	.school-vision article.content {
		height: 412px;
		line-height: 15px;
		column-gap: 40px;
		-moz-column-gap: 40px;
		-webkit-column-gap: 40px;
	}
	
	.school-vision #signature {
		width: 170px;
		margin-top: -10px;
	}
	
	.school-advantage .images {
		padding-top: 3em;
	}
	
	.school-advantage article.content {
		height: 520px;
		line-height: 15px;
		column-gap: 40px;
		-moz-column-gap: 40px;
		-webkit-column-gap: 40px;
	}

	.teaching-affiliate article {
		line-height: 15px;
	}
	
	.school-partner article {
		line-height: 15px;
	}	
	
	.school-contact article {
		line-height: 15px;
	}
	
	.course-short-course article {
		line-height: 15px;
	}

	.course-part-time-course article.content {
		line-height: 15px;
	}
	.course-design-trip article.content {
		line-height: 15px;
	}        
	
	.course-1year-diploma article {
		line-height: 15px;
	}
	
	.course-1year-diploma article.content {
		height: 510px;
		column-gap: 40px;
		-moz-column-gap: 40px;
		-webkit-column-gap: 40px;
	}
	
	.course-1year-diploma article a {
		width: 170px;
	}
	
	.course-1year-diploma .taglines.p3 {
		width: 430px;
		margin-left: 40px;
		float: left;
	}

	.course-1year-diploma article.content.details {
		width: 790px;
		height: 590px;
		margin-left: 40px;
	}

	.teaching-tutor .taglines {
		width: 430px;
		margin-left: 40px;
		float: left;
	}
	
	.teaching-tutor article.content {
		width: 740px;
		margin-left: 50px;
	}
	
	.teaching-tutor .tutor-link {
		margin-right: 12px;
	}
	
	.teaching-tutor .tutor-link.tutor1 {
		width: 130px;
	}
	
	.teaching-tutor .tutor-link.tutor2 {
		width: 100px;
	}
	
	.teaching-tutor .tutor-link.tutor3 {
		width: 90px;
	}
	
	.teaching-tutor .tutor-link.tutor4 {
		width: 85px;
	}
	
	.teaching-tutor .tutor-link.tutor5 {
		width: 120px;
	}
	
	.teaching-tutor .tutor-link.tutor6 {
		width: 90px;
	}
	
	.teaching-tutor article.main {
		line-height: 15px;
	}

	[class*="insight"] article section.note aside.details {
		width: 432px;
		line-height: 15px;
	}
	
	[class*="insight"] article section.content {
		line-height: 15px;
	}

	.class-reservation article {
		line-height: 15px;
	}
	
	.terms-and-conditions article {
		height: 620px;
	}

	.news-press article section.latest > div {
		min-height: 390px;
	}

	[class*="news-design-trip-"] article.content {
		line-height: 15px;
	}
}
@media (min-width: 1730px) {
    body {
        font-size: 14px;
    }
	
	.logo {
		width: 560px;
	}

	ul.social-media {
		margin: 5% 0 0;
	}
	
	.home article.content {
		letter-spacing: 1px;
		word-spacing: 3px;
	}
	
	.school-vision article.content {
		height: 443px;
		line-height: 15px;
		column-gap: 60px;
		-moz-column-gap: 60px;
		-webkit-column-gap: 60px;
	}
	
	.school-vision #signature {
		width: 190px;
		margin-top: -30px;
	}
	
	.school-advantage article.content {
		height: 630px;
		line-height: 15px;
		column-gap: 60px;
		-moz-column-gap: 60px;
		-webkit-column-gap: 60px;
	}

	.teaching-affiliate article {
		line-height: 15px;
	}
	.school-partner article {
		line-height: 15px;
	}	
	
	.school-contact article {
		line-height: 15px;
	}
	
	.course-short-course article {
		line-height: 15px;
	}

	.course-part-time-course article.content {
		line-height: 15px;
	}
	.course-design-trip article.content {
		line-height: 15px;
	}        
	
	.course-1year-diploma article {
		line-height: 15px;
	}
	
	.course-1year-diploma article.content {
		height: 530px;
		column-gap: 60px;
		-moz-column-gap: 60px;
		-webkit-column-gap: 60px;
	}
	
	.course-1year-diploma article a {
		width: 180px;
	}
	
	.course-1year-diploma .taglines.p3 {
		width: 460px;
		margin-left: 60px;
		float: left;
	}

	.course-1year-diploma article.content.details {
		width: 820px;
		height: 650px;
		margin-left: 60px;
		line-height: 15px;
	}

	.teaching-tutor .taglines {
		width: 550px;
		margin-left: 60px;
		float: left;
	}
	
	.teaching-tutor article.content {
		width: 800px;
		margin-left: -60px;
	}
	
	.teaching-tutor .tutor-link.tutor1 {
		width: 140px;
	}
	
	.teaching-tutor .tutor-link.tutor2 {
		width: 110px;
	}
	
	.teaching-tutor .tutor-link.tutor3 {
		width: 100px;
	}
	
	.teaching-tutor .tutor-link.tutor4 {
		width: 90px;
	}
	
	.teaching-tutor .tutor-link.tutor5 {
		width: 120px;
	}
	
	.teaching-tutor .tutor-link.tutor6 {
		width: 95px;
	}
	
	.teaching-tutor article.main {
		line-height: 15px;
	}

	[class*="insight"] article section.note aside.details {
		width: 540px;
		line-height: 15px;
	}

	[class*="insight"] article section.content {
		line-height: 15px;
	}

	.class-reservation article {
		line-height: 15px;
	}
	
	.terms-and-conditions article {
		height: 670px;
	}

	.news-press article section.latest > div {
		min-height: 420px;
	}

	[class*="news-design-trip-"] article.content {
		line-height: 15px;
	}
}

@media (min-width: 1855px) {
    body {
        font-size: 14px;
    }
	
	.logo {
		width: 600px;
	}

	ul.social-media {
		margin: 5.2% 0 0;
	}
	
	.home article.content {
		letter-spacing: 1px;
		word-spacing: 3px;
	}
	
	.school-vision article.content {
		height: 470px;
		line-height: 18px;
		column-gap: 60px;
		-moz-column-gap: 60px;
		-webkit-column-gap: 60px;
	}
	
	.school-vision #signature {
		width: 190px;
		margin-top: -10px;
	}
	
	.school-advantage article.content {
		height: 630px;
		line-height: 18px;
		column-gap: 60px;
		-moz-column-gap: 60px;
		-webkit-column-gap: 60px;
	}

	.teaching-affiliate article {
		line-height: 18px;
	}
	.school-partner article {
		line-height: 18px;
	}	
	
	.school-contact article {
		line-height: 18px;
	}
	
	.course-short-course article {
		line-height: 18px;
	}

	.course-part-time-course article.content {
		line-height: 18px;
	}
	.course-design-trip article.content {
		line-height: 18px;
	}        
	
	.course-1year-diploma article {
		line-height: 18px;
	}
	
	.course-1year-diploma article.content {
		height: 580px;
		column-gap: 60px;
		-moz-column-gap: 60px;
		-webkit-column-gap: 60px;
	}
	
	.course-1year-diploma article a {
		width: 180px;
	}
	
	.course-1year-diploma .taglines.p3 {
		width: 460px;
		margin-left: 60px;
		float: left;
	}

	.course-1year-diploma article.content.details {
		width: 920px;
		height: 650px;
		margin-left: 60px;
		line-height: 18px;
	}

	.teaching-tutor .taglines {
		width: 550px;
		margin-left: 60px;
		float: left;
	}
	
	.teaching-tutor article.content {
		width: 800px;
		margin-left: -60px;
	}
	
	.teaching-tutor .tutor-link {
		margin-right: 15px;
	}
	
	.teaching-tutor .tutor-link.tutor1 {
		width: 130px;
	}
	
	.teaching-tutor .tutor-link.tutor2 {
		width: 110px;
	}
	
	.teaching-tutor .tutor-link.tutor3 {
		width: 100px;
	}
	
	.teaching-tutor .tutor-link.tutor4 {
		width: 90px;
	}
	
	.teaching-tutor .tutor-link.tutor5 {
		width: 130px;
	}
	
	.teaching-tutor .tutor-link.tutor6 {
		width: 100px;
	}
	
	.teaching-tutor article.main {
		line-height: 18px;
	}

	[class*="insight"] article section.note aside.details {
		width: 540px;
		line-height: 18px;
	}

	[class*="insight"] article section.content {
		line-height: 18px;
	}

	.class-reservation article {
		line-height: 18px;
	}
	
	.terms-and-conditions article {
		height: 640px;
	}

	.news-press article section.latest > div {
		min-height: 460px;
	}

	[class*="news-design-trip-"] article.content {
		line-height: 18px;
	}
}

@media (min-width: 768px) and (max-width: 980px) {
	.logo {
		width: 246px;
	}

	ul.social-media {
		margin: 2.8% 0 0;
	}
	
	h1 {
		letter-spacing: inherit;
	}
	
	h1 > br,
	.home p > br {
		display: none;
	}
	
	h1 > br.line-break,
	h2 > br.line-break {
		display: inline;
	}
	
	.top {
		margin-top: -1.2em;
	}
	
	.course-short-course .main table td.class-type {
		width: 100%;
		font-family: "Hero";
	}
	
	.course-part-time-course .main table td.class-type {
		width: 50%;
		font-family: "Hero";
	}
	.course-design-trip .main table td.class-type {
		width: 50%;
		font-family: "Hero";
	}        
	
	.course-short-course .main table td.class-date {
		width: auto;
	}
	
	.main table td.class-availability,
	.main table td.class-reserve {
		text-align: right;
	}

	.school-vision article.content {
		height: 400px;
		column-gap: 10px;
		-moz-column-gap: 10px;
		-webkit-column-gap: 10px;
	}

	.school-advantage article.content {
		height: 400px;
		column-gap: 10px;
		-moz-column-gap: 10px;
		-webkit-column-gap: 10px;
		background: none;
	}

	.school-advantage article.content br {
		display: none;
	}

	.teaching-affiliate article, 
	.teaching-affiliate aside{
		width: 100%;
	}
	.school-partner article,
	.school-partner aside{
		width: 100%;
	}	
	
	.school-contact #newsletter-form {
		display: none;
	}
	
	.school-contact article,
	.school-contact aside {
		width: 100%;
	}
	
	.school-contact aside {
		float: none;
	}

	.course-1year-diploma .images {
		padding-top: 38%;
	}

	.course-1year-diploma article.content {
		height: 470px;
		column-gap: 10px;
		-moz-column-gap: 10px;
		-webkit-column-gap: 10px;
	}
	
	.course-1year-diploma .taglines.p3 {
		width: 230px;
		margin-left: 10px;
		float: left;
	}

	.course-1year-diploma article.content.details {
		width: 370px;
		height: 500px;
		margin-left: 10px;
	}
	
	.teaching-mentor .taglines {
		width: 320px;
	}
	
	.teaching-mentor .images {
		margin-top: 8em;
	}
	
	.teaching-tutor .taglines {
		width: 400px;
		margin-left: 10px;
	}
	
	.teaching-tutor article.content {
		width: 600px;
		margin-left: -40px;
	}
	
	.teaching-tutor .tutor-link.tutor1 {
		width: 105px;
	}
	
	.teaching-tutor .tutor-link.tutor2 {
		width: 95px;
	}
	
	.teaching-tutor .tutor-link.tutor3 {
		width: 85px;
	}
	
	.teaching-tutor .tutor-link.tutor4 {
		width: 70px;
	}
	
	.teaching-tutor .tutor-link.tutor5 {
		width: 100px;
	}
	
	.teaching-tutor .tutor-link.tutor6 {
		width: 80px;
	}

	.news-press article {
		 margin-top: 0;
	}

	.news-press article section.latest > div:first-child,
	.news-press article section.latest > div {
		  width: 100%;
		  margin-left: 0;
	}

	.news-press article section.past h4 {
		margin-left: 20px;
	}
	
	.news-press article section.past > div {
		height: 65em;
		margin-left: 20px;
	}

	[class*="insight"] article section.note aside.details {
		width: 223px;
	}
	
	[class*="insight"] article section.content {
		height: auto;
	}
	
	.terms-and-conditions article {
		height: 730px;
	}
}

@media (max-width: 767px) and (orientation:portrait) {
    body {
        padding: 30px 10px;
        font-size: 12px;
    }
	
  .logo {
    width: auto !important;
		max-width: 260px !important;
	}
	
	.top {
		padding-top: 0.5em;
		margin-top: 0;
		border-top: none;
	}
	
	.home .images {
		overflow-x: auto;
		overflow-y: hidden;
	}
	
	.home .images-container {
		width: 255%;
	}
	
	.course-short-course article .course-link {
		height: auto;
		width: 48%;
		margin: 0 1%;
		text-align: center;
	}
	
	.course-short-course article .course-link:nth-child(5n) {
		margin-right: 1%;
	}
	
	.course-short-course article .course-link img {
		width: 100%;
	}
	
	.course-short-course aside.images > img {
		width: 60%;
		margin: 0 20%;
	}
	
	.course-part-time-course .images {
		overflow-x: auto;
		overflow-y: hidden;
	}
	
	.course-part-time-course .images-container {
		width: 204%;
	}

	.course-part-time-course .images > img {
		width: 60%;
		margin: 0 20%;
	}
	.course-design-trip .images {
		overflow-x: auto;
		overflow-y: hidden;
	}
	
	.course-design-trip .images-container {
		width: 204%;
	}

	.course-design-trip .images > img {
		width: 60%;
		margin: 0 20%;
	}        
	
	.course-1year-diploma .images.fixed.to-left {
		position: fixed;
		opacity: 0.3;
	}

	.course-1year-diploma .images.fixed.to-left > img {
		width: 100%;
	}
	
	.course-1year-diploma article a {
		width: 150px;
	}
	
	.course-executive-course h1 {
		font-size: 1.6em;
	}
	
	.teaching-mentor article.content .mentor-item {
		width: 48%;
		min-height: 240px;
		margin: 0 1%;
		text-align: center;
	}
	
	.teaching-tutor article.content > img {
		margin-bottom: 6em;
	}
	
	.teaching-tutor .tutor-link {
		width: 40% !important;
		min-height: 220px;
		margin: 1em 5% !important;
		display: block;
		position: relative;
		float: left;
	}

	.news-press article section.latest > div {
		  width: 100%;
		  margin-left: 0;
		  text-align: center;
	}
	
	.news-press article section.past > div {
		height: auto;
		text-align: center;
	}
	
	.news-press article section.past h4 {
		text-align: center;
	}
	
	.news-press article section.past > div ul {
		padding: 0;
	}
	
	.news-press article section.past > div ul li:before {
		content: "";	
	}
	
	[class*="insight"] article section.content {
		line-height: 1.2em !important;
	}

	[class*="news-design-trip-"] article.content {
		line-height: 1.2em !important;
	}

	.teaching-affiliate article aside {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
		float: none;
	}

	.teaching-affiliate article section {
		width: 100%;
		float: none;
	}
}

@media (max-width: 767px) and (orientation:landscape) {
    body {
        padding: 20px 20px 50px;
        font-size: 14px;
    }
	
  div.logo {
    width: 300px;
	}
	
	.top {
		padding-top: 0.5em;
		margin-top: 0;
		border-top: none;
	}
	
	.images > img {
		width: 50%;
		margin: 0 25%;
	}
	
	.course-short-course article .course-link {
		height: auto;
	}
	
	.course-short-course article .course-link span {
		min-height: 6em;
		font-size: 0.9em;
	}
	
	.course-1year-diploma .images.fixed.to-left {
		top: 42em;
		position: absolute;
	}
	
	.course-1year-diploma .images.fixed.to-left > img {
		width: 100%;
		margin: 0;
	}
	
	.course-1year-diploma article a {
		width: 180px;
	}
	
	.teaching-mentor article.content .mentor-item {
		width: 23%;
		min-height: 240px;
		margin: 0 1%;
		text-align: center;
	}
	
	.teaching-tutor article.content > img {
		margin-bottom: 3em;
	}
	
	.teaching-tutor .tutor-link {
		width: 23% !important;
		min-height: 200px;
		margin: 1em 5% !important;
		display: block;
		position: relative;
		float: left;
	}

	.news-press article section.latest > div:first-child,
	.news-press article section.latest > div {
		  width: 48%;
		  margin-left: 1%;
		  margin-right: 1%;
		  text-align: center;
	}
	
	.news-press article section.past > div {
		height: 6.8em;
	}
}

@media (max-width: 767px) {
	html.overflow-hidden {
		overflow: hidden;
	}
	
	.navbar .btn-navbar {
		display: block;
	}

	nav ul.menu {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-overflow-scrolling: touch;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		padding: 50px 30px;
		float: none;
		text-align: center;
		position: fixed;
		background: #ffffff;
		display: none;
		overflow: scroll;
	}
	
	nav ul.menu > li {
		margin: 1em 0;
		float: none;
	}
	
	nav ul.menu > li:before {
		content:"";
	}
	
	nav ul.menu > li > a {
		margin: 0 0 0.5em;
		display: block;
	}
	
	nav ul.menu > li > ul.sub-menu,
	nav ul.menu > li:first-child > ul.sub-menu {
		top: auto;
		display: block;
		position: relative;
		margin: 0;
	}
	
	nav ul.menu > li:first-child > ul.sub-menu {
		left: auto;
	}
	
	nav ul.menu > li > ul.sub-menu > li {
		padding: 0;
		margin: 0;
		display: block;
	}

	nav ul.menu > li > ul.sub-menu > li:hover,
	nav ul.menu > li > ul.sub-menu > li.active {
		background: none !important;
	}
	
	nav ul.menu > li > ul.sub-menu > li:hover > a,
	nav ul.menu > li > ul.sub-menu > li.active > a,
	nav ul.menu > li > ul.sub-menu > li > ul.minor-menu > li:hover > a,
	nav ul.menu > li > ul.sub-menu > li > ul.minor-menu > li.active > a {
		text-decoration: underline;
	}
	
	nav ul.menu > li > a#blog:hover, nav ul.menu > li > a#blog.active {
		background-image: none;
		text-decoration: underline;
	}
	
	nav ul.menu > li > ul.sub-menu > li > ul.minor-menu {
		display: block;
		position: relative;
		z-index: 1000;
		padding: 0;
		margin: 0;
		list-style: none;
	}
	
	nav ul.menu > li > ul.sub-menu > li > ul.minor-menu > li {
		padding: 0;
	}
	
	nav ul.menu > li > ul.sub-menu > li#course-part-time-course > a,
        nav ul.menu > li > ul.sub-menu > li#course-design-trip > a,
	nav ul.menu > li > ul.sub-menu > li#course-other-course > a {
		display: none;
	}
	
	.main table {
		width: 100%;
	}
	
	.main table td {
		width: auto;
	}
	
	.main table td.class-availability,
	.main table td.class-reserve {
		text-align: right;
	}
	
	.images {
		margin-bottom: 1em;
	}
	
	.home article.content {
		width: 100%;
		margin-left: 0;
	}
	
	.school-vision article.content {
		height: auto;
		column-count: 1;
		-moz-column-count: 1;
		-webkit-column-count: 1;
		line-height: 1.2em;
	}
	
	.school-vision #signature {
		width: 50%;
		max-width: 200px;
		margin: 0;
	}
	
	.school-advantage .images {
		padding-top: 0;
	}
	
	.school-advantage article.content {
		height: auto;
		column-count: 1;
		-moz-column-count: 1;
		-webkit-column-count: 1;
		line-height: 1.2em;
		background: none;
	}

	.school-advantage article.content br {
		display: none;
	}
	
	.teaching-affiliate article {
		line-height: 1.2em;
	}
	.school-partner article {
		line-height: 1.2em;
	}	
	
	.school-contact article,
	.school-contact aside {
		width: 100%;
	}
	
	.school-contact article {
		line-height: 1.2em;
	}
	
	.school-contact article b {
		margin-top: 0.5em;
	}
	
	.school-contact aside {
		margin-top: 1em;
		float: none;
	}

	.course-short-course article .course-link span {
		min-height: 4em;
	}

	.course-short-course article.content {
		line-height: 1.2em;
	}
	
	.course-short-course .main table td.class-type {
		width: 100%;
		font-family: "Hero";
	}

	.course-part-time-course article.content {
		line-height: 1.2em;
	}
	
	.course-part-time-course .main table td.class-type {
		width: 50%;
		font-family: "Hero";
	}
	.course-design-trip article.content {
		line-height: 1.2em;
	}
	
	.course-design-trip .main table td.class-type {
		width: 50%;
		font-family: "Hero";
	}        
	
	.course-1year-diploma article {
		line-height: 1.2em;
	}
	
	.course-1year-diploma article.content {
		height: auto !important;
		column-count: 1;
		-moz-column-count: 1;
		-webkit-column-count: 1;
	}

	.course-1year-diploma .images {
		padding-top: 0;
	}
	
	.course-1year-diploma .images.fixed {
		position: relative;
	}

	.course-1year-diploma .taglines.p3,
	.course-1year-diploma article.content.details  {
		width: 100%;
		margin-left: 0;
	}
	
	.course-executive-course .images {
		position: absolute;
		bottom: auto;
	}
	
	.course-executive-course .images > img {
		width: 100%;
		margin: 0;
	}
	
	.teaching-mentor .taglines {
		font-size: 0.9em;
	}
	
	.teaching-mentor .images {
		display: none;
	}
	
	.teaching-mentor article.content {
		margin: 0;
	}
	
	.teaching-mentor .mentor-item.empty {
		display: none;
	}
	
	.teaching-mentor article.content span.caption {
		margin: 0;
	}
	
	.teaching-mentor .mentor-item span {
		display: block;
		min-height: 3em;
	}

	.teaching-tutor .taglines,
	.teaching-tutor article.content {
		width: 100%;
		height: auto;
		margin-left: 0;
	}
	
	.teaching-tutor .inspiration {
		margin-bottom: 1em;
	}
	
	.teaching-tutor article.main {
		line-height: 1.2em;
	}

	.news-press article {
		margin-top: 0;
	}
	
	[class*="insight"] .board {
		padding: 4em 1em;
		background-repeat: repeat;
	}
	
	[class*="insight"] .white-canvas {
		width: auto;
		height: auto;
		padding: 1em;
		margin: 0;
	}
	
	[class*="insight"] article section.note {
		width: 100%;
		margin-bottom: 2em;
	}

	[class*="insight"] article section.note aside.details {
		width: 82.5%;
		padding: 2em 5% 1em;
		margin: 0;
		line-height: 1.2em;
	}
	
	[class*="insight"] article section.note img {
		width: 80%;
		margin: 0 10%;
	}
	
	[class*="insight"] article section.content {
		width: 100%;
		height: auto;
		margin: 0;
		line-height: 1.2em;
	}
	
	[class*="insight"] article section.menu ul {
		height: auto !important;
	}
	
	[class*="insight"] article section.menu ul li a span.insight-date {
		float: none;
	}

	.class-reservation article {
		line-height: 1.2em;
	}
	
	.terms-and-conditions article {
		height: auto !important;
		column-count: 1;
		-moz-column-count: 1;
		-webkit-column-count: 1;
		font-size: 100%;
	}

	#reg-holder img {
		min-width: 0 !important;
	}

	[class*="news-design-trip-"] article.content {
		line-height: 1.2em !important;
	}
}

@media (max-width: 1354px) {
	h1 {
		letter-spacing: inherit !important;
	}
	
	h1 > br,
	.home p > br {
		display: none !important;
	}
	
	h1 > br.line-break,
	h2 > br.line-break {
		display: inline !important;
	}
}

@media only screen
and (min-width : 321px)
and (max-width: 480px) {
    .course-1year-diploma .images.fixed.to-left {
		top: 52em;
	}
}