*{
	list-style:none;
	margin:0;
	padding:0;
	text-decoration:none;
}

img, input, fieldset, table, tr, th, td{
	border:0;
}

header, section, article, aside, footer, nav, figure{display:block;}

a, input{
	color:inherit;
	outline:none;
}

:active, :focus{
	-moz-outline-style: none; /*for Firefox*/
}


@font-face {
    font-family: 'FontSiteSansCondensed';
    src: url('../font/FontSiteSans-Cond-webfont.eot');
    src: url('../font/FontSiteSans-Cond-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/FontSiteSans-Cond-webfont.woff') format('woff'),
         url('../font/FontSiteSans-Cond-webfont.ttf') format('truetype'),
         url('../font/FontSiteSans-Cond-webfont.svg#FontSiteSansCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}


html, body{
	height: 100%;
}

/*    body    */

body{
	background-color: #e6e6e6;
	font-family: Helvetica, Arial;
	font-weight: normal;
	text-align: center; /*for IE*/
	width: 100%;
}

header, body > section, footer{
	background-color: #fff;
	margin: 0 auto;
	max-width: 1626px;
	min-width: 962px;
	text-align: left; /*for IE*/
	width:100%;
}

section section{
	background-color: #fff;
}

h1, h2, h3, h4, h5, h6{
	font-weight:normal;
}


#container{
	height: 100%;
}

a:hover{ text-decoration: underline;}


/*   header   */

header{
/*	background: url('../img/header.png') no-repeat top right;*/
	height:98px;
	position:relative;
	z-index:100;
}

header h1{
	float:left;
	padding:14px 0 0 18px;
}

header h1 a{
	background:url('../img/logo.png') no-repeat left bottom;
	display:block;
	height:68px;
	overflow:hidden;
	text-indent:-3000px;
	width:202px;
}


header > nav > ul > li{
	float:left;
}

header .search{
	display: none;
	float:left;
	padding: 8px 20px 0 0;
}

header .search input{
	background: #fff url('../img/search-input-bg.png') no-repeat 2px 50%;
	border-bottom: 1px solid #ccc;
	font-size: 11px;
	height: 29px;
	line-height: 29px;
	padding: 0 23px;
	width: 124px;
}

#headerTop{
	float:right;
}

/*#headerTop ul{
	padding:12px 1px 0 0;
}

#headerTop li{
	padding:0 19px 0 0;
}

#headerTop a{
	color:#00a4e4;
	font-size:11px;
}

#headerTop a:hover{
	text-decoration:underline;
}*/

/* BEGIN NEW HEADER LINKS */
#headerTop #headerTopMenu{
	float:left;
	padding:12px 1px 0 0;
}

#headerTop #headerTopMenu li{
	padding:0 19px 0 0;
}

#headerTop #headerTopMenu a{
	color:#00A4E4;
	font-size:11px;
}

#headerTop #headerTopMenu a:hover{
	text-decoration:underline;
}


#headerTop #headerTopSocial{
	float:left;
	padding:13px 20px 0 1px;
}

#headerTop #headerTopSocial li{
	height:17px;
}

#headerTop #headerTopSocial li a{
	background: url('../img/header-social.png') no-repeat 0px 0px;
	display:block;
	height:100%;
	overflow:hidden;
	text-indent:-3000px;
	width:100%;
}


#headerTop #headerTopSocial li.socialFacebook{
	padding:0 30px 0 0;
	width:8px;
}

#headerTop #headerTopSocial li.socialTwitter{
	background-position:-38px;
	padding:0 24px 0 0;
	width:15px;
}

#headerTop #headerTopSocial li.socialTwitter a{
	background-position:-38px;
}

#headerTop #headerTopSocial li.socialYoutube{
	width:14px;
}

#headerTop #headerTopSocial li.socialYoutube a{
	background-position:-77px;
}


#headerBottom{
	bottom:9px;
	position:absolute;
	right:0;
	z-index:100;
}

#headerBottom > ul > li{
	cursor: pointer;
	margin:0 21px 0 0; /* 21px for all and 20px for the last */
	position:relative;
}

#headerBottom > ul > li > a{
	background: url('../img/menu-bg.png') no-repeat top left;
	display: block;
	height: 23px;
	overflow: hidden;
	text-indent: -3000px;
}

#headerBottom li.welcome > a{
	background-position:0px 0px;
	width:67px;
}

#headerBottom li.welcome > a:hover,
#headerBottom li.welcome > a.active,
#welcome #headerBottom li.welcome > a:hover,
#welcome-case #headerBottom li.welcome > a:hover{
	background-position:0px -23px;
}

#welcome #headerBottom li.welcome > a,
#welcome-case #headerBottom li.welcome > a{
	background-position:0px -53px;
}


#headerBottom li.welcome nav a:hover,
#headerBottom li.welcome nav a.current{
	color: #0094df;
}


#headerBottom li.faculty > a{
	background-position:-88px 0px;
	width:58px;
}

#headerBottom li.faculty > a:hover,
#headerBottom li.faculty > a.active,
#faculty #headerBottom li.faculty > a:hover,
#faculty-detail #headerBottom li.faculty > a:hover{
	background-position:-88px -23px;
}

#faculty #headerBottom li.faculty > a,
#faculty-detail #headerBottom li.faculty > a{
	background-position:-88px -53px;
}

#headerBottom li.faculty nav a:hover,
#headerBottom li.faculty nav a.current
{
	color: #eccf00;
}


#headerBottom li.degreesAndPrograms > a{
	background-position:-167px 0px;
	width:153px;
}

#headerBottom li.degreesAndPrograms > a:hover,
#headerBottom li.degreesAndPrograms > a.active,
#degrees-and-programs #headerBottom li.degreesAndPrograms > a:hover,
#degrees-and-programs-case #headerBottom li.degreesAndPrograms > a:hover,
#suprastudio #headerBottom li.degreesAndPrograms > a:hover,
#suprastudio-case #headerBottom li.degreesAndPrograms > a:hover{
	background-position:-167px -23px;
}

#degrees-and-programs #headerBottom li.degreesAndPrograms > a,
#degrees-and-programs-case #headerBottom li.degreesAndPrograms > a,
#suprastudio #headerBottom li.degreesAndPrograms > a,
#suprastudio-case #headerBottom li.degreesAndPrograms > a{
	background-position:-167px -53px;
}


#headerBottom li.degreesAndPrograms nav a:hover,
#headerBottom li.degreesAndPrograms nav a.current{
	color: #cb3fd3;
}


#headerBottom li.studentProjects > a{
	background-position:-341px 0px;
	width:133px;
}

#headerBottom li.studentProjects > a:hover,
#headerBottom li.studentProjects > a.active,
#student-projects #headerBottom li.studentProjects > a:hover,
#student-projects-case #headerBottom li.studentProjects > a:hover{
	background-position:-341px -23px;
}

#student-projects #headerBottom li.studentProjects > a,
#student-projects-case #headerBottom li.studentProjects > a{
	background-position:-341px -53px;
}

#headerBottom li.studentProjects nav a:hover,
#headerBottom li.studentProjects nav a.current{
	color: #5fb600;
}


#headerBottom li.admissions > a{
	background-position:-494px 0px;
	width:84px;
}

#headerBottom li.admissions > a:hover,
#headerBottom li.admissions > a.active,
#admissions #headerBottom li.admissions > a:hover,
#admissions-case #headerBottom li.admissions > a:hover{
	background-position:-494px -23px;
}

#admissions #headerBottom li.admissions > a,
#admissions-case #headerBottom li.admissions > a{
	background-position:-494px -53px;
}

#headerBottom li.admissions nav a:hover,
#headerBottom li.admissions nav a.current{
	color: #00a3ad;
}


#headerBottom li.newsAndEvents > a{
	background-position:-599px 0px;
	width: 124px;
}

#headerBottom li.newsAndEvents > a:hover,
#headerBottom li.newsAndEvents > a.active,
#lectures #headerBottom li.newsAndEvents > a:hover,
#lectures-detail #headerBottom li.newsAndEvents > a:hover,
#news-and-events #headerBottom li.newsAndEvents > a:hover,
#news-and-events-detail #headerBottom li.newsAndEvents > a:hover{
	background-position:-599px -23px;
}

#lectures #headerBottom li.newsAndEvents > a,
#lectures-detail #headerBottom li.newsAndEvents > a,
#news-and-events #headerBottom li.newsAndEvents > a,
#news-and-events-detail #headerBottom li.newsAndEvents > a{
	background-position:-599px -53px;
}

#headerBottom li.newsAndEvents nav a:hover,
#headerBottom li.newsAndEvents nav a.current{
	color: #ff4e00;
}

#headerBottom li.newsAndEvents{
	margin:0 20px 0 0;
}


#headerBottom .arrow{
	background:  url('../img/menu-arrow.png') no-repeat bottom center;
	display:none;
	height: 10px;
	left:0;
	position: absolute;
	top:23px;
	width: 100%;
	z-index:101;
}


#headerBottom ul nav{
	background-color: #fff;
	border: 1px solid #ccc;
	display:none;
	font: normal 12px/24px Arial;
	left:0;
	padding: 10px 0 8px;
	position:absolute;
	top:32px;
	z-index:100;
}

#headerBottom li.admissions nav{
	left: -28px;
}

#headerBottom li.newsAndEvents nav{
	left: auto;
	right: 0;
}

#headerBottom ul nav a{
	color:#000;
	display: block;
	padding:0 12px;
	width: 215px;
}




/*    #breadCrumb    */

#breadCrumb{
 	border-top: 1px solid #ccc;
	height: 23px;
}

#breadCrumb ul{
	height: 23px;
	padding: 0 0 0 19px;
}

#breadCrumb ul li{
	background: url('../img/bread-crumb-arrow.png') no-repeat center right;
	color:#000;
	float:left;
	font-size:11px;
	font-weight: 600;
	line-height:23px;
	padding: 0 22px 0 0;
}

#breadCrumb ul li.last{
	background: none;
	padding: 0;
}

#breadCrumb ul li a{
	color:#7d7d7d;
}

#breadCrumb ul li a:hover{
	text-decoration:underline;
}




/*   .slide   */

.slide{
	overflow:hidden;
	position:relative;
	width:100%;
}

.slide ul{
	background-color: #ccc;
	height:100%;
/*	width:3000px;*/
}

.slide li{
	cursor: pointer;
	float:left;
	height:100%;
	position:relative;
}

.slide li img{
	left: 0;
	position: absolute;
	top: 0;
	z-index:0;
}

.slide li h3{
	color: #fff;
	font-family: Arial;
	font-size:10px;
	height: 18px;
	left: 0;
	line-height: 17px;
	padding: 0 6px 0 7px;
	position: absolute;
	top: 0;
	z-index:2;
}

.slide .faculty h3, .slide .faculty .hoverStage{
	background: #ffe045;
}

.slide .news h3, .slide .news .hoverStage{
	background: #ff4e00;
}

.slide .researchStudios h3, .slide .researchStudios .hoverStage{
	background: #5fb600;
}

.slide .events h3, .slide .events .hoverStage{
	background: #009ed2;
}

.slide .events h3{
	padding: 0;
	text-align: center;
	width: 52px;
}

.slide li .hoverStage{
	display: none;
	height: 100%;
	left: 0;
	opacity: 0.6;
	filter: alpha(opacity=60); /* for IE 7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* for IE 8 */
	position: absolute;
	top: 0;
	width:100%;
	z-index:1;
}

.slide .play{
	background: url('../img/slide-play.png') no-repeat left center;
	display: block;
	height: 45px;
	left: 50%;
	margin: -22px 0 0 -22px;
	position: absolute;
	top: 50%;
	width: 45px;
	z-index:2;
}

.slide .aside{
	background: #fff;
	font-family: FontSiteSansCondensed, Helvetica;
	height: 161px;
	left: 0;
	position: absolute;
	top: 18px;
	width: 330px;
	z-index:2;
}

.slide .aside h2,
.slide .aside p{
	font-size:32px;
	line-height:32px;
}

.slide .aside h2{
	color: #000;
	padding: 16px 18px 0 18px;
}

.slide .aside p{
	color: #7f7f7f;
	padding: 0 24px 0 18px;
}

.slide .aside a{
	color: #00a4e4;
	bottom: 15px;
	font-size: 16px;
	left:18px;
	line-height: 22px;
	position: absolute;
/*	padding: 0 18px 0 18px;*/
}

.slide .aside .videoLink{
	background: url('../img/slide-video-link.png') no-repeat left center;
	padding: 0 0 0 26px;
}

.slide li .time{
	background: url('../img/slide-date-bg.png') no-repeat top left;
	color: #7d7d7d;
	display:block;
	height:41px;
	font: normal 11px/11px Arial;
	left:0;
	padding:5px 0 0 0;
	position:absolute;
	text-align:center;
	text-transform: uppercase;
	top:18px;
	width:52px;
	z-index:3;
}

.slide li .time strong{
	color: #fff;
	display:block;
	font: bold 24px/28px Arial;
	width:100%;
}

.slide .prev,
.slide .next{
	display:none;
	height:47px;
	margin:-22px 0 0 0;
	position:absolute;
	top:50%;
	width:49px;
	z-index:1000;
}

.slide .prev{
	background: url('../img/slide-arrow-prev.png') no-repeat 0px -47px;
	left:0;
}

.slide .next{
	background: url('../img/slide-arrow-next.png') no-repeat 0px -47px;
	right:0;
}

.slide .prev:hover,
.slide .next:hover{
	background-position: 0px 0px;
}





/*   footer   */

footer{
	clear: both;
	height:40px;
}

footer .up{
	background: url('../img/footer-arrow-up.png') no-repeat 20px 18px;
	display:block;
	height:53px;
	float:left;
	overflow: hidden;
	text-indent: -3000px;
	width:53px;
}

footer nav{
	float:right;
}

footer li{
	color: #00a4e4;
	float:left;
	font-size: 11px;
	margin: 0 19px 0 0;
}

footer li a{
	color:#00a4e4;
	font-size:11px;
	line-height:35px;
}

footer li a:hover{
	text-decoration:underline;
}


/*     vimeo     */

.vimeo{
	background: url('../img/vimeo-bg.png');
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 500;
}

.vimeo iframe{
	left: 50%;
	margin: 0 0 0 -461px;
	position: absolute;
	top: 165px;
}

.vimeo .closeVimeo{
	background: url('../img/close.png') no-repeat right top;
	display: block;
	height: 22px;
	left: 50%;
	margin-left: 439px;
	overflow: hidden;
	position: absolute;
	text-indent: -3000px;
	top:132px;
	width: 22px;
}




/* changing IDs*/

.welcome-body #content a{
	color: #0094df;
}

.welcome-body .normalLine{
	background: url('../img/welcome-title-normal-bg.png') no-repeat top left;
}

.welcome-body .strongLine{
	background: url('../img/welcome-title-strong-bg.png') no-repeat top left;
}

.welcome-body #welcomeSlide01 .aside .videoLink.videoIcon{
	background: url('../img/video-play-icon.png') no-repeat 0px -80px;
	color: #0094df;
}

.welcome-body #content #profile .hoverStage{
	background: #0094df;
}


.faculty-body #content a,
.faculty-detail-body #content a{
	color: #ffe045;
}

.faculty-body .normalLine,
.faculty-detail-body .normalLine{
	background: url('../img/faculty-detail-title-normal-bg.png') no-repeat top left;
}

.faculty-body .strongLine,
.faculty-detail-body .strongLine{
	background: url('../img/faculty-detail-title-strong2-bg.png') no-repeat top left;
}

.faculty-body #welcomeSlide01 .aside .videoLink.videoIcon,
.faculty-detail-body #welcomeSlide01 .aside .videoLink.videoIcon{
	background: url('../img/video-play-icon.png') no-repeat 0px -160px;
	color: #ffe045;
}

.faculty-body #content #profile .hoverStage,
.faculty-detail-body #content #profile .hoverStage{
	background: #ffe045;
}


.degrees-and-programs-body #content a{
	color: #cb3fd3;
}

.degrees-and-programs-body .normalLine{
	background: url('../img/degrees-and-programs-title-normal-bg.png') no-repeat top left;
}

.degrees-and-programs-body .strongLine{
	background: url('../img/degrees-and-programs-title-strong-bg.png') no-repeat top left;
}

.degrees-and-programs-body #welcomeSlide01 .aside .videoLink.videoIcon{
	background: url('../img/video-play-icon.png') no-repeat 0px -240px;
	color: #cb3fd3;
}

.degrees-and-programs-body #content #profile .hoverStage{
	background: #cb3fd3;
}



.student-projects-body #content a,
.student-projects-case-body #content a{
	color: #5fb600;
}

.student-projects-body .normalLine,
.student-projects-case-body .normalLine{
	background: url('../img/student-projects-title-normal-bg.png') no-repeat top left;
}

.student-projects-body .strongLine,
.student-projects-case-body .strongLine{
	background: url('../img/student-projects-title-strong2-bg.png') no-repeat top left;
}

.student-projects-body #welcomeSlide01 .aside .videoLink.videoIcon,
.student-projects-case-body #welcomeSlide01 .aside .videoLink.videoIcon{
	background: url('../img/video-play-icon.png') no-repeat 0px -320px;
	color: #5fb600;
}

.student-projects-body #content #profile .hoverStage,
.student-projects-case-body #content #profile .hoverStage{
	background: #5fb600;
}


.admissions-body #content a{
	color: #00a3ad;
}

.admissions-body .normalLine{
	background: url('../img/faq-title-normal-bg.png') no-repeat top left;
}

.admissions-body .strongLine{
	background: url('../img/faq-title-strong-bg.png') no-repeat top left;
}

.admissions-body #welcomeSlide01 .aside .videoLink.videoIcon{
	background: url('../img/video-play-icon.png') no-repeat 0px -400px;
	color: #00a3ad;
}

.admissions-body #content #profile .hoverStage{
	background: #00a3ad;
}



.news-and-events-body #content a{
	color: #ff4e00;
}

.news-and-events-body .normalLine{
	background: url('../img/news-and-events-title-normal-bg.png') no-repeat top left;
}

.news-and-events-body .strongLine{
	background: url('../img/news-and-events-title-strong-bg.png') no-repeat top left;
}

.news-and-events-body #welcomeSlide01 .aside .videoLink.videoIcon{
	background: url('../img/video-play-icon.png') no-repeat 0px -480px;
	color: #ff4e00;
}

.news-and-events-body #content #profile .hoverStage{
	background: #ff4e00;
}


.contact-body #content a,
.contact-visiting-body #content a{
	color: #00A4E4;
}

.contact-body .normalLine,
.contact-visiting-body .normalLine{
	background: url('../img/contact-title-normal-bg.png') no-repeat top left;
}

.contact-body .strongLine,
.contact-visiting-body .strongLine{
	background: url('../img/contact-title-strong-bg.png') no-repeat top left;
}

.contact-body #welcomeSlide01 .aside .videoLink.videoIcon,
.contact-visiting-body #welcomeSlide01 .aside .videoLink.videoIcon{
	background: url('../img/video-play-icon.png') no-repeat 0px 0px;
	color: #00A4E4;
}

.contact-body #content #profile .hoverStage,
.contact-visiting-body #content #profile .hoverStage{
	background: #00A4E4;
}




/*    clear    */

.clear{
	clear:both;
}