/*font imports*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

*::selection {
  background: #ffdeb7; /* WebKit/Blink Browsers */
}
*::-moz-selection {
  background: #ffdeb7; /* Gecko Browsers */
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 70%;
	overflow-x: hidden;
}

div,
table,
th,
tr,
td,
p,
ul,
ol,
li,
ul,
dl,
dt,
dd,
blockquote,
cite,
code,
label {
	text-align: left;
	/* Overides NN4 force centre */
	font-size: 1em;
}

a {
	outline: none;
}

a:link {
	color: #fadc87;
	text-decoration: none;
}

a:active {
	color: #fadc87;
	text-decoration: none;
	outline: none;
}

a:visited {
	color: #fadc87;
	text-decoration: underline;
}

a:hover {
	color: #43ACEF;
	text-decoration: none;
}

:-moz-any-link:focus {
	outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	padding: 0px;
}

#content h1 {
	color: #fadc87;
	font-size: 30px;
	font-weight: bold;
	padding-bottom: 30px;
	margin-top: 21px;
}

#content h2 {
	color: #fadc87;
	font-size: 24px;
	font-weight: bold;
}

#content h3 {
	color: #fadc87;
	font-size: 24px;
	font-weight: normal;
}

#content h4 {
/*	margin-left: 20px;*/
	color: #fadc87;
/*	margin-top: -8px;*/
}

#content h5 {
	font-size: 1.2em;
	color: #FF0000;
	margin: 0;
	padding: 0.6em 0 0.6em 0;
}

#content h6 {
	font-size: 1.1em;
	color: #FFF;
	margin: 0;
	padding: 0.3em 0 0.3em 0;
}


/*	---------------------------------------------------------------
	2.PARAGRAPH STYLES
	------------------------------------------------------------ */

p {
	font-size: 1.1em;
	line-height: 150%;
	margin: 0.3em 0 0.5em 0;
}

p.intro {
	font-size: 1.4em;
	line-height: 150%;
	color: #CCC;
}

#content ol {
	list-style-type: none;
	margin: 0 0 0 3em;
	list-style-position: outside;
}

#content ol li {
	list-style-type: upper-roman;
}

#content ol ol {
	list-style-type: none;
	margin: 0 0 0 4em;
	list-style-position: outside;
}

#content ol ol li {
	list-style-type: upper-roman;
}

#content ol ol ol {
	list-style-type: none;
	margin: 0 0 0 5em;
	list-style-position: outside;
}

#content ol ol ol li {
	list-style-type: upper-roman;
}

#content ul {
	list-style-type: none;
	/*margin:0 0 1em 3em;*/
	list-style-position: outside;
	display: list-item;
/*	margin-left: -5%;*/
}

#content ul li {
	list-style-type: square;
	padding: 10px 5px 0 5px;
}

#content ul.indent {
	margin: 0 0 0 3em;
}

#content ul.indent li {
	padding: 1.4em 0 1.4em 0;
}

#content ul ul {
	list-style-type: none;
	margin: 0 0 0 4em;
	list-style-position: outside;
	display: list-item;
}

#content ul ul li {
	list-style-type: disc;
}

#content ul ul ul {
	list-style-type: none;
	margin: 0 0 0 5em;
	list-style-position: outside;
	display: list-item;
}

#content ul ul ul li {
	list-style-type: circle;
}

#content li {
	font-size: 1.1em;
	line-height: 150%;
	padding: 10px 0;
}

#content li li {
	font-size: 1.1em;
	line-height: 150%;
}

#content li li li {
	font-size: 1.1em;
	line-height: 150%;
}

#content li p {
	font-size: 1em;
	line-height: 150%;
	margin: 0
}

form {
	padding: 0;
}

fieldset {
	display: block;
	margin: 0;
	padding: 0;
}

fieldset p {
	padding: 0px 1em;
	display: block;
}

legend {
	display: block;
	font-size: 2em;
	font-weight: normal;
}

input,
select,
textarea {
	font-size: 1em;
	color: #000;
}

input:active {
	color: #FFF;
	background-color: #666;
}

input,
textarea,
select {}

label {
}

#content td,
tr,
th {
	/* overrides the cellpadding and cellspacing */
	/*margin:1px;
	padding:10px 5px 0px 0px;*/
	font-size: 15px;
	line-height: 150%;
	vertical-align: top;
}

#content th {
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #CCC;
}

#content td {
	padding: 2px;
}

#content td p {
	font-size: 15px;
	;
}

#content td li {
	font-size: 15px;
}

#content td h1,
#content td h2,
#content td h3,
#content td h4,
#content td h5,
#content td h6,
#content td p {
	padding: 0;
}

img {
	border: 0px;
}

img {
	-ms-interpolation-mode: bicubic;
}

address {
	display: inline;
}

#simplemodal-overlay {
	background-color: #000;
}

#simplemodal-container {
	background-color: #333;
	border: 8px solid #444;
	padding: 5px 5px 5px 5px;
}

#playerpopup img {
	float: right;
	margin: 0;
	padding: 0 0 5px 0;
	cursor: pointer;
}

#playerpopup p {
	float: left;
}

.vid {
	cursor: pointer;
}

.imgholder {
	position: relative;
}

.picon {
	position: absolute;
	top: 96px;
	left: 167px;
	cursor: pointer;
}

* {
	margin: 0px;
	padding: 0px;
}

html,
body {
	margin: 0;
	padding: 0;
	font-size: 14px;
}

.material-icons {
/*	font-size: 25px !important;*/
/*	position: absolute;*/
	vertical-align: bottom;
	line-height: inherit !important;
}

html {
/*	height: 100.1%;*/
}

body {
	color: #FFF;
	background-color: #000000;
	margin: 0;
	left: 0;
	right: 0;
	width: 100%;
	text-align: center;
/*	height: 100.1%;*/
/*	background-color: rgba(0, 0, 0, 0.88);*/
}

div {}

#container,
#container-home {
	width: 100%;
	max-width: 1024px;
	margin: -25px auto 0 auto;
	text-align: center;
	/*Old top margin - 70px
	min-width: 690px;*/
}

#containerOver,
#container-home {
	width: 100%;
	max-width: 1024px;
	margin: -25px auto 0 auto;
	text-align: center;
	/*Old top margin - 70px
	min-width: 690px;*/
}

.address {
	float: right;
}

#containerOver {
	position: relative;
	/*	padding-bottom: 50px;	*/
	z-index: 2;
	margin-top: -20px;
}

#container {
	/*	position:relative; */
	/*	padding-bottom: 50px;*/
	margin-top: 0;
	z-index: 2;
	/*    border: 1px solid red;*/
	margin-top: 69px;
}

#container-home {
	background-color: #fff;
}

#setPage,
#setNews,
#setBlog,
#setProduct,
#setSection,
#setHome {
	width: 600px;
}

div#header {
	width: 100%;
	height: 144px;
	position: relative;
	background-color: #001B37;
	z-index: 999;
	background-color: #000000;
	border-bottom: 0px solid #101010;
}

img#header {
	z-index: 1;
	position: absolute;
	right: 0;
	/*margin-top: -45px;*/
}

#header-inner {
	/*
			position: absolute;
			top: -20px;
			left: 0;
			right: 0;
			padding: 5px 0px;
*/
	/*			max-width: 1000px;*/
	/*			width: 100%	;*/
	/*        height: 139px;*/
	/*        margin: 0 auto;*/
	/*
			margin: 0 auto;
			display: block;
			height: 100%;
			bottom: 0;
*/
}

#header-menu-item-sel {
	/* 			 color: #f1ffc2; */
	color: red;
	text-decoration: none;
}

#catMenu {
	height: 33px;
	width: 1000px;
	margin: 0 auto;
}

.catMenuWrapper {
	height: 33px;
	background-color: #3e3a27;
	position: absolute;
	left: 50%;
	margin-left: -500px;
}

.catMenuBar {
	height: 33px;
	background-color: #3e3a27;

}

#genre-menu {
	list-style: none;
	right: 200px;
	bottom: 0;
	margin: 0;
	padding: 0;
}

.genre-menu-item {
	float: left;
	/*        padding: 0 65px;*/
/*	width: 16.6%;*/
/*	width: 18%;*/
	font-size: 14px;
	color: black;
	text-transform: uppercase;
	color: #fadc87;
	line-height: 33px;
/*	text-align: center;*/
	margin-right: 30px;
}

.genre-menu-item:nth-child(1) {
/*margin-left:55px;*/
}
.genre-menu-item:nth-child(2) {
	margin-right: 50px;
	margin-left: 104px;
}
.genre-menu-item:nth-child(3) {
	margin-left: 43px;
}
.genre-menu-item:nth-child(4) {
	margin-left: 86px;
}

.genre-menu-item:nth-child(5) {
	margin-left: 73px;
}

.genre-menu-item:nth-child(6) {
	margin-left: 78px;
	margin-right:0px
}


#genre-menu-item-sel {
	/*			color: rgb(75, 69, 117);*/
	color: #fadc87;
	font-weight: bold;
}

img#logo {
	/*margin-left: 31px;*/
}

div#headerText {
	color: #BCDAFB;
	font-size: 24px;
	font-style: italic;
	position: absolute;
	top: -10px;
	right: 90px;
}

#header h2 {
	padding: 0;
	width: 100%;
	text-indent: -9999px;
	margin: 0;
}

#header h3 {
	margin: 0;
	padding: 0;
	clear: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
}

ul#nav {
		height:50px;
}

#header Label {
	font-size: 0.8em;
	text-transform: uppercase;
}

#header h1 a,
#header h1 a:link {
	color: #FFFFFF;
	display: block;
	width: 100%;
	height: 236px;
	text-decoration: none;
}

#header p {
	margin: 0;
	padding: 10px 0 0 0;
}

#header p span {
	margin: 0;
	padding: 0;
	color: #fff;
}

#header p span a {
	color: #fff;
}

#header hr {
	margin: 0 3em;
	color: #fff;
}

#header a {
	text-decoration: none;
	color: inherit;
	/*        text-transform: uppercase;*/
}

#header a:hover {
	/*	text-decoration:underline;*/
}

#header .breadcrumbs {
	position: absolute;
	top: 10px;
	left: 0;
	display: block;
	margin: 0;
	padding: 1em 0 0 0;
	width: 100%;
	color: #000;
	/*
	text-transform:uppercase;
	*/
}

#header .breadcrumbs span.center {
	display: block;
	margin: 0 auto;
	width: 945px;
	text-align: right;
}

#searchholder {
	float: right;
	text-align: right;
}

#searchLinks {
	padding: 0;
	float: right;
	display: block;
	text-transform: uppercase;
}

#searchLinks p {
	text-align: right;
}

#searchLinks fieldset,
#quicklinks fieldset {
	margin: 0 0 1em 0;
	float: right;
}

#searchLinks label,
#quicklinks label {
	color: #FFF;
}

#home_logos {
	background-color: #ffffff;
	margin: 0;
	padding: 0;
}

#home_logos p {
	text-align: center;
	padding: 5px 0 0 0
}

#home a {
	text-decoration: none;
	color: #9c8f6f !important;
}

#nav-container {
	max-width: 960px;
	min-wifht: 960px;
	height: 260px;
	/*float:right;*/
	margin: 0 auto;
	padding: 0;
	width: 100%;
	/*background-color:#333;*/
	border-bottom: #cdcdcd solid 1px;
	/*background-image: url(/images/nav_container_bg.png);
	background-repeat: repeat-x;*/
}

#nav {
	/* 	width:100%; */
	/* 	min-width: 760px; */
	/* 	max-width: 960px; */
	/* 	margin:0 auto; */
	/* 	text-align:center; */
}

#nav ul {
	margin: 0 auto;
	list-style: none;
	width: 100%;
	display: block;
}

#nav ul li {
	display: inline;
}

#nav ul li a {
	/*font-weight:bold;*/
	color: #8F835B;
	/*height:34px;
	text-indent:-9999px;*/
	float: left;
	width: 12%;
	font-size: 1.4em;
	line-height: 1em;
	letter-spacing: 0;
	padding: 0.8em 1em 0.6em 1em;
	margin: 0em;
	text-decoration: none;
	text-align: center;
	/*	border:#333 solid 2px;
	border-top-color:#000;
	border-left-color:transparent;
	border-right-color:transparent;*/
}

#nav ul li a:hover {
	color: #cec6a1;
	/*!important*/
	text-decoration: none;
}

#nav ul li a:visited {}

#nav ul li a.section {
	color: #cec6a1 !important;
	/*background-color:#E5322B;
	border:#E5322B solid 2px;*/
}

.submenu {
	/*	display:block;*/
	display: none;
	width: auto;
	/*margin:0 5%;*/
}

.submenu ul li a {
	color: #FFF !important;
	/*height:34px;
	text-indent:-9999px;*/
	float: left;
	font-size: 1.4em;
	line-height: 1em;
	letter-spacing: 0;
	padding: 0.8em 0.8em 0.6em 0.8em;
	margin: 0em;
	text-decoration: none;
	border: #000 solid 2px;
	border-bottom-color: #000;
	border-left-color: transparent;
	border-right-color: transparent;
}

.submenu ul li a:hover {
	color: #CCC !important;
	text-decoration: none !important;
}

.submenu ul li a:visited {
	color: #FFF !important;
}

.submenu ul li a.menuSelect,
.submenu ul li a.selected {
	color: #FFF !important;
	background-color: #E5322B;
	border: #E5322B solid 2px;
}

#lineupCont {
	position: absolute;
	padding: 5px !important;
	text-align: left;
	margin-top: 15px !important;
	margin-top: 1.4% !important;
	/*		width: 10%;	*/
	background-image: url('/images/popupBack.png');
	color: white;
	border-left: 2px solid #003469;
	z-index: 999;
	display: none;
	font-size: 14px;
}

#lineupCont li {
	display: table !important;
}

#menu1 a {}

#menu1 a:hover,
#menu1 a.section {}

#menu2 a {}

#menu2 a:hover,
#menu2 a.section {}

#menu3 a {}

#menu3 a:hover,
#menu3 a.section {}

#menu4 a {}

#menu4 a:hover,
#menu4 a.section {}

#menu5 a {}

#menu5 a:hover,
#menu5 a.section {}

#menu6 a {}

#menu6 a:hover,
#menu6 a.section {}

#sub-menu-container {
	/*	float:left;
	padding:0;
	width:22%;
	margin:0 0 0 1em;*/
}

#sub-menu-container h2 {
	/*	font-size:1.2em;
	padding:0.2em 0.4em;
	margin:0;
	background-color:#FF0000;
	display:block;
	color: #FFFFFF;*/
}

#content-container-menu {
	float: left;
	/*Width is needed to float right; */
	width: 100%;
	height: 100%;
	margin: 0 3em 0 0;
	padding: 0;
}

#content-container {
	/*float:right;
	 Width is needed to float right;
	width:68%;
	height:100%;
	margin: 0 3em 0 0;*/
	padding: 0;
}

#content-container-full {
	/*float:right;
	 Width is needed to float right; */
	/*	height:100%;*/
	margin: 0;
	` padding: 0;
	/*            border: 1px solid green;*/
}

#content {
	width: 100%;
	margin: 0;
	/*	padding:0.5emem 0 0 0;*/
	color: #ffffff;
	margin-top: 100px;
}

#eventBox {
	width: 20% !important;
	bottom: 18.6% !important;
	right: 5%;
	background-repeat: repeat !important;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.75);
}

#htitle {
	background-image: none;
	background-color: #FFF;
	color: #9c8f6f !important;
	font-size: 1.5em;
	padding: 0 0;
}

#content-footer {
	width: 100%;
	margin: 0;
	padding: 0 1.5em;
	color: #000;
	background-color: #fff;
	/*background-image: url(/images/content_bg_footer.gif);
	background-repeat: no-repeat;
	background-position: left bottom;*/
}


/*No submenu required on the site*/

#content.nosubmenu {
	float: none;
	width: auto;
}

#content form {
	margin: 1em 0;
}

#content h2 img {
	padding: 0em 1em 0em 0em;
}

#content h2 a {
	color: #fadc87;
}

#content h2 img {
	padding: 0;
}


/* column widths */

#content .colquater {
	float: left;
	width: 25%;
}

#content .colhalf {
	float: left;
	width: 33%;
}

.colhalf img {
	width: 300px;
	height: 175px;
}

.colhalf p {
	font-size: 1.3em;
	color: #9c8f6f !important;
	text-align: center;
}

#content .colonethird {
	float: left;
	width: 50%;
}

#content .coltwothirds {
	float: left;
	width: 50%;
	overflow:
}

#content .colthreequaters {
	float: left;
	width: 75%;
}

#sub-menu {
	/*	width:100%;
	margin:2em 0em 3em 0em;
	padding:0;
	background-color:#333;
	min-height:300px;*/
}

#sub-menu-footer {
	/*	padding:1em 1.5em;
	width:100%;
	margin:0px;
	background-color:#000;*/
}

#sub-menu h4 {
	font-size: 1.4em;
	line-height: 1.6em;
	padding: 0;
}

#sub-menu h4 a {
	padding: 0.4em 1em;
	background-color: #CCC;
}

#sub-menu h4 a:hover {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #F00;
}

#sub-menu h5 {
	color: #F00;
	font-size: 1em;
	padding: 0 0 0.4em 0;
}


/* hack to fix IE/Win's broken rendering of block-level anchors in lists */

#sub-menu ul,
#sub-menu li {
	clear: both;
	text-align: left;
	/*display:inline; ie8 fix */
	list-style: none;
	width: 100%;
}

#sub-menu ul li,
#sub-menu ul ul li {
	border: 0px solid #FFF;
}

#sub-menu ul li a {
	clear: left;
	display: block;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 0.8em 0.8em 0.8em 1.2em;
	color: #FFF;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	background-color: #333;
}

#sub-menu ul li a:link {
	color: #FFF;
	text-decoration: none;
}

#sub-menu ul li a:visited {
	color: #FFF;
	text-decoration: none;
}

#sub-menu ul li a:hover {
	color: #F00;
	text-decoration: none;
	background-repeat: repeat;
}

#sub-menu ul,
#sub-menu ul ul,
#sub-menu ul ul ul {
	/* Remove indent from IE  */
	margin: 0;
	padding: 0;
}

#sub-menu ul ul li a {
	text-align: left;
	display: block;
	font-weight: bold;
	margin: 0 0 0 0px;
	padding: 3px 8px 3px 20px;
	color: #ffffff;
	text-decoration: none;
	background: none;
	background-color: #F00;
}

#sub-menu ul ul li a:link {
	color: #ffffff;
	text-decoration: none;
}

#sub-menu ul ul li a:visited {
	color: #ffffff;
	text-decoration: none;
}

#sub-menu ul ul li a:hover {
	color: #FFF;
	background-color: #E5322B;
	text-decoration: none;
}

#sub-menu ul li a.menuSelect {
	background-color: #E5322B;
	color: #FFF;
}

#sub-menu ul ul li a.menuSelect {
	color: #F00;
}

#sub-menu div.text {
	margin-bottom: 2em;
	display: none;
}

#panel p {
	/*text-align:justify;*/
	text-align: left;
}

.panel {
	margin: 0;
	/*padding:0 2em 1em 2em;*/
	padding: 0 0em 1em 0em;
}

.panelLeft {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}

.astext {
	font-size: 1em;
}

.hrline {
	border-bottom: #cdcdcd solid 1px;
	padding-top: 20px;
}

.panelRight {
	float: right;
	margin: 0;
	padding: 0;
	width: 35%;
}

.panel h3,
.panelLeft h3,
.panelRight h3,
.links h3 {
	font-size: 1.2em !important;
	padding: 6px !important;
	background-color: #e0b334;
	display: block;
	color: #FFFFFF !important;
}

.links img {
	padding: 0;
	margin: 0;
}

.panel p,
.panelLeft p,
.panelRight p {
	/* 	padding:0 10px; */
}

.panel img,
.panelLeft img,
.panelRight img {
/*
	padding: 0;
	margin: 0;
	float: left;
*/
}

.panelRight h4 {
/*
	padding: 10px;
	margin: 0;
	display: block;
	color: #FFFFFF;
	text-indent: -9999px;
*/
}

.panelRight blockquote {
/*
	padding: 10px;
	margin: 0;
	display: block;
	color: #F00;
	font-size: 1.6em;
	font-weight: bold;
*/
}

.panelRight blockquote p {
/*
	padding: 0;
	margin: 0;
	line-height: 1.2em;
*/
}

.links,
.external,
.downloads,
.media,
.resources,
.deliverables,
.images {
	display: block;
	/*background-color: #F00;*/
	color: #FFFFFF;
}

.panelRight .links h4 {
	background-image: url('../images/sections/links.jpg');
	background-repeat: no-repeat;
	width: 200px;
	height: 90px
}

.panelRight .external h4 {
	background-image: url('../images/sections/external.jpg');
	background-repeat: no-repeat;
	width: 200px;
	height: 90px
}

.panelRight .downloads h4 {
	background-image: url('../images/sections/downloads.jpg');
	background-repeat: no-repeat;
	width: 200px;
	height: 90px
}

.panelRight .media h4 {
	background-image: url('../images/sections/media.jpg');
	background-repeat: no-repeat;
	width: 200px;
	height: 90px
}

.panelRight .media p {
	margin: 0.8em;
	padding: 0;
}

.panelRight ul {
	list-style: none;
	margin: 0 10px 0 25px;
	padding: 0;
}

.panelRight li {
	padding: 0 0.6em 0 0.6em;
	margin: 0 0 0 0px;
	list-style-type: disc;
	list-style-position: outside;
	display: list-item;
	color: #ffffff;
}

.panelRight img {
	padding: 0;
	margin: 0;
	display: table-cell;
	max-width: 202px;
	text-align: center;
}

.panelRight li a {
	text-decoration: none;
}

.panelRight li a:hover {
	color: #F00;
	/*	text-decoration: underline;*/
}

.panelRight a {
	color: #ffffff;
	text-decoration: underline;
}

.panelRight a:hover {
	color: #FFF;
	text-decoration: none;
}


/* Remove hightlight line */

:-moz-any-link:focus {
	outline: none;
}

#calendar-container {
	margin: 0 0 1em 0;
}

div#footer {
	z-index: 0;
	position: relative;
	bottom: 0;
	width: 100%;
	max-width: 1024px;
	margin: auto;
	height: 100%;
}

#footer hr {
	border-top: #333 solid 1px;
	background-color: #000;
	height: 1px;
}

#footer p {
	margin: 0;
	padding: 0.4em;
}

#footer div.footlinks {
	padding: 0.8em 0 0 0;
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

#footer ul li {
	/*	display: inline; */
}

.flist {
	text-align: center;
}

.flist a {
	text-decoration: none;
	color: #ccc;
}

#footer ul li a {
	float: left;
	width: auto;
	text-decoration: none;
	padding-left: 0.4em;
	border-right: #CCC solid 1px;
	padding-right: 0.4em;
}

#footer ul li a.last {
	border-right: 0px;
}

#footer ul li a:hover {
	text-decoration: none;
}

#footerCont {
	background-color: #4b4575;
	/*		bottom: 0;*/
	width: 100%;
	height: 100px;
}

#homeplayer {
	margin: 20px 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #cdcdcd;
}

#player {
	width: 640px;
	min-height: 320px;
	margin: auto;
	text-align: center;
	background-color: #000;
	background-image: url(/images/no-videoimage.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#screener #player {
	width: 480px;
}

img,
div,
a,
input,
h1,
h2 {
	behavior: url(/iepngfix.htc)
}


/*	---------------------------------------------------------------
	CLEARING A FLOAT CONTAINER
	http://www.positioniseverything.net/easyclearing.html
	------------------------------------------------------------ */

#header:after,
#sub-menu-container:after,
#sub-menu-container-home:after,
#content:after,
#footer:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	/* Sorts out a couple of issues in safari & firefox */
	overflow: hidden;
	content: ".";
}

#header,
#sub-menu-container,
#sub-menu-container-home,
#content,
#footer {
	/*display: inline-table;*/
	display: block;
}


/* Hides from IE-mac \*/

* html #header,
* html #sub-menu-container,
* html #sub-menu-container-home,
* html #content,
* html #footer {
	height: 1%;
}

#sub-menu-container,
#sub-menu-container-home,
#content,
#footer {
	display: block;
}


/* End hide from IE-mac */

.acol {
	width: 100%;
	padding-top: 20px;
}

.acol1 {
	width: 18%;
	float: left;
	color: #cec6a1;
	font-size: 1.3em;
}

.acol2 {
	width: 60%;
	float: left;
	padding: 0 18px;
}

.acol3 {
	width: 18%;
	float: left;
	color: #cec6a1;
	font-size: 1.3em;
}

.left {
	float: left;
}

.right {
	float: right;
}

#atitle {
	background-color: #FFF;
	color: #cec6a1;
	border-bottom: #cdcdcd solid 1px;
	border-top: #cdcdcd solid 1px;
	padding-top: 15px;
	height: 55px;
	line-height: 28px;
	font-size: 1.8em;
}

#ctitle {
	color: #0F4987;
	line-height: 28px;
	font-size: 22px;
	font-weight: bold;
}

#ytitle {
	color: #cec6a1;
}

#cgap {
	padding-top: 15px;
}

#cgapbtm {
	/*	border-bottom: 1px solid #cdcdcd;*/
	padding-bottom: 15px;
	margin-bottom: 25px;
}

#afimg {
	text-align: center;
	border-top: #cdcdcd solid 1px;
	padding-top: 20px;
	margin-top: 15px;
}

#atitle span {
	font-size: 1.6em;
	color: #8F835B;
	line-height: 40px;
}

.bannerimg {
	padding-bottom: 20px;
}

#marketlink {
	width: 100%;
}

.msingle {
	width: 33%;
	float: left;
}

.mtitle {
	text-align: center;
}

.mimg {
	text-align: center;
}

.mcontent {
	width: 265px;
	text-align: center;
	border-bottom: #cdcdcd solid 1px;
	padding: 20px 0;
}

#markettext,
.boldtitle {
	color: #8B7C51;
	font-size: 1.3em;
	font-weight: bold;
}

#contactstyle b {
	color: #8B7C51;
}

#contactstyle {
	border-bottom: #cdcdcd solid 1px;
	border-top: #cdcdcd solid 1px;
	padding: 20px 0;
	margin-top: 20px;
}

.toright {
	text-align: right;
}

.loginf {
	width: 1000px;
	padding: 0 25px;
	/*		height:400px;*/
	margin: 0 auto !important;
	padding: 0 auto !important;
	overflow: hidden;
/*	padding-top: 25px;*/
}

div#map-canvas {
	height: 423px;
	margin: 0 auto 0 auto;
	padding: 0;
}

img#footer {
	z-index: 0;
	position: absolute;
	left: 0;
	margin-top: -61px;
}

div#footer-inner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
	padding: 5px;
	text-align: right;
	color: #719932;
	width: 1024px;
	margin: auto;
	padding-top: 25px;
	margin-right: 20px;
}

div#mapLabel {
	color: white;
	padding: 18px 0 18px 15px;
	font-size: 14px;
	background-color: #474747;
}

ul#contactProfs {
	list-style: none;
	margin: 0;
	padding: 0;
}

li.profile {
	display: inline;
	text-decoration: none;
	float: left;
	width: 175px;
}

.profName {
	font-weight: bold;
	font-size: 14px;
	margin-left: 35px;
}

.profInfo {
	width: 175px;
	margin-left: 35px;
}

img.profImage {
	padding: 0 0 15px 10px;
}

p.genTitle {
	color: #005FC6;
	line-height: 28px;
	font-size: 18px !important;
	font-weight: bold;
}


/* News Page ------------- */

ul.newsItem {
	width: auto;
	padding-top: 20px;
	display: table !important;
	padding-bottom: 30px;
}

li.newsItemDate {
	text-decoration: none;
	display: inline;
	float: left;
	font-weight: bold;
	margin-top: 6px;
	text-align: right;
	width: 80px;
}

li.newsItemInfo {
	float: left;
	display: inline;
	width: 650px;
}

div.newsItemYear {
	text-align: right;
	font-weight: normal;
	padding-top: 5px;
	color: #979797;
}

div.newItemTitle {}

div.newsItemSummary {}

li.newsItemMore {
	float: left;
	display: inline;
	margin-top: 80px;
	margin-left: 50px;
	position: relative;
}

.newsMoreBtn {
	background-color: #333333;
	border-radius: 10px;
	color: white !important;
	padding: 1px 15px 4px 20px;
	position: absolute;
	bottom: 0;
	height: 20px;
	width: 70px;
}

div#newsDetail {
	margin-top: 20px;
}

div.featured-holder {
	width: 883px;
	background-color: #000;
	color: #fff;
	font-size: 25px;
	margin: 0 auto;
}

div.featured-holder-text {
	padding: 5px;
}

div.featured-small-holder {
	position: relative;
	left: 3px;
	right: 3px;
	height: 250px;
	margin: 15px auto 0 auto;
	overflow: visible;
}

div.featured-small-item {
	float: left;
	width: 290px;
	color: #719932;
	font-size: 20px;
	font-weight: bold;
	position: relative;
}

div#featured-small-item-center {
	margin: 0 19px;
	padding: 0 19px;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
}

img.featured-small {
	margin: 0 auto 0 auto;
	width: 290px;
	height: 100%;
}

div.featured-small-image {
	position: relative;
	height: 220px;
	overflow: hidden;
	background-color: black;
	margin-top: 15px;
}

div.featured-small-text {
	position: absolute;
	bottom: 0;
	top: 65%;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 5px;
	color: #fff;
	font-size: 14px;
	width: 280px;
}

div.innerBack {
	width: 1024px;
}

div#header-inner2 {
	background-color: #111;
	position: absolute;
	top: 40px;
	bottom: 40px;
	left: 0;
	right: 0;
	padding: 5px 0px;
}

div.footerGreen {
	background-color: ##719932;
	margin-bottom: 0;
	left: 0;
	right: 0;
}

span.progScreener {
	bottom: 0;
}

span.progScreenerFull {
	bottom: 0;
}

div.bottomLinks {
	text-align: right;
	/*	margin-right: 130px;	*/
	color: white;
	/*			margin-top: 45px;*/
	/*			margin-top: 22px;*/
	font-size: 13px;
	float: left;
	/*			margin-right: 15px;*/
	line-height: 100px;
}

div.bottomLinks a {
	color: #999999;
	font-weight: normal;
}

div.bottomLinks div {
	float: left;
}

.footerSquare {
	width: 12px;
	height: 12px;
	background-color: #013668;
}

.footerAdd {
	border-left: 1px solid #43ACEF;
	border-right: 1px solid #43ACEF;
	margin: 0 15px;
	padding: 0 15px;
}

.footerSocial {
	float: right;
	margin-top: 19px;
}

.footerSocial img {
	margin: 0 2px;
	width: 20px;
}

img.i2iLogo {
	float: right;
	margin-top: -32px;
	margin-right: 25px;
}

.pageTitle {
	/*			margin-top: 25px;*/
	line-height: 30px;
}

.screenerTxtBtn {
    color: #fadc87 !important;
    font-size: 16px;
/*    width: 140px;*/
    height: 25px;
    display: block;
    text-align: right;
    line-height: 25px;
    font-weight: 600;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .screenerTxtBtn {
/*			line-height: 18px;*/
	}
	.material-icons {
			line-height: 18px !important;
	}
}


.screenerTxtBtn:hover {
	color: #98885D !important;
	font-size: 16px;
	height: 25px;
	display: block;
/*	text-align: center;*/
	line-height: 25px;
	background-position: 5px 0;

}

.screenerTxt {
	text-align: right;
	color: #0F4987;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: right;
	float: left;
	width: 170px;
}

.screenerBanner {
	width: 945px;
	height: 390px;
}

.bannerTitle {
	color: white;
	font-size: 44px;
	bottom: 25px;
	left: 85px;
	position: absolute;
}

#markets {
	width: 100%;
}

.market {
	margin: auto;
	margin: 0 0.5%;
	padding: 0 2%;
	position: relative;
	width: 20%;
	float: left;
	display: block;
	margin-bottom: 30px;
}

.market div {
	color: #ffffff;
	text-align: center;
}

#markets hr {
	background-color: #999999;
	height: 1px;
	border: none;
	margin-bottom: 10px;
}

#newsItems {
	width: 100%;
}

.news {
	display: inline-block;
	margin-bottom: 40px;
}

.newsDetail {
	width: 60%;
	float: left;
}

.newsTitle {
	font-size: 18px;
}

.news p {
	margin: 0;
}

.news img {
	width: 257px;
	margin-right: 30px;
	float: left;
}

.banner {
	background-color: #001B37;
	/*			padding-bottom: 15px;*/
	height: 390px;
	background-size: cover;
	overflow: hidden;
	background-position: center;
}

.banner img {
	width: 100%;
}

.pageTitle {
	color: #fadc87;
	font-size: 30px;
	padding 5px 0;
	font-weight: bold;
/*	padding-bottom: 30px;*/
	/*            padding-top: 30px;*/
	margin-top: 21px;
	margin-left;
}

.pageSubTitle {
	color: #fadc87;
	font-size: 16px;
	padding 5px 0;
	font-weight: 600;
	margin-top:24px;
}

@media screen and (max-width:770px) {
	/* something */
	.header-menu-item {
		font-size: 0.8em !Important;
		padding: 0 1.5% 2.5% 1.5%;
	}
	.searchIcon {
		width: 18px !important;
		height: 18px !important;
	}
}

.facebookIcon {
	background-image: url(/images/facebookIcon.png);
	/*    margin: 0 2px;*/
}

.twitterIcon {
	background-image: url(/images/twitterIcon.png);
	margin-left: 4px;
}

a.noUl {
	text-decoration: none;
}

.hrgold {
	background-color: #fadc87;
	color: #fadc87;
	border-color: #fadc87;
}

.eFooterWrap {
	width: 100%;
	height: 120px;
	background-color: #000;
	bottom: 0px;
	left: 0;
	margin-top:60px;
}

.eFooter {
	width: 700px;
	height: 120px;
	/*    background-color: #3120a7;*/
	margin: 0 auto;
	line-height: 120px;
	float: left;
}

.eTitleWrap {
	/*    width: 100%;*/
	height: 30px;
	margin: 10px 0;
}

.eFooterInner {
	width: 1024px;
	height: 120px;
	margin: 0 auto;
}

.eFooterLogo {
	width: 280px;
	height: 120px;
	float: right;
	background-image: url(../images/i2i_footer.png);
	background-position: center right;
	background-repeat: no-repeat;
}

#featuredTitles {
	display: none !important;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	p.actionItem {
		padding: 50px;
	}
}

.header-menu {
	height: 50px;
	width: 1024px;
	margin: 0 auto;
}

.header-menu-wrapper {
	height: 50px;
	background-image: url(../images/tlNavBG.gif);
	background-repeat: repeat-x;
}

.header-top {
	width: 1024px;
	height: 139px;
	margin: 0 auto;
}

.fullLengthWrap {
	/*      background-color: #F7F7F7;  */
	margin-top: 10px;
	background-color: black;
	height: 39px;
	border-radius: 12px 12px 12px 12px;
}

.flwnoCurve {
	border-radius: 0px 12px 12px 12px;
}

.tlNavWrapper {
	width: 100%;
	height: 50px;
	background-image: url(../images/tlNavBG.gif);
	background-repeat: repeat-x;
}

.tlNavInner {
	height: 50px;
	width: 1000px;
	padding: 0 12px;
	margin: 0 auto;
}

.header-menu-item {
	float: left;
	font-size: 16px;
	color: #fadc87;
	text-transform: uppercase;
	text-align: center;
	line-height: 50px;
	width: 16.6%;
}

.eButton {
	height: 32px;
	line-height: 32px;
	/*    text-align: right;*/
	/*    margin: 4px;*/
	font-weight: bold;
	color: #fadc87;
	/*    float: right;*/
	right: 0;
	bottom: 0;
	position: absolute;
}

.eButton:hover {
	font-weight: 700;
	color: #F1DFB6;
	cursor: pointer;
}

.progMasterWrap {
	width: 1024px;
	margin: 0 auto;
}

.tiffLogo {
	width: 200px;
	position: absolute;
	padding: 1% 0;
}

.MEpageTitle {
	color: #fadc87;
	font-size: 26px;
	font-weight: bold;
}

.MEtorontoFF {
	margin-left: 25%;
	padding-top: 10px;
}

.EventDate {
	margin-left: 25%;
	padding-top: 15px;
}

.pagedateEvent {
	font-size: 22px;
}

.attending {
	margin-top: 8%;
}

.MEAttending {
	color: #fadc87;
	font-size: 26px;
	font-weight: bold;
}

.MEoffice {
	float: right;
	color: #fadc87;
	font-size: 26px;
	font-weight: bold;
	margin-top: -5%;
	margin-right: 25%;
}

.garthpic {
	width: 150px;
	position: absolute;
	padding: 1% 0;
	margin-left: 5px;
}

.garethdetails {
	font-size: 15;
}

.garethInfo {
	float: left;
	margin-left: 15%;
	margin-top: 8px;
}

.MEofficedetails {
	float: left;
	margin-left: 10.5%;
}

.screeningMWE {
	float: left;
	width: 100%;
	margin-top: 10%;
}

.screenmarket {
	color: #fadc87;
	font-size: 26px;
	font-weight: bold;
}

.AAm {
	color: #fadc87;
	font-size: 26px;
	font-weight: bold;
	float: right;
	margin-right: 16%;
	margin-top: -5%;
}

.rebeccaemail {
	float: right;
	margin-top: -3%;
	margin-right: -7.5%;
}

.HPage {
	padding: 2% 0;
	width: 1024px;
	margin: 0 auto;
	position:relative;

}

.featuredPosterWrap {
	width: 1024px;
	overflow: auto;
	margin: 0 auto;
}

.featuredPoster {
	width: 192px;
	/*height: 250px;*/
  height: 276px;

/*	background-color: blue;*/
	margin: 6px;
	float: left;
	background-size: cover;
}

.featuredPoster:hover {
		opacity: 0.9;
}

.timelessident {
	width: 100%;
	margin-left: 70px;
}

.span50per {
	width: 45%;
	float: left;
	padding: 1%;
}

.span50per:nth-child(even) {
	margin-right: 6%;
	/* 	background-color:green; */
}

.left {
	float: left;
}

.right {
	float: right;
}


/*	===============================================================
	?Strategic Film Partners
	global.rte.ie
	Type:				Graphical Styles
	Author:				Nigel Morris
	Creation Date:		26 April 2011
	---------------------------------------------------------------
	Version no:			1.0
	Last edited:		26 April 2011
	============================================================ */


/*	---------------------------------------------------------------

	1. TEXT
	2. TABLE
	3. ACCESSABILITY
	4. FORMS
	5. OTHER
	6. SCREENER
	7. ADMIN

	------------------------------------------------------------ */


/*	---------------------------------------------------------------
	1. TEXT STYLES
	------------------------------------------------------------ */


/************** .border styles ***************/

.border {}

.tint {}


/************** content header styles *****************/

.headermenu {
	float: right;
	display: block;
	padding: 0;
	margin: 0;
	width: 600px;
}

.headermenu p {
	color: #900;
	padding: 0 3em;
	margin: 0 3em;
}

#content h2 {}

#content h2.box {
	width: 100%;
	margin: auto;
	color: #fadc87;
	background-color: #FF0000;
	text-align: center;
}

#content h2 img {
	float: left;
}

#content h2 span img {
	float: none;
}

#content form {
	display: block;
	width: 900px;
	margin: 0 auto;
	margin-left: 1%;
}

#content fieldset {
	width: 95%;
	margin: 0 0 1em 0;
	padding: 0;
	margin-left: 54px;
}

#content fieldset legend {
	margin: 0;
	padding: 0.4em;
	font-weight: bold;
	color: #fadc87;
	margin-left: 6px;
}

#content fieldset fieldset {
	width: 95%;
	margin: 0 1em 1em 1em;
	padding: 0;
}

#content fieldset fieldset legend {
	font-size: 1.6em;
	margin: 0 1.6em;
	/*padding:0em 2em 1em 2em;*/
	font-weight: bold;
	color: #E4E4E4;
}


/*
	#content fieldset div br {
	display:none;
	margin:0;
	}
*/

#content fieldset div {
	/*	margin:1em 0;	*/
	padding: 0;
}

#content div fieldset th {
	display: block;
	width: 100%;
	padding: 0.2em 0.4em;
}

#content label {
	/*display:block;*/
	margin-top: 21px;
}

#pageHeader {
	text-align: center;
}

.list li a {
	color: #c8c9c3;
}

.list li a:hover {
	color: #FFF;
}

.list li a.selected {
	color: #FFF;
}

.strong {
	font-weight: bold;
}

.header_title,
.header_subtitle {
	display: block;
	height: 30px;
	padding: 0;
	margin: 0;
	width: 48%;
	color: #FFF;
	font-size: 1.6em;
	font-weight: bold;
}

f .header_title {
	float: right;
	text-align: right;
}

.header_subtitle {
	float: left;
	text-align: left;
}


/************** .images styles ***************/

div.images {
	display: block;
	padding: 0 0 4em 0;
}

#content ul.images,
ul.images {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	width: auto;
	display: inline;
}

ul.images li {
	display: inline;
	float: left;
	color: #900;
	margin: 0 auto;
	padding: 1em 2em 1em 5em !important;
	/*width:30%;*/
}

ul.images li img {
	padding: 0;
	display: block;
	margin: 0;
}

ul.images li img.loading {
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

ul.images a {
	padding: 0;
	color: #F00;
	text-decoration: underline;
}

ul.images a:link {
	text-decoration: underline;
}

ul.images a:hover {
	background: #666666;
	color: #FFF;
	text-decoration: none;
}


/*	---------------------------------------------------------------
	2. TABLE STYLES
	------------------------------------------------------------ */

.tableheader {
	background-color: #999;
	color: #FFF;
	padding: 0.2em;
}

.table-border {}

#content td {
	color: #fff;
	/*	border: 1px solid #cdcdcd;	*/
}

#content tr.odd {
	background-color: #EEEEEE;
}

#content tr.even {
	background-color: #E4E4E4;
}


/*	---------------------------------------------------------------
	3. ACCESSABILITY STYLES
	------------------------------------------------------------ */

.skiplist {
	margin: 0px;
	padding: 0px;
}

#container ul.skiplist,
#container-home ul.skiplist {
	list-style: none;
}

.skip {
	display: none;
	visibility: hidden;
}

.noskip {
	display: inherit;
}


/*	---------------------------------------------------------------
	4. FORM STYLES
	------------------------------------------------------------ */

#content #formLogin {
	margin: 0;
	padding: 0;
	margin-left: 16;
	margin-top: 3%;
}

#content #formRegister {
	margin: 0;
	padding: 0;
	margin-left: -72px;
}

#content #formEmail {
	margin: 0;
	padding: 0;
}

#formLogin legend {
	/*text-indent:-9999px;
	padding:0 20px 10px 40px;
	margin:0;
 	background-image: url(../images/txt_login.png);
	background-repeat: no-repeat;*/
}

#formRegister legend {
	/*text-indent:-9999px;
	padding:0 30px 10px 40px;
	margin:0;
 	background-image: url(../images/txt_register.png);
	background-repeat: no-repeat;*/
}

#formEmail legend {
	/*text-indent:-9999px;
	padding:0 30px 10px 40px;
	margin:0;
 	background-image: url(../images/txt_email.png);
	background-repeat: no-repeat;*/
}

fieldset {
	background-color: transparent;
	width: auto;
	display: block;
	border: none;
}

fieldset legend {
	/*min-width:200px;*/
	font-weight: bold;
	/*text-shadow: rgba(0,0,0,.4) 0px 2px 5px;*/
	/* Safari-only, but cool */
	margin: 0;
	padding: 0;
	color: #CCC;
}

fieldset legend.corner {
	color: #FFF;
	width: 100%;
	display: block;
	background: url(../images/legend-right.png) no-repeat scroll right top;
	height: 50px;
	width: 100%;
	display: block;
	clip: rect(auto, auto, auto, 50px);
}

fieldset legend.corner span {
	display: block;
	background: url(../images/legend-left.png) no-repeat scroll 0px top;
	height: 50px;
	width: 100%;
	display: block;
}

fieldset legend.corner span span {
	padding: 0.8em 0 0 1.3em;
}

textarea,
input,
select {
	padding: 0.3em;
}

textarea.textXXL {
	width: 500px;
}

textarea.textXL {
	width: 350px;
}

textarea.text {
	width: 200px;
}

select.calendar {
	width: 224px;
}

input[type="submit"] {
	padding: 0.4em 0.8em;
	font-weight: bold;
	text-align: center;
	height: 2em;
	margin-left: 90%;
}

input.submit-button2 {
	color: #FFF;
	padding: 0.6em 0.8em 0.6em 0.8em;
	font-weight: bold;
	text-align: center;
	margin: 0 0 0.4em 0;
	height: 44px;
	width: 187px;
	background-image: url(../images/submitbtn.jpg);
	text-indent: -9999px;
	border: none;
}

input.submit-button {
	color: #000;
	padding: 0.6em 0.8em 0.6em 0.8em;
	font-weight: bold;
	text-align: center;
	margin: 0 0 0.4em 0;
	background-color: #B2A382;
	border: none;
}

input[type="file"] {
	width: 300px;
}

input[type="image"] {
	padding: 0px;
	margin: 10px 0px;
	border: none;
	background-color: transparent;
}

input[type="checkbox"] {
	border: 0px none;
	padding: 0;
}

input[type="radio"] {
	border: 0px none;
	padding: 0;
}

input.checkbox-button {
	border: 0px none;
	float: left;
}

select.textS {
	width: 120px;
}

select.text {
	width: 150px;
}

select.textXL {
	width: 354px;
}

input.textXS {
	width: 20px;
}

input.textS {
	width: 120px;
}

input.text {
	width: 150px;
	color: black;
}

input.textL {
	width: 250px;
	color: black;
	margin-left: 57px;
}

input.textXL {
	width: 350px;
	color: black;
}

input.date {
	width: 122px;
}



/* CSS 3 Only */


input[type=checkbox] {
	height: 30px;
	width: 42px;
	border: none;
	vertical-align: middle;
}

select {
	padding: 0.3em;
}

input.btLogin {
	background-color: #e6c360;
	padding: 0;
	width: 100px;
	margin-top: 20px;
	border-radius: 30px;
/*	margin-left: 80.6%;*/
	float: right;
	margin-right: 62px;
}

input.btUpdate {
	background-color: #000;
	padding: 0;
	width: 100px;
}

input.btSubmit {
	float: right;
	background-color: #000;
	margin-right: 75px;
	margin-bottom: 15px;
	/*width:100px;*/
	margin-left: 10px
}

input.btRegister {
	background-color: #000;
	padding: 0;
	width: 100px;
}

input.btCancel {
	background-color: #000;
	padding: 0;
	width: 100px;
}

input.btSearch {
	background-color: #000;
	padding: 0;
	width: 40px;
}


/*	---------------------------------------------------------------
	5. OTHER STYLES
	------------------------------------------------------------ */

hr {
	background-color: #666;
	color: #666;
	margin: 0 auto;
	text-align: left;
	border-color: #fadc87;
}

hr.line {
	background-color: #FFF !important;
	color: #FFF !important;
	height: 1px;
	border: 0 solid #FFF !important;
	margin: 0 5px 0 5px;
}

hr.break {
	background-color: #666;
	color: #666;
	height: 1px;
	border: 0 solid #666;
	margin: 12px 0;
}


/* *** Float containers fix:
	http://www.csscreator.com/attributes/containedfloat.php *** */

.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 */


/*	Miscellaneous rules used for clearing/floating and items. */

.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
}

.clear-left {
	clear: left;
	height: 0px;
	overflow: hidden;
}

.clear-right {
	clear: right;
	height: 0px;
	overflow: hidden;
}

.hide {
	display: none;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}


/* Remove hightlight line */

:-moz-any-link:focus {
	outline: none;
}


.centre {
	text-align: center !important;
}


p.actionItem {
	margin: 10px;
	padding: 5px 10px 5px 10px;
	width: auto;
	min-width: 95%;
	border: 1px dotted #000000;
}

.actionItem {
	color: #FFFFFF;
	font-weight: bold;
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

.actionItem img {
	padding: 0 10px 10px 10px;
}

.highlight {
	color: #fff;
	/* 	background-color:#E4E4E4; */
	border-bottom: #666 dotted 1px;
}

.red {
	color: #FFF;
	background-color: red;
}

.green {
	color: #000;
	background-color: green;
}

.yellow {
	color: #000;
	background-color: yellow;
}

.red a,
.green a,
.yellow a {
	color: #000;
}

.red a:hover,
.green a:hover,
.yellow a:hover {
	color: #333;
}

.hidden {
	display: none !important;
}

.leftmargin {
	margin-left: 1em !important;
}

.rightmargin {
	margin-right: 1em !important;
}

.leftpad {
	padding-left: 1em !important;
}

.rightpad {
	padding-right: 1em !important;
}


/*	---------------------------------------------------------------
	6. SCREENER STYLES
	------------------------------------------------------------ */

.player {
	width: 100%;
	text-align: center;
	margin: auto;
	color: #FFF;
}

#noflash {
	text-align: center;
}

.playerinfo {
	margin: 0em;
}

.programmes {
	display: block;
	/*height:100%;*/
}

#content .progheader {
	clear: both;
}

#content .progheader h2 {
	margin: 0 0 2em 0;
	color: #666;
}

#content .progheader h2 span span {
	padding: 0.3em;
}

#content .programmes .progheader {
	/*background: url(../images/legend-right.png) no-repeat scroll right top;*/
	height: 50px;
	width: 100%;
	clip: rect(auto, auto, auto, 50px);
	background-color: #A39058;
}

#content .programmes .progheader h2,
.progheader div#genre {
	display: block;
	/*background: url(../images/legend-left.png) no-repeat scroll 0px top;*/
	height: 50px;
	width: 100%;
	display: block;
}

#content .programmes .progheader h2 span,
.progheader div#genre div {
	color: #FFF;
	padding: 0 0.3em;
}

#content .programmes .progheader h2 span span {
	padding: 1em;
}

.progheader div#genre div div {
	padding: 1.3em 1.3em;
}

#content .programmes .playerwrapper {
	/*background-color:#000;
	padding:0 0 1em 0;
	background-image: url(/images/prog_bg.jpg);*/
	background-position: center bottom;
	background-repeat: no-repeat;
	background-color: white;
}

#content .playerwrapper p {
	padding: 1.3em 1.3em;
}

#content .progheaderVideo {
	color: #FFF;
	border-bottom-width: 22px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	background-image: url(../images/transparent.png);
	background-repeat: repeat;
}

#content .progheader .searchholder {
	float: right;
	padding: 1.3em;
	margin: 0;
}

#content .progheader .searchholder form {
	padding: 0;
	margin: 0.5em 0 0.5em 0;
}


/************** search styles *****************/

.searchholder {
	margin-right: 4px;
}

.searchholder form {
	/*float:right;*/
	padding: 0;
	margin: 0;
	width: auto;
}

.searchholder form fieldset {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.searchholder form legend {
	color: #FFF;
}

.searchholder form p {
	padding: 0;
	margin: 0;
}

.searchholder form input,
.searchholder form select {
	padding: 0.3em;
	margin: 0;
	line-height: normal;
	height: auto;
}

.searchholder form input.btSearch {
	padding: 0.2em;
}

.searchholder ul {
	padding: 0.5em 0 !important;
}


/************** programme styles *****************/

.prog {
	overflow: auto;
	position: relative;
	margin-bottom: 30px;
}

.progFull {
	display: block;
	min-height: 200px;
	/*	margin:0 0 3em 0;	*/
	padding-bottom: 10px;
	color: #000;
	width: 100%;
	/*	padding-top:25px;*/
	overflow: auto;
	margin-top: 28px;
}

.progheader {
	display: block;
}

.progImage {
	display: block;
	overflow: hidden;
	position: relative;
/*	float: left;*/
}

.progImage_lg {
	width: 100%;
	/*height:265px;*/
	display: block;
	/*	float:left;*/
	overflow: hidden;
	padding: 0 1.5em 0 0;
	padding: 0 3% 0 0;
	margin-left: 1%;
}

.progImageSmall {
	width: 177px;
	border-radius: 2px;
	float: left;
}

.progImage img {
	/*	float:left;*/
	width: 330px;
	border-radius: 2px;
	margin: 0;
	height: 475px;
}

.contentWrap {
	/*margin-left: 25px;*/
}

.MEaboutLinks {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0 15px 20px 0;
}

.aboutprofile {
	width: 44%;
	/* margin: 1.6%; */
	float: left;
	background-color: #121515;
	/* padding-bottom: 31px; */
	position: relative;
	padding: 2%;
	/* margin-top: -7px; */
	/* margin-left: 4px; */
	/* margin-right: 7px; */
	margin-bottom: 40px;
}

.aboutprofile:nth-child(odd) {
	float: right;
}

.aboutprofile img {
	display: block;
	float: left;
	padding-bottom: 4px;
}

.progImageSmall img {
	/*	float:left;*/
	width: 100%;
	border-radius: 2px;
	margin: 0;
	height: 250px;
}

.progContent {
	/*	float:left;*/
	display: block;
	text-align: left;
	/*height:100%;*/
	color: #666666;
	/*    margin-left: 401px;*/
	/*    margin-top: -227px;*/
	margin-top: -4px;
}

.searchIcon {
	background-repeat: no-repeat;
	background-size: contain;
	font-size: 17px;
	width: 22px;
	height: 22px;
	padding: 0;
	margin: -4px 0 0 8px;
	text-decoration: none;
}

.progRight {
	width: 815px;
	float: right;
}

.progRightSreenerFull {
	width: 670px;
	float: right;
}

.progRightSmall {
	width: 50%;
	float: left;
	display: block;
	text-align: left;
}

.progLinks {
	display: block;
	text-align: left;
	margin: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 120px;
	height: 60px;
}

.itemtitle {}

.MeWrap {
	max-width: 1024px;
	margin: auto;
}

.progLinksFull {
/*	width: 20%;*/
	display: block;
	text-align: right;
	margin: 0;
	position: relative;
	/*		min-height: 175px;*/
	float: right;
	/*		margin-top:15px;*/
}

.progScreenerFull {
	text-align: right;
	margin: 0 0 5px 0;
	display: inline-block;
	text-transform: uppercase;
}

.progDetail {
	width: 70%;
	float: left;
	display: block;
	text-align: left;
	margin: 0;
}

.progDetailRight {
	width: 20%;
	float: right;
	display: block;
	text-align: left;
	margin: 0;
}

h2.progTitle {
	font-size: 2em !important;
	padding: 0 0 1em 0;
	margin: 0;
}

p.progTitle {
	margin: 0;
	color: #001B37;
	/* font-weight: bold; */
	text-transform: uppercase;
	font-size: 17px;
	margin-bottom: 10px;
	text-align: center;
}

p.progTitleScreener {
	color: #fadc87;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: -4px;
}

p.progText {
	font-size: 14px;
	color: #fff;
	text-align: justify;
}
span.progText p {
	font-size: 14px;
	color: #fff !important;
	text-align: justify;
	margin: 0;
}

.progDuration {
	/*	font-size:1em;
	padding:0 0 1em 0;	*/
	font-size: 18px;
}

.progMore:link {
	color: #AB9A7C;
	text-decoration: none;
}

.progMore:hover {
	color: #E4E4E4;
	text-decoration: underline;
}

.progMore:visited {
	color: #AB9A7C;
	text-decoration: none;
}


/************** genre styles *****************/

.genre {
	padding: 2em 0 0 0;
	display: block;
}

.genre .searchholder {
	width: 100%;
	padding: 1.8em 0 1.2em 0;
	display: block;
}

.genre ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}

.genre ul li {
	display: inline;
}

.genre ul li a {
	float: left;
	width: auto;
	text-decoration: none;
	padding-right: 0.4em;
	padding-left: 0.4em;
	border-left: #CCC solid 1px;
}

.genre ul li span {
	color: #666;
	float: left;
	width: auto;
	text-decoration: none;
	padding-right: 0.4em;
	padding-left: 0.4em;
	border-left: #CCC solid 1px;
}

.genre ul li a.last {
	border-right: 0px;
}

.genre ul li a.first {
	border-left: 0px;
}

.genre ul li a:hover {
	text-decoration: none;
}


/************** category styles *****************/

.category {
	margin: 0;
	padding: 0 0 0.6em 0;
	text-align: center;
}

.category ul {
	margin: 0em 2em;
	padding: 0em 1em 0em 1em;
	list-style: none;
	text-align: center;
	width: auto;
	background-color: #000;
	display: inline-block;
}

.category ul li {
	display: inline;
	height: auto;
	line-height: 140%;
	font-weight: bold;
}

.category ul li a {
	float: left;
	width: auto;
	text-decoration: none;
	padding: 0.8em 1.2em;
	border-left: #CCC solid 1px;
	display: block;
}

.category ul li span {
	color: #666;
	float: left;
	width: auto;
	text-decoration: none;
	padding-right: 0.4em;
	padding-left: 0.4em;
	border-left: #CCC solid 1px;
}

.category ul li a.last {
	border-right: 0px;
}

.category ul li a.first {
	border-left: 0px;
}

.category ul li a:hover {
	color: #FFF;
	text-decoration: none;
}


/************** featured styles *****************/

ul.featured,
ul.featured li {
	list-style-type: none !important;
	list-style-position: inside;
	list-style-image: none;
}

ul.featured li {
	text-align: center !important;
	margin: 1em auto 2em auto;
	padding: 0;
	color: #FFF;
	font-weight: bold;
}

ul.featured li a {
	margin: 0 !important;
	padding: 0 !important;
	border-bottom-width: 0px !important;
}

ul.featured li img {
	border: #FFF solid 3px;
	margin: 1em 0 0 0;
	/*-moz-box-shadow: 1em 1em 0.5em #999;
	-webkit-box-shadow: 1em 1em 0.5em #999;
	box-shadow: 1em 1em 0.5em #999;*/
}


/* custom homepage */

#content ul.featured {
	margin: 0;
	clear: both;
	float: left;
}

#content ul.featured li {
	float: left;
	/*margin:0.4em 3em 0.4em 1.4em;*/
	margin: 0.4em;
	padding: 0;
}

#content ul.featured li div {
	float: left;
	display: block;
	margin: 0 0.2em;
	text-align: center;
}

#content ul.featured li div.search {
	width: 140px;
}


/************** news styles *****************/

ul.indent {
	margin: 0em 10em 0em 10em !important;
}

ul.news li {
	text-align: left !important;
	margin: 1em 0 2em 0;
	padding: 0;
	color: #333;
	font-weight: normal;
	line-height: 120%;
}

ul.news li a {
	color: #666 !important;
	margin: 0 !important;
	padding: 0 !important;
	border-bottom-width: 0px !important;
	clear: none !important;
	display: inline !important;
	font-weight: normal !important;
}

ul.news li a:hover {
	color: #FF0000 !important;
	border-bottom-width: 1px !important;
	border-bottom-style: dotted !important;
	border-bottom-color: #FF0000 !important;
}


/************** home styles *****************/

.homeheader {
	width: auto;
	margin: 0px auto;
	padding: 0;
	/*padding:0 2em 1em 2em;*/
}

#home table td {
	font-size: 1em;
	padding: 1em;
}

#home table h4 {
	color: #F00;
	font-style: italic;
}


/* Google Code */

#goog-fixurl input {
	clear: both;
	float: left;
	margin: 0 0 1em;
}


/************** deliverables styles *****************/

ul.deliverables {
	float: left;
}

ul.deliverables li {
	display: inline;
	float: left;
	text-indent: -9999px;
	width: 60px;
	height: 60px;
	background-color: #CCC;
	margin: 0.2em;
}

ul.deliverables li a {
	display: block;
	width: 60px;
	height: 60px;
	cursor: pointer;
}

ul.deliverables li.deliverables_folder {
	background-image: url(../images/deliverables.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

ul.deliverables li.deliverables_downloads {
	background-image: url(../images/deliverables.png);
	background-repeat: no-repeat;
	background-position: -70px 0px;
}

ul.deliverables li.deliverables_contact {
	background-image: url(../images/deliverables.png);
	background-repeat: no-repeat;
	background-position: -140px 0px;
}

ul.deliverables li.deliverables_video {
	background-image: url(../images/deliverables.png);
	background-repeat: no-repeat;
	background-position: -210px 0px;
}

ul.deliverables li.deliverables_folder:hover {
	background-position: 0px -70px;
}

ul.deliverables li.deliverables_downloads:hover {
	background-position: -70px -70px;
}

ul.deliverables li.deliverables_contact:hover {
	background-position: -140px -70px;
}

ul.deliverables li.deliverables_video:hover {
	background-position: -210px -70px;
}

ul.deliverables li.deliverables_folder selected {
	background-position: 0px -70px;
}

ul.deliverables li.deliverables_downloads selected {
	background-position: -70px -70px;
}

ul.deliverables li.deliverables_contact selected {
	background-position: -140px -70px;
}

ul.deliverables li.deliverables_video selected {
	background-position: -210px -70px;
}

img.related {
	height: 0px;
	display: none;
}

.related {
	padding: 0;
	display: block;
}

.related ul.links {
	padding: 0;
	margin: 0 !important;
	display: block;
}

.related ul.links li {
	margin: 0 0 1em 0;
}

ul.links li,
ul.media li,
ul.downloads li {
	list-style-type: none !important;
}


/*	---------------------------------------------------------------
	7. ADMIN STYLES
	------------------------------------------------------------ */

h2.admin {
	background-color: #333;
	color: #FFF !important;
}

h2.admin img {
	margin: 0.4em 0.8em 0.4em 0.4em;
}

h2.admin a {
	color: #FFF !important;
}

h2.admin a:hover {
	color: #FF0000 !important;
}


/*---
	SPLASH

	---*/

div.splash {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 101;
	background-color: #fff;
	overflow: hidden;
}

div#splashinner {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	/*max-width: 50%;*/
	overflow: hidden;
}

img.splash {
	position: relative;
	display: block;
	padding: 0;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}

span.contactForm {
	display: inline-block;
	width: 120px;
}

div.progHeader {
	height: 390px;
	overflow: hidden;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #cdcdcd;
}

span.progTrailer {
	display: block;
	margin-bottom: 10px;
}

div.band {
	background-color: green;
	height: 71px;
	width: auto;
	margin-right: 50px;
	padding-left: 500px;
	z-index: -1;
	top: 0;
}

img.footerCircle {
	background-color: white;
	height: 181px;
	overflow: visible;
	z-index: 2;
	float: right;
}

a.footerLink {
	color: #BABABA;
	font-weight: bold;
}

#panel {
	/* width: 800px; */
}

.hpWrapper {
	/*width: auto;*/
	height: 53px;
	overflow: auto;
	margin-top: -15px;
	margin-left: 20px;
	/*        background-color: #f5f3f7;*/
	/*    padding-left: 7px;*/
}

.hpLogo {
	width: 500px;
	height: 50px;
	/*    background-color: red;*/
	background-image: url(../images/highpoint_logo.png);
	float: right;
	background-position: center;
	background-size: cover;
	margin-right: 12px;
}

.hpTitle {
	/*    width: 400px;*/
	height: 42px;
	font-size: 20px;
	color: #fadc87;
	text-transform: uppercase;
	float: left;
	line-height: 50px;
	/*    padding: 0 10px 0 10px;*/
	margin-right: 30px;
	/*    font-weight: bold;*/
}

.hpTitle-act {
	/*color: black;*/
	/*    background-color: #F7F7F7;*/
	/*    text-decoration: underline;*/
	/*    background-color: red;*/
	border-radius: 12px 12px 0px 0px;
	/*    border-bottom: 4px solid #4b4575;*/
	font-weight: bold;
	font-size: 26px;
	margin-top: -1px;
}

#nav {
	text-align: justify !important;
	min-width: 500px !important;
	color: black !important;
	-webkit-padding-start: 0px !important;
}

#nav:after {
	content: '' !important;
	display: inline-block !important;
	width: 100% !important;
}

#nav li {
	display: inline-block !important;
	font-size: 16px;
	color: #fadc87;
	text-transform: uppercase;
	line-height: 50px;
}

#nav li a:hover {
	/* 	color: #A28225; */
}

.activeMenu {
	/*     color: red !important; */
	background-image: url(/images/selector.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}

.METermsandconditions {
	float: right;
	margin-top: -50px;
	margin-right: 24.9%;
}

.METerms {
	float: right;
	margin-top: -100px;
	margin-right: 79px;
}

.bottomTerms {
	margin-left: 58%;
	margin-top: 9px;
	margin-bottom: -32px;
}

.displayed {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.marketAttending {
	margin: 10px 20px 10px 0px;
}

.iconcls {
	margin-top: -5.3%;
	margin-left: 9%;
}

.iconcls:hover {
	color: hotpink;
	font-weight: bold;
}

.chevron {
	width: 16px;
	height: 16px;
	display: inline-block;
	background-color: red;
}

.aboutProfImg {
	width:35%;
	height: auto;
	float: left;
}

.aboutProfMain {
	width:60%;
	height: auto;
	float: right;
}

ul#nav li:hover {
	text-decoration: bold;

}


.navItem:hover {
		text-decoration: bold;
}

.absolute {
		position: absolute;
}

.bottom {
		bottom: 0px;

}

.right {
		right 0px;
}

.stillContainer {
	width: 1024px;
	margin: 0 auto;


}
	.progLeft{

		display: block;
    overflow: hidden;
    position: relative;
    float: left;
	}

.marketingThumb {
	width:30%;


}


.galleryThumb {
	width:30%;


}


.marketingContainer {
	width: 330px;
	margin-top:20px;
}



h2 {
	color: #fadc87;

}


.fancybox-skin {
    padding: 4px !important;
/*    overflow: hidden;*/
}

.aboutDetailContainer {
    width: 880px;
    margin: 0 auto;
    text-align: justify;
		padding: 30px 0 ;

}

.aEmail:nth-child(odd) {
/*	background-color:red;*/

}


.stillClipper {
	width:16%;
	height: 92px;
	background-size: cover;
/*	background-color: red;*/
	float: left;
	margin: 1px;
}

.identWrapper {
	width:1024px;
	height: 576px;
	margin: 0 auto;
	overflow:hidden;
/*	background-color: red;*/


}

#loginform {
	margin-top:-20px;

}

.screenersButtonWrap {
	margin-left:30px;
	margin-top:15px;
}



.frontAdminLightbox {
    width: 100%;
    height: 150%;
    position: absolute;
    background-color: rgba(0,0,0,0.9);
    top: 0;
    left: 0;
    z-index: -10;
    border: 2px solid grey;
	padding: 20px;
}

.frontAdminLightbox-2 {
    width: 100%;
    height: 150%;
    position: absolute;
    background-color: rgba(255,255,255,0.9);
    top: 0;
    left: 0;
    z-index: -10;
    border: 2px solid grey;
	padding: 20px;
}
.fancybox-inner{
	overflow: hidden !important;
}