/*===============================================
	basic.css
	2009-02-11
	Mark Gerrard
	bigfish.co.uk
===============================================*/
* {
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}

body {
	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size: 62.5%;
	color: #888;
	background: url('../images/layout/bg_page_wood.jpg');
	position: relative;
}

.clear {
	clear: both;
}

/*#top-left {
	background: url('../images/layout/bg_page_corner.png');
	width: 450px;
	height: 491px;
	position: absolute;
	left: -250px;
	top: 20px;
	z-index: -1;
}*/

.not-visible {
	visibility: hidden;
}

a,
.jslink {
	color: #F60;
	text-decoration: none;
}

.jslink {
	cursor: pointer;
}

a:hover, .jslink:hover {
	color: #09F;
}

p, ol, ul {
	margin-bottom: 1em;
}

ol, ul {
	margin-left: 1.5em;
}

ol li, ul li {
	margin: 0 0 0.4em;
}

h1 a {
    display: block;
}

h3 {
	margin: 0 0 0.5em;
}

.error-msg {
	color: red;
}

input.hint {
	color:#929495;
}

#container {
	width: 990px;
	margin: 20px auto 0;
	position: relative;
}
#footer {
	margin-top:0;
	padding-top:10px;
}
#footer .item {
	border:none;
	padding:0px;
}

body.friend #container  {
	width: 990px;
	margin: 0px auto;
}

body#terms #container, body#instantwin-terms #container {
	width: 600px;
	margin: 20px auto;
}
body#terms #container #wrapper, body#instantwin-terms #container #wrapper {
	width: 582px;
}
body#terms #footer, body#instantwin-terms #footer {
	width: 574px;
}

#container #header {
	padding: 0 0 0 10px;
	position: relative;
	min-height: 177px;
}

#container #header h1 {
	float:right;
}

#container #header form {
	margin-top: 70px
}

#drop-nav {
	margin:0 10px 0 0;
	padding-top: 72px;
    background: url('../images/layout/nav_text.gif') no-repeat 0 25%;
	height: 39px;
}
/*#main-nav {
	border: 1px solid #333;
	background: #FFF;	
	padding: 0.3em 0.5em;
}*/

ul#drop-nav-list {
	margin: 0;
	padding: 10px;
	position: absolute;
	width: 302px;
	background: #FFFFFF url("../images/layout/bg_dropdown.gif") repeat-x left top;
	z-index: 11;
	list-style: none;
	font-size: 1.4em;
	text-transform: lowercase;
	border: 1px solid #999;
}

ul#drop-nav-list ul {
	list-style: none;
	margin-left: 1em;
}

ul#drop-nav-list a {
	color: #888;
}

ul#drop-nav-list a:hover {
	color: #09F;
}

ul#drop-nav-list ul a {
	color: #F60;
}

#top-nav {
	font-size: 1.2em;
}

#top-nav option {
	padding: 2px 5px;
}

#top-nav .level2 {
	padding-left: 20px;
}

#top-nav .level3 {
	padding-left: 40px;
}

#container #top-image {
	margin: 0 0 15px;
	width: 990px;
	height: 404px;
	position: relative;
	background: url("../images/layout/header/slideshow/slideshow-bottom.png") no-repeat 0 0;
}

#top-image .overlay {
	position: absolute;
	width: 970px;
	height: 400px;
	left: 3px;
	top: 4px;
	z-index: 2;
	background: url("../images/layout/header/slideshow/slideshow-top.png") no-repeat 0 0;
}

#custom.isset {
	width: 990px;
	height: 406px;
	position: absolute;
	font-size: 1.8em;
	line-height: 1.6em;
}

#custom.isset #custom-image {
	float: left;
	margin: 5px 0 0 5px;
}

#custom.isset .copy {
	margin: 0 50px 0 540px;
}

#custom.isset .copy p {
	margin-bottom: 0.5em;
}

#custom.isset h2 {
	margin: 30px 0 20px 540px;
}

#container #top-image #slideshow #slideshow-overlay {
	position: absolute;
	width: 986px;
	height: 401px;
	top: 4px;
	left: 10px;
	z-index: 10;
}

#container #top-image #tab-slides {
	position: absolute;
}

#container #top-image .slide {
	position: absolute;
	top: 4px;
	left: 10px;
	width: 960px;
	height: 381px;
	overflow: hidden;
}

#container #top-image .slide.photo-comp .overlay {
	position: absolute;
	width: 967px;
	height: 386px;
	left: 0;
	top: 0;
	background: url("../images/layout/header/slideshow/photo-frame.png") no-repeat 0 0;
	/*border: 2px solid red;*/
}

#container #top-image .slide.photo-comp .overlay .text-replace {
	margin: 50px 0 0 600px;
}

.tabslide {
	padding: 4px 0 0 4px;
}
.tabslide img {
	position: absolute;
	top: 0;
}


#container #content {
	margin: 0 2px 0 10px; /* bottom was 15px before film festival desk had to sit at the bottom */
	padding: 12px 12px 0 20px; /* bottom was 20px before film festival desk had to sit at the bottom*/
	font-size: 1.5em;
	line-height: 1.3em;
	background: #E6E3DC;
	overflow: hidden;
}

#container #content.white {
	background: #fff;
	margin: 0 10px 10px 15px;
}

.txt-overlay {
	position: relative;
}

.txt-overlay span,
.txt-overlay a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: -1px;
}

#container #footer {
	width: 974px;
	padding: 10px 0 0 8px;
	font-size: 1.2em;
	color: #333;
	background: url("../images/layout/bg_shadow_bottom.png") no-repeat 0 0;
}

#container #footer p.credit {
	float: right;
}

#container #footer p a:hover {
	color: #FFF;
}

#container #footer p {
	font-size: 0.75em;
}

#container #footer a {
	color: #333;
}

#container #footer ul {
	list-style: none;
	margin: 0 0 10px;
}

#container #footer ul li {
	padding: 0 4px 0 5px;
	display: inline;
	border-left: 1px solid #333;
}

#container #footer ul li.first {
	padding-left: 0;
	border-left: none;
}

#container #wrapper {
	padding: 12px 0 0 0;
	overflow: hidden;
	width: 990px;
	background: url('../images/layout/bg_shadow_middle2.png') repeat-y 0 0 #E6E3DC;
}


.frame400 {
	width:432px;
	background:transparent url(../images/layout/affiliate/affiliate-frame_02.jpg) repeat-x scroll left bottom;
}

.frame400 div {
	background:transparent url(../images/layout/affiliate/affiliate-frame_01.jpg) repeat-x scroll 0 0;
	padding: 16px 0 14px 16px;
}

.frame500 {
	width:532px;
	background:transparent url(../images/layout/film-frame_02.jpg) repeat-x scroll left bottom;
}

.frame500 div {
	background:transparent url(../images/layout/film-frame_01.jpg) repeat-x scroll 0 0;
	padding: 22px 0 14px 66px;
}

.movie-overlay {
	width: 320px;
	height: 290px;
	position: relative;
	background: #FFF url("../images/layout/ajax-loader.gif") no-repeat center center;
	margin: 0 0 10px;
	border: 1px solid #000;
}

.movie-overlay .close {
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url("../images/layout/btn-navclose.gif") no-repeat 0 0;
	text-indent: -1000em;
	color: #EEE;
}

#wrapper.newsletter-feature h3 {
	margin-top:10px;
}