.clearfix:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: inline-table;
}



/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */







body div, body span, body img, body p {
	border: 0;
	padding: 0;
	margin: 0;
}

ul	{
	list-style-image: none;
	list-style: none;
	list-style-type: none;
	border: 0;
	padding: 0;
	margin: 0;
}

body	{
	font: 18px arial, sans-serif;
	background: #333333 url(img/redslats.jpg) repeat;
	color: #F4E308;
	border: 0;
	padding: 0;
	margin: 0;
}












.centerer	{
	width: 1000px;
	margin: auto;
	padding: 0px;
	border: 0px solid #ffffff;
}

.ryanheader	{
	border: 0px solid #ffffff;
	margin-top: -10px;
	margin-bottom: 10px;
  	padding-left: 10px;
}








a {
	color: #385158;
	background-color: inherit;
	text-decoration: none;
	font-weight: bold;
}

a:link {
	color: #3ABAD8;
	background-color: inherit;
	text-decoration: none;
}

a:visited {
	color: #3ABAD8;
	background-color: inherit;
	text-decoration: none;
}

a:active {
	color: #3ABAD8;
	background-color: inherit;
}

a:hover {
	color:  #ff9999;
	background-color: inherit;
	text-decoration: none;
}















.quicklinks	{
	border: 0px solid #ff0000;
	margin-top: 0px;
	margin-bottom: 140px;
	padding-left: 10px;
}

.column	{
	margin:  0px 10px 0px 10px;
	padding: 20px;
	padding-top: 128px;
	padding-bottom: 40px;
	background-color: #A01C1C;
	width: 260px;
	text-align: center;
	position: relative;
	float: left;
}

.column#animation	{
	background: url(img/quicklinks_slat_animation.jpg) no-repeat;
	border-left: 1px solid #490B0B;
	border-right: 2px solid #490B0B;
	border-top: 0px solid #490B0B;
	border-bottom: 4px solid #490B0B;
}

.column#musicvideos	{
	margin-top: 13px;
	background: url(img/quicklinks_slat_musicvideos.jpg) no-repeat;
	border-left: 2px solid #490B0B;
	border-right: 2px solid #490B0B;
	border-top: 0px solid #490B0B;
	border-bottom: 4px solid #490B0B;
}

.column#filmmaking	{
	margin-top: 7px;
	background: url(img/quicklinks_slat_filmmaking.jpg) no-repeat;
	border-left: 2px solid #490B0B;
	border-right: 1px solid #490B0B;
	border-top: 0px solid #490B0B;
	border-bottom: 4px solid #490B0B;
}





.column h1	{
	font: 36px arial, sans-serif;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 20px;
}

.column	li	{
	padding-bottom: 10px;
	font: 16px arial, sans-serif;
}

.column p 	{
	font: 14px arial, sans-serif;
	color: #ffffff;
}

.column p.comingsoon	{
	font: 16px arial, sans-serif;
	font-weight: bold;
	color: #4b0101;
}










.videoembeds	{
	margin-top: 0px;
	margin-bottom: 0px;
}


.videoembeds p {
	font: 20px arial, sans-serif;
	color: #ffffff;
	margin-bottom: 140px;
	text-align: center;
}












li.vid	{
	width: 902px;
	background: url(img/whiteframe.gif) no-repeat;
	padding-top: 85px;
	padding-left: 98px;
	margin-bottom: -5px;
	border: 0px solid #00ff00;
}

li.framebottom	{
	width: 1000px;
	height: 90px;
	background: url(img/whiteframe_bottom.gif) no-repeat;
	margin-top: 0px;
	border: 0px solid #0000ff;
}

.yellow	{
	color: #F4E308;
}

.backtotop	{
	font: 10px arial, sans-serif;
	font-weight: bold;
}













li.vid_mun2	{
	width: 962px;
	height: 304px;
	background: url(img/whiteframe.gif) no-repeat;
	padding-top: 85px;
	padding-left: 60px;
	border: 0px solid #00ff00;
}


li.vid_mun2_midslat	{
	width: 962px;
	height: 304px;
	background: url(img/whiteframe_midslat.gif) no-repeat;
	padding-top: 65px;
	padding-left: 60px;
	border: 0px solid #00ff00;
}

.muncolumn	{
	width: 425px;
	height: 304px;
	position: relative;
	float: left;
	border: 0px solid #0000ff;
	background: url(img/whiteboard_bg.jpg) repeat;
}

.slat	{
	width: 30px;
	height: 304px;
	background: url(img/whiteboard_bg.jpg) no-repeat;
	border: 0px solid #00ff00;
	position: relative;
	float: left;
}















li.vid_rev3	{
	width: 760px;
	height: 312px;
	background: url(img/whiteframe_rev3.gif) no-repeat;
	padding-top: 85px;
	padding-left: 103px;
	margin-left: 125px;
	border: 0px solid #00ff00;
}

li.vid_rev3_midslat	{
	width: 760px;
	height: 312px;
	background: url(img/whiteframe_midslat_rev3.gif) no-repeat;
	padding-top: 62px;
	padding-left: 103px;
	margin-left: 125px;
	border: 0px solid #00ff00;
}

li.framebottom_rev3	{
	width: 760px;
	height: 90px;
	background: url(img/whiteframe_bottom.gif) no-repeat;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 125px;
	border: 0px solid #0000ff;
}