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

/*----------------------------------
	Meyer Reset
	http://meyerweb.com/eric/tools/css/reset/
	v1.0 | 20080212
-----------------------------------*/

	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;
		vertical-align: baseline;
		background: transparent;
	}
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after,
	q:before, q:after {content: '';content: none;}
	
	table,td,tr,th{vertical-align:top}
	
	/* remember to define focus styles! */
	:focus {outline: 0;}
	
	/* remember to highlight inserts somehow! */
	ins {text-decoration: none;}
	del {text-decoration: line-through;}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {border-collapse: collapse;border-spacing: 0;}
	
	sup{vertical-align:super}
	
	.cleaner{clear:both}

/* Body Styles */

	html{background:#111 url(/images/site_components/html_bg.gif) repeat-x;height:100%}

	body{
		background:url("/images/site_components/site_bg.png") top center no-repeat;
		width:100%;height:100%;
		display:table;
		font:12px Arial, Helvetica, sans-serif;
		text-align:center;
		color: #F2F2F2
	}
	
	a:link, a:visited{color:#CCC;text-decoration:none}
	a:hover, a:active{color:#FFF;text-decoration:none}
	
	.img_left{float:left;margin:0 30px 30px 0;border:3px solid #92B9C9;}
	.img_right{float:right;margin:0 0 30px 30px;border:3px solid #92B9C9;}
	
	#header{
		position:relative;
		margin:0 auto;
		text-align:left;
		width:754px;
		height:268px
	}
	
	#footer{
		position:relative;
		margin:0 auto 25px auto;
		width:884px;
		background:url(/images/site_components/footer_bg.png) no-repeat;
		padding-top:75px;
		color:#666;
		text-align:center
	}
	
	#content{
		position:relative;
		overflow:auto;
		margin:0 auto;
		text-align:left;
		width:754px;
		position:relative;
		font-size:13px;
		min-height:450px
	}
	
	#content h2{font:20px Helvetica, Arial, sans-serif;font-weight:normal;color:#4691C5;padding-bottom:15px}
	#content h3{font-size:16px;font-weight:normal}
	#content p{line-height:18px}
	#content p, #content h2, #content h3, #content h4, #content ul, #content ol{margin-bottom:15px}
	#content h4, #content ul, #content ol{margin-left:40px}
	
	hr{
		border:0;
		color: #CCC;
		background-color:transparent;
		height: 1px;
		border-top:1px dashed #CCC;
		margin-top:25px;
		margin-bottom:25px;
	}

	
/* Header Styles */
	
	#logo{
		text-indent:-9999px;
		display:block;
		width:280px;
		height:74px;
		position:absolute;
		left:237px;
		top:36px;
		background:url(/images/site_components/true_focus_films_logo.png)
	}
	
	#nav_bar{
		position:absolute;
		top:152px
	}
	
	#nav_bar li {
		list-style:none;
		float: left;
		position: relative
	}

	#nav_bar li a{ display: block; text-indent: -9999px;height:15px;margin-right:71px}
	#nav_bar li a#nav_event{background:url(/images/nav_bar/event.png); width:78px}
	#nav_bar li a#nav_contact{background:url(/images/nav_bar/contact.png); width:68px;margin-right:0}
	#nav_bar li a#nav_why{background:url(/images/nav_bar/why.png); width:176px}
	#nav_bar li a#nav_services{background:url(/images/nav_bar/services.png); width:68px}
	#nav_bar li a#nav_galleries{background:url(/images/nav_bar/galleries.png); width:77px}
	
	#footer_ads{width:330px;margin-bottom:15px;overflow:auto;margin-left:284px}
	#footer_ads p{width:150px;margin-right:15px;float:left}
	#footer_ads p img{margin-bottom:10px}
	
/* Sub pages */

	#sub_nav{list-style:none;float:right;margin-top:6px}
	#sub_nav li{float:left;margin-left:5px}

	#sub_nav a:link, #sub_nav a:visited{
		color:#FFF;
		text-decoration:none;
		background:#052649;
		padding:3px 5px 5px 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}

	#sub_nav a:hover, #sub_nav a:active{
		color:#FFF;
		text-decoration:none;
		background:#4691C5;
		padding:3px 5px 5px 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
/* FAQ */

	#content .text_list h4{margin-left:0}
	#content .text_list p{margin-left:40px}


/* Galleries */

	.sec{padding-top:15px;margin-top:15px;border-top:1px dashed #20364C;overflow:auto}
	.sec .details{float:left;width:250px}
	.sec object{}

/* Contact Page */

	#contact_form{
		width:100%;
		margin-top:20px;
		padding:20px 0;
	}

	#contact_form label{
		float:left;
		width:200px;
		margin-right: 10px;
	}

	#contact_form input, #contact_form textarea{
		width: 300px;
		background:#EEF5F9;
		border: 1px solid #15313B;
		padding: 2px;
	}

	#contact_form select{
		width: 300px;
		background:#EEF5F9;
		border: 1px solid #15313B;
		padding: 2px;
		line-height:normal;
		letter-spacing:normal;
	}

	#contact_form .submitbtn {
		width: auto;
		padding: 4px 12px;
		font: bold 12px Arial, Helvetica, sans-serif;
		color: #999;
		background: #EEF5F9;
		border:1px solid #15313B;
		margin-left:208px;
	}