/*
Global CSS for FourBoysFilms.com
(c) 2006-2007 Still Designing, LLC
*/

body, html {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	color: #000;
	background-color: #ffd270;
}

a {
	color: #900;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#logo {
	padding: 0px;
	margin: 0px
	display: block;
}

#container {
	position: absolute;
	display: block;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	background-color: #f3e9d7;
}

#topnav {
	position: relative;
	display: block;
	text-align: left;
	width: 998px;
	height: 83px;
	padding: 0px;
	margin: 0px;
	background-image: url('../images/header/topnav_bg.gif');
	border: 1px solid #f3e9d7;
}

#menu {
	margin: 0px;
	padding: 11px 0px 0px 16px;
}

#menu li {
	padding: 4px 10px 4px 10px;
	width: 122px;
	height: 31px;
	display: block;
	float: left;
}

#menu li a {
	background-color: #f3e9d7;
	display: block;
}

#menu li a:hover,
#menu .menu_selected {
	background-color: #ffe6ba;
}

/* Global Nav SubCategories */
#aboutus_subs {
	position: absolute;
	left: 496px;
	top: 46px;
}

#news_subs {
	position: absolute;
	left: 146px;
	top: 46px;
}

#projects_subs {
	position: absolute;
	left: 260px;
	top: 46px;
}

#publicity_subs {
	position: absolute;
	left: 410px;
	top: 46px;
}

#home {
	position: absolute;
	left: 14px;
	top: 60px;
}

#news_feature {
	position: absolute;
	display: block;
	left: 737px;
	top: 13px;
	width: 252px;
	height: 59px;
	background-image: url('../images/global/news_feature_background.gif');
}

#news_feature a {
	display: block;
	width: 230px;
	height: 24px;
	text-decoration: none;
	color: #998b77;
	text-align: center;
	vertical-align: middle;
	margin: 22px 11px 0px 11px;
}

#news_feature a:hover {
	color: #fff;
}
	
#content {
	position: relative;
	display: block;
	width: 1000px;
	height: 454px;
	background-image: url('../images/content/body_background_aboutus.jpg');
}

/* Default Static Page Template */
#content_area_background {
	position: absolute;
	display: block;
	top: 6px;
	left: 215px;
	width: 761px;
	height: 443px;
	background-color: #ffa200;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.content_area_inner {
	display: block;
	height: 433px;
	margin: 4px;
	border: 1px solid #ffd180;
}

.content_area_copy {
	position: relative;
	display: block;
	height: 417px;
	margin: 8px;
	background-color: #fff;
}

.content_area_copy_margins {
	position: absolute;
	top: 16px;
	left: 16px;
	padding-right: 16px;
	height: 385px;
	width: 700px;
	overflow: auto;
}

/* Articles Template */
.content_articles_border {
	position: absolute;
	display: block;
	top: 16px;
	left: 16px;
	height: 399px;
	width: 420px;
	margin: 4px;
	border: 1px solid #ffd180;
}

#article_details .content_articles_border { width: 718px; }

.content_articles_copy {
	position: absolute;
	display: block;
	top: 20px;
	left: 20px;
	height: 392px;
	width: 414px;
	margin: 4px;
	background-color: #fff;
}

#article_details .content_articles_copy { width: 712px; }

.content_articles_copy_margins {
	position: absolute;
	top: 16px;
	left: 16px;
	padding-right: 16px;
	height: 365px;
	width: 380px;
	overflow: auto;
}

#article_details .content_articles_copy_margins { width: 662px; }

.articles_list_border {
	position: absolute;
	display: block;
	top: 16px;
	left: 456px;
	height: 399px;
	width: 286px;
	margin: 4px;
	border: 1px solid #ffd180;
}

#publicity .articles_list_border {
	top: 232px;
	height: 183px;
}

.articles_list_bg {
	position: absolute;
	display: block;
	top: 20px;
	left: 461px;
	height: 391px;
	width: 279px;
	margin: 4px;
	background-color: #ff8300;
}

#publicity .articles_list_bg {
	top: 236px;
	height: 177px;
}

#articles_list_header {
	position: absolute;
	top: 24px;
	left: 469px;
	width: 267px;
	height: 22px;
	background: transparent url('../images/content/articles_header_latest_news.gif') no-repeat top left;
}

#publicity #articles_list_header {
	top: 240px;
}

.articles_list_copy_margins {
	position: absolute;
	display: block;
	top: 44px;
	left: 469px;
	height: 367px;
	width: 271px;
	background-color: #fff;
	overflow: hidden;
}

#publicity .articles_list_copy_margins {
	top: 260px;
	height: 153px;
}

.appearances_calendar_border {
	position: absolute;
	display: block;
	top: 16px;
	left: 456px;
	height: 209px;
	width: 286px;
	margin: 4px;
	border: 1px solid #d78080;
}

.appearances_calendar_bg {
	position: absolute;
	display: block;
	top: 20px;
	left: 461px;
	height: 202px;
	width: 279px;
	margin: 4px;
	background-color: #ff0000;
}

#appearances_calendar_header {
	position: absolute;
	top: 24px;
	left: 469px;
	width: 267px;
	height: 22px;
	background: transparent url('../images/content/articles_header_latest_news.gif') no-repeat top left;
}

.appearances_calendar_copy_margins {
	position: absolute;
	display: block;
	top: 44px;
	left: 469px;
	height: 177px;
	width: 271px;
	background-color: #fff;
	overflow: hidden;
}

#appearances_featured {
	padding: 4px;
	width: 130px;
	height: 160px;
	overflow: auto;
	float: left;
}

#appearances_featured h2 {
	margin: 0px 4px 4px 0px;
	padding: 0px;
	font-size: 13px;
	font-weight: bold;
	color: #900;
}

#appearances_featured h3 {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-weight: bold;
	color: #900;
}

#appearances_featured div {
	font-size: 9px;
}

.content_articles_copy_margins a {
	color: #ff8300;
	text-decoration: none;
}

#calendar_appearances {
	margin: 4px;
}

.content_articles_copy_margins a:hover {
	text-decoration: underline;
}

div.articles_list_item {
	margin: 0px 8px 0px 8px;
	padding: 12px 0px 12px 0px;
	border-bottom: 1px dotted #bbb;
}

div.articles_list_item h2 {
	font-size: 10px;
	font-weight: bold;
	margin: 0px 0px 8px 0px;
	padding: 7px 9px 7px 9px;
	color: #ff5b00;
	background-color: #f9d79a;
}

div.articles_list_item a {
	color: #ff8300;
	text-decoration: none;
}

div.articles_list_item a:hover {
	text-decoration: underline;
}

.article_feature_img {
	float: left;
	padding: 0px 24px 8px 0px;
}

.article_detail {
	float: right;
	width: 420px;
}


/* Appearances Template */
table#appearances_list {
	margin: 0px 8px 8px 8px;
	width: 681px;
}

table#appearances_list .header {
	background-color: #f2e2e2;
	padding: 0px;
	margin: 0px;
}

table#appearances_list .header th {
	padding: 4px 16px 4px 0px;
	margin: 0px;
	color: #900;
	font-weight: bold;
}

table#appearances_list td,
table#appearances_list th {
	text-align: left;
	vertical-align: top;
	padding: 4px 8px 8px 0px;
	margin: 0px;
	border-bottom: 1px dotted #999;
	color: #666;
}

table#appearances_list th {
	color: #900;
	font-weight: normal;
}

table#appearances_list .header th {
	padding: 4px 8px 4px 8px;
	margin: 0px;
	color: #900;
	font-weight: bold;
	border-bottom: none;
}

#appearances_clips {
	text-align: center;
	padding-top: 16px;
}


/* Project Template */
.content_project_border {
	position: absolute;
	display: block;
	top: 16px;
	left: 16px;
	height: 372px;
	width: 420px;
	margin: 4px;
	border: 1px solid #ffbf80;
}

#content_area_full .content_project_border { width: 718px; }

.content_project_copy {
	position: absolute;
	display: block;
	top: 20px;
	left: 20px;
	height: 365px;
	width: 414px;
	margin: 4px;
	background-color: #fff;
}

#content_area_full .content_project_copy { width: 712px; }

.content_project_copy_margins {
	position: absolute;
	top: 16px;
	left: 16px;
	padding-right: 16px;
	height: 338px;
	width: 380px;
	overflow: auto;
}

#content_area_full .content_project_copy_margins { width: 644px; }
#content_area_full .cast_list .content_project_copy_margins { left: 100px; width: 480px; }

.content_project_links_border {
	position: absolute;
	display: block;
	top: 393px;
	left: 16px;
	height: 22px;
	width: 420px;
	margin: 4px;
	border: 1px solid #ffbf80;
	text-align: center;
}

#content_area_full .content_project_links_border { width: 718px; }

.content_project_links {
	margin: 3px;
}

.content_project_links_border a {
	padding: 0px 8px 0px 8px;
	border: 0px;
	margin: 0px;
}

.project_list_border {
	position: absolute;
	display: block;
	top: 16px;
	left: 456px;
	height: 399px;
	width: 286px;
	margin: 4px;
	border: 1px solid #ffbf80;
}

.project_list_bg {
	position: absolute;
	display: block;
	top: 20px;
	left: 461px;
	height: 393px;
	width: 279px;
	margin: 4px;
	background-color: #bfb6a9;
}

.project_list_copy_margins {
	position: absolute;
	display: block;
	top: 36px;
	left: 473px;
	height: 373px;
	width: 263px;
	overflow: hidden;
}

.cast_list h3 {
	text-align: center;
}

.cast_list table {
	margin-left: -8px;
	border: 0px;
}

.cast_list td, th {
	padding: 0px 8px 0px 8px;
	margin: 4px 0px 4px 0px;
	font-size: 11px;
	white-space: nowrap;
}

.cast_list th {
	border-bottom: dotted #333;
	width: 100%;
}


/* Gallery Template */
#content_gallery_background {
	position: absolute;
	display: block;
	top: 6px;
	left: 215px;
	width: 761px;
	height: 443px;
	background-color: #ff7e00;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.content_gallery_inner {
	display: block;
	height: 434px;
	margin: 4px;
	border: 1px solid #ffbf80;
}

.content_gallery_border {
	position: absolute;
	display: block;
	top: 8px;
	left: 8px;
	height: 390px;
	width: 736px;
	margin: 4px;
	border: 1px solid #ffbf80;
}

.content_gallery {
	position: absolute;
	display: block;
	top: 12px;
	left: 12px;
	height: 376px;
	width: 720px;
	margin: 8px;
	background-color: #fff;
}

.content_gallery_margins {
	position: absolute;
	top: 8px;
	left: 8px;
	padding-right: 16px;
	height: 350px;
	width: 696px;
	overflow: auto;
}

.content_gallery_pager_background {
	position: absolute;
	display: block;
	top: 408px;
	left: 12px;
	height: 22px;
	width: 736px;
	margin: 0px;
	padding: 0px;
	background-color: #ffa44b;
	border: 1px solid #ffa44b; /* pads background for IE/FF differences in box model */
	text-align: center;
}

.content_gallery_pager_border {
	margin: 4px;
	height: 12px;
	border: 1px solid #ffbf80;
	text-align: center;
}

.gallery_thumbnail {
	display: block;
	float: left;
	width: 166px;
	height: 165px;
	padding: 4px;
	text-align: center;
}

.gallery_thumbnail h3 {
	color: #666;
	font-weight: normal;
	font-size: 12px;
}

.gallery_trailer {
	padding: 4px 8px 4px 96px;
	margin: 0px;
	background: transparent url('../images/global/ico_film_reel.gif') no-repeat center left;
	height: 120px;
	width: 200px;
	float: left;
	vertical-align: middle;
}

.gallery_trailer a,
#view_trailer a {
	text-decoration: none;
	color: #900;
}

.gallery_trailer a:hover,
#view_trailer a:hover {
	text-decoration: underline;
}

#view_trailer {
	text-align: center;
}
/* Bio Summary */
.bio_summary {
	width: 165px;
	height: 408px;
	border: 1px solid #ffd180;
	margin: 8px 18px 0px 38px;
	padding: 4px;
	float: left;
	color: #fff;
}

.bio_summary a {
	color: #ff5a00;
	text-decoration: none;
}

.bio_summary a:hover {
	text-decoration: underline;
}

.bio_summary_spacer {
	height: 5px;
}

#bio_summary_background {
	position: absolute;
	display: block;
	top: 6px;
	left: 215px;
	width: 761px;
	height: 443px;
	background-color: #ffa200;
	margin: 0px;
	padding: 0px;
	text-align: left;
}



/* Bio Page */
#content_bio_background {
	position: absolute;
	display: block;
	top: 6px;
	left: 215px;
	width: 761px;
	height: 441px;
	background-color: #ffa200;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.content_bio_inner {
	display: block;
	height: 432px;
	margin: 4px;
	border: 1px solid #ffbf80;
}

.content_bio_border {
	position: absolute;
	display: block;
	top: 8px;
	left: 8px;
	height: 388px;
	width: 736px;
	margin: 4px;
	border: 1px solid #ffbf80;
}

.content_bio {
	position: absolute;
	display: block;
	top: 12px;
	left: 12px;
	height: 374px;
	width: 720px;
	margin: 8px;
}

.content_bio_pager_background {
	position: absolute;
	display: block;
	top: 406px;
	left: 12px;
	height: 25px;
	width: 736px;
	margin: 0px;
	padding: 0px;
	background-color: #ffba43;
	border: 1px solid #ffba43; /* pads background for IE/FF differences in box model */
	text-align: center;
}

.content_bio_pager_border {
	margin: 4px;
	height: 15px;
	border: 1px solid #fcd897;
	text-align: center;
}

.content_bio_copy {
	float: right;
	width: 544px;
	height: 374px;
	background-color: #ffe4b6;
	overflow: auto;
}

.content_bio_copy_insert {
	height: 374px;
	background-color: #ffe4b6;
	overflow: auto;
}

.content_bio_copy_margins {
	padding-right: 4px;
	margin: 8px;
}

.content_bio_copy_margins h2 {
	color: #ff6105;
	font-size: 12px;
	font-weight: normal;
}


/* Bio Insert */
table.bio_inserts {
	border: 0px;
	margin: 0px;
	padding: 8px;
	background: #fff;
	width: 100%;
}

.bio_inserts td {
	text-align: left;
	vertical-align: top;
	padding: 4px 8px 8px 0px;
	margin: 0px;
	border-bottom: 1px dotted #999;
	color: #999;
}

.bio_inserts th {
	text-align: left;
	background-color: #ffe4b6;
	padding: 2px 8px 2px 8px;
	margin: 0px;
	font-weight: bold;
	color: #ff6105;
}

.bio_inserts td.col1 { width: 10px; }
.bio_inserts td.col2 { width: 70px; }
.bio_inserts td.col3 {  }
.bio_inserts td.col4 { width: 80px; }

.bio_inserts tr.spacer_row td {
	border-bottom: none;
	padding: 0px;
	margin: 0px;
	height: 0px;
}

.bio_inserts .highlight {
	color: #900;
}

#content_media {
	text-align: center;
	z-index: 10;
	height: 294px;
	padding: 16px;
	background-color: #fff;
}


/* Contact Us -- Web Credits */
.content_webcredits_area_copy {
	position: relative;
	display: block;
	height: 417px;
	margin: 8px;
	color: #fff;
}

.content_webcredits_copy_margins {
	position: absolute;
	top: 16px;
	left: 16px;
	padding-right: 16px;
	height: 385px;
	width: 700px;
	color: #fff;
	font-size: 12px;
	overflow: auto;
}

.content_webcredits_copy_margins h1 {
	font-size: 20px;
	margin-top: 0px;
	padding: 0px 0px 16px 0px;
}

.content_webcredits_copy_margins h2 {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}

.content_webcredits_copy_margins a {
	color: #fff;
	text-decoration: none;
}

.content_webcredits_copy_margins a:hover {
	text-decoration: underline;
}

/* Pager */
.pager {
	padding: 0px;
	margin: 0px;
}

.pager span {
	white-space: nowrap;
	font-size: 9px;
}

.pager a {
	color: #900;
	text-decoration: none;
}

.pager a:hover {
	text-decoration: underline;;
}


/* Leftnav */
#leftnav {
	position: absolute;
	left: 36px;
	top: 10px;
	width: 160px;
	text-align: left;
}

#leftnav ul {
	margin: 0px;
	padding: 8px 0px 0px 0px;
}

#leftnav li {
	color: #fff;
	margin: 0px;
	padding: 8px;
	list-style: none;
}

#leftnav a {
	color: #000;
	text-decoration: none;
}

#leftnav a:hover {
	color: #fff;
}

#leftnav .more_left {
	float: left;
	width: 70px;
	padding-top: 16px;
}

#leftnav .more_right {
	float: right;
	width: 70px;
	padding-top: 16px;
}

/* Footer Styles */
#footer {
	display: block;
	position: relative;
	width: 1000px;
	height: 81px;
	background-image: url('../images/footer/footer_background.gif');
}

.feature {
	position: absolute;
	display: block;
	background-image: url('../images/global/feature_background.gif');
	width: 169px;
	height: 59px;
	top: 11px;
	left: 11px;
}

#feature_1 { left: 11px; }
#feature_2 { left: 195px; }
#feature_3 { left: 676px; }

#project_links {
	position: absolute;
	display: block;
	left: 380px;
	top: 10px;
}

#legal_links {
	position: absolute;
	display: block;
	left: 405px;
	top: 60px;
}

#unsol_sub {
	position: absolute;
	display: block;
	left: 450px;
	top: 60px;
}

#contact {
	position: absolute;
	display: block;
	left: 853px;
	top: 4px;
}

#copyright {
	display: block;
	padding: 128px 0px 16px 0px;
}

.clear {
	clear: both;
	height: 0px;
}