/* native */

@font-face {
    font-family: 'Univers';
    src: url('../fonts/UniversLT39ThinUltraCondensed.eot');
    src: url('../fonts/Diner-Regular-webfont.eot?#iefix') format('eot'),
         url('../fonts/UniversLT39ThinUltraCondensed.woff') format('woff'),
         url('../fonts/UniversLT39ThinUltraCondensed.ttf') format('truetype'),
         url('../fonts/UniversLT39ThinUltraCondensed.svg#StenciliaARegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


a.black{
	color:white;
}

body{
	background: url(../images/bg.jpg) repeat-x fixed center bottom #000000;
	font-family:verdana, arial, sans-serif;
	font-size: 12px;
}

h1{
	font-family:verdana, arial, sans-serif;
	font-size: 16px;
	margin-top: 0px;
	line-height: 22px;
	color: #d8bb84;
}

h1.bigger{
	font-size: 22px;
}

h1.film-header{

	font-size: 14px;
	color: white;
	margin-bottom: 10px;

}

h2{
	font-family:verdana, arial, sans-serif;
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 20px;
}

h2.normal{
	font-weight: normal;
	margin-bottom: 5px;
}

h3{
	font-family: verdana, arial, sans-serif;
	color:#0085cc;
	margin-top: 0px;
	font-weight: normal;
}

h4{
	font-family:verdana, arial, sans-serif;
	font-size: 12px;
	margin: 5px;
}

h5{
	font-family:verdana, arial, sans-serif;
	font-size: 16px;
	margin: 0px;
	display: inline;
}

hr{

	border:solid gray 1px;

}

html .threepxfix{
margin-left: 3px;
}

img a{
	border: none;
}

img{

	border:none;
}

input.go { background-color: blue; 
border-color: efefef; 
color: black; 
font-family: arial, verdana, ms sans serif; 
font-weight: bold; 
font-size: 16pt; 
}

legend{
	font-weight: bold;
}

p{
	line-height: 15px;
}

p.date{
	
	font-size: 11px;
	font-weight: bold;
	color: white;
	margin-top: -1px;
	float: left;
	
}

p.date-black{
	
	font-size: 8px;
	font-weight: bold;
	color: black;
	float: left;
	margin-left: 18px;
	margin-top: 15px;
	margin-right: 7px;
	
}

p.film-desc{

	font-size: 12px;
	line-height: 15px;

}

p.fourteen{
	font-size:13px;
	margin-top: 02px;
}

p.strong{
	font-weight:bold;
}

p.twelve{
	font-size:12px;
	margin-top: 0px;
}

p#zero{
	margin: 0px;
	padding: 0px;
	width:auto;
	font-size: 10px;
}

p#zeroten{
	margin: 0px;
	padding: 0px;
	width:auto;
	font-size: 10px;
}

p#zerotenblue{
	margin: 0px;
	padding: 0px;
	width:auto;
	font-size: 10px;
	color:#0085cc;
}

table{
	font-size: 11px;
	vertical-align: top;
}

tr{
	margin:0px;
	padding: 0px;
	vertical-align: top;
}

td{
	margin:0px;
	padding: 0px;
	vertical-align: top;
}

ul{
	font-size: 10px;
	margin: 5px;
	padding: 10px;
	padding-top: 0px;
}

ul li{
	margin 0px;
}

ul li ul li{
	margin 0px;
}

/* id's */

#about{
	margin-left:1px;
}

#about-text{
	width:458px;
	float:left;
	margin:0px 0 0 1px;
	padding:10px;
	border: solid white 10px;
	background: url(../images/text-bg.jpg);
	height: 330px;
	line-height: 15px;
}


#address{
	margin-left: 24px;
	margin-top: 10px;
	color: #ffffff;
	vertical-align: top;
	
	float: left;
}

#altContent{
	padding-left: 50px;
	
}

#awards-text{
	width:850px;
	background: #ffffff;
	float:left;
	padding:10px;
}

#body{

	width: 1005px;
	margin-left: 35px;
	color: white;

}

#bash-details{
	height:18px;
	width:647px;
	background: url(../images/awards-details.jpg);
	margin:10px 0 0 20px;
	display: block; 
}

#bionicbutton{
	
	padding-top: 0px;
	float: right;
}

#boxes{
	margin-left: 0px;
	display: block;
	height:164px;
}

#boxes-hte{
	margin-left: 0px;
	display: block;
	height:200px;
}

#boxes-float{
	margin-left: 13px;
	display: block;
	height:166px;
	float: left;
	width:497px;
}

#cat-text{
	width:400px;
	background: #ffffff;
	float:left;
	padding:10px;
}

#change{
	margin-top: -5px;
	width: 686px;
}

#clearing{
	clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;	
}

#contact-float{
	margin-left: 1px;
	display: block;
	height:166px;
	float: left;
	width:497px;
}

#contact-text{
	width:457px;
	float:left;
	margin: 0 0 0 10px;
	padding:10px;
	display: block;
	border: solid white 10px;
	background: url(../images/text-bg.jpg);
	height: 117px;
	float:left;
	vertical-align: top;
}

#enter-text{
	width:477px;
	background: #ffffff;
	float:left;
	margin-left:19px;
	margin:5px 0 0 10px;
	padding:10px;
}

#enter-text1{
	width:458px;
	float:left;
	margin:0px 12px 0 1px;
	padding:9px;
	border: solid white 10px;
	background: url(../images/text-bg.jpg);
	height: 150px;
}

#film-arr-l{

	position: absolute;
	top: 127px;
	left: 15px;
	z-index: 100;

}

#film-arr-r{

	position: absolute;
	top: 127px;
	right: 15px;
	z-index: 100;

}

#film-stuff{
	
	width: 986px;
	height: 301px;
	background: url(../images/films/film-bg.jpg) no-repeat;
	margin-left: 1px;
	padding: 9px;
	position: relative;
	
}

#film-videos{

	height: 235px;

	margin-top: 38px;

}

#form-div{
	width:460px;
	float:left;
}

#flash-header{
	padding-left: 12px;
	height:384px;
}

#form-info{
	width: 210px;
	float: left;
}

#form-text{
	width:950px;
	background: #ffffff;
	float:left;
	padding:10px;
	margin-bottom: 20px;
}

#form-wrapper{
	margin:0px auto;
	width:1000px;
}

#fp-facebook{

	width: 224px;
	height: 134px;
	padding: 9px;
	background: url(../images/frontpage/facebook.jpg) no-repeat;
	margin-bottom: 15px;
	overflow: hidden;
	
	
}

#fp-facebook-feed{
	
	margin: 10px;
	
}

#fp-twitter{

	width: 224px;
	height: 134px;
	padding: 9px;
	background: url(../images/frontpage/facebook.jpg) no-repeat;

}

#fp-twitter-feed{
	
	margin: 10px;
	
}

#frontpage-l{

	float: left;
	width: 753px;
	margin-top: 0px;
	

}

#frontpage-r{
	
	float: left;
	width: 242px;
	margin-left: 10px;
	
}

#header-main{

	background: url(../images/header/head-bg.png) no-repeat;
	float: left;
	width: 984px;
	height: 349px;
	padding: 10px;
	position: relative;

}

#header-main-nav{

	height: 51px;
	width: 986px;
	position: absolute;
	background: url(../images/header/nav/nav-bg.png) repeat-x;
	top: 288px;
	z-index: 30;

}

#header-main-nav-bar{

	position: absolute;
	top:-11px;
	z-index: 40;

}

#header-main-top-shadow{

	position: absolute;
	width: 984px;
	height: 7px;
	background: url(../images/header/shadow-top.png) no-repeat;
	top:10px;
	z-index: 20;

}

#header-main-left-shadow{

	position: absolute;
	width: 7px;
	height: 310px;
	background: url(../images/header/shadow-l.png) no-repeat;
	top:17px;
	left: 10px;
	z-index: 20;

}

#header-main-left-banner{
	
	position: absolute;
	width: 202px;
	height: 314px;
	background: url(../images/header/white-logo.png) no-repeat;
	top: 12px;
	z-index: 22;
	
}

#header-main-right-shadow{

	position: absolute;
	width: 7px;
	height: 310px;
	background: url(../images/header/shadow-r.png) no-repeat;
	top:17px;
	right: 10px;
	z-index: 20;

}

#header-main-right-trophy{
	
	position: absolute;
	width: 175px;
	height: 366px;
	background: url(../images/header/trophy.png) no-repeat;
	top: -27px;
	right: -15px;
	z-index: 22;
	
}

#header-social{

	background: url(../images/header/social-bg.png) no-repeat;
	width: 36px;
	height: 284px;
	float: left;

}

#header-top-details{

	margin-left: 36px;
	height: 37px;
	position: relative;
	float: left;
	width: 515px;
	margin-bottom: -1px;

}

#header-top-partners{

	float: right;
	height: 34px;
	width: 448px;
	background: url(../images/header/partner-bg.png) no-repeat; 
	margin-bottom: -1px;
	margin-right: 33px;
	padding-top: 3px;
	
}

#header{
	
	height: 373px;
	width: 1074px;
	margin-bottom: 3px;
	display: block;
	margin-top: 20px;
}

#lf-text{
	width:476px;
	background: #ffffff;
	float:left;
	margin:0px 0 0 1px;
	padding:10px;
	height:301px;
}

#pastwinners-text{
	width:650px;
	background: #ffffff;
	float:left;
	padding:10px;
}

#slideshow{

	position: relative;
	width: 984px;
	height: 329px;
	overflow: hidden;
	z-index: 2;

}

#text-bg{
	background: url(../images/text-bg.jpg);
	padding: 3px 5px 0;
}

#text-bg-lf{
	border: solid white 10px;
	background: url(../images/text-bg.jpg);
	width: 466px;
	height: 301px;
	float: left;
}

#ticket-text{
	border: solid white 10px;
	background: url(../images/text-bg.jpg);
	width:457px;
	height: 280px;
	float:left;
	margin:0px;
	padding:10px;
	line-height: 15px;
}

#wrapper{
	margin:0px auto;
	width:1074px;
}

/* classes */

.actual-winners{

	width: 390px;
	border: solid 2px grey;
	margin-top: 10px;
	float: left;
	padding: 5px;

}

.blue{
	background-color: #d9edf7;
	border: dashed #d3d3d3 1px;
	padding: 5px;
}

.bw { z-index: 101; }

.categories{
	margin: 0px 1px;
	display: block;
	width:497px;
	float: left;
	height: 162px;
}

.contacts{
	margin: 0px 0px;
	display: block;
	width:333px;
	float: left;
}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 10px 8px 0;
padding-left: 180px; /*width of left column containing the label elements*/


}

.cssform label{
font-weight: bold;
float: left;
margin-left: -180px; /*width of left column*/
width: 180px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 254px;
border:none;
border-bottom:grey 1px solid;
}

.cssform textarea{
width: 250px;
height: 150px;
border:grey 1px solid;

}

div.button {
	height: 29px;	
	width: 133px;
	background: url(http://valums.com/wp-content/uploads/ajax-upload/button.png) 0 0;
	
	font-size: 14px;
	color: #C7D92C;
	text-align: center;
	padding-top: 15px;
}

/*We can't use ":hover" preudo-class because we have
invisible file input above, so we have to simulate
hover effect with javascript. 
 */

.awardslist p{
width: 400px;
float:left;
margin: 0;
margin-top: 10px;
padding: 5px 10px 16px 0;
border-bottom:solid gray 1px;
}
 
#awardslist{
width: 400px;
float:left;
margin: 0;
margin-top: 10px;
padding: 5px 10px 16px 0;
}

#awardslistRight{
width: 400px;
float:right;
margin: 0;
margin-top: 10px;
padding: 5px 10px 16px 0;
}


 
div.button.hover {
	background: url(http://valums.com/wp-content/uploads/ajax-upload/button.png) 0 56px;
	color: #95A226;	
}
#button2.hover, #button4.hover {
	text-decoration:underline;
}

.floatright{
	float:right;
}

.floatleft{
	float:left;
	margin-right: 20px;
}

.honform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 10px 8px 0;
padding-left: 500px; /*width of left column containing the label elements*/


}

.honform label{
font-weight: bold;
float: left;
margin-left: -500px; /*width of left column*/
width: 500px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.honform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 354px;
border:none;
border-bottom:grey 1px solid;
}

.honform textarea{
width: 350px;
height: 150px;
border:grey 1px solid;
}

div.market{
width: 350px;
margin-left: 520px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

.about-height{
	height:334px;
}

.black{

	color: black;

}

.clearing{

	clear: both;

}

.colour { z-index: 100; }

.container { top:100px;}

.container img { position: absolute;}

.film-items{

	width: 832px;
	padding: 0px 77px;

}

.film-text{

	margin-top:5px;

}

.film-video{
	
	background: url(../images/films/video-bg-w.png) repeat-x;
	width: 166px;
	height: 215px;
	z-index: 10;
	padding: 8px 11px 0px;
	margin: 0px 10px;
	float: left;

}

.fleft{

	float: left;

}

.float{
	float:left;
	margin-right: 10px;
}

.frontpage-button{
	
	margin: 0px 1px;
	padding: 0px;
	margin-top: -1px;
	float: left;
	
}

.gallery{
	margin: 1px 0px 0px 1px;
	display: block;
	width: 327px;
	float: left;
}

.header-social-button{

	margin-top: 10px;
	margin-left: 5px;

}

.height{
	height:337px;
}

.height1{
	height:220px;
}

.height2{
	height:132px;
}

.height3{
	height:301px;
	overflow-y: scroll;
}

.height4{
	height:136px;
}

.height5{
	height:134px;
}

.heightlf{
	height:301px;
	/* overflow-y: scroll; */
}

.l10{
	
	margin-left: 10px;
	
}

.left10{
	
	margin-left: 11px;
	
}


.logos{
	clear:both:
	height:auto;
	vertical-align: middle;
	display: block;
	height:57px;
}

.logos img{
	float: left;
	margin-left: 10px;
}

.logos p{
	padding-top:9px;
	float:left;
	width:360px;
}

.logos p.top{
	padding-top:0px;
}

.nav{
	margin: 0px 0px 3px;
	padding: 0px;
	/* margin-top: -1px; */
	float: left;
	/* //display: block; */
	width:242px;
	height: 105px;
	float: left;
}

.nav-fp{
	margin: 0px 1px 3px;
	padding: 0px;
	/* margin-top: -1px; */
	float: left;
	/* //display: block; */
	width:249px;
	height: 105px;
	float: left;
}

.nav-divide{

	float: left;
	width: 2px;
	height: 50px;
	background: url(../images/header/nav/nav-div.png) no-repeat;
	position: relative;
	top:-3px;
	

}

.nav-item{

	font-size: 38px;
	color: white;
	font-family: 'Univers', Arial;
	width: 84px;
	float: left;
	padding-top: 4px;
	padding-left: 9px;
	cursor: pointer;
	height: 46px;
	position: relative;
	top: -3px;

}

.nav-item1{

	font-size: 38px;
	color: white;
	font-family: 'Univers', Arial;
	width: 84px;
	float: left;
	padding-top: 4px;
	padding-left: 9px;

}

.nav-item2{

	font-size: 38px;
	color: white;
	font-family: 'Univers', Arial;
	width: 103px;
	float: left;
	padding-top: 4px;
	padding-left: 9px;

}

.rollblue{

	

}

.scrolldamn{

	width: 436px;

}

.scrollpane{

	height: 301px;
	padding: 5px 5px 0;

}

.small{
	font-size: 11px;
}

.through{
	margin: 5px 10px;
	display: block;
	width:497px;
	float: left;
}

.tickets{
	margin: 0px 10px;
	display: block;
	width:333px;
	float: left;
}

.video{

	margin-left: 260px;
	position: relative;

}

.vjs-controls{

	

}

.vjs-poster{

	position: absolute;
	top: 0px;

}

.vjs-no-video{

	display: none;

}

.white{
	color:#ffffff;
}

.winners{
	margin: 0px 0px 5px 1px;
	display: block;
	width:497px;
	float: left;
}

.winnerlist p{
width: 300px;
float:left;
margin: 0;
margin-top: 10px;
padding: 5px 10px 16px 0;
border-bottom: solid gray 1px;
}

.winnerlist p span{
	color: #666666;
}

.wcolour{

	color: #d8bb84;

}