/* @override http://localhost:8888/claremont_films_debug/templates/video-production-newcastle/css/template.css */

/* @override http://localhost:8888/claremont_films_debug/templates/video-production-newcastle/css/template.css */



/* White Border Hack */

#wtop {
	position: fixed;
	top: 0;
	left: 0;
	height: 10px;
	width: 100%;
	background: white;
	z-index: 9000;
}


#wbtm {
	position: fixed;
	bottom: 0;
	left: 0;
	height: 10px;
	width: 100%;
	background: white;
	z-index: 9001;
}

#wleft {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 10px;
	background: white;
	z-index: 9002;
}

#wright {
	position: fixed;
	top: 0;
	right: 0;
	height: 100%;
	width: 10px;
	background: white;
	z-index: 9003;
}



li {
	padding-bottom: 10px;
}

ul.slick-rss-list {
	list-style-image: none;
	list-style-type: none;
}

td {
}



/* @group Core Elements */

html {
	height: 100%;
	margin-bottom: 1px;
}

/* Font family information */
body#ff-optima, #ff-optima td {
	line-height: 135%;
	font-family: Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif;
}

body#ff-geneva, #ff-geneva td {
	line-height: 135%;
	font-family:  Geneva, Tahoma, "Nimbus Sans L", sans-serif;
}

body#ff-helvetica, #ff-helvetica td {
	line-height: 135%;
	font-family: Helvetica, Arial, FreeSans, sans-serif;
}

body#ff-lucida, #ff-lucida td {
	line-height: 135%;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, sans-serif;
}

body#ff-georgia, #ff-georgia td {
	line-height: 135%;
	font-family: Georgia, sans-serif;
}

body#ff-trebuchet, #ff-trebuchet td {
	line-height: 135%;
	font-family: "Trebuchet MS", sans-serif;
}

body#ff-palatino, #ff-palatino td {
	line-height: 135%;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;
}

/* end font family information */

form {
	margin: 0;
	padding: 0;
}

body.f-smaller,
body#ff-optima.f-smaller,
body#ff-georgia.f-smaller {
	font-size: 11px;
}

body,
body.f-default {
	font-size: 12px;
}

body#ff-optima,
body#ff-optima.f-default {
	font-size: 13px;
}

body#ff-georgia,
body#ff-georgia.f-default {
	font-size: 13px;
}

body.f-larger,
body#ff-optima.f-larger,
body#ff-georgia.f-larger {
	font-size: 15px;
}

p {
  /* setup some more readable paragraph spacing */
  margin-top: 10px;
	text-align: left;
	
}

hr {
	border-style: none;
	border-top: 1px solid white;
	padding-bottom: 5px;
}

h1, h2, h3, h4 {
	/* setup some more readable header spacing */
	padding-bottom: 5px;
	margin: 10px 0;
	font-weight: normal;
	line-height: 100%;
}

h1 { 
	font-size: 200%;
	line-height: 100%;
}

h2 {
	font-size: 175%;
	line-height: 100%;
}

h3 {
	font-size: 100%;
	font-weight: bold;
}

h4 {
	font-size: 120%;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* @end */

/* @group Joomla Elements */

.small,
.modifydate,
.createdate,
div.mosimage_caption {
	font-size: 95%;
}

.componentheading {
	font-size: 170%;
	line-height: 100%;
	margin: 25px 0 20px 0;
}

.contentheading {
	font-size: 190%;
	font-weight: normal;
	line-height: 110%;
	padding-bottom: 8px;
	margin: 15px 0 0 0;
}

td.buttonheading,
.contentpaneopen td.buttonheading {
	padding: 0px 3px 0;
}

td.column_separator {
	padding-left: 15px;
}

td.componentheading {
	padding-bottom: 15px;
}

.sectiontableheader {
  	font-weight: bold;
  	padding: 4px;
  	line-height: 20px;
}

tr.sectiontableentry1 td,
tr.sectiontableentry2 td,
td.sectiontableentry1,
td.sectiontableentry2 {
  	text-align: left;
  	padding: 5px 0 5px 5px;
}

.contentpane,
.contentpaneopen {
	width: 100%;
	margin-top: -5px;
}

/* @end */

/* @group Structure */

#ff-optima div.wrapper {
	width: 900px;
}

#top {
	padding-left: 20px;
}

#mod-search {
	height: 22px;
	width: 177px;
	float: right;
	margin-top: 17px;
	margin-right: 55px;
}

#mod-search input {
	padding: 2px 0 0 24px;
	overflow: hidden;
	width: 150px;
	font-size: 100%;
	border: 0;
	background: none;
	font-weight: normal;
}


#header {
	position: relative;
	z-index: 2;
	padding-bottom: 130px;
	margin-left: 20px;
}

#pathway {
	position: relative;
	z-index: 1;
}

img#logo {
	position: absolute;
	float: none;
	background: url(../images/light/cf_logo.png) no-repeat 0 0;
	width: 63px;
	height: 59px;
	clear: none;
	left: -70px;
	top: 31px;
}

img#cf_logo {
	position: absolute;
	float: none;
	background: url(../images/light/cf_logo.png) no-repeat 0 0;
	width: 63px;
	height: 50px;
	clear: none;
	left: -77px;
	top: 31px;
}

img#cf_name {
	position: absolute;
	float: none;
	background: url(../images/light/cf_name.png) no-repeat 0 0;
	width: 524px;
	clear: none;
	left: -1px;
	top: 31px;
	height: 50px;
}

#cf_page_id div img {
	position: absolute;
	float: none;
	height: 59px;
	clear: none;
	left: 570px;
	top: 31px;
}




#mainbody-top3 {
	height: 16px;
	padding-bottom: 26px;
}

#body-padding {
}

#mainbody-padding {
	padding: 0;
}

#maincol-container {
	padding: 0 20px;
	width: 512px;
}

#sidecol-padding {
	padding: 0 20px 10px 0;
}

#contact_text {
	width: 512px;
	border: solid black;
}

input#contact_email_copy {
	width: 11px;
}

input#remember.inputbox {
	width: 34px;
}


#vidcredits { margin-bottom: 16px; padding: 10px 0 16px; width: 512px; border-bottom: 1px solid white; }

div.worklist { padding: 0 0 16px; width: 512px; }

#contact_email {
width: 510px;
	border-color: black;
	border-style: solid;
}

input#username.inputbox {
	width: 510px;
	border-color: black;
	border-style: solid;
}

input#passwd.inputbox {
	width: 510px;
	border-color: black;
	border-style: solid;
}

#contact_name {
	width: 510px;
	border-color: black;
	border-style: solid;
}

#contact_subject {
	width: 510px;
	border-color: black;
	border-style: solid;
}


input#contact_name.inputbox {
	width: 510px;
	border-color: black;
	border-style: solid;
}

#com-form-login fieldset.input input.button {
	width: 128px;
}

#com-form-login ul {
	list-style-type: none;
	text-indent: 0;
	padding-left: 0;
}

li {
	
}





div.contact_email {
	width: 512px;
}

#showcase {
	margin-bottom: 10px;
}

#bottom {
	overflow: hidden;
	padding: 0 0 0 20px;
	font-size: 9px;
	width: 530px;
}

#mainbody-bottom3 {
	height: 16px;
	margin-bottom: 20px;
}

img#rocket {
	margin-top: 17px;
	width: 158px;
	height: 25px;
	float: left;
}

#footer {
	margin-bottom: 10px;
	font-size: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

#footer p{
	margin-top: 0;
	margin-bottom: 5px;
}


.spacer .block {
	float: left;
}

.spacer.w99 .block {
	width: 100%;
}

.spacer.w49 .block {
	width: 50%;
}

.spacer.w33 .block {
	width: 33.3%;
}

.spacer.w24 .block {
	width: 25%;
}

#pathway {
	height: 27px;
	margin-bottom: 15px;
}



/* @end */



/* @group Content Styles */

/* @group Readon */

a.readon {
	background: url(../images/jc_blog.gif) 0 0 no-repeat;
}

a.readon2 {
	background: url(../images/jc_blog.gif) no-repeat;
	
}

a.readon,
a.readon2 {
	padding: 0 5px 5px 14px;
	font-weight: normal;
	font-size: 100%;
	display: block;
	background-position: 0 4px;
	margin-top: -10px;
}

/* @end */




/* @group Pathway */

span.pathway {
	display: block;
	line-height: 220%;
	font-weight: normal;
	height: 27px;
	line-height: 29px;
	padding: 0 20px 0 60px;
	float: left;
	overflow: hidden;
}

span.pathway img {
	float: none;
	vertical-align: top;
	width: 5px;
	height: 27px;
	padding-right: 15px;
}

span.pathway a {
	float: none;
	padding: 0 20px 0 0;
}

/* @end */

/* @group Typography */

ul.number,
ul.bullet-1,
ul.bullet-2,
ul.bullet-3,
ul.bullet-4,
ul.bullet-5,
ul.bullet-6,
ul.bullet-7,
ul.bullet-8,
ul.bullet-9,
ul.bullet-10,
ul.bullet-11,
ul.bullet-12,
ul.bullet-13,
ul.bullet-14,
ul.bullet-15,
ul.bullet-16,
ul.bullet-17,
ul.bullet-18,
ul.icon-1,
ul.icon-2,
ul.icon-3,
ul.icon-4,
ul.icon-5,
ul.icon-6 {
	padding-left: 15px;
	margin-left: 0;
}

ul.number li,
ul.bullet-1 li, 
ul.bullet-2 li,
ul.bullet-3 li,
ul.bullet-4 li,
ul.bullet-5 li,
ul.bullet-6 li, 
ul.bullet-7 li,
ul.bullet-8 li,
ul.bullet-9 li,
ul.bullet-10 li,
ul.bullet-11 li, 
ul.bullet-12 li,
ul.bullet-13 li,
ul.bullet-14 li,
ul.bullet-15 li,
ul.bullet-16 li,
ul.bullet-17 li,
ul.bullet-18 li {
	list-style: none;
	margin-left: 0;
	padding-bottom: 3px;
	margin-bottom: 5px;
	padding-left: 24px;
}

ul.icon-1 li,
ul.icon-2 li,
ul.icon-3 li,
ul.icon-4 li,
ul.icon-5 li,
ul.icon-6 li {
	list-style: none;
	margin-left: 0;
	padding-bottom: 3px;
	margin-bottom: 5px;
	padding-left: 30px;
}

pre {
	padding: 10px;
}

blockquote {
	font-style: italic;
	font-size: 120%;

	line-height: 150%;
	width: auto;
	padding: 0px 0px 5px 30px;
	margin: 15px 0;
}

blockquote p {
	padding: 0 30px 0 0;
	margin-top: 0;
}

blockquote.b {
	color: #666;
	font-style: italic;
	font-size: 110%;
	line-height: 135%;
	width: auto;
	padding: 0px 0px 5px 15px;
	margin: 15px 0 15px 15px;
	background: none;
}

/* @end */

/* @group Notice Styles */

span.alert,
span.info,
span.download,
span.note {
	display: block;
	padding: 10px 10px 10px 45px;
	margin: 15px 0;	
}

/* @end */



#accessibility {
	width: 150px;
	height: 20px;
	margin-top: 0px;
	margin-top: 20px;
	float: right;
}

#accessibility span {
	background-repeat: no-repeat;
}

#accessibility a {
	text-decoration: none;
	cursor: pointer;
}

#accessibility #buttons {
	float: right;
	padding-right: 10px;
}

#accessibility .button {
	display: block;
	float: right;
	width: 13px;
	height: 14px;
	margin-right: 20px;
}

a.nounder {
	text-decoration: none;
	border: 0;
	cursor: pointer;
}

a.nounder:hover {
	text-decoration: none;
}

a img.album {
	border-width: 2px;
	border-style: solid;
}

.clr {
	clear:both;
}

fieldset {
	border-left: 0;
	border-right: 0;
	padding-left: 0;
}

fieldset.input {
	border: 0;
}

a img {
	border: 0;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}



img.content-left {
	float: left;
	margin-right: 10px;
	padding: 5px;
}

img.content-right {
	float: right;
	margin-left: 10px;
	padding: 5px;
}

#referencewidth {
	width: 100%;
	overflow:hidden;
}

body .pollstableborder {
	border: 0px;
}

.back_button {
	margin-top: 20px;
}

/* @end */





/* @group Horizontal Menu */

#horiz-menu {
	float: left;
}

#horiz-menu2 { position: absolute;
	vertical-align: top;
	margin-left: -2px;
	width: 960px;
	padding-left: 0;
	padding-top: 10px;
}

#maincol {
}

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

#horiz-menu separator {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#horiz-menu2 span.separator {	
	white-space: nowrap;
	display: block;
	float: left;
	height: 25px;
	line-height: 25px;
	padding: 0 5px;
	font-weight: normal;
	font-size: 100%;
	color: #777;
	background: none;
	
}


#horiz-menu li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#horiz-menu a {
	white-space: nowrap;
	display: block;
	float: left;
	height: 25px;
	line-height: 25px;
	padding: 0 5px;
	font-weight: bold;
	font-size: 100%;
	color: #777;
	background: none;
}

#horiz-menu a:hover {
	
	text-decoration: none;
}

#horiz-menu li li a, 
#horiz-menu li li a:hover,
#horiz-menu li:hover li a,
#horiz-menu li.sfHover li a,
#horiz-menu li.parent:hover li a,
#horiz-menu li.parent.sfHover li a,
#horiz-menu li.active.parent:hover li a,
#horiz-menu li.active.parent.sfHover li a {
	border: 0;
	background: none;
	color: #777;
}





#horiz-menu li li:hover,
#horiz-menu li li.sfHover,
#horiz-menu li li:hover a:hover,
#horiz-menu li li.sfHover a:hover,
#horiz-menu li.active li:hover a:hover {
	background: none;
	color: #333;
}





#horiz-menu li.active a,
#horiz-menu.splitmenu li.active:hover a,
#horiz-menu.splitmenu li.active.sfHover a,
#horiz-menu li.active.parent:hover a,
#horiz-menu li.active.parent.sfHover a,
#horiz-menu li.active:hover a,
#horiz-menu li.active.sfHover a {
	
	color: #ed1c24;
}

#horiz-menu li:hover,
#horiz-menu li.sfHover,
#horiz-menu li.parent:hover,
#horiz-menu li.parent.sfHover {
	background: none;
}

#horiz-menu li:hover a,
#horiz-menu li.sfHover a,
#horiz-menu li.parent a:hover,
#horiz-menu li.parent.sfHover a {
	background: none;
	color: #333;
}

#horiz-menu li li.parent a.daddy,
#horiz-menu li.active li.parent a.daddy {
	}

#horiz-menu li li.parent:hover a.daddy,
#horiz-menu li.active li.parent:hover a.daddy {
	
}



#horiz-menu ul ul {
	background: #F3F6F6;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

#horiz-menu ul ul ul {
	background: #F3F6F6;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}


#sidecol-padding div.modulechat {
	padding: 13px 0 15px;
}



/* mouseovers */

#horiz-menu li li a:hover {
	background: none;
}

#horiz-menu li li.active,
#horiz-menu li.active li a,
#horiz-menu li.active li a:hover {
	background: none;
}

#horiz-menu li li a {
	font-size: 100%;
	font-weight: normal;
	color: #fff;
}

.menutop li.sfHover ul {
	left: -1px;
	top: 24px;
}

div#horiz-menu li li a {
	height:28px;
	line-height:28px;
}

/* @end */

/* @group Sub Menu */

ul.menu {
	margin: 0;
	padding: 0;
	background: none;
}

ul.menu li {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.menu a:hover {
	text-decoration: none;
	color: #231f20;
	
}

ul.menu li.active.parent a {
	
}

ul.menu li.active.parent li a {
	
}

ul.menu span {
	display: block;
}

ul.menu a {
	display: block;
	line-height: 24px;
	text-indent: -10px;
	height: 24px;
	color: #777;
}

ul.menu ul {
	margin: 4px 0;
}

ul.menu ul li a {
	text-indent: 20px;
}

ul.menu ul a {
	background: none;
	text-indent: 0;
}

ul.menu ul {
	margin-left: 10px;
	padding: 0;
}

ul.menu ul ul {
	padding: 0;
	margin-left: 20px;
}

ul.menu li li {
	padding: 0;
	margin: 0;
}

ul.menu ul a {
	text-indent: 0;
}



ul.menu li.active li a {
	color: #ed1c24;
	border: 0;
}

#current a span {
	color: #e5001c;
}

ul.menu li.active a {
	
	border: 0;
}

ul.menu li li.active a,
ul.menu li li a:hover,
ul.menu li.active li a:hover {
	color: #333;
	
}

ul.menu li a {
	color: #777;
	padding-left: 10px;
	background: none;
}

/* @end */

/* @group Mainmenu */

a.mainlevel {
	display: block;
	line-height: 24px;
	height: 26px;
	font-size: 100%;
	padding-left: 25px;
	text-decoration: none;
	color: #777;
	background: none;
}

a#active_menu {
	color: #333;
	
	border: 0;
}

a#active_menu.sublevel {
	color: #333;
	
}

a.sublevel {
	text-decoration: none;
	line-height: 27px;
	padding-left: 14px;
	color: #777;
	
}

a.mainlevel:hover {
	text-decoration: none;
	}

a.sublevel:hover {
	text-decoration: none;
	color: #333;
}

/* @end */

div.module-menu h3 {
	padding: 0 0 0 8px;
}

div.module-menu div div div {
	padding-bottom: 20px;
	padding-top: 10px;
	margin-bottom: 35px;
}

div.module-menu div div div div {
	padding: 0;
	margin: 0;
}
/* Light Style */

body {
	background: #e4e4e4;
	color: #555;
	padding: 10px 10px 10px 59px;
}

#copyright { 
	font-size: 10px; 
	font-family: "Lucida Grande", "Lucida Grande Unicode", Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px solid white;
	overflow: hidden;
	margin: 0 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/**************** Start Font colors ***************/

/* link and content headings color */
a, .contentheading {
	color: #656565;
}

/* menu module base color */
.module-menu h3 {
	color: #999;
}

/* menu module accent color */
.module-menu h3 span {
	color: #000;
}

/* module link color */
.module h3 a,.module-color1 h3 a,.module-color2 h3 a,.module-color3 h3 a,.module-color4 h3 a,.module-style1 h3 a,.module-style1-color1 h3 a,.module-style1-color2 h3 a,.module-style1-color3 h3 a,.module-style1-color4 h3 a,.module-style2 h3 a,.module-style2-color1 h3 a,.module-style2-color2 h3 a,.module-style2-color3 h3 a,.module-style2-color4 h3 a {
	color: #4d4d4d;
}

/* module base color */
.module h3,.module-color1 h3,.module-color2 h3,.module-color3 h3,.module-color4 h3,.module-style1 h3,.module-style1-color1 h3,.module-style1-color2 h3,.module-style1-color3 h3,.module-style1-color4 h3,.module-style2 h3,.module-style2-color1 h3,.module-style2-color2 h3,.module-style2-color3 h3,.module-style2-color4 h3 {
	color: #666;
}

/* module accent color */
.module h3 span,.module-style1 h3 span,.module-style2 h3 span {
	color: #000;
}

/* module accent color1 */
.module-color1 h3 span,.module-style1-color1 h3 span,.module-style2-color1 h3 span {
	color: #656565;
}

/* module accent color2 */
.module-color2 h3 span,.module-style1-color2 h3 span,.module-style2-color2 h3 span {
	color: #4d4d4d;
}

/* module accent color3 */
.module-color3 h3 span,.module-style1-color3 h3 span,.module-style2-color3 h3 span {
	color: #9e9e9e;
}

/* module accent color4 */
.module-color4 h3 span,.module-style1-color4 h3 span,.module-style2-color4 h3 span {
	color: #636363;
}


/******************** end font styles *******************/


div.module {
	padding-bottom: 20px;
}


ul.menu ul a:hover {
	text-decoration: none;
	color: #777;