/*  -- AUTHOR: PITCH (pitch.net.nz) -- MEDIUM: SCREEN --------------------------  */

/*  -- GENERAL
--------------------------------------------------------------------------------  */

	html {
		background: #1a1a1a;
		font: 12px/16px 'Trebuchet MS', Arial, Verdana, sans-serif;
		}
		
	body {
		background: #1a1a1a;
		}
	
	div#colour-wrapper {
		background: #000;
		border-bottom: 1px solid #323131;
		}
	
	div.width-wrapper {
		width: 960px;
		margin: 0px auto;
		padding: 0px 10px;
		overflow: hidden;
		}
		
		div#left-column {
			float: left;
			width: 180px;
			padding: 25px 0 0 0;
			}
			
		div#header {
			width: 780px;
			float: left;
			margin-bottom: 10px;
			}
			
			img.header-img { 
				display: block;
				} 
			
		a {
    		-webkit-transition-property: color, background-color;
    		-webkit-transition-duration: 0.2s, 0.4s;
    		}

    	a img {
    		-webkit-transition-property: opacity;
    		-webkit-transition-duration: 0.5s;
   			}

		div#view {
			max-width: 920px;
			} /* this makes the calendar lightbox not huge in ie7 */
			
			
	.wrapper {
		overflow: hidden;
		}
		
	.hidden {
		display: none !important;
		}
			
/*  -- TYPE
--------------------------------------------------------------------------------  */

	#content-wrap h1, #course-wrap h1 {
		max-width: 480px;
		color: #ffe500;
		padding: 5px 15px 5px 10px;
		font-size: 30px;
		font-weight: bold;
		display: inline-block;
		background: #000000;
		line-height: 28px;
		margin: 5px 0 17px 0;
		text-transform: uppercase;
		}
	
	#content-wrap h3, #course-wrap h3 {
		width: 480px;
		color: #2a2712;
		font-size: 16px;
		line-height: 20px;
		font-weight: bold;
		}
		
		#content-wrap h3 a, #course-wrap h3 a {
			color: #3f3f3f;
			font-style: italic;
			text-decoration: underline;
			}
	
	h4 { 
		color: #00aeef;
		font-size: 18px;
		display: block;
		margin: 20px 0px 8px 0px;
		}
	
	h4.first-heading,
	#content-left h4:first-child,
	#contact-right h4:first-child,
	#home-left h4:first-child,
	.tutor-content h4,
	.work-group h4,
	.success-intro h4,
	form h4,
	h4.top-heading {
		margin-top: 0px;
		}
	
		body#green h4 { color: #009745; }
	
	p {
		font-size: 12px;
		color: #000;
		margin-bottom: 10px;
		}
	
	a.read-more {
		padding: 0 0 0 12px;
		background: url(../_img/arrow-more.png) center left no-repeat;
		}
	
	a.video-interview {
		padding: 5px 0px 5px 20px;
		background: url(../_img/video-interview.png) center left no-repeat;
		}
	
	.italic {
		font-style: italic;
		}

	div.content-head span.crumb,
	div#content-head span.crumb { 
		color: #b2b1b1;
		font-size: 10px;
		display: block;
		overflow: hidden;
		line-height: normal;
		}
		
		div.content-head span.crumb a,
		div#content-head span.crumb a {
			color: #b2b1b1;
			text-decoration: none;
			}
			
			div.content-head span.crumb a:hover,
			div#content-head span.crumb a:hover {
				color: #5E5E5E;
				}
	
	#content-wrap a, #course-wrap a {
			font-style: italic;
			color: #5e5e5e;
		}
	
		#content-wrap a:hover, #course-wrap a:hover {
			text-decoration: none;
			}

		blockquote {
			margin: 0px 10px 0px 0px;
			display: block;
			background: none;
			padding: 5px 0px;
			}

		blockquote p {
			display: inline;
			background: #fffacc;
			}

		html blockquote + p {
			margin-top: 10px;
			}


/*  -- COLOUR SCHEMES
--------------------------------------------------------------------------------  */

	body#green h4 { color: #009745; }
	body#green h1 { color: #009745; }
	body#green ol#work p, body#green ol#blog-posts p { color: #009745; }
	body#green .blog-summary-wrapper h3 a { color: #009745 !important; }
	/*body#green div.content-styles ul { color: #009745; }*/

	body#red h4 { color: #ff1c24; }
	body#red h1 { color: #ff1c24; }
	body#red ol#work p, body#red ol#blog-posts p { color: #ff1c24; }
	body#red .blog-summary-wrapper h3 a { color: #ff1c24 !important; }
	/*body#red div.content-styles ul { color: #ff1c24; }*/

	body#blue h4 { color: #00aeef; }
	body#blue h1 { color: #00aeef; }
	body#blue ol#work p, body#blue ol#blog-posts p { color: #00aeef; }
	body#blue .blog-summary-wrapper h3 a { color: #00aeef !important; }
	/*body#blue div.content-styles ul { color: #00aeef; }*/

	body#orange h4 { color: #ff6600; }
	body#orange h1 { color: #ff6600; }
	body#orange ol#work p, body#orange ol#blog-posts p { color: #ff6600; }
	body#orange .blog-summary-wrapper h3 a { color: #ff6600 !important; }
	/*body#orange div.content-styles ul { color: #ff6600; }*/

	body#pink h4 { color: #ec008c; }
	body#pink h1 { color: #ec008c; }
	body#pink ol#work p, body#pink ol#blog-posts p { color: #ec008c; }
	body#pink .blog-summary-wrapper h3 a { color: #ec008c !important; }
	/*body#pink div.content-styles ul { color: #ec008c; }*/
	

/*  -- HOME PAGE
--------------------------------------------------------------------------------  */

	div#hero-home, div#hero-international {
		float: left;
		width: 684px;
		height: 209px;
		padding: 48px;
		/*background: #fff url(../_img/hero-home.jpg) no-repeat;*/
		background: #fff url(../_img/hero-yg.jpg) no-repeat;
		}
		
		div#hero-home {
			padding: 32px 48px 48px 48px;
			}
	
		div#hero-home h1 {
			width: 590px;
			color: #00aeef;
			font-size: 24px;
			background: #fff;
			line-height: 29px;
			padding: 13px 15px 22px 22px;
			}
		
		div#hero-home h3 {
			color: #ffe500;
			font-size: 24px;
			background: #000;
			font-weight: bold;
			padding: 10px 44px 10px 22px;
			display: inline-block;
			text-transform: uppercase;
			}
	
		div#home-cta {
			overflow: hidden;
			margin-bottom: 30px;
			}	

			div#home-cta a {
				display: block;
				float: left;
				width: 338px;
				height: 178px;
				border: 1px solid #b5b4b4;
				}
	
				div#home-cta a.first-cta {
					margin-right: 10px;
					} /* this gives the space between the two home page call to actions. cleaner solution? */
				
				div#home-cta a.intro-video {
					text-indent: -9999px;
					background: url(../_img/home-cta-video.jpg) top no-repeat;
					}
					
					div#home-cta a.intro-video:hover {
						background-position: bottom;
						}
						
				div#home-cta a.open-day {
					text-indent: -9999px;
					background: url(../_img/home-cta-openday.jpg) top no-repeat;
					}
					
					div#home-cta a.open-day:hover {
						background-position: bottom;
						}

		div#home-left {
			float: left;
			width: 475px;
			}
		
		div#home-right {
			width: 170px;
			float: right;
			}
		
			div#home-right img {
				margin-bottom: 18px;
				}
				
/*  -- 404
--------------------------------------------------------------------------------  */

	div#hero-404 { /* easter egg */
		float: left;
		width: 684px;
		height: 308px;
		padding: 48px;
		background: #fff url(../_img/bg-404.png) no-repeat;
		margin: 0px 0px 39px;
		}

		div#hero-404 h1 {
			width: 590px;
			color: #00aeef;
			font-size: 24px;
			background: #fff;
			line-height: 29px;
			padding: 15px 15px 18px 15px;
			}
			
			div#hero-404 h1 a {
				color: #00aeef;
				border-bottom: 1px solid #00aeef;
				-webkit-transition-property: color;
	    		-webkit-transition-duration: 0;
				}
				
			div#hero-404 h1 a:hover {
				border-bottom: 0px;
				}

		div#hero-404 h3 {
			color: #ffe500;
			font-size: 24px;
			background: #000;
			font-weight: bold;
			padding: 10px 50px 10px 15px;
			display: inline-block;
			text-transform: uppercase;
			}


/*  -- INTERNATIONAL OVERVIEW
--------------------------------------------------------------------------------  */

	div#hero-international {
		float: left;
		width: 684px;
		height: 184px;
		padding: 32px 48px 0px 48px;
		background: #fff url(../_img/international-img.jpg) no-repeat;
		}
	
		div#hero-international h1 {
			width: 570px;
			color: #2a2712;
			font-size: 24px;
			background: #fff;
			line-height: 29px;
			padding: 12px 15px 19px 22px;
			}
		
			div#hero-international h1 span {
				color: #00aeef;
				}


/*  -- LEFT COLUMN
--------------------------------------------------------------------------------  */

	div#left-column {
		margin-bottom: 40px;
		}

		h2 a {
			width: 170px; 
			height: 213px;
			display: block;
			text-indent: -9999px;
			margin-bottom: 30px;
			background: url(../_img/logo-yellow.png) no-repeat;
			}
		
		ol#sub-nav {
			width: 200px;
			display: block;
			font-weight: bold;
			margin: 0 0 40px 0;
			overflow: hidden;
			position: relative;
			}
		ol#sub-nav.blog-categories{
			margin-bottom: 60px;
			}
			
			ol#sub-nav li {
				clear: left;
				float: left;
				}
		
			ol#sub-nav.blog-categories li a,
			ol#sub-nav.blog-categories li a:hover {
				background-image: url(../_img/blog-nav-colours.png);
				background-repeat: no-repeat;
				background-position: 15px -165px;
				text-indent: 15px;
				}
				
				ol#sub-nav.blog-categories li.blog-view-all.selected a,
				ol#sub-nav.blog-categories li.blog-view-all.selected a:hover{
					color: #242104;
					background: url(../_img/blog-bg-nav-view-all-selected.png) no-repeat 100% 0;
				}
			
			ol#sub-nav li a {
				width: 155px;
				height: 23px;
				color: #fff;
				text-decoration: none;
				display: block;
				margin: 0 0 2px 0;
				padding: 7px 5px 0 20px;
				background: #3a3a3a;
				font-weight: bold;
				}
			
				ol#sub-nav li a:hover {
					background: #2d2d2d;2d2d2d
					}
				
				ol#sub-nav li.selected a{
					color: #242104;
					background: url(../_img/bg-nav-selected.png) no-repeat 100% 0;
					position: relative;
					padding-right: 21px;
					}
				
				ol#sub-nav.blog-categories li.selected a:hover,
				ol#sub-nav li.nav-3d-animation-prod.selected a:hover,
				ol#sub-nav li.nav-vfx-motion-design.selected a:hover,
				ol#sub-nav li.nav-graphics.selected a:hover,
				ol#sub-nav li.nav-creative-advertising.selected a:hover,
				ol#sub-nav li.nav-interactive.selected a:hover,
				ol#sub-nav li.nav-game-dev.selected a:hover,
				ol#sub-nav.blog-categories li.selected a,
				ol#sub-nav li.nav-3d-animation-prod.selected a,
				ol#sub-nav li.nav-vfx-motion-design.selected a,
				ol#sub-nav li.nav-graphics a:hover.selected a,
				ol#sub-nav li.nav-creative-advertising.selected a,
				ol#sub-nav li.nav-interactive.selected a,
				ol#sub-nav li.nav-game-dev.selected a {
					color: #242104;
					background: url(../_img/blog-bg-nav-selected.png)  no-repeat 100% 0;
					}

					ol#sub-nav li.selected li a {
					 	width: 155px;
						height: 23px;
						color: #fff;
						text-decoration: none;
						display: block;
						margin: 0 0 2px 0;
						padding: 7px 5px 0 20px;
						background: #3a3a3a;
						font-weight: bold;
						}
					
						ol#sub-nav li.selected li a:hover {
							background: #2d2d2d;
							}
				
		ol#courses {
			width: 180px;
			display: block;
			font-weight: bold;
			}
		
			ol#courses li a {
				width: 155px;
				height: 22px;
				color: #FFF;
				display: block;
				margin: 0 0 2px 0;
				padding: 6px 5px 0 20px;
				text-decoration: none;
				border-bottom: 1px solid #464747;
				background: url(../_img/course-nav-colours.png) no-repeat;
				}
			
				ol#courses li:first-child { border-top: 1px solid #474747; }
				
				ol#courses li#blog-course-subtitle{
					font-weight: normal;
					color: #ffe500;
					font-size: 12px;
					border-top: none;
					border-bottom: 1px solid #474747; 
					padding-bottom: 10px;
					}
				
				ol#sub-nav li.nav-general a:hover{
					background-position: 15px -252px;
					}
				
				html ol#courses.courses-page li a {
					background-position: 4px -124px;
					color: #b3b3b3;
					}
				
				ol#sub-nav li.blog-view-all a {
					background-position: 15px -222px;
					}
				
				ol#sub-nav li.blog-view-all a:hover{
					background-position: 15px -285px;
					}
				
				ol#courses li.course-green a,
				ol#courses li.course-green.selected a,
				ol#courses li.course-green:hover a,
				#header ol .sub ol li.drop-green a{
					background-position: 4px 9px;
					}
				
					ol#courses li.course-green.selected a,
					ol#courses li.course-green a:hover,
					#header ol .sub ol li.drop-green a:hover,
					ol#sub-nav li.nav-3d-animation-prod a:hover,
					ol#sub-nav li.nav-3d-animation a:hover {
						color: #009745;
						}
						
						ol#sub-nav li.nav-3d-animation-prod a:hover,
						ol#sub-nav li.nav-3d-animation a:hover {
							background-position: 15px 9px;
						}
					
				ol#courses li.course-pink a,
				ol#courses li.course-pink.selected a,
				ol#courses li.course-pink:hover a,
				#header ol .sub ol li.drop-pink a {
					background-position: 4px -10px;
					}
				
					ol#courses li.course-pink.selected a,
					ol#courses li.course-pink a:hover,
					#header ol .sub ol li.drop-pink a:hover,
					ol#sub-nav li.nav-vfx-motion-design a:hover {
						color: #ec008c;
						}
						
						ol#sub-nav li.nav-vfx-motion-design a:hover{
							background-position: 15px -20px;
						}
			
				ol#courses li.course-orange a,
				ol#courses li.course-orange.selected a,
				ol#courses li.course-orange:hover a,
				#header ol .sub ol li.drop-orange a { 
					background-position: 4px -29px;
					}
				
					ol#courses li.course-orange.selected a,
					ol#courses li.course-orange a:hover,
					#header ol .sub ol li.drop-orange a:hover,
					ol#sub-nav li.nav-graphics a:hover {
						color: #fb8905;
						}
						
						ol#sub-nav li.nav-graphics a:hover{
							background-position: 15px -49px;
						}
							
				ol#courses li.course-red a,
				ol#courses li.course-red.selected a,
				ol#courses li.course-red:hover a,
				#header ol .sub ol li.drop-red a {
					background-position: 4px -48px;
					}
				
					ol#courses li.course-red.selected a,
					ol#courses li.course-red a:hover,
					#header ol .sub ol li.drop-red a:hover,
					ol#sub-nav li.nav-creative-advertising a:hover {
						color: #ff1c24;
						}
						
						ol#sub-nav li.nav-creative-advertising a:hover{
							background-position: 15px -78px;
						}
				
				ol#courses li.course-yellow a,
				ol#courses li.course-yellow.selected a,
				ol#courses li.course-yellow:hover a,
				#header ol .sub ol li.drop-yellow a {
					background-position: 4px -67px;
					}
				
					ol#courses li.course-yellow.selected a,
					ol#courses li.course-yellow a:hover,
					#header ol .sub ol li.drop-yellow a:hover,
					ol#sub-nav li.nav-interactive a:hover{
						color: #ffe500;
						}
						
						ol#sub-nav li.nav-interactive a:hover{
							background-position: 15px -107px;
						}
				
				ol#courses li.course-blue a,
				ol#courses li.course-blue.selected a,
				ol#courses li.course-blue:hover a,
				#header ol .sub ol li.drop-blue a {
					background-position: 4px -86px;
					}
				
					ol#courses li.course-blue.selected a,
					ol#courses li.course-blue a:hover,
					#header ol .sub ol li.drop-blue a:hover,
					ol#sub-nav li.nav-game-dev a:hover {
						color: #00aeef;
						}

						ol#sub-nav li.nav-game-dev a:hover{
							background-position: 15px -136px;
						}
			
				ol#courses li.course-grey a,
				ol#courses li.course-grey.selected a,
				ol#courses li.course-grey:hover a,
				#header ol .sub ol li.drop-grey a {
					background-position: 4px -105px;
					}
				
					ol#courses li.course-grey.selected a {
						color: #FFFFFF;
						}
						
					ol#courses li.course-grey a:hover {
						color: #999;
						}
						
					#header ol .sub ol li.drop-grey a:hover {
						color: #BBBBBB;
						}
						
					ol#courses li.course-grey.selected a {
						color: #FFFFFF;
						}

	
		ol#work {
			margin-right: 10px;
			margin-top: 40px;
			overflow: hidden;
			border-bottom: 1px solid #434242;
			}
			
			ol#work.left-3d-animation { margin-top: 175px; }
			ol#work.left-advanced-3d-productions { margin-top: 380px; }
			ol#work.left-visual-effects { margin-top: 300px; }
			ol#work.left-graphic-design { margin-top: 250px; }
			ol#work.left-digital-creativity { margin-top: 130px; }
			ol#work.left-creative-advertising { margin-top: 320px; }
			ol#work.left-digital-media { margin-top: 340px; }
			ol#work.left-creative-technologies { }
			ol#work.left-game-development { margin-top: 520px; }
			ol#work.left-interactive-gaming { margin-top: 250px; }
			ol#work.left-short-courses { }
		
			ol#work p {
				color: #ffe500;
				padding: 0 0 5px 0;
				border-bottom: 1px solid #434242;
				}
				
				
		
			ol#work li {
				margin-bottom: 10px;
				clear: both;
				float: left;
				}
		
				ol#work li img {
					
					}
				
					ol#work a {
						border: 1px solid #353535;
						height: 146px;
						width: 146px;
						margin: 0px 0px 0px 10px;
						overflow: hidden;
						background: #000; 
						display: block;
						}

					ol#work img {
						position: absolute;
						height: 146px;
						width: 146px;
						}

					ol#work span.outer {
						display: block;
						font-size: 12px;
						position: relative;
						text-align: center;
						top: 60px;
						opacity: 0;
						-webkit-transition-property: opacity;
			    		-webkit-transition-duration: 0.5s;
						}

					ol#work span.inner {
						background: #151515;
						border-radius: 5px;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
						display: inline-block;
						padding: 5px 7px;
						color: #FFF;
						}

					ol#work a:hover img {
						opacity: 0.65;
						}

					ol#work a:hover span.outer {
						opacity: 0.9;
						}
						
					ol#work a:hover {
						text-decoration: none !important;
						}
						
		
				

/*  -- HEADER
--------------------------------------------------------------------------------  */
	
	div#header ol {
		border-top: 1px solid #fdf187;
		border-bottom: 1px solid #fdf187;
		background: #ffe500;
		overflow: hidden;
		text-align: center;
		}
		
		div#header ol li {
			float: left;
			display: block;
			background: #ffe500;
			}
		
		div#header ol li a {
			color: #242104;
			display: block;
			font-size: 14px;
			font-weight: bold;
			padding: 10px 0 9px 0;
			text-decoration: none;
			border-left: 1px solid #a19001;
			border-right: 1px solid #fdf187;
			background: #ffe500;
			}
			
			div#header ol li:first-child a {
				border-left: 1px solid #fdf187;
				}
			
			div#header ol li a:hover {
				background: #fdf18a;
				}
				
			div#header ol li a.selected { 
				background: #fdfadd;
				}
				
			div#header ol li a.course {
				width: 118px;
				padding-right: 15px;
				background: #ffe500 url(../_img/arrow-drop.png) 92px 15px no-repeat;
				}
				
			div#header ol li a.course:hover {
				background-color: #FDF18A;
				}
				
			div#header ol li a.course.selected {
				background-color: #fdfadd;
				}
				
			div#header ol li a.enrolment {
				background-image: none;
				width: 155px; 
				}
				
			div#header ol li a.advantage {
				background-image: none;
				width: 144px; 
				}
				
			div#header ol li a.blog { 
				background-image: none;
				width: 76px; 
				}
				
			div#header ol li a.international { 
				background-image: none;
				width: 141px; 
				}
				
			div#header ol li a.contact { 
				background-image: none;
				width: 119px; 
				}
			
	#header ol li .sub {
		position: absolute;
		top: 228px;
		background: #242424;
		padding: 10px 10px 15px 15px;
		border: none;
		display: none; /* so box is hidden if they have no javascript */
		z-index: 100;
		border: 1px solid #ffe500;
		width: 359px;
		}

		#header ol li .sub ol {
			border: none;
			float: left;
			background: #242424;
			}

			#header ol .sub ol li {
				background: #242424;
				border: none;
				text-align: left;
				margin: 7px 0;
				display: normal;
				float: left;
				clear: left;
				}

				#header ol .sub ol li a {
					float: none;
					font-size: 12px;
					display: block;
					text-decoration: none;
					color: #fff;
					border: none;
					padding: 6px 0px 0 20px;
					background: url(../_img/course-nav-colours.png) no-repeat;
					width: 159px;
					}
	
/*  -- CONTENT 
--------------------------------------------------------------------------------  */

	div#content-wrap, div#course-wrap {
		float: left;
		width: 690px;
		margin: 0 0 50px 0;
		padding: 30px 40px 30px 50px;
		background: #ffffff;
		}
	
		div.content-head,
		div#content-head {
			overflow: hidden;
			padding: 0 0 25px 0;
			margin: 0 0 25px 0;
			border-bottom: 2px dashed #e3e3e3;
			}
			
			div#content-head.blog-compact {
				padding-bottom: 15px !important;
			}
			
			div.content-head.course,
			div#content-head.course {
				width: 100%;
				border-bottom: none;
				padding: 0;
				margin: 0;
				}
		

		div.content-head h1,
		div#content-head h1, h3, {
			float: left;
			clear: left;
			} /* removed span for now */

		div#content-head ol,
		ol.actions {
			overflow: hidden;
			width: 170px;
			float: right;
			margin-top: 30px;
			}

			div#content-head ol.course-cta {
				padding: 10px;
				background: #fff;
				margin-top: 35px;
				}
		
			div#content-head ol li a,
			ol.actions li a {
				float: right;
				clear: right;
				width: 153px;
				height: 22px;
				color: #242104;
				padding: 8px 0 0 17px;
				font-style: normal;
				font-weight: bold;
				margin-bottom: 2px;
				background: #ffe500;
				text-decoration: none;
				}
			
				div#content-head ol li a:hover,
				ol.actions li a:hover {
					background: #fdf18a;
					}
				
		div#content-head ul {
			float: left;
			clear: left;
			font-weight: bold;
			padding: 0 0 25px 0;
			margin: 0 0 25px 0;
			width: 505px;
			border-bottom: 2px dashed #e3e3e3;
			}
		
			div#content-head.short-course ul {
				border-bottom: none;
				margin: 0;
				padding: 0;
				}
		
			div#content-head ul li {
				margin-bottom: 3px;
				}
		
				div#content-head ul li span {
					width: 108px;
					text-transform: uppercase;
					display: inline-block;
					}
	
		div#content-left {
			width: 480px;
			float: left;
			}
		
		div#content-right {
			width: 172px;
			float: right;
			}
		
			div#content-right img {
				margin-bottom: 20px;
				}


	#thank-you {
		background: #FFE500;
		color: #242104;
		font-size: 12px;
		margin: 0px 0px 20px;
		padding: 10px;
		}

		#thank-you h5 {
			color: #242104;
			font-size: 13px;
			font-weight: bold;
			margin: 0px 0px 3px;
			}	

		#thank-you p {
			margin: 0px;
			}

/*  -- COURSE OVERVIEW 
--------------------------------------------------------------------------------  */

	div#course-wrap {
		width: 730px;
		padding: 30px 0 30px 50px;
		background: transparent url(../_img/bg-course.png) top left repeat-y;
		}
	
	div#course-content-right {
		width: 110px;
		float: right;
		}
	
		div.course-breakdown {
			margin-left: 10px;
			}
	
		div#course-work-content {
			height: 180px;
			width: 570px;
			position: relative;
			margin: 25px 0 25px 0;
			left: -10px;
			}
		
			div#course-work-content a.work-thumb {
				background: #000;
				display: block;
				float: left;
				margin-right: 10px;
				width: 180px;
				height: 180px;
				}
				
			div#course-work-content a.work-thumb-wide {
				background: #000;
				display: block;
				float: left;
				width: 360px;
				height: 180px;
				}
				
			div#course-work-content a img {
				position: absolute;
				}
					
				div#course-work-content a:hover img {
					opacity: 0.65;
					}
			
				div#course-work-content a:hover span.outer {
					opacity: 0.9;
					}
			
				div#course-work-content a span.outer {
					font-style: normal;
					display: block;
					font-size: 12px;
					position: relative;
					text-align: center;
					top: 82px;
					opacity: 0;
					-webkit-transition-property: opacity;
		    		-webkit-transition-duration: 0.5s;
					}
			
			
				div#course-work-content a span.inner {
					background: #151515;
					border-radius: 5px;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					display: inline-block;
					padding: 5px 7px;
					color: #FFF;
					}

/*  -- FOOTER 
--------------------------------------------------------------------------------  */
	
	div#list-wrapper {
		width: 540px;
		float: left;
		margin: 0 45px 0 0;
		overflow: hidden;
		}

	div#footer {
		color: #fff;
		padding: 40px 0 60px 0;
		background: #1a1a1a;
		border-top: 1px solid #151515;
		}
		
		div#footer h5 {
			font-weight: bold;
			color: #ffe500;
			margin: 0 0 8px 0;
			}

			div#footer h5.second {
				margin-top: 20px;
				}
	
		div#footer ol {
			display: block;
			float: left;
			width: 180px;
			height: 130px;
			}
			
			div#footer ol li {
				text-indent: 3px;
				margin-bottom: 2px;
				}
				
				div#footer ol li a {
					color: #fff;
					display: inline-block;
					height: 18px;
					font-style: italic;
					}
					
					div#footer ol li a:hover {
						text-decoration: none;
						}
						
					 ol.social li a {
						height: 18px;
						display: block;
						padding: 0 0 0 25px;
						background: url(../_img/icons-social.png) top left no-repeat;
						}
					
					div#footer ol.location {
						width: auto;
						margin: 0 22px 0 0;
						float: right;
						}
						
				 ol.social li a.facebook {
					background-position: 0 -18px;
					}
					
				 ol.social li a.flickr {
					background-position: 0 -37px;
					}
					
				 ol.social li a.youtube {
					background-position: 0 -56px;
					}
					
				 ol.social li a.skype {
					background-position: 0 -75px;
					}
				
	div#twitter {
		width: 375px;
		height: 112px;
		float: left;
		margin: 0 0 18px 0;
		font-style: italic;
		}
		
		div#twitter p {
			color: #fff;
			border: 1px solid #151515;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			background: #2e2e2e;
			margin: 24px 0 0 0;
			padding: 12px 12px 13px 12px;
			}
			
		div#twitter span.date {
			color: #999;
			font-size: 10px;
			}
			
		div#twitter a {
			color: #fff;
			text-decoration: none;
			}
			
			div#twitter a:hover {
				text-decoration: underline;
				}
			
		div#twitter a.follow {
			display: block;
			color: #86c3e5;
			height: 28px;
			padding: 0 0 0 45px;
			position: absolute;
			text-decoration: underline;
			background: url(../_img/icon-twitter.png) bottom left no-repeat;
			}	
			
			div#twitter a.follow:hover {
				text-decoration: none;
				}
				
	p.note {
		color: #5d5d5d;
		clear: both;
		display: block;
		font-size: 11px;
		padding: 30px 0 0 0;
		}
		
		p.note a {
			color: #5d5d5d;
			text-decoration: none;
			}
			
			p.note a:hover {
				color: #474747;
				}

	
/*  -- GLOBAL CONTENT STYLES 
--------------------------------------------------------------------------------  */

	div.content-styles h5 {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 4px;
		}
		
		div.content-styles h5 span {
			color: #494949;
			font-style: italic;
			font-size: 12px;
			}
	
	div.content-styles ul {
		/*color: #03afec; removed until dynamically apply spans */
		color: #000;
		margin: 8px 0 15px 20px;
		}
		
		div.content-styles ul li {
			margin-bottom: 3px;
			list-style: disc;
			color: #000;
			/*	color: #40C2F3;	reapply when the javascript for this is working with cufon */
			}
			
			div.content-styles ul li span {
				display: block;
				color: #000;
				float: none;
				}
				
	div.content-styles ol {
		/*color: #03afec; removed until dynamically apply spans */
		color: #000;
		margin: 8px 0 15px 20px;
		}

		div.content-styles ol li {
			margin-bottom: 3px;
			list-style: decimal;
			color: #000;
		/*	color: #40C2F3;	reapply when the javascript for this is working with cufon */
			}

			div.content-styles ol li span {
				display: block;
				color: #000;
				float: none;
				font-weight: normal;
				}
				
	strong {
		font-weight: bold;
		}		
				
				
/*  -- CONTENT SINGLE STYLES 
--------------------------------------------------------------------------------  */	
	
	div#content-single p {
		width: 480px;
		}
		
	div#content-single.enrolment-calendar p {
		width: auto;
		}
	
/*  -- CALENDAR TABLE STYLES
--------------------------------------------------------------------------------  */

	table {
		margin: 5px 0 15px 0;
		}
	
		table + h4 {
			margin-top: 40px;
		}
	
		table.large {
			width: 100%;
			}
	
		th {
		color: #fff;
		padding: 5px 10px;
		background: #363636;
		border: 1px solid #d3d3d3	
		}
	
		td {
			border: 1px solid #d3d3d3;
			padding: 3px 8px;	
			}
	
			.yellow {
				background: #fffce3;
				}

	
/*  -- SUCCESS STORIES
--------------------------------------------------------------------------------  */	
	
	ul#success {
		color: #000;
		margin: 0;
		overflow: hidden;
		}
	
		ul#success li {
			clear: left;
			background: #FFF;
			overflow: hidden;
			padding: 10px 0 5px 0;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #fff;
			-webkit-transition-property: border-color, background-color;
    		-webkit-transition-duration: 0.3s, 0.3s;
			list-style-type: none;
			}
		
			ul#success li:hover {
				cursor: pointer;
				background: #fcfaed;
				border-top: 1px solid #ffe500;
				border-bottom: 1px solid #ffe500;
				}
		
	div.success-images {
		display: block;
		float: left;
		}
	
		div.success-images img {
			margin-right: 15px;
			}
	
	div.success-intro {
		display: block;
		float: left;
		margin: 0 0 0 5px;
		}
	
		div.success-intro p {
			width: 350px !important;
			}
	
	
			ul#success ul.stats, div#large-right ul.stats, ul#tutors ul.stats {
				color: #000;
				padding: 0;
				margin: 3px 0 10px 0;
				}

			ul#success ul.stats li, div#large-right ul.stats li, ul#tutors ul.stats li {
					padding: 0;
					margin-bottom: 3px;
					border: 0;
					list-style: none;
					}

					ul#success ul.stats li span, div#large-right ul.stats li span, ul#tutors ul.stats li span {
						width: 108px;
						text-transform: uppercase;
						display: inline-block;
						}
						
					ul#success ul.stats li p, div#large-right ul.stats li p, ul#tutors ul.stats li p {
						display: inline;
						}
						
					ul#success ul.stats li h5, div#large-right ul.stats li h5, ul#tutors ul.stats h5 {
						background: none;
						}
			
		#success-work-gallery {
			margin: 0px;
			overflow: hidden;
			padding: 20px 0px 0px;
			}
						
			#success-work-gallery li {
				margin: 0px 0px 10px 0px;
				float: left;
				padding: 0px;
				height: 166px;
				width: 230px;
				list-style: none;
				}
				
			#success-work-gallery li.left-item {
				clear: left;
				margin-right: 10px;
				}

					#success-work-gallery a {
						border: 1px solid #DDDDDD;
						height: 164px;
						width: 228px;
						margin: 0px;
						overflow: hidden;
						background: #000; 
						display: block;
						}

					#success-work-gallery img {
						position: absolute;
						}

					#success-work-gallery a:hover img {
						opacity: 0.65;
						}
						
						#success-work-gallery a span.view-button {
							background: url(../_img/btn-view.png) no-repeat center center;
							display: block;
							position: relative;
							height: 164px;
							opacity: 0;
							text-indent: -9999px;
							-webkit-transition-property: opacity;
				    		-webkit-transition-duration: 0.5s;
							}

						#success-work-gallery a:hover img {
							opacity: 0.65;
							}

						#success-work-gallery a:hover span.view-button {
							opacity: 1;
							}
	

/*  -- SUCCESS STORIES DETAIL
--------------------------------------------------------------------------------  */

	div#small-left {
		width: 122px;
		float: left;
		margin: 0 20px 0 0;
		}
	
		div#small-left img {
			margin: 20px 0 0 0;
			display: block;
			}
	
		div#small-left a {
			color: #000;
			display: block;
			font-style: normal;
			padding: 7px 15px 7px 18px;
			background: #ffe500 url(../_img/arrow.png) 8px 50% no-repeat;
			text-decoration: none;
			}
		
			div#small-left a:hover {
				background: #fdf18a url(../_img/arrow.png) 8px 50% no-repeat; /* see if james notices the bounce */
				}
			
	div#large-right {
		width: 470px;
		float: left;
		}
	
		div#large-right img {
			margin-bottom: 6px;
			}

			div#large-right img.left {
				margin-right: 6px;
				}


/*  -- APPLY PAGE
--------------------------------------------------------------------------------  */

	legend {
		width: 440px;
		display: block;
		font-size: 18px;
		margin: 0 0 15px 0;
		padding: 0 0 8px 25px;
		border-bottom: 1px solid #d5d5d5;
		}
	
	label {
		display: block;
		font-weight: bold;
		margin-bottom: 5px;
		}

	input {
		font-size: 12px;
		padding: 7px 10px;
		width: 200px;
		border: 1px solid #b0b0b0;
		}
	
	textarea {
		padding: 7px 10px;
		width: 400px;
		margin-bottom: 15px;
		border: 1px solid #b0b0b0;
		}

		select {

			}

			input.submit {
				color: #000;
				width: 140px !important;
				border: none;
				padding: 8px 10px;
				background: #ffe500;
				}
			
				input.submit:hover {
					background: #fdf18a;
					cursor: pointer;
					}

/*  -- STUDENT WORK
--------------------------------------------------------------------------------  */
	div.content-styles ul.work-group {
		margin: 0 0 40px 0px;
		overflow: hidden;
		}
	
		ul.work-group li {
			display: block;
			float: left;
			list-style: none;
			list-style: none;
			width: 162px;
			height: 152px;
			margin-bottom: 18px;
			overflow: hidden;
			}
		
		ul.work-group li.work {
			margin-bottom: 13px;
			}	
		
		ul.work-group div.featured-hidden {
			display: none;
			}
		
		ul.work-group h4 {
			font-size: 24px;
			text-transform: uppercase;
			}
		
		div#content-single ul.work-group p {
			font-size: 14px;
			width: 330px;
			}
		
			ul.work-group li.work-intro {
				border-bottom: 1px solid #dedede;
				}
	
			ul.work-group li.work-wide, ul.work-group li.work-wide-featured {
				width: 337px;
				height: 151px;
				margin-bottom: 13px;
				}
			
				ul.work-group li.work-wide-featured {
					height: 150px;
					margin-bottom: 18px;
					}
					
				ul.work-group li img {
					border: 1px solid #dedede;
					position: absolute;
					}
			
			ul.work-group li.work-space {
				margin-right: 13px;
				}	
			
			ul.work-group li.work-space-big {
				margin-right: 16px;
				}
				
				ul.work-group li a {
					background: #000;
					display: block;
					height: 150px;
					}
					
				ul.work-group li a.video-lightbox span.play-button {
					background: url(../_img/btn-play.png) no-repeat center center;
					display: block;
					position: relative;
					height: 150px;
					text-indent: -9999px;
					}
					
				ul.work-group li a span.view-button {
					background: url(../_img/btn-view.png) no-repeat center center;
					display: block;
					position: relative;
					height: 150px;
					opacity: 0;
					text-indent: -9999px;
					}
				
				ul.work-group a:hover img {
					opacity: 0.65;
					}
					
				ul.work-group li a.video-lightbox:hover span.play-button {
					-webkit-transition-property: opacity;
		    		-webkit-transition-duration: 0.5s;
					}
					
				ul.work-group li a:hover span.view-button {
					opacity: 1;
					-webkit-transition-property: opacity;
		    		-webkit-transition-duration: 0.5s;
					}

	ol.work-list li {
		float: none;
		width: auto;
		height: auto;
		list-style: disc;
		margin-left: 25px;
		display: list-item;
		overflow: visible;
		}


/*  -- TUTORS
--------------------------------------------------------------------------------  */

	ul#tutors {
		margin: 0;
		padding: 0;
		}
	
		ul#tutors li {
			overflow: hidden;
			list-style: none;
			margin-bottom: 28px;
			}
		
		ul#tutors img {
			display: block;
			float: left;
			margin-right: 20px;
			}
		
		.tutor-content {
			float: right;
			overflow: hidden;
			width: 550px;
			}
			
		.tutor-content.no-image {
			width: 690px;
			}
			
			.tutor-content h5, .success-intro h5 {
				display: inline-block;
				width: 75px;
				}
				
				.success-intro h5 { width: 110px; }
		
			.tutor-content p {
				width: 515px !important;
				}
				
			ul#tutors ul.stats {
				overflow: hidden;
				}
			
				ul#tutors ul.stats li {
					width: auto;
					display: inline-block;
					background: #fffacc;
					padding: 2px 3px 2px 1px;
					margin: 0px;
					overflow: visible;
					float: left;
					clear: left;
					}
				
			#success .success-intro ul.stats li {
				background: transparent;
				}


/*  -- APPLICATION PROCESS
--------------------------------------------------------------------------------  */

	div.content-styles h2 {
		color: #00aeef;
		font-size: 18px;
		padding: 0 0 0 25px;
		margin: 18px 0 10px 0;
		font-weight: bold;
		}
	
	div h2.one, legend.one {
		background: url(../_img/number-1.png) 0px 2px no-repeat;
		padding-left: 25px;
		margin-top: 0px;
		}
		
	div h2.two, legend.two {
		background: url(../_img/number-2.png) 0px 2px no-repeat;
		padding-left: 25px;
		}
		
	div h2.three, legend.three {
		background: url(../_img/number-3.png) 0px 2px no-repeat;
		padding-left: 25px;
		}


/*  -- CONTACT PAGE
--------------------------------------------------------------------------------  */

	div#contact-left {
		width: 420px;
		float: left;
		margin-right: 20px;
		}
	
		div#contact-left input {
			width: 330px;
			}
		
	div#contact-right {
		font-size: 14px;
		width: 220px;
		float: right;
		}
	
		div#contact-right img {
			margin-top: 10px;
			border: 1px solid #dbd9d9;
			}
	
		div#contact-right ol li {
			margin-bottom: 3px;
			}

		div#contact-right ol.social {
			margin-top: 15px;
			margin-bottom: 30px;
			}
		
			div#contact-right ol.social li {
				margin-bottom: 3px;
				}

		div#contact-right a.map {
			border: 1px solid #dbd9d9;
			height: 90px;
			width: 218px;
			margin: 10px 0px 0px 0px;
			overflow: hidden;
			background: #000; 
			display: block;
			padding: 0px;
			}

		div#contact-right a.map img {
			position: absolute;
			margin: 0px;
			border: 0px;
			}

		div#contact-right a.map span.outer {
			display: block;
			font-size: 12px;
			position: relative;
			text-align: center;
			top: 31px;
			opacity: 0;
			-webkit-transition-property: opacity;
    		-webkit-transition-duration: 0.5s;
			}

		div#contact-right a.map span.inner {
			background: #151515;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			display: inline-block;
			padding: 5px 7px;
			color: #FFF;
			}

		div#contact-right a.map:hover img {
			opacity: 0.65;
			}

		div#contact-right a.map:hover span.outer {
			opacity: 0.9;
			}
				

/*  -- CONTENT FOOTER
--------------------------------------------------------------------------------  */

	#content-footer {
		clear: both;
		color: #727272;
		overflow: hidden;
		margin: 0px;
		padding: 30px 0px 10px;
		}
	
	#content-left #content-footer {
		padding: 30px 0px 0px;
		}
		
		#content-footer li {
			background: none;
			float: left;
			list-style: none;
			margin: 0px;
			padding: 0px;
			}
			
			#content-footer li {
				padding: 0px 14px 0px 0px;
				}
				
			#content-footer li.first-child {
				
				}
				
			#content-footer li.last-child {
				border: 0px;
				}
			
			#content-footer a {
				background: none;
				color: #727272;
				display: inline-block;
				text-decoration: underline;
				width: auto;
				}
			
			#content-footer li.print-link a {
				/*background: url(../_img/bg-content-footer-links.png) no-repeat 0 0;*/
				padding: 0px 8px 0px 0px;
				}
				
			#content-footer li.btt-link a {
				background: url(../_img/bg-content-footer-links.png) no-repeat 0px -28px;
				padding: 0px 8px 0px 13px;
				}

/*  -- UNIFORM
--------------------------------------------------------------------------------  */

	form .selector.error {
		background-position: -483px -573px;
		}
		
	form .selector.error span {
		background-position: 100% -521px;
		color: #b13337; 
		}
		
	form .selector.error.focus,
	form .selector.error:focus {
		background-position: -483px -599px;
		}

	form .selector.error.focus span,
	form .selector.error span:focus {
		background-position: 100% -547px;
		}
	
	div.radio span.error,
	div.radio span.error:hover,
	div.radio span.error.hover {
		background-position: -181px -279px;
		}
		
		form input.radio-float,
		form input.radio-input {
			border: 0px;
			width: auto;
			float: left;
			}
			
		div.radio input.radio-float {
			float: none;
			}	
		
	div.radio {
		margin: 0px 0px 24px;
		}
		
	div.checker span.error,
	div.checker span.error:hover,
	div.checker span.error.hover {
		background-position: -190px -260px;
		}

/*  -- FORMS
--------------------------------------------------------------------------------  */

	form {
		
		}
		
		form fieldset {
			padding: 14px 0px 20px;
			}
			
		form h5 {
			margin: 20px 0px 0px;
			}
			
		form .select-course {
			padding-top: 13px;
			}
			
		form input {
			margin: 0px 0px 12px;
			}
			
		form textarea {
			margin: 0px 0px 12px;
			}
			
		form .wrapper,
		form .short {
			margin-top: 0px;
			}
			
			form .wrapper label,
			form .short label {
				margin-top: 0px;
				}
				
			form label.longer {
				position: relative;
				width: 490px;
				}
			
		form .select-course .selector {
			width: 330px;
			}
			
			form .select-course .selector select {
				width: 340px;
				}
				
			form .select-course .selector span {
				width: 303px;
				}
				
			form #dayoftheweek {
				margin-right: 20px;
				}

			form .selector #dayoftheweek {
				margin-right: 0px;
				}
		
			form legend {
				color: #00aeef;
				margin: 0px;
				padding-left: 0px;
			/*	width: 455px; not sure of this use */
				}
				
			form legend.one,
			form legend.two,
			form legend.three {
				padding-left: 25px;
				}
				
			form fieldset .input-text {
				margin-bottom: 12px;
				width: 238px;
				}
				
			form fieldset .input-text.long {
				width: 398px;
				}
				
			form fieldset .input-text.long2 {
				width: 380px;
				}
				
			form fieldset .input-text.long3 {
				width: 458px;
				}
				
			form .selector,
			form div.selector {
				margin: 0px 0px 16px;
				width: 190px;
				}

			form .selector span {
				width: 223px;
				}

			form .selector select {
				width: 258px;
				}
				
			form .short .selector {
				width: 110px; 
				}

			form .short .selector span {
				width: 83px;
				}

			form .short .selector select {
				width: 118px;
				}
				
			form label {
				clear: both;
				}
				
			form label.nomargin-top {
				margin-top: 0px;
				}
				
				form label span {
					color: #9a9a9a;
					font-style: italic;
					}
				
			form .form-left {
				clear: left;
				float: left;
				margin: 0px 10px 0px 0px;
				width: 210px;
				}
				
			form .form-left.noclear,
			form .noclear {
				clear: none !important;
				}
			
			form .form-left.nolabel {
				margin-top: 0px;
				}
				
			form .form-left.nofloat {
				float: none;
				}
				
			.no-float {
				float: none;
				}
				
			form .form-left.size2 {
				width: 190px;
				overflow: hidden;
				}
				
			form .form-left.size3 {
				width: 90px;
				}
				
			form .form-left.size4 {
				width: 210px;
				}
				
			form .form-left.size5 {
				width: 150px;
				}
				
			form .form-left.size6 {
				width: 268px;
				}
			
			form .form-left.size7 {
				width: 111px;
				}
				
			form .form-left.size8 {
				width: 92px;
				}
			
			form .form-left.size9 {
				width: 330px;
				}
				
			form .form-left.size10 {
				width: 442px;
				}
				
				form .form-left label {
					clear: none;
					margin-top: 0px;
					}
				
				form .form-left .input-text {
					width: 178px;
					}
					
				form .form-left.size2 .input-text {
					width: 158px;
					}
					
				form .form-left.size2 select {
					width: 186px;
					}
					
				form .form-left.size2 .selector {
					width: 168px;
					}
					
				form .form-left.size2 .selector span {
					width: 141px;
					}
					
				form .form-left.size2 .selector select {
					width: 178px;
					}
					
				form .form-left.size3 .input-text {
					width: 58px;
					}
					
				form .form-left.size5 .input-text {
					width: 118px;
					}
					
				form .form-left.size5 select {
					width: 148px;
					}
					
				form .form-left.size5 .selector {
					width: 130px;
					}
					
				form .form-left.size5 .selector span {
					width: 103px;
					}
					
				form .form-left.size5 .selector select {
					width: 140px;
					}
					
				form .form-left.size6 .input-text {
					width: 236px;
					}
					
				form .form-left.size6 select {
					width: 266px;
					}
					
				form .form-left.size6 .selector {
					width: 248px;
					}

				form .form-left.size6 .selector span {
					width: 221px;
					}

				form .form-left.size6 .selector select {
					width: 258px;
					}
					
				form .form-left.size7 select {
					width: 109px;
					}

				form .form-left.size7 .selector {
					width: 91px;
					}

				form .form-left.size7 .selector span {
					width: 64px;
					}

				form .form-left.size7 .selector select {
					width: 101px;
					}
					
				form .form-left.size8 select {
					width: 90px;
					}
					
				form .form-left.size8 .selector {
					width: 72px;
					}

				form .form-left.size8 .selector span {
					width: 45px;
					}

				form .form-left.size8 .selector select {
					width: 82px;
					}
					
				form .form-left.size9 select {
					width: 328px;
					}
					
				form .form-left.size9 .selector {
					width: 310px;
					}

				form .form-left.size9 .selector span {
					width: 283px;
					}

				form .form-left.size9 .selector select {
					width: 320px;
					}
					
				form .form-left.size10 select {
					width: 440px;
					}

				form .form-left.size10 .selector {
					width: 422px;
					}

				form .form-left.size10 .selector span {
					width: 395px;
					}

				form .form-left.size10 .selector select {
					width: 430px;
					}
					
				form .select-day {
					float: left;
					width: 132px;
					}
					
				form .select-day span {
					width: 105px;
					}
					
				form .select-day select {
					width: 142px;
					}

				form .selected-time {
					float: left;
					width: 119px;
					}
				
				form .selected-time span {
					width: 91px;
					}
					
				form .selected-time select {
					width: 129px;
					}
				
			form .form-right {
				float: left;
				margin: 0px 10px 0px 0px;
				width: 210px;
				}
				
			form .form-left.noclear {
				clear: none;
				}

			form .form-right.nolabel {
				margin-top: 0px;
				}
				
			form .form-right.size2 {
				width: 230px;
				overflow: hidden;
				}
				
			form .form-right.size3 {
				width: 350px;
				}
				
			form .form-right.size4 {
				width: 250px;
				}
				
			form .form-right.size5 {
				width: 310px;
				}
				
			form .form-right.size6 {
				width: 162px;
				}
				
			form .form-right.size7 {
				width: 112px;
				}
				
				form .form-right label {
					clear: none;
					margin-top: 0px;
					}
					
				form .form-right .input-text {
					width: 178px
					}
				
				form .form-right.size2 .input-text {
					width: 208px
					}
					
				form .form-right.size3 .input-text {
					width: 298px;
					}
					
				form .form-right.size3 .selector {
					width: 310px;
					}
					
				form .form-right.size3 .selector span {
					width: 283px;
					}
					
				form .form-right.size3 .selector select {
					width: 320px;
					}
					
				form .form-right.size4 .input-text {
					width: 198px;
					}
					
				form .form-right.size5 .input-text {
					width: 258px;
					}
					
				form .form-right.size6 .input-text {
					width: 140px;
					}
					
				form .form-right.size7 .selector {
					width: 72px;
					}

				form .form-right.size7 .selector span {
					width: 45px;
					}

				form .form-right.size7 .selector select {
					width: 82px;
					}
					
			form label.radio-float {
				float: left;
				clear: none !important;
				margin-top: 0px;
				margin-right: 18px;
				}
				
			form .form-left select,
			form .form-right select {
				margin: 0px;
				}
				
			form p {
				clear: both;
				}
				
			form fieldset .wrapper p.important-note,
			form .important-note {
				color: #000000;
				font-weight: bold;
				padding: 0px;
				margin: 0px 0px 10px;
				position: relative;
				top: -8px;
				}
				
				form .important-note strong {
					color: #00aeef;
					}
				
			form .no-margin {
				margin: 0px;
				}
				
				form p span {
					
					}
				
			form p.button-wrap {
				line-height: 20px;
				padding: 0px;
				overflow: hidden;
				margin: 10px 0px 10px;
				}
				
				form a.add-fields {
					background: url(../_img/bg-toggle-btns.png) no-repeat 2px 3px;
					display: block;
					float: left;
					margin: 0px;
					padding: 0px 0px 0px 20px;
					width: auto;
					}
				
				form a.hide-fields {
					background: url(../_img/bg-toggle-btns.png) no-repeat 2px -32px;
					clear: left;
					display: block;
					margin: 0px;
					padding: 0px 0px 0px 20px;
					width: auto;
					}
				
				form a.close-btn {
					background: url(../_img/bg-toggle-btns.png) no-repeat 2px -64px;
					display: block;
					float: left;
					height: 17px;
					margin: 0px;
					padding: 0px 0px 0px 20px;
					text-indent: -9999px;
					width: 11px;
					}
				
			#apply-second-address {
				display: none;
				}
				
				form #apply-second-address label {
					margin-top: 0px;
					padding-top: 10px;
					}
					
			form label.error {
				display: none !important;
				}
				
			div.content-styles form ol,
			form ol {
				line-height: 20px;
				margin: 2px 0px 20px;
				}
				
				div.content-styles form ol li,
				form ol li {
					color: #00aeef;
					list-style: decimal;
					margin: 0px 0px 8px 20px;
					}
					
					div.content-styles form ol li span,
					form ol li span {
						color: #000000;
						}
			
			form .top-space {
				margin: 20px 0px 0px;
				}
				
				form fieldset .wrapper p {
					padding: 10px 0px 0px;
					margin: 0px;
					}
				
			input.error,
			select.error,
			textarea.error {
				border-color: #b1393d;
				background: #ffe3e4;
				}
				
			div.selector span.error {
				color: #b1393d;
				}

			#course-start-date {
				height: 30px;
				margin: 0px;
				overflow: hidden;
				}
				
			form #send {
				clear: both;
				margin: 20px 0px 0px;
				-webkit-transition-property: color, background-color;
	    		-webkit-transition-duration: 0.2s, 0.4s;
				}
				
			form#contact-form #send {
				margin: 10px 0px 0px;
				}
				
			div.selector span {
				color: #333;
				width: 100%;
				}
				
			.day-select {
				float: left;
				height: 38px;
				margin: 0px 20px 0px 0px;
				overflow: hidden;
				width: 97px;
				}
				
				.day-select .selector {
					width: 97px;
					}
					
					.day-select div.selector select,
					.day-select select {
						width: 97px;
						}
				
			.month-select {
				float: left;
				height: 38px;
				margin: 0px 20px 0px 0px;
				overflow: hidden;
				width: 107px;
				}
				
				.month-select .selector {
					width: 107px;
					}
					
					.month-select div.selector select,
					.month-select select {
						width: 107px;
						}
			
			.year-select {
				float: left;
				height: 38px;
				overflow: hidden;
				width: 107px;
				}
				
				.year-select .selector {
					width: 107px;
					}
					
					.year-select div.selector select,
					.year-select select {
						width: 107px;
						}
				
				.day-select div.selector,
				.month-select div.selector,
				.year-select div.selector {
					margin: 0px;
					}
					
	#lightbox-content {
		color: #2e2d2d;
		padding: 20px;
		width: 530px;
		}
		
	#lightbox-content.lightbox-dynamic-content {
		padding-right: 0px;
		width: 510px;
		}
		
		#lightbox-content.lightbox-dynamic-content .content-head {
			margin-right: 0px !important;
			width: 490px;
			}
		
		#lightbox-content #content-left {
			margin-bottom: 20px;
			}
		
		#lightbox-content fieldset {
			width: 530px;
			}
		
		#lightbox-content label {
			float: left;
			}
			
		#lightbox-content label.wide {
			width: 400px;
			}
		
		#lightbox-content .wrapper {
			clear: both;
			}
			
		#lightbox-content .selector,
		#lightbox-content input {
			clear: both;
			float: left;
			}
			
		#lightbox-content #uniform-timeofday.selector {
			clear: none;
			}
		
		#lightbox-content h2 {
			max-width: 480px;
			color: #ffe500;
			padding: 5px 15px 5px 10px;
			font-size: 30px;
			font-weight: bold;
			display: inline-block;
			background: #000000;
			line-height: 28px;
			margin: 5px 0 17px 0;
			text-transform: uppercase;
			}
			
		#lightbox-content h3 {
			color: #2a2712;
			font-size: 16px;
			line-height: 20px;
			font-weight: bold;
			}
			
			#lightbox-content h3 a {
				color: #3f3f3f;
				font-style: italic;
				text-decoration: underline;
				}
				
		#lightbox-content fieldset {
			clear: both;
			margin: 0px;
			padding: 0px;
			}
			
		#lightbox-content fieldset.book-a-tour {
			height: 372px;
			}
			
		#lightbox-content fieldset.request-prospectus {
			height: 486px;
			}
			
		#lightbox-content fieldset.book-skype-call {
			height: 423px;
			}
			
			#lightbox-content .submit {
				margin: 0px;
				}
				
	.add-fields-outer {
		overflow: hidden;
		}
		
	#extra-alumni-address-2,
	#extra-alumni-address-3 {
		display: none;
		clear: both;
		}

/*  -- SUB BRAND SCROLL
--------------------------------------------------------------------------------  */

	#course-wrap #content-head ol.fixed {
		position: fixed;
		left: 50%;
		margin-left: 290px;
		}
	
	#course-wrap #content-head ol.bottom {
		position: absolute;
		left: 50%;
		margin-left: 290px;
		}
	
	#course-wrap #course-content-right.fixed {
		position:fixed;
		left:50%;
		margin-left:370px;
		}
	
	#course-wrap #course-content-right.bottom {
		position:absolute;
		left:50%;
		margin-left:370px;
		}
		


/* -- COURSE OVERVIEW PAGE
--------------------------------------------------------------------------------  */
ul#course-overview {
	margin: 0px;
	}

	ul#course-overview li {
		display: block;
		float: left;
		list-style: none;
		margin: 0 0 30px 0;
		}
		
		ul#course-overview li a {
			display: block;
			float: left;
			width: 330px;
			height: 177px;
			font-size: 18px;
			background: #ffe500;
			margin-bottom: 30px;
			}
			
			ul#course-overview li a.left {
				margin-right: 30px;
				}
			
			ul#course-overview li a span {
				display: block;
				padding: 0 0 0 20px;
				margin-top: 149px;
				text-transform: uppercase;
				font-weight: bold;
				}
				
			ul#course-overview li a.overview-3d { background: url(../_img/course-overview/3d-animation.png); }
			ul#course-overview li a.overview-3d span { color: #009745; }
			
			ul#course-overview li a.overview-advanced { background: url(../_img/course-overview/advanced-3d-productions.png); }
			ul#course-overview li a.overview-advanced span { color: #009745; }
			
			ul#course-overview li a.overview-visual { background: url(../_img/course-overview/visual-effects.png); }
			ul#course-overview li a.overview-visual span { color: #ec008c; }
			
			ul#course-overview li a.overview-graphic { background: url(../_img/course-overview/graphic-design.png); }
			ul#course-overview li a.overview-graphic span { color: #fb8905; }
			
			ul#course-overview li a.overview-creativity { background: url(../_img/course-overview/digital-creativity.png); }
			ul#course-overview li a.overview-creativity span { color: #fb8905; }
			
			ul#course-overview li a.overview-advertising { background: url(../_img/course-overview/creative-advertising.png); }
			ul#course-overview li a.overview-advertising span { color: #ff3109; }
			
			ul#course-overview li a.overview-digital { background: url(../_img/course-overview/digital-media.png); }
			ul#course-overview li a.overview-digital span { color: #ffe500; }
			
			ul#course-overview li a.overview-digital { background: url(../_img/course-overview/digital-media.png); }
			ul#course-overview li a.overview-digital span { color: #ffe500; }

			ul#course-overview li a.overview-technologies { background: url(../_img/course-overview/creative-technologies.png); }
			ul#course-overview li a.overview-technologies span { color: #ffe500; }
			
			ul#course-overview li a.overview-game { background: url(../_img/course-overview/game-development.png); }
			ul#course-overview li a.overview-game span { color: #00aeef; }
			
			ul#course-overview li a.overview-interactive { background: url(../_img/course-overview/interactive-gaming.png); }
			ul#course-overview li a.overview-interactive span { color: #00aeef; }
			
			ul#course-overview li a.overview-short { background: url(../_img/course-overview/short-courses.png); }
			ul#course-overview li a.overview-short span { color: #ffffff; }


/* --  NEWSLETTER MODULE
--------------------------------------------------------------------------------  */

	#newsletter-module {
		margin: 0px 0px 30px;
		width: 170px;
		}
		
		#newsletter-module h4 {
			color: #2e2d2d;
			margin: 0px 0px 7px;
			}
		
		#newsletter-module p {
			border-bottom: 1px dashed #e3e3e3;
			font-style: italic;
			margin-bottom: 11px;
			padding-bottom: 8px;
			}
		
		#newsletter-module label {
			margin: 0px 0px 2px;
			}
			
		#newsletter-module input {
			color: #2e2d2d;
			font-size: 11px;
			}
			
		#newsletter-module input.input-text {
			margin: 0px 0px 7px;
			padding: 5px;
			width: 160px;
			}
			
		#newsletter-module input.submit{
			margin: 10px 0px 0px;
			padding: 5px 12px;
			width: auto !important;
			-webkit-transition-property: background;
    		-webkit-transition-duration: 0.5s;
			}


/*  -- BLOG
--------------------------------------------------------------------------------  */
		div#content-left.blog-container{
			width: 690px;
			}
			
			div.blog-tools{
				margin: 30px 0 0 0;
				clear: both;
				}
				
			#content-wrap div.blog-tools a{ 
				padding: 3px 0 3px 22px;
				background-repeat: no-repeat;
				background-position: 0 50%;
				margin: 0 20px 0 0;
				color: #000;
				}
				
				div.blog-tools a.blog-twitter{
					background-image: url(../_img/blog-icon-twitter.png);
					}
				div.blog-tools a.blog-rss{
					background-image: url(../_img/blog-icon-rss.png);
					}
				div.blog-tools a.blog-facebook{
					background-image: url(../_img/blog-icon-facebook.png);
					}
				.blog-tools form,
				.blog-tools form * {
					margin: 0; padding: 0;
					}
				.blog-tools form {
					float: right;
					width: 227px;
					margin-top: -3px;
					}	
				div.blog-search-input{
					background: url(../_img/blog-search-bg.png) no-repeat 0 0;
					width: 195px; height: 25px;
					float: left;
					}
				div.blog-search-input input#keywords{
					margin: 5px 0 0 24px; 
					padding: 0; 
					border: none; 
					background: #fff;
					width: 166px; height: 16px;
					}
				div.blog-search-input input#keywords:focus{
					outline: 0 none;
					}
				.blog-tools form input.submit{
					border: none;
					padding: 0; margin: 0 0 0 4px;
					background: transparent;
					width: 28px !important;
					height: 25px;
					float: left;
					}
					
			div#content-left.blog-container .blog-entry{
				margin-bottom: 40px;
				}
		
			.blog-image-wrapper,
			.blog-summary-wrapper{
				float: left;
				width: 240px;
				margin-bottom: -4px;
				}
			
			.blog-summary-wrapper{
				width: 440px;
				}
				
			.blog-summary-wrapper p{
				font-size: 14px; 
				line-height: 19px;
				}
				
			div#content-left .blog-summary-wrapper h3 a {
				color: #00aeef; 
				text-decoration: none;
				font-size: 24px; 
				/*line-height: 32px;*/
				}	
				
			p.blog-more,
			p.blog-more *,
			.blog-pagination,
			p.blog-meta,
			p.blog-meta *,
			div#content-left ul.blog-post-info,
			div#content-left ul.blog-post-info li{
				clear: both;
				margin: 0; padding: 0;
				font-size: 12px;
				}
			
			.blog-more{
				border-bottom: 1px solid #d0d0d0;
				text-align: right;
				overflow: auto;
				}
				
			#content-wrap .blog-more a{
				background: #3a3a3a;
				color: #fff;
				text-decoration: none;
				padding: 0px 9px;
				font-style: normal;
				font-size: 12px;
				line-height: 22px;
				display: block; float: right;
				}
			#content-wrap .blog-more a:hover{
				background-color:#000;
				}
				
			.blog-pagination {
				line-height: 22px;
				}
				
				.blog-pagination a,
				.blog-pagination strong{
					text-decoration: none;
					font-style: normal !important;
					font-weight: bold;
					display: block;
					float: left;
					padding: 0 10px;
					border: 1px solid #5c5c5c;
					margin-right: 4px;
					color: #000;
				}
				
				.blog-pagination a {
					
				}
				
					.blog-pagination a:hover{
						border-color: #000;
						background-color:#000;
						color: #fff !important;
					}
				
				.blog-pagination strong{
					background: #ffe500;
					border: 1px solid #ffe500; 
				}
			
			p.blog-meta{
				margin: 5px 0 10px 0;
				}
			
				.blog-meta span {
					padding: 3px 0 2px 15px;
					background-repeat: no-repeat;
					background-position: 0 50%;
					margin-right: 20px;
					}
					
					.blog-meta span.author{
						background-image: url(../_img/blog-icon-author.png);
						background-position: 0 45%;
						}
						
					.blog-meta span.date{
						background-image: url(../_img/blog-icon-date.png);
						}
						
					.blog-meta span.comments{
						background-image: url(../_img/blog-icon-comments.png);
						}
						
			div#content-left ul.blog-post-info,
			div#content-left ul.blog-post-info li{
				list-style-type: none;
				}
				
					div#content-left ul.blog-post-info li{
					list-style-type: none;
					padding: 3px 0 5px 20px;
					background-repeat: no-repeat;
					background-position: 0 40%;
					}
				
					#content-wrap ul.blog-post-info li.blog-filed{
						background-image: url(../_img/blog-icon-blog-filed.png);
					}
					
					#content-wrap ul.blog-post-info li.blog-tags{
						background-image: url(../_img/blog-icon-blog-tags.png);
						background-position: 1px 40%;
					}
			
			#content-wrap h3#blog-browse-key {
				margin-bottom: 15px;
				font-size: 12px;
				font-weight: normal;
				padding-left: 15px;
				background: url(../_img/blog-icon-blog-tags.png) no-repeat 0 40%;
				}
					#content-wrap h3#blog-browse-key em {
						background: #fff8ba;
					}
			
			div#content-wrap.blog-entry{
				line-height: 18px;
			}
			
				div#content-wrap.blog-entry #content-head{
					margin-bottom: 0;
					}
					
				div#content-wrap.blog-entry #content-head p.blog-tools{
					margin: 0;
					}
				
				div#content-wrap.blog-entry .content-styles span.back-button.activated {
					padding-left:15px; 
					margin-top: 10px;
					margin-bottom: -4px;
					background: url(../_img/blog-icon-back.png) no-repeat 2px 5px;
					display: block;
					}
					
				div#content-wrap.blog-entry .content-styles span.back-button.activated a {	
					color: #404040;
					}
				
				div#content-wrap.blog-entry .content-styles h2 {
					padding-left: 0; 
					font-size: 30px;
					}
					
				div#content-wrap.blog-entry .content-styles .blog-image {
						margin: 15px 0;
						display: block;
						overflow: hidden;
						}
					
				div#content-wrap.blog-entry object {
					margin: 15px 0;
					display: block;
					overflow: hidden;
					}
					
				div#content-wrap.blog-entry .content-styles .blog-image span.image-caption {
					clear: left;
					padding-left: 17px; 
					display: block; 
					color: #7a7a7a;
					background: url(../_img/blog-icon-pencil.png) no-repeat 2px 3px;
					}
			
				div#content-wrap.blog-entry .content-styles p.blog-social {
					text-align: right; 
					margin: 30px 0 5px 0; 
					border-bottom: 1px solid #d0d0d0;
					}
					
				div#content-wrap.blog-entry #tweet-meme {
					width: 60px;
					}
					
				div#content-wrap.blog-entry .content-styles .blog-post-info{
					margin-bottom: 15px;
					}
			
				div#content-wrap.blog-entry .content-styles #blog-comments{
					padding: 0;
					}
					
				div#content-wrap.blog-entry .content-styles #blog-comments h3,
				div#content-wrap.blog-entry .content-styles #blog-comment-form h3{
					padding-left: 24px;
					font-size: 18px;
					background-repeat: no-repeat; 
					background-position: 0 55%;
					margin-bottom: 15px;
					}

				div#content-wrap.blog-entry .content-styles #blog-comments h3{
					background-image: url(../_img/blog-icon-comments-large.png);
					}
					
				div#content-wrap.blog-entry .content-styles #blog-comments blockquote{
					padding: 0 0 0 15px;
					background: url(../_img/blog-icon-quote-left.png) no-repeat 0 1px;
					display: block;
					}
				
				
				
				div#content-wrap.blog-entry .content-styles #blog-comments blockquote p{
						background: #fff;
						margin-bottom: 5px;
						color: #1a1a1a;
						clear: left;
						display: block;
					}
				
				div#content-wrap.blog-entry .content-styles #blog-comments blockquote.by-author p{
					color: #00aeef;
					}
				
				div#content-wrap.blog-entry .content-styles #blog-comments blockquote .quote-close{
				position: relative;
					top: -2px;
				}


				div#content-wrap.blog-entry .content-styles #blog-comments cite{
					display: block;
					clear: left;
					color: #9b9b9b;
					margin-bottom: 15px;
					padding: 0 0 0 35px;
					background: url(../_img/blog-icon-comment-author.png) no-repeat 15px 2px ;
					}
				
				div#content-wrap.blog-entry .content-styles #blog-comments cite a{
					color: #9b9b9b;
					font-style: normal;
					text-decoration: none;
					}
					
				div#content-wrap.blog-entry .content-styles #blog-comment-form h3{
					background-image: url(../_img/blog-icon-comments-add.png);
					}

				div#content-wrap.blog-entry #content-right ol.actions{
					margin-bottom: 25px;
					}
				
				div#content-wrap.blog-entry #content-right ol.actions li {padding: 0;}

				div#content-wrap.blog-entry #content-right ol.actions li a{
					font-style: normal;
					color: #242104;
					}
					
				form .comment-form-left { float: left; clear: none; }
				form .comment-form-left input { width: 200px; }
				form .space { margin-right: 10px; }
				form .comment-textarea { width: 432px; }
				form .comment-submit { width: 130px; background: #fee600; border: 1px solid #f3db07; font-weight: bold; }
				


ol#blog-posts {
	margin-top: 40px;
	}

ol#blog-posts li a {
	color: #b6b6b6;
	display: block;
	padding: 10px 5px 10px 5px;
	text-decoration: none;
	border-bottom: 1px solid #434242;
	}
	
	ol#blog-posts li a:hover {
		text-decoration: underline;
		}
	
	ol#blog-posts li a.blog-img {
		border-bottom: none;
		padding: 0;
		}

	ol#blog-posts p {
		color: #ffe500;
		padding: 0 0 5px 0;
		border-bottom: 1px solid #434242;
		}

#latest-post {
	float: right;
	border: 1px solid #B5B4B4;
	cursor: pointer;
	background: #000;
	width: 335px;
	height: 178px;
	}
	
	#latest-post h4 {
		margin: 0px;
		width: 310px;
		}
		
		#latest-post h4 a {
			display: block;
			width: 335px;
			height: 178px;
			border: 0px;
			}
			
		#latest-post h4 a:hover img {
			opacity: 0.65;
			filter: alpha(opacity = 65);
			}
		
			#latest-post img {
				position: absolute;
				width: 335px;
				height: 178px;
				}
	
			#latest-post .blog-title { 
				color: #fff; 
				width: 305px;
				height: 51px;
				margin: 102px 0 0 0; 
				padding: 5px 10px 0px 20px;
				display: block;
				border: 0;
				font-weight: bold;
				font-size: 24px;
				background: url(../_img/black-transparency.png); 
				text-overflow: ellipsis;
				white-space: nowrap;
				overflow: hidden;
				position: absolute;
				}
			
			#latest-post a span.sub { 
				font-size: 13px;
				margin-bottom: 3px;
				font-style: italic;
				display: block;
				}
				
	 .search-summary {
		padding: 0 0 10px 0;
		border-bottom: 1px solid #f2f2f2;
		margin-bottom: 25px;
		}