@charset "utf-8";
h1.programs {
	text-transform:uppercase;
}
h1.programs span {
	font-size:90%;
	font-family: 'Droid Sans TV', arial, serif;
}
h3 {
	margin-bottom:10px;
}
h3 a, h2 a {
	text-decoration:none;
}
.programs_intro {
	background-color: #eee;
	padding:5px;
}
/* start program video component */

    .video-js-section {
	float:left;
}
.program_home_testimonial, .foundation_testimonial, .sound_testimonial, .full_testimonial {
	float:right;
	border-left:1px solid #ddd;
	background: url(http://www.vfs.com/images/quote_open.gif) top left no-repeat;
	width:180px;
	height:259px;
	padding-left:35px;
	padding-right:10px;
	color: #AF1E23;
	font-weight: bold;
	font-family: 'Droid Sans', arial, serif;
}
.program_home_testimonial p, .foundation_testimonial p, .sound_testimonial p, .full_testimonial p {
	background: url(http://www.vfs.com/images/quote_close.gif) bottom right no-repeat;
	padding-right:15px;
}
.foundation_testimonial, .sound_testimonial, .full_testimonial {
	float:none;
	width: auto;
	height:auto;
	border-left:none;
}
p.attribute {
	color:#4a4a4a;
	font-weight:normal;
	font-size:85%;
	background:none;
}
/* end program video component */


.carousel {
	border:1px solid #ddd;
	background-color: #eee;
	padding:5px;
	height:170px;
}
.greybox, .wywlLeft, .wywlRight, .wywlFull {
	background-color: #eee;
	padding:5px;
}
.wywlLeft {
	margin-right:5px;
	border:1px solid #ddd;
}
.wywlRight {
	margin-left:5px;
	border:1px solid #ddd;
}
.wywlLeft img, .wywlRight img, .wywlFull img {
	margin-top:0;
	margin-bottom:0;
}
.wywlFull {
	border:1px solid #ddd;
	clear:both;
}
.school_award_gd {
	background: #fff url(http://www.vfs.com/images/programs/game_design/gd_top_school.gif) bottom right no-repeat;
	height:76px;
	width:268px;
	float:right
}
.school_award_dca {
	background: #fff url(http://www.vfs.com/images/programs/digital_character_animation/top_program_world_dca.gif) top left no-repeat;
	height:99px;
	width:693px;
}
.school_award_3d {
	background: #fff url(http://www.vfs.com/images/programs/3d_animation/top_program_world_3d.gif) top left no-repeat;
	height:107px;
	width:689px;
}
.school_award_gd span, .school_award_dca span, .school_award_3d span {
	display: none;
}
.wywlLeft .time {
	background-color:#6993b6;
	color:#fff;
	padding:0 3px;
	font-size:85%;
}
.pdf {
	background:url(http://www.vfs.com/images/icons/icon_pdf.gif) top left no-repeat;
	text-decoration:none;
	display:inline-block;
	text-indent:20px;
}
.lightbox img {
	border:1px solid #d7d7d7;
	padding:2px;
}
.campus_map {
	width:45%;
	border-right: 1px solid #d7d7d7;
}
.dd_cs_contents {
	clear:both;
	background: #346fbd url(http://www.vfs.com/images/programs/digital_design/case_study/dd_cs_intro_logo.gif) top left no-repeat;
	height: 220px;
	width:100%;
}
.dd_cs_contents h2 {
	color: #FFF;
	text-transform:uppercase
}
.dd_cs_contents li {
	background:url(http://www.vfs.com/images/bullet_list_white.gif) top left no-repeat;
	text-decoration:none;
	display:block;
	text-indent:10px;
	list-style:none;
	color:#FFF;
	line-height:24px;
}
.dd_cs_contents li a {
	color:#FFF;
	text-decoration: none;
}
.dd_cs_contents li a:hover {
	color:#FFF;
	text-decoration: underline;
}
.festivals {
	line-height: 18px;
}
.secondary_video {
	float:right;
	border-left:1px solid #ddd;
	width:214px;
	padding-left:10px;
	height:259px;
}
img {
	border: none;
}


/*  default showcase item gallery */
.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top:10px;
}
.gallery li {
	padding: 0 5px;
	margin:0 0 10px;
	float: left;
	position: relative;
	width: 128px;
	height: 195px;
}
.gallery.communication-design li, .gallery.interactive-design li {
	height: 150px;	
}
.gallery img {
	background: #fff;
	border: solid 1px #ccc;
	border-bottom: none;
}
.gallery a:hover img {
	border-color: #000;
}
.gallery span.thumbscreen {
	width: 124px;
	height: 80px;
	display: block;
	position: absolute;
	top: -10px;
	left: 2px;
	background: url(/images/glossy-gradient.png) no-repeat;
}
.gallery a {
	text-decoration: none;
}
/* flickr gallery */
.image_gallery {
    height: 182px;
    margin-bottom: 14px;
    overflow: hidden;
}
.image_gallery_sm {
    height: 91px;
    margin-bottom: 14px;
    overflow: hidden;
}
.image_gallery_lrg {
    height: 274px;
    margin-bottom: 14px;
    overflow: hidden;
}
.unit.image_gallery img, .unit.image_gallery_sm img, .unit.image_gallery_lrg img {
    margin: 0 0;
}
.thumbs {
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.thumbs li {
    background: none repeat scroll 0 0 #EEEEEE;
    box-shadow: 0 0 4px #444444;
    float: left;
    list-style: none outside none;
    margin: 5px;
    padding: 3px;
}
.thumbs li a {
}
.thumbs li img {
    display: block;
}
.thumbs li a img {
    border: medium none;
}
.rating {
	list-style:none;
	margin:0;
	padding:0px;
	width: 65px;
	height: 12px;
	display:block;
	float:left;
	background: url(/images/star.png) bottom left repeat-x;
}
.rating.one-star {
	width:13px;
}
.rating.one-half-stars {
	width:19px;	
}
.rating.two-stars {
	width:26px;
}
.rating.two-half-stars {
	width:32px;	
}
.rating.three-stars {
	width:39px;
}
.rating.three-half-stars {
	width:45px;	
}
.rating.four-stars {
	width:52px;
}
.rating.four-half-stars {
	width:58px;	
} 
.votes {
	font-size:11px;
	vertical-align:top;
}
h2.playlist {
	padding-top:30px;
}
.pager {
	float:right;
	margin-top:-34px;
}
.filter-menu .active {
	text-decoration:none;
	font-weight:bold;
}

.c1 {
	margin-bottom:5px;
	color:#666;
	font-family:'Droid Sans', arial, serif;
}
.c2 {
	margin-bottom:18px;
}









/* digital design (med sized thumbs) showcase items */

.gallery_dd {
	list-style: none;
	margin: 0;
	padding: 0 auto;
}
.gallery_dd li {
	margin: 15px 0 60px 0;
	padding: 0 0.3em;
	float: left;
	position: relative;
	width: 165px;
	height: 124px;
}
.gallery_dd img {
	background: #fff;
	border: solid 1px #ccc;
	border-bottom: none;
}
.gallery_dd a:hover img {
	border-color: #000;
}
.gallery_dd span {
	width: 165px;
	height: 124px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(/images/glossy-gradient.png) no-repeat;
}
.gallery_dd a {
	text-decoration: none;
}







/* makeup (porttrait style thumbs) showcase items */

.gallery_makeup {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery_makeup li {
	margin: 15px 0 85px 0;
	padding: 0 7px;
	float: left;
	position: relative;
	width: 120px;
	height: 180px;
}
.gallery_makeup img {
	background: #fff;
	border: solid 1px #ccc;
	border-bottom: none;
}
.gallery_makeup a:hover img {
	border-color: #000;
}
.gallery_makeup span {
	width: 120px;
	height: 180px;
	display: block;
	position: absolute;
	left: 6px;
	background: url(/images/glossy-gradiant_portrait.png) no-repeat;
}
.gallery_makeup p a {
	background:url(/images/bullet_programs.png) top left no-repeat;
	text-decoration:none;
	font-size:84%;
	display:block;
	text-indent:10px;
	padding-top:4px; 
}

.gallery_makeup h4{
	Padding:3px 0 2px 0;
}