@charset "UTF-8";
/* CSS Document */

/* Reset EVERYTHING - CSS Blank Slate
----------------------------------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


@font-face {
    font-family: 'gothamboldregular';
    src: url('../fonts/gothambold-webfont.eot');
    src: url('../fonts/gothambold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gothambold-webfont.woff') format('woff'),
         url('../fonts/gothambold-webfont.ttf') format('truetype'),
         url('../fonts/gothambold-webfont.svg#gothamboldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
	font-family:Arial, Helvetica, sans-serif;
	line-height:130%;
	color:999999;
}

.container_1000 {
	position: relative;
  	width: 1000px;
	margin: 0 auto; 
	text-align: center;
}


/* MAIN BACKGROUND DIV */
.mainpage {
	background-image:url(../images/bckgrd-home-topstripe.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:700px;
}
.subpage {
	background-image:url(../images/bckgrd-sub-short.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:700px;
}
.sub-about {
	background-image:url(../images/bckgrd-sub-big.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:700px;
}





/* HEADER */
.header {
	height:120px;
	width:100%;
}
.header-left {
	float:left;
	padding:15px 0px 0px 0px;
	height:105px;
}
.header-right {
	float:right;
	clear:right;
}
.menu {
	font-family: 'gothamboldregular';
	clear:left;
	padding:9px 0px 7px 0px;
	clear:right;
}
.menu ul li {
	display:inline;
	color:#ccc;
    font-size: 17px;
	text-decoration:none;
	padding:0px 17px 0px 17px;
	text-shadow: 1px 1px 7px #000000;
}
.menu ul li a, a:visited {
	color:#efefef;
	text-decoration:none;
}
.menu ul li a:hover {
	color:#FC0;
	text-decoration:none;
}







/* Counter */
.counter {
	height:100px;
	text-align:right;
	margin:12px 0px 9px 0px;
	background-image:url(../images/bckgrd-counter.jpg);
}
.counter-label {
	float:right;
}
.counter-digit {
	height:100px;
	width:76px;
	float:right;
	background-image:url(../images/counter-0-ghost.jpg);
}
.counter-comma {
	height:100px;
	width:30px;
	float:right;
	background-image:url(../images/counter-comma-ghost.jpg);
}



.leaderboxes {
	margin:6px 0px 0px 0px;
}
.leaderbox-1 {
	float:left;
	font-family: 'gothamboldregular';
	text-align:left;
	background-image:url(../images/leaderbox-1.png);
	background-repeat:no-repeat;
	width:250px;
	height:92px;
}
.leaderbox-2 {
	float:left;
	font-family: 'gothamboldregular';
	text-align:left;
	background-image:url(../images/leaderbox-2.png);
	background-repeat:no-repeat;
	width:250px;
	height:92px;
}
.leaderbox-3 {
	float:left;
	font-family: 'gothamboldregular';
	text-align:left;
	background-image:url(../images/leaderbox-3.png);
	background-repeat:no-repeat;
	width:250px;
	height:92px;
}
.leaderbox-4 {
	float:left;
	font-family: 'gothamboldregular';
	text-align:left;
	background-image:url(../images/leaderbox-4.png);
	background-repeat:no-repeat;
	width:250px;
	height:92px;
}

.leaderbox-title {
	color:#FF0;
	font-size:16px;
	text-shadow: 1px 1px 3px #333333;
	padding:12px 0px 0px 20px;
}
.leaderbox-title-sub {
	color:#FFF;
	font-size:10px;
	padding:0px 0px 0px 20px;
}
.leaderbox-user {
	color:#FFC;
	font-size:14px;
	text-shadow: 1px 1px 3px #333333;
	padding:12px 0px 0px 20px;
}
.leaderbox-user-tally {
	color:#FFF;
	font-size:12px;
	padding:0px 0px 0px 20px;
}
.leaderbox-link {
	color:#FFF;
	font-size:10px;
	float:right;
	padding:0px 10px 0px 0px;
}
.leaderbox-link a {
	text-decoration:none;
}








.main-content {
	width:1000px;
	height:320px;
	float:left;
}
.main-content-about {
	width:1000px;
	height:538px;
	background-image:url(../images/bckgrd-body-about.jpg);
	float:left;
	margin:3px 0px 0px 0px;
}

.sub-page-header {
	margin:0px 0px 15px 0px;
	
}
.sub-page-header-padded {
	margin:0px 0px 50px 0px;
	text-align:left;
	height:193px;
	width:100%;
	float:left;
}
.sub-page-title {
	margin:0px 0px 15px 0px;
	padding:10px 0px 0px 0px;
	float:left;
}
.sub-page-title-tall {
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	float:left;
}
.film-header-item {
	float:right;
	margin:7px 0px 0px 9px;
}
.sub-page-content-title {
	float:left;
	font-family: 'gothamboldregular';
	font-size:42px;
	color:#999999;
	width:100%;
	text-align:left;
	margin:0px 0px 20px 0px;
}
.sub-page-content p {
	text-align:left;
	padding:0px 0px 10px 0px;
	color:#666666;
	font-size:.9em;
}
.section-subheading {
	font-family: 'gothamboldregular';
	font-size:1.5em;
	color:#900;
	text-align:left;
	margin:20px 0px 20px 0px;
	padding:0px 0px 10px 0px;
	border-bottom:solid 1px #CCCCCC;
}
.section-subheading-link {
	font-family: 'gothamboldregular';
	font-size:1.5em;
	color:#900;
	text-align:left;
	margin:20px 0px 5px 0px;
	padding:0px 0px 10px 0px;
}




.sub-page-title-content { /* For 'About' and other 'Fat Header' pages */
	text-align:left;
	width:550px;
}
.sub-page-list-item {
	background-image:url(../images/bullet-arrow-orange-2.jpg);
	background-repeat:no-repeat;
	font-family:gothamboldregular;
	font-size:1.1em;
	color:#900;
	padding:4px 0px 5px 33px;
	margin:0px 0px 8px 0px;
	float:left;
}
.sub-page-buttons {
	margin:33px 0px 0px 0px;
	width:450px;
}
.sub-page-buttons-button-left {
	float:left;
	width:220px;
	margin:15px 0px 0px 0px;
}
.sub-page-buttons-button-right {
	float:right;
	width:220px;
	margin:15px 0px 0px 0px;
}





.column-1x3 {
	width:315px;
	height:400px;
	float:right;
	margin:25px 0px 0px 10px;
}
.column-2x3 {
	width:325px;
	height:110px;
	float:left;
	margin:0px 12px 0px 0px;
}
.column-3x3 {
	width:325px;
	height:110px;
	float:left;
	margin:0px 0px 0px 0px;
}



.column-fatskinny-fat {
	width:680px;
	float:left;
	text-align:left;
	color:#666666;
	line-height:160%;
}

.column-fatskinny-fat p {
	padding:0px 20px 30px 0px;
}
.column-fatskinny-skinny {
	width:310px;
	float:right;
}


.content-2column {
	width:662px;
	float:left;
	margin:15px 0px 0px 0px;
	text-align:left;
	padding:5px 0px 30px 0px;
}

.content-2column-flashstapler {
	width:662px;
	float:left;
	margin:15px 0px 0px 0px;
	text-align:left;
	border:solid 2px #EFEFEF;
	padding:5px 0px 30px 0px;
}

.content-2column-title {
	font-family: 'gothamboldregular';
	font-size:24px;
	color:#666666;
	padding:15px 0px 0px 0px;
}
.content-2column-title-sub {
	font-family: 'gothamboldregular';
	font-size:14px;
	color:#cccccc;
	padding:0px 0px 0px 0px;
}
.content-2column-body {
	padding:20px 0px 0px 20px;
}

.content-2column-plain {
	width:662px;
	float:left;
	margin:15px 0px 0px 0px;
	text-align:left;
	padding:0px 0px 30px 0px;
	color:#666666;
	line-height:160%;
}
.content-2column-plain p {
	margin:15px 0px 0px 0px;
}


.content-1column {
	width:1000px;
	float:left;
	margin:-20px 0px 0px 0px;
	text-align:left;
	clear:both;
}

.content-1column-title {
	font-family: 'gothamboldregular';
	font-size:36px;
	color:#666666;
}
.content-1column-title-sub {
	font-family: 'gothamboldregular';
	font-size:18px;
	color:#cccccc;
	padding:10px 0px 0px 0px;
}
.content-1column-body {
	padding:10px 0px 0px 0px;
	font-family:Verdana, Geneva, sans-serif;
	color:#666666;
	line-height:150%;
}
.content-1column-body  p {
	padding:0px 0px 10px 0px;
}







.film-cel-thumbnail {
	width:320px;
	padding:0px;
	margin:0px 0px 10px 16px;
	text-align:left;
	float:left;
}
.film-cel-thumbnail-image {
}
.film-cel-thumbnail-title {
	font-family: 'gothamboldregular';
	font-size:16px;
	color:#666666;
	margin:9px 0px 5px 0px;
}
.film-cel-thumbnail-content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#999999;
	float:right;
	width:94%;
	line-height:130%;
	padding:0px 0px 20px 0px;
	margin:0px 0px 20px 0px;
	border-bottom:1px solid #f2f2f2;
}

.film-sidemenu {
	width:100%;
}
.film-sidemenu-title {
	font-family: 'gothamboldregular';
	font-size:15px;
	text-align:right;
	margin:0px 0px 9px 0px;
	color:#999;
}
.film-sidemenu-item {
	background-color:#EFEFEF;
	border-bottom:solid 1px #CCCCCC;
	padding:15px;
	text-align:left;
	float:left;
}
.film-sidemenu-item-image {
	float:left;
}
.film-sidemenu-item-title {
	float:right;
	text-align:left;
	font-weight:bold;
	width:185px;
	color:#900;
	margin:4px 0px 5px 0px;
}
.film-sidemenu-item-content {
	float:right;
	text-align:left;
	width:185px;
	color:#666666;
	font-size:.9em;
}





.film-mainpage {
	width:100%;
}
.film-mainpage-title {
	font-family: 'gothamboldregular';
	font-size:15px;
	text-align:right;
	margin:0px 0px 9px 0px;
	color:#999;
}
.film-mainpage-item {
	border:solid 1px #CCCCCC;
	padding:15px;
	margin:0px 0px 15px 0px;
	text-align:left;
	float:left;
	width:630px;
}
.film-mainpage-item-image {
	float:right;
	padding:0px 0px 15px 15px;
	
}
.film-mainpage-item-title {
	font-family: 'gothamboldregular';
	float:left;
	text-align:left;
	font-weight:bold;
	color:#900;
	font-size:1.75em;
	margin:10px 0px 5px 10px;
}
.film-mainpage-item-title a, a:visited {
	color:#900;
	text-decoration:none;
}
.film-mainpage-item-title a:hover {
	color:#006600;
	text-decoration:underline;
}
.film-mainpage-item-subtitle {
	float:left;
	text-align:left;
	color:#999;
	font-size:.75em;
	margin:0px 0px 15px 10px;
}
.film-mainpage-item-content {
	float:left;
	text-align:left;
	color:#666666;
	font-size:.9em;
	margin:4px 0px 5px 15px;
}
.film-mainpage-item-content p {
	padding:0px 0px 10px 0px;
}



.flash-stapler {
	float:left;
}




.footer {
	text-align:left;
	font-family:Verdana, Geneva, sans-serif;
	margin:80px 0px 50px 0px;
	padding:100px 0px 0px 0px;
	float:left;
	clear:both;
	
}
.footer-links {
	padding:0px 0px 10px 0px;
}
.footer-copyright {
	font-size:14px;
	color:#CCCCCC;
}







.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.float-right {
	float:right;
	padding:10px 0px 10px 15px;
}
.float-left {
	float:left;
	padding:10px 15px 10px 0px;
}