html, body
	{
		height: 100%;
	}
	
	body
	{
		margin: 0px;
		padding: 0px;
		background: #E9E9E9 url(images/bg01.png) repeat;
		font-family: 'Open Sans', sans-serif;
		font-size: 11pt;
		color: #969696;
	}
	
	
	h1, h2, h3
	{
		margin: 0;
		padding: 0;
		font-weight: 900;
	}
	
	p, ol, ul
	{
		margin-top: 0;
	}
	
	ol, ul
	{
		padding: 0;
		list-style: none;
	}
	
	p
	{
		line-height: 180%;
	}
	
	strong
	{
	}
	
	a
	{
		color: #0000FF;
	}

	a img {
		border: 0;
	}
	
	a:hover
	{
		text-decoration: none;
	}
	
	.container
	{
		margin: 0px auto;
		width: 1200px;
	}

	#left {
		float: left;
		padding-right: 50px;
		width: 750px;
	}

	#right {
		float: right;
		width: 300px;
	}

	#col_left {
		float: left;
		padding-right: 24px;
		border-right: 1px solid #999;
		width: 525px;
	}

	#col_right {
		float: right;
		padding-left: 24px;
		border-left: 1px solid #999;
		width: 525px;
	}

	#clear {
		clear: both;
	}
	
/*********************************************************************************/
/* Image Style                                                                   */
/*********************************************************************************/

	.image
	{
		display: inline-block;
	}
	
	.image img
	{
		display: block;
		width: 100%;
	}
	
	.image-full
	{
		display: block;
		width: 100%;
		margin: 0 0 0 0;
	}
	
	.image-left
	{
		float: left;
		margin: 0 2em 2em 0;
	}
	
	.image-centered
	{
		display: block;
		margin: 0 0 2em 0;
	}
	
	.image-centered img
	{
		margin: 0 auto;
		width: auto;
	}

/*********************************************************************************/
/* List Styles                                                                   */
/*********************************************************************************/

	ul.style1
	{
	}


/*********************************************************************************/
/* Button Style                                                                  */
/*********************************************************************************/

	.button
	{
		display: inline-block;
		margin-top: 2em;
		background: #00A4D9;
		border-radius: 5px;
		line-height: 4em;
		padding: 0 3em;
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-ms-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
		letter-spacing: 0.25em;
		text-decoration: none;
		text-transform: uppercase;
		outline: 0;
		white-space: nowrap;
		font-weight: 900;
		font-size: 1em !important;
		color: #fff !important;
	}

		.button:hover
		{
			background: #18ACD9;
			-webkit-transition: all .25s ease-in-out;
			-moz-transition: all .25s ease-in-out;
			-ms-transition: all .25s ease-in-out;
			-o-transition: all .25s ease-in-out;
			transition: all .25s ease-in-out;
		}
		
		.button:active
		{
			background: #0091BD;
			-webkit-transition: all .25s ease-in-out;
			-moz-transition: all .25s ease-in-out;
			-ms-transition: all .25s ease-in-out;
			-o-transition: all .25s ease-in-out;
			transition: all .25s ease-in-out;
		}
		
			.button-big
			{
				line-height: 4em;
				padding: 0 3em;
				font-size: 1.1em !important;
			}
		
/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

	#wrapper
	{
		position: relative;
		padding: 0em 0em 5em 0em;
		background: #FCFCFC;
		box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header
	{
		height: 10em;
	}

/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

	#logo
	{
		float: left;
		width: 500px;
		margin: 2em auto 2em auto;
	}

	#logo img {
		height: 200px;
		margin-left: 50px;
	}
	
	#logo a
	{
		text-decoration: none;
	}
	
	#logo p
	{
		margin: 0;
		padding-left: 10px;
		font-family: 'Open Sans', sans-serif;
		letter-spacing: 0.10em;
		font-size: 24px;
		color: #828282;
	}

/*********************************************************************************/
/* Social Media Icons                                                            */
/*********************************************************************************/

	#social
	{
		float: right;
		margin: 3.5em auto 2em auto;
		width: 400px;
		text-align: right;
	}

	#social h1 {
		margin-bottom: 20px;
		font-size: 3em;
		color: #0084AD;
		text-align: center;
		font-family: 'Open Sans', sans-serif;
	}

	#social ul {
		margin-right: 50px;
	}

	#social li {
		float: right;
		padding: 0 15px;
	}
	
	#social img {
		height: 46px;

		-webkit-transition-duration: 0.8s;
		-moz-transition-duration: 0.8s;
		-o-transition-duration: 0.8s;
		transition-duration: 0.8s;
     
		-webkit-transition-property: -webkit-transform;f
		-moz-transition-property: -moz-transform;
		-o-transition-property: -o-transform;
		transition-property: transform;
	}

	#social img:hover {
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg); 
		-o-transform:rotate(360deg);
		transform:rotate(360deg);
	}


/*********************************************************************************/
/* Menu                                                                          */
/*********************************************************************************/

	#menu
	{
		background: #292929;
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
	
	#menu ul
	{
		margin: 0;
		padding: 0px 0px 0px 0px;
		list-style: none;
		line-height: normal;
		text-align: center;
	}
	
	#menu li
	{
		display: inline-block;
	}
	
	#menu a
	{
		display: block;
		padding: 0em 2em;
		line-height: 80px;
		letter-spacing: 1px;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 1em;
		font-weight: 700;
		color: #BFCCCC;
	}
	
	#menu a:hover
	{
		text-decoration: none;
		color: #78CCCC;
	}


/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner
	{
	}

/*********************************************************************************/
/* Page                                                                          */
/*********************************************************************************/

	#page
	{
		overflow: hidden;
		width: 1100px;
		padding: 0em 50px 1em 50px;
		background: #FCFCFC;
		color: #191919;
	}
	
	#page .title
	{
		padding: 3em 0 1em 0;
		letter-spacing: 0.10em;
	}
	
	#page .title h2
	{
		font-size: 2em;
		color: #CC3366;
	}

	#page h3 {
		font-size: 1.5em;
		color: #0084AD;
		margin: 25px 0 15px 10px;
	}
	
	#page .byline
	{
		padding-top: 0.50em;
		font-size: 0.90em;
		color: #858585;
	}

	#page #schedule
	{
		margin-left: 30px;
	}
	
	#page a
	{
		color: #01A9DC;
	}

	#page strong {
		line-height: 1.5em;
		color: #444;
	}

	#page .colour {
		color: #48682C;
	}

	#page .date {
		color: #666;
	}

	#page p {
		margin-left: 20px;
	}

	#page #row {
		text-align: center;
	}

	#page img {
		margin: 0 20px;
		border: 10px solid rgba(0,0,0,.10);
	}

	.bio_pic {
		height: 220px;
		margin: 0px 0px;
		border: 0px;
	}

	.bio {
		margin-left: 200px;
		margin-top:-205px;
		height: 205px;
		font-size: 13px;
		line-height: 1.4em;
		width: 600px;
	}

	.bio_e {
		margin-left: 200px;
		margin-top:-205px;
		min-height: 185px;
		font-size: 13px;
		line-height: 1.4em;
		width: 600px;
		padding-bottom: 22px;
	}

	.round_shadow {
		text-align: left;
		box-shadow: 2px 2px 5px #aaa;
		margin: 0 auto 20px auto;
		width: 850px;
	}

	#store img {
		margin: 0;
		border: 0;
	}


/*********************************************************************************/
/* Schedule Table                                                                     */
/*********************************************************************************/

	.top {
		text-align: center;
		width: 16%;
	}

	table {
		width: 100%;
	}

	table p {
		margin-top: 10px;
	}

	table h1 {
		font-size: 20px;
	}

	tr {
		border-bottom: 20px solid #fff;
	}

	td {
		vertical-align: top;
	}

	#date {
		width: 12%;
		padding: 13px 10px 10px 10px;
		font-size: 14pt;
		font-weight: bold;
	}

	#codes {
		width: 8%;
		padding: 13px 10px 10px 10px;
		font-size: 14pt;
	}

	#schedule {
		width: 80%;
		padding: 10px;
	}

	.topic {
		color: #36648B;
	}

	.social {
		color: #2E8B57;
	}

	.series {
		color: #CD6600;
	}


/*********************************************************************************/
/* Footer                                                                     */
/*********************************************************************************/

	#footer
	{
		padding: 3em 0em;
		font-size: 0.70em;
		letter-spacing: 0.20em;
		text-align: center;
		text-transform: uppercase;
		text-shadow: 1px 1px 1px #FFF;
		color: #6A6A6A;
	}

/*********************************************************************************/
/* Front Page Icons                                                                     */
/*********************************************************************************/

	#icons
	{
		position: relative;
		overflow: hidden;
		width: 1100px;
		padding: 1em 75px 11em 75px;
	}
	
	#icons ul
	{
		margin-bottom: 2em;
		padding: 0 0 50px 0;
		list-style: none;
	}
	
	#icons li
	{
		float: left;
		width: 225px;
		margin: 0px 10px 10px 10px;
		padding: 10px 10px;
	}
	
	#icons li img
	{
		border: 0px;
	}
	
	#icons li a
	{
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-ms-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
		opacity: .5;
	}

	#icons li a:hover
	{
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-ms-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
		opacity: 1;
	}
	
/*********************************************************************************/
/* Portfolio                                                                     */
/*********************************************************************************/

	#portfolio
	{
		position: relative;
		overflow: hidden;
		width: 1050px;
		padding: 1em 75px 11em 75px;
	}
	
	#portfolio ul
	{
		margin-bottom: 2em;
		padding: 0 0 50px 0;
		list-style: none;
	}
	
	#portfolio li
	{
		float: left;
		width: 310px;
		margin: 0px 10px 10px 10px;
		padding: 10px 10px;
	}
	
	#portfolio li img
	{
		border: 10px solid rgba(0,0,0,.10);
	}
	
	#portfolio li a
	{
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-ms-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
		opacity: .5;
	}

	#portfolio li a:hover
	{
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-ms-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
		opacity: 1;
	}
	
	#pbox1,
	#pbox2,
	#pbox3
	{
		float: left;
		width: 400px;
	}


/*********************************************************************************/
/* Popups                                                                    */
/*********************************************************************************/


	.expand {
		font-size: 16px;
		position: relative;
		bottom: 0;
		right: 0;
		text-align: right;
	}

	.expand_padded {
		font-size: 16px;
		position: relative;
		bottom: 0;
		right: 0;
		text-align: right;
		padding: 20px;
		margin-top: -60px;
	}

	.expand_padded a {
		letter-spacing: 1px;
		color: #936;
	}

	.expand a {
		letter-spacing: 1px;
		color: #936;
	}

	.popup {
		color: #333;
		position:absolute; left:-30px; top:-80;
		z-index: 2;
		background-color:#fff;
		border-radius: 10px;
		width:300px;
		visibility:hidden;
		padding: 20px;
		box-shadow: 0 3px 3px #222;
		text-align: left;
		line-height: 1.5em;
	}	

	.popup_title {
		letter-spacing: 1px;
		width:300px;
		font-size: 26px;
		margin: 0 auto;
		color: #c39;
	}