/* @override http://smileyfilmsales.com/css/main.css?v=3 */

* { margin: 0; padding: 0; }
body { color: #000; font-family: Arial, Helvetica, sans-serif; /*url(/i/facebg1.gif) 100% -300px no-repeat;*/ font-size: 12px; letter-spacing: 0px; text-align: center; 
background: #fff; }
a:visited, a:link { color: #000; }
a:hover { color: #ccc; }
a img { border: none; }

#content { width: 800px; height: 600px; font-size: 120%; line-height: 140%; position: absolute; top: 0; left:0; } 
#content p { margin-bottom: 1em; }

/*#home #content { background: url(/i/grid.gif) no-repeat; }*/

#logo { z-index: 1; width: 131px; height: 199px; text-align: center; background: #fff; position: absolute; top: 0; left: 0; border: solid #000 1px; }
#logo img { margin-top: 25px; }
#logo a { display: block; width: 133px; height: 200px;}
#page { width: 797px; height: 645px; margin: -315px 0 0 -400px; position: absolute; left: 50%; top: 50%; }

#home #logo { border-width: 1px 0 0 1px; }

#contentwrap { width: 798px; height: 599px; border: solid #000 1px; text-align: left; }
/*#grid { position: absolute; top: 0; left: 0; width: 798px; height: 600px; z-index: 50; }*/
#nav { /*position: absolute; bottom: 18px; left: 50%; margin-left: -269px;*/ margin-bottom: 5px; }
#nav li { display: inline; margin: 0 4px; }
#nav a { color: #000; text-decoration: none; font-size: 120%; }
#nav a:hover { color: #777; }
#footer { /*position: absolute; bottom: 0px;*/padding-top: 10px; color: #000; font-size: 95%; /*left: 50%; margin-left: -128px;*/ }

#tl { background: url(/i/tl.jpg) no-repeat; top: 1px; left: 1px; }
#tr { background: url(/i/tr.jpg) no-repeat; top: 1px; left: 400px; }
#bl { background: url(/i/bl.jpg) no-repeat; top: 300px; left: 1px; }
#br { background: url(/i/br.jpg) no-repeat; top: 300px; left: 400px; }
#tl, #tr, #bl, #br { width: 399px; height: 300px; background-position: 50% 50%; position: absolute; }

.homenav, .block { width: 132px; height: 99px; background: #000; position: absolute; display: block; -moz-opacity:0.70; opacity:0.70; filter:alpha(opacity='70'); z-index: 200; }

#films .homenav, #filmdetails .homenav {
	background: #fff;
	-moz-opacity:0.70; opacity:0.70; filter:alpha(opacity='70');
}

.homenav img { margin: 10px 0 0 10px; } 
a.homenav:hover { -moz-opacity:1.00; opacity:1.00; filter:alpha(opacity='100'); }

a#navabout:hover { background: #000 url(/i/facebg1.gif) -120px 0px no-repeat; }
a#navmedia:hover { background: #000 url(/i/facebg1.gif) -70px 0px no-repeat; }
a#navboard:hover { background: #000 url(/i/facebg1.gif) -120px 0px no-repeat; }
a#navfilms:hover { background: #000 url(/i/facebg1.gif) -50px 0px no-repeat; }
a#navgallery:hover { background: #000 url(/i/facebg1.gif) -80px 0px no-repeat; }

#films a#navallfilms:hover, #films a#navhighlights:hover, #films a#navwip:hover, #films a#navfilmmakers:hover { background: #fff !important; }

a#navcontacts:hover { background: #000 url(/i/facebg1.gif) -50px 0px no-repeat; }
a#navnews:hover { background: #000 url(/i/facebg1.gif) -100px -495px no-repeat; }

#navabout { top: 1px; left: 134px; }
#navmedia { top: 1px; left: 400px ; }
#navboard { top: 101px; left: 400px ; }
#navfilms { top: 301px; left: 533px; height: 98px; width: 266px; }
#navgallery { top: 301px; left: 400px; height: 98px; }
#navrecent { top: 400px; left: 400px; height: 98px; }

#navhighlights { top: 499px; left: 400px; height: 101px; width: 132px; }
#films #navallfilms, #filmdetails #navallfilms { left: 1px; top: 201px; height: 99px; width: 131px; }
#films #navwip, #filmdetails #navwip { left: 1px; top: 301px; height: 98px; width: 131px; }
#films #navhighlights, #filmdetails #navhighlights { left: 1px; top: 400px; height: 100px; width: 131px; }
#films #navfilmmakers, #filmdetails #navfilmmakers { left: 1px; top: 501px; width: 131px; }

#navcontacts { top: 1px; left: 267px; height: 99px; width: 132px; }
#navnews{ top: 201px; left: 1px; height: 99px; width: 132px; }
#slogan { width: 399px; background: #000; height: 99px; position: absolute; left: 400px; top: 201px; text-align: center; line-height: 100px; z-index: 2; }
#slogan img { margin-top: 19px; }

#heading { position: absolute; top: 32px; left: 147px; z-index: 201;}
h3 { margin-bottom: 0.5em; font-size: 110%; }
h4 { font-size: 100%; }


#about #contentwrap { background: #fff url(x/i/bgabout.gif) top left no-repeat; }
#media #contentwrap { background: #fff url(x/i/bgmedia.jpg) top left no-repeat; }
#board #contentwrap { background: #fff url(x/i/bgboard.gif) top left no-repeat; }
#news #contentwrap { background: #fff url(x/i/bgnews.gif) top left no-repeat; }

#board #content { background: url(/i/gridboard.gif) no-repeat; }
#news #content { background:  url(/i/gridboard.gif) no-repeat; }
#about1 { top: 100px; left: 267px; }
#about2 { top: 200px; left: 267px; height: 98px;}
/*#about #heading { top: 55px; left: 533px; }*/

.contentboxes { display: none; }
#contentbox { position: absolute; height: 200px; width: 400px; top: 100px; left: 133px; }
.boxshort { padding: 15px; overflow: auto; }
.boxlong { padding: 15px; overflow: auto; overflow-x: hidden; height: 469px; width: 636px; background: #fff; z-index: 9999999; }
.filmdetailsbox { width: 369px !important; }

#c2box { position: absolute; top: 299px; left: 1px; width: 400px; height: 98px; }
#c2box .homenav { height: 98px; }
#c21 { top: 1px; left: 1px; width: 131px; background: url(/i/ewa.gif) bottom right no-repeat; }
#c22 { top: 1px; left: 133px; width: 131px; background: url(/i/alex.gif) bottom right no-repeat; }
#c23 { top: 1px; left: 266px; width: 132px; background: url(/i/dan.gif) bottom right no-repeat; }
/*#about #c2 { display: none; }*/

#contact #contentwrap { background: #fff url(x/i/bgcontact.gif) top left no-repeat; }
/*#content { background:  url(/i/gridgen.gif) no-repeat; }*/
.conbox { margin-bottom: 1em; }
.conbox span, .inlinehead { color: #b70005; margin: 0 3px; font-weight: bold; }
.inlinehead { margin: 0; }
.conbox span.sol { margin-left: 0; }



#films #heading, #filmdetails #heading { left: 148px; }
#films #contentwrap, #filmdetails #contentwrap { background: #fff url(x/i/bgfilms.gif) top left no-repeat; }
#films #content, #filmdetails #content{ background: url(/i/gridfilms.gif) no-repeat; }
#films #contentbox, #filmdetails #contentbox { left: 133px; }
#films #contentbox { width: 677px; }
#films .boxlong { width: 636px; }

/*.ranfilm {  }*/
/*#rf1 { top: 1px; border-left: solid #fff 1px; left: 532px; }*/
#filmcol { top: 100px; position: absolute; left: 533px; width: 266px; height: 500px; overflow: auto; overflow-x: hidden; z-index: 1; }
#filmcol.short { height: 299px; width: 270px; overflow: hidden; }
#filmcol .filmpic { border-bottom: solid #fff 1px; }
#filmmoreinfo { padding: 15px; clear: both; }
/*#rf3 { top: 400px; height: 200px; }*/
.hthumbs { display: block; float: left; border: solid #fff 1px; border-width: 0px 1px 1px 0; height: 100px; width: 132px; overflow: hidden; }
.hthumbs img { }

.film { clear: both; margin-bottom: 1em; min-height: 110px; _height: 110px; }

.film h4, .film p { margin-left: 100px; }
.thumb { float: left; width: 90px; height: 110px; border: solid #ccc 1px; margin-bottom: 1em; background-color: #000; }
#content .film p { font-size: 90%; }

#c2a, #c2b, #c2c { position: absolute; top: 200px; width: 265px; height: 400px; }
#board .boxlong, #news .boxlong { width: auto; height: 370px; }
#c2a { left: 1px; width: 265px; }
#c2b { left: 267px; width: 533px; }
#c2c { left: 533px; width: 266px; }
#board #heading, #news #heading { left: 285px; }

.fl { float: left; margin: 0 8px 0px 0; border: solid #fff 1px; }
#board h3, #news h3 { margin-bottom: 0; }
#board h4, #news h4 { font-weight: normal; font-style: italic; margin-bottom: 10px; padding-top: 0; line-height: 100%; }

#content .del { font-size: 85%; margin-bottom: 0; }
#jumpcat, #slideskip { position: absolute; top: 10px; right: 10px; } 
#sorter { position: absolute; top: 75px; right: 10px; }

a.curlink { font-weight: bold; text-decoration: none; }
a.curlink:hover { color: #000; }

.copy { margin-top: 1em; }

#highlightbox { padding: 0; overflow-x: hidden; width: 666px; height: 200px; background: #fff; border-top: solid #fff 1px; }
#highlightbox h4 { padding: 15px 0 0 15px; }
#highlightbox .del, #doco p { padding: 0 15px 0px 15px; }
#highlightbox img { border-bottom: solid #fff 1px; }

#latest { border: dashed #ccc 1px; padding: 10px 10px 0 10px; background: #1F0000; margin-bottom: 15px; }
#latest, #latest a {
	color: #fff; 
}
.anchor { padding-top: 15px; display: block; }

.medialist { clear: both; margin-bottom: 10px;} 
.medialist dt { float: left; } 
.medialist dd { margin-left: 85px; }

.slideshow #jumpcat, .slideshow #sorter  { display: none; }

#mySlideshow
{
width: 333px !important;
height: 500px !important;
position: absolute; left: 0; top: 0;
border-right: solid #000 1px;
}
.jdSlideshow .slideInfoZone { height: 150px; border-top: solid #000 1px; overflow: hidden; }

.jdSlideshow .slideInfoZone h2
{	
	font-size: 100%;
	padding: 3px 0 0 3px; 
}

.jdSlideshow .slideInfoZone p
{	
	font-size: 90%;
	padding-left: 3px; 
	line-height: 130%;
}
.jdSlideshow .qo { display: block; border-top: solid #555 1px; padding-top: 4px; margin: 4px 8px 0 0px; }

.slideElement {
	background-color: #fff !important;
}

.loadingElement {
	background: #fff !important;
}

#gallery { padding: 20px; }
#gallery img { width: 150px; border: solid #fff 1px; }
.galleryitem { padding-bottom: 1.5em; }
.hidden { display: none; }

#testimonials { padding: 15px 0 0 12px; background: #000; }
#testimonials img { border: none; margin-bottom: 20px; }

#latestnews {
	position: absolute;
	width: 333px;
	left: 333px;
	top: 0;
	height:  200px;
	overflow: auto;
	border-bottom: solid #000 1px;
	font-size: 90%;
	line-height: 140%;
}
#latestnews li {
	margin-bottom: 6px;
}
#latestnews h3, #latestfeature h3 {
	 padding: 3px 0 2px 8px;
	 font-size: 14px;
	 background: #000;
	 color: #fff;
	 margin: 0;
}
#latestnews ul {
	padding: 0 5px 5px 10px;
	margin-left: 15px;
}
#latestfeature {
	position: absolute;
	width: 333px;
	left: 333px;
	top: 200px;
	height:  300px;
	overflow: hidden;
}
.inner {
	padding: 8px;
}
#latestthumb {
	float: right;
	margin-left: 8px;
}
#latestthumb img {
	width: 150px;
}
#latestfeature p {
	font-size: 90%;
	line-height: 130%;
	margin-top: 6px;
}

#home #latestfeature {
	
	background: #fff;
	left: 1px;
	top: 301px;
	width: 398px;
	height: 299px;
}
#latestfeature h3 {
	margin: 0;
	border-bottom: solid #666 1px;
}

#content{ background: url(/i/gridfilms.gif) no-repeat; }