@import url(http://fonts.googleapis.com/css?family=Domine:400,700);

@charset "utf-8";
/* CSS Document */

body {
	background:#FFF;
}

h1 {
	font-family:Domine, Arial;
	font-size:46px;
	color:#5E3075;
}

h2 {
	font-family:Domine, Arial;
	font-size:26px;
	color:#5E3075;
}

	h2 a:hover {
		color:#A915E8;
	}

p {
	font-family:'PT Sans', Arial;
	font-size:20px;
	color:#666;
}

a {
	color:inherit;
}

::selection {color:#FFF;background:rgba(100,30,135,0.75)}
::-moz-selection {color:#FFF;background:rgba(100,30,135,0.75)}

.container {
	max-width:1200px;
	min-width:500px;
	margin:0 auto;
	padding:25px 0;
}

	.container.header {
		text-align:center;
	}
	
		.container.header h1 {
			margin-bottom:10px;
		}
	
.programs {
	display:inline-block;
	width:77%;
	font-size:0;
	vertical-align:text-top;
	overflow:hidden;
}

.sorter {
	display:inline-block;
	width:17%;
	padding-right:25px;
	text-align:right;
	vertical-align:text-top;
	cursor:pointer;
}

	.sorter ul {
		list-style:none;
		padding:0;
		border-right:1px solid #CCC;
		min-height:500px;
	}
	
		.sorter li {
			font-family:'PT Sans', Arial;
			font-size:22px;
			font-weight:bold;
			padding:10px 15px;
			margin:0;
			display:block;
			border:1px solid transparent;
			border-right:0;
			border-radius:15px 0 0 15px;
			transition:0.25s;
		}
		
		.sorter li:hover {
			background-color:#FAFAFA;
		}
		
			.in_use {
				border:1px solid #CCC !important;
				border-right:0 !important;
				background-color:#FCFCFC
			}

#product {
	width:95%;
	border-radius:100%;
	border:3px solid #99CA3C;
}
			
.program {
	width:100%;
	text-align:center;
	display:inline-block;
	vertical-align:text-top;
	position:relative;
	transition:0.2s;
	overflow:visible;
}
	
	.program.highlighted {
		background:#F5FFE1;
		border-bottom:3px solid #99CA3C;
	}
	
	.program img {
		width:100%;
		max-width:200px;
		z-index:1000;
	}
	
	.program > p {
		margin-top:0;
		margin-bottom:8px;
		font-size:16px;
		padding-bottom:8px;
		height:50px;
		text-overflow:ellipsis;
	}
	
		.program p.types {
			opacity:.5;
			font-size:14px;
			font-style:italic;
			border:0;
			height:auto;
			padding:0;
		}
	
	.program h2 {
		margin-bottom:5px;
	}
	
.program_expand {
	display:none;
	position:absolute;
	margin-left:0;
	margin-right:0;
	left:0;right:0;
	top:62px;
}

	.program_expand p {
		color:#666;
		margin-top:4px;
	}

		.program_expand p span {
			font-family:Domine, Arial;
			font-size:26px;
			font-weight:bold;
		}
		
.program_expand .program_link:last-child {
	margin-bottom:0;
}
		
.program_link {
	background-color:#99CA3C;
	font-family:Domine, Arial;
	border-radius:10px;
	border:1px solid #FFF;
	width:200px;
	padding:10px;
	margin:0 auto 15px auto;
	text-align:center;
	box-shadow:2px 0 8px rgba(255,255,255,1.0);
}

	.program_link p {
		margin:0;
		font-weight:bold;
		color:#FFF;
		height:auto;
		transition:0.2s;
	}

	.program_link p:hover {
		opacity:0.75;
	}
	
.iwannabearealboy { cursor:pointer }
.iwannabearealboy ul { display:none; list-style:none;padding:0 }
.iwannabearealboy li { font-family:'PT Sans', Arial;margin:7px 0;color:#FFF;transition:0.1s }
.iwannabearealboy li:hover { opacity:0.75;text-decoration:underline }

.underline {
	border-bottom:2px solid rgba(255,255,255,0.33);
	padding-bottom:3px;
}
	
.program_wrap {
	position:relative;
	display:inline-block;
	width:255px;
	padding:15px 10px 0 10px;
	margin:0 10px 25px 10px;
}

	.soon h2, .soon .program p, .soon p.types, .soon .boxes, .soon .program img#product {
		opacity:0.33
	}

.opacity_66 {opacity:.66}
.opacity_50 {opacity:.50}
.opacity_33 {opacity:.33}


.boxes { }

.box.orange, .box.green, .box.purple, .box.yellow, .box.blue, .box.pink, .box.gray {
	height:10px;
	width:10px;
	display:inline-block;
	border:3px solid #FFF;
}

	.sorter .box {
		margin-left:10px;
	}
	
a.link {
	color:#99CA3C;
	text-decoration:underline;
}
	
.purple { color:#909 !important }

.box.orange { background-color:#F89C1B !important }
.box.green { background-color:#99CA3C !important }
.box.purple { background-color:#909 !important }
.box.yellow { background-color:#FFC50A !important }
.box.blue { background-color:#00ADEF !important }
.box.pink { background-color:#EC008B !important }
.box.gray { background-color:#F7F7F7 !important }

.blue_bgrad {
background: #7abcff; /* Old browsers */
background: -moz-linear-gradient(top,  #7abcff 0%, #60abf8 44%, #4096ee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
}

ul li.nohover {
	background:#99CA3C;
	cursor:default;
	font-family:'Bebas Neue', Oswald, Arial;
	font-weight:normal;
	padding:15px;
	border-bottom:2px solid #909;
	font-size:28px;
	color:#FFF;
}

ul li.nohover:hover {
	background:#99CA3C !important;
}