body {
text-align: center;
background: transparent url("/images/headerbackground.jpg") no-repeat center top;
background-color: #000;
margin: 0 auto;
color: #999;
font-family: Arial, sans-serif;
font-size: 12px;
}

#header {
width: 850px;
text-align: center;
margin: 0 auto;
height: 115px;
padding: 0 0 10px 0;
}

#siteframe {
width: 850px;
margin: 0 auto;
padding: 130px 0 0 0;
}

#navbar {
background: transparent url("/images/navbar.jpg") no-repeat;
height: 44px;
width: 850px;
text-align: center;
background-color: #212121;
}

#background-top {
background: transparent url("/images/background-top.gif") no-repeat;
background-color: #212121;
height: 12px;
width: 850px;
text-align: center;
margin: 0 auto;
}

#background-bottom {
background: transparent url("/images/background-bottom.gif") no-repeat;
height: 12px;
width: 850px;
text-align: center;
margin: 0 auto;
}

#insidecontent-top {
background: transparent url("/images/insidecontent-top.gif") no-repeat;
height: 14px;
width: 828px;
text-align: center;
margin: 0 auto;
}

#insidecontent-bottom {
background: transparent url("/images/insidecontent-bottom.gif") no-repeat;
background-color: #212121;
height: 14px;
width: 828px;
text-align: center;
margin: 0 auto;
}

#insidecontent-full {
background: transparent url("/images/insidecontent-background.gif") repeat top center;
width: 828px;
text-align: left;
margin: 0 auto;
}

///////////* BIG COLUMN *///////////

#column-big-top {
background: transparent url("/images/column-big-top.gif") no-repeat;
height: 14px;
width: 612px;
margin: 0 auto;
}

#column-big {
background: transparent url("/images/column-big-background.gif") repeat top center;
width: 612px;
text-align: left;
margin: 0 auto;
}

#column-big-bottom {
background: transparent url("/images/column-big-bottom.gif") no-repeat;
height: 14px;
width: 612px;
margin: 0 auto;
}

////////////* FLOATIE STUFF *////////////

div.floated {
	width: 400px;
	float: left;
	margin-left: 1em;
}

div#myElement {
	width: auto;
	height: auto;
	border: 1px solid black;
	background-color: #666;
	float: left;
}

div#myOtherElement {
	width: auto;
	height: 80px;
	overflow: hidden;
	background-color: #000;
	padding: 5px;
}

div#myOtherElement span, div#myOtherElement a {
	display: block;
	padding: 0 3px;
}

div#myOtherElement a:hover {
	//background: #333;
}

///////////* SMALL COLUMN *///////////

#column-small-top {
background: transparent url("/images/column-small-top.gif") no-repeat;
height: 14px;
width: 218px;
margin: 0 auto;
}

#column-small {
background: transparent url("/images/column-small-background.gif") repeat top center;
width: 218px;
text-align: left;
margin: 0 auto;
}

#column-small-bottom {
background: transparent url("/images/column-small-bottom.gif") no-repeat;
height: 14px;
width: 218px;
margin: 0 auto;
}

#logo {
margin: 0 auto;
width: 800px;
text-align: left;
}

img.logo {
padding: 40px 0 0 0;
border: 0;
}

#content {
background-color: #212121;
text-align: center;
margin: 0 auto;
}

#meat {
width: 790px;
text-align: left;
margin: 0 auto;
}

#flashquotes {
margin: 230px 0 0 0;
}

#column-left {
text-align: left;
width: 590px;
}

#column-right {
text-align: left;
float: right;
width: 180px;
}

#column-right p {
font-size: .9em;
margin: 5px 0 10px 0;
line-height: 14px;
}

h1 {
font-size: 1.8em;
color: #FFCC00;
font-weight: lighter;
margin: 0 auto;
}

h2 {
font-size: 1.4em;
color: #FFF;
font-weight: lighter;
margin: 10px 0 0 0;
}

p {
font-family: arial;
font-size: 1.1em;
margin: 5px 0 10px 0;
line-height: 18px;
}

.quote {
font-style: italic;
color: #999;
}

.creditblock {
color: #FFF;
}

.line {
border-bottom: thin;
border-bottom-color: #666;
border-bottom-style: dashed;
margin: 15px 0 15px 0;
}

.small {
font-size: .8em;
margin: 0 auto;
}

.newslink {
margin: 0 auto;
}

img.link {
margin: 0 6px 0 0;
border: solid;
border-color: #222;
border-width: 6px;
}

img.headshot {
padding: 10px 0 0 20px;
}

img.right {
margin: 0;
padding: 0 0 20px 10px;
float: right;
}

img.iftalogo {
margin: 74px 20px 0px 0px;
padding: 0px;
float: right;
border: 0;
}

#ifta {
width: 850px;
height: 2px;
margin: 0 auto;
padding: 0px;
text-align: right;
}

img.left {
margin: 0;
padding: 0 10px 20px 0;
float: left;
}

#copyright {
text-align: center;
margin: 0 auto;
padding: 10px;
font-size: .8em;
color: #333;
}

#copyright p {
line-height: 8px;
}

#newsitem {
text-align: left;
margin: 0 auto;
padding: 0 0 10px 0;
font-size: 1em;
color: #999;
}


#copyright a:link, #copyright a:visited {color: #666; text-decoration: none;}
#copyright a:hover {color: #999; text-decoration: none;}

a:link, a:visited {color: #EAA306; text-decoration: none;}
a:hover {color: #EAA306; text-decoration: underline;}


/* ---------------------------------------
	Main Navigation
--------------------------------------- */

#navigation {
background: transparent url("/images/navbar.jpg") no-repeat;
background-color: #FFCC00;
height: 37px;
margin: 0 auto;
padding: 7px 0 0 0;
}

ul#nav, ul#nav li {
display: block;
list-style: none;
float: left;
font-size: 1em;
font-weight: bold;
margin: 0 auto;
padding: 4px 2px 0px 18px;
}

ul#nav a, ul#nav a:visited {
color: #93750E;
text-decoration: none;
}

ul#nav a:hover {
color: #000;
text-decoration: none;
}

#home #nav-home a,
#catalog #nav-catalog a,
#company #nav-company a,
#unique #nav-unique a,
#submissions #nav-submissions a,
#references #nav-references a,
#contact #nav-contact a {color: #000;}

/* ---------------------------------------
	Sub Navigation
--------------------------------------- */

#subnavigation {
margin: 0 auto;
text-align: left;
}

ul#subnav, ul#subnav li {
list-style: none;
margin: 0 auto;
padding: 0 0 1px 0;
}

ul#subnav {
font-family: Arial, sans-serif;
font-size: 11px;
font-weight: bold;
color: #666;
}

ul#subnav a, ul#subnav a:visited {
color: #FFCC00;
text-decoration: none;
display: block;
margin: 0;
padding: 6px;
background-color: #3D3D3D;
}

ul#subnav a:hover {
color: #FFCC00;
text-decoration: none;
display: block;
background-color: #464646;
}

#about #subnav-about a,
#team #subnav-team a {color: #F2F2F2;}

ul#subnav li#subnav-active a {color: #CCC; background-color: #464646;}

ul#subnav li ul#subnav-genre { margin: 1px 0px 0px 6px; padding: 0px;}
ul#subnav li ul#subnav-genre a, ul#subnav li ul#subnav-genre a:visited {
color: #999;
background: #383838 url(/images/subnav_arrow.gif) no-repeat scroll 5% 50%;
padding-left: 18px;
}

ul#subnav li ul#subnav-genre a:hover {
color: #cccccc;
background: #383838 url(/images/subnav_arrow_active.gif) no-repeat scroll 5% 50%;
}

ul#subnav li ul#subnav-genre li#genre-active a {
color: #cccccc;
background: #464646 url(/images/subnav_arrow_active.gif) no-repeat scroll 5% 50%;
}

/** Accordion Stuff **/

ul#accordion, ul#accordion li {
list-style: none;
margin: 0 auto;
padding: 0;
}

.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, sans-serif;
}
 
.element {
 
}
 
.element p {
	margin: 0;
	padding: 4px;
}
 
.float-right {
	padding:10px 20px;
	float:right;
}
 
blockquote {
	text-style:italic;
	padding:5px 0 5px 30px;
}

/* CATALOG STYLE STUFF */

div.film-container { float: left; padding-left: 22px; }
div.film-container-left { float: left; padding-left: 0px; }
div.film-divider { clear: both; height: 18px; }
div.film {
    background: transparent url("/images/background-film-top.gif") no-repeat top left;
    background-color: #000000;
    border-right: 1px solid #333333;
    border-left: 1px solid #333333;
    width: 120px;
    text-align: center;
    padding-top: 15px;
}

div.film div.corner {
    background: transparent url("/images/background-film-bottom.gif") no-repeat bottom left;
    background-color: #000000;
    height: 210px;
    width: 120px;
    text-align: center;
}

div.ui_block {
    background-color: rgb(0, 0, 0);
    z-index: 20;
    height: 100%;
    width: 100%;
    background-repeat:repeat;
    position:absolute;
    top: 0px;
    left: 0px;
    
    opacity: 0.7;
    -moz-opacity:0.70;
    filter: alpha(opacity=70);
}

div.film_popup {
    z-index: 25;
    width: 620px;
    border: 1px solid #666666;
    padding: 20px;
    background-color: #1c1c1c;
    text-align: left;
    position: absolute;
}


div.film_detail { font-size: 1.1em; margin: 5px 0 10px 0; line-height: 18px;}
div.film_label { font-size: 16px; color: #fefefe; font-weight: normal; display: block; padding-top:15px;}
span.film_title { font-size: 20px; color: #fefefe; font-weight: normal; display: block;}
p.results { font-size: 1em; color: #f5c018; text-align: right; width: 550px;}
p.results a{ text-decoration:none;}
p.results a#page{color: #fefefe;}