/* Eric Meyer's Reset */
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #c9c9c9;
	background: #0b0b0b;
	margin: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* End of Reset */

/* Colors

light blue: #56a1db
dark blue:	#155180
light gray: #c9c9c9

 */
body {
	background: #0b0b0b url(/images/gradient.jpg) repeat-x;
	color: #c9c9c9; margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}

a, a:link, a:visited {
	color: #56a1db; text-decoration: underline;
}

a:hover, a:active {
	color: #c9c9c9; text-decoration: none;
}


#header, #header_home{
	width: 100%; height: 192px; min-width: 854px;
	margin: auto; text-align: center;
}

#header_home{
	height: 210px;
}

#header{
	height: 155px;
}

#crumbs{
	width: 758px; height: 37px; padding-right: 48px; padding-left: 48px;
	margin: auto; text-align: right;
	background: url(/images/back_crumbs.jpg) no-repeat top center;
	color: #6d6d6d; font-weight: bold; text-transform: uppercase;
	font-size: 12px;
}

#crumbs a{
	color: #6d6d6d; text-decoration: none;
}

#crumbs a:hover{
	color: #ffffff; text-decoration: none;
}

.crumb_arrow{
	padding-left: 4px; padding-right: 4px; 
	vertical-align: middle; margin-top: -3px;
}

#content, #home #content{
	width: 854px; min-height: 500px; margin: auto;
	background: url(/images/back_content.jpg) no-repeat;
}

#home #content{
	background: url(/images/back_content_home.jpg) no-repeat;
}

#content_inner{
	width: 758px; margin: auto;
}

.cleared{
	clear: both;
}

.blue_text{
	color: #56a1db;
}


/*////////////////////////  Back Button  ////////////////////////*/

.back_box{
	margin: auto; width: 718px; padding: 20px; margin-bottom: 40px;
	text-align: right; color: #56a1db; font-size: 14px;
}

.back_box a{
	text-decoration: none; text-transform: uppercase;
	background: url(/images/icon_arrow.gif) no-repeat right; padding-right: 11px;
}


.back_box h1 a{
	float: left; width: 200px;
	padding-left: 15px; text-align: left;
	background: url(/images/icon_quicktime.gif) no-repeat 0 1px;
	font-size: 11px;
}


/*////////////////////////  Video  ////////////////////////*/

.vid_lg, #aud_lg{
	margin: auto; width: 738px; padding: 10px; padding-bottom: 0;
	background: url(/images/back_vid_lg.jpg) no-repeat;
}

#aud_lg{
	background: url(/images/back_aud_lg.jpg) no-repeat;
}

#vid_bot_lg, #proj_bot_lg, #proj_full {
	margin: auto; width: 718px; padding: 20px 20px 20px 20px;
	background: url(/images/back_vid_bot_lg.jpg) no-repeat bottom;
}

#vid_bot_lg, #proj_bot_lg {
	text-transform: uppercase; color: #56a1db; font-weight: bold; font-size: 14px;
}

#proj_full {
	margin-top: 30px;
}

#vid_bot_lg #vid_bot_lg_box h1{
	text-transform: uppercase; font-size: 12px; color: #e6e6e6;
	background: url(/images/icon_play.gif) no-repeat;
	padding-left: 18px; padding-bottom: 3px;
}

#vid_bot_lg_box{
	border-right: solid 1px #004072; width: 154px; padding-top: 2px; float: left; margin-right: 9px;
}

#vid_bot_lg a, #proj_full a {
	text-decoration: none;
}

#proj_bot_lg, #proj_full {
	height: auto;
}

#proj_bot_lg_left, #proj_bot_lg_right{
	width: 372px; float: left; line-height: 14px;
	text-transform: none; font-size: 11px; color: #c9c9c9; font-weight: normal;
}

#proj_bot_lg_left h1{
	background: url(/images/icon_play.gif) no-repeat; padding-left: 18px; padding-bottom: 5px;
	text-transform: uppercase; color: #c9c9c9; font-weight: bold; font-size: 14px;
}

#proj_bot_lg_left h2{
	margin-bottom: 3px;
	text-transform: none; color: #56a1db; font-weight: bold; font-size: 12px;
}

#proj_bot_lg_left h3{
	margin-bottom: 15px;
	text-transform: none; color: #56a1db; font-weight: normal; font-size: 12px;
}

#proj_bot_lg_right{
	width: 308px; float: right;
}

#proj_bot_lg_right h3{
	color: #56a1db; font-weight: bold; margin-bottom: 4px;
}


/*////////////////////////  Thumbnails  ////////////////////////*/


#thumb_med{
	margin: auto; width: 462px; padding: 10px; padding-bottom: 0;
	background: url(/images/back_thumbs_med.jpg) no-repeat;
}

#thumb_bot_med{
	margin: auto; width: 462px; padding: 10px;
	background: url(/images/back_thumb_bot_med.jpg) no-repeat bottom;
	text-transform: uppercase; color: #56a1db; font-weight: bold; font-size: 14px;
}

#thumb_bot_med a{
	text-decoration: none;
}

#thumb_med_box{
	float: right; width: 482px;
}

#thumb_copy{
	width: 246px; line-height: 26px; font-size: 12px;
}

#thumb_copy h1{
	color: #5197cd; font-size: 18px; float: left; margin-right: 6px;
}

#work_thumbs, #work_thumbs_top{
	margin: auto; width: 756px; padding: 2px 1px 1px 2px;
	background: url(/images/back_content_in.jpg) repeat-x; margin-top: 40px;
	text-decoration: none;
}

#work_thumbs_top{
	margin-top: 0;
}

#thumbs_sm{
	margin: auto; width: 756px; height: 280px; padding: 1px;
	background: url(/images/back_thumbs_sm.jpg) no-repeat; margin-top: 40px;
	text-decoration: none;
}

.thumb_box, .thumb_box_multi{
	width: 233px; height: 208px; padding: 9px; float: left;
	 font-size: 12px; color: #155180; text-decoration: none;
	 border: 1px solid #002f55; margin: -1px 0 0 -1px;
}

.thumb_box_multi{
	height: 208px;
}

.thumb_box img, .thumb_box_multi img{
	margin-bottom: 20px;
}

.thumb_box a, .thumb_box h2, .thumb_box h2 a, 
.thumb_box_multi a, .thumb_box_multi h2, .thumb_box_multi h2 a{
 text-decoration: none; color: #155180;
}

.thumb_box a:hover, .thumb_box:hover h2,
.thumb_box_multi a:hover, .thumb_box_multi:hover h2{
 text-decoration: none; color: #56a1db;
}

.thumb_box h1, .thumb_box h1 a,
.thumb_box_multi h1, .thumb_box_multi h1 a{
 font-size: 13px; color: #56a1db; font-weight: bold;
 text-decoration: none; margin-bottom: 2px;
}

.thumb_box:hover h1, .thumb_box_multi:hover h1 {
 color: #ffffff;
 text-decoration: none;
}

.thumb_box:hover, .thumb_box_multi:hover{
	background: url(/images/back_thumbs_smo.jpg) repeat-x; cursor: pointer; color: #56a1db;
	text-decoration: none;
}

* html .thumb_box, * html .thumb_box_multi{
	padding: 8px;
}


/*////////////////////////  Content Page  ////////////////////////*/

#content_box{
	width: 678px; padding: 30px;
	background-color: #0b0b0b;
}

#content_copy{
	line-height: 26px; font-size: 12px;
}

#content_copy p{
	line-height: 17px; font-size: 12px;
	margin-bottom: 15px;
}

#content_copy h1{
	color: #5197cd; font-size: 14px; line-height: normal; font-weight: normal; text-transform: uppercase;
	background: url(/images/icon_arrow.gif) no-repeat 0 4px;
	padding-left: 11px; margin-top: 50px; margin-bottom: 8px;
}

#content_copy h2{
	color: #5197cd; font-size: 12px; line-height: normal; font-weight: normal; text-transform: uppercase;
	margin-bottom: 8px; margin-top: 8px;
}

.content_intro{
	margin-bottom: 20px; color: #ffffff; font-size: 16px;
}

#content_copy .content_intro h1{
	margin: 0; padding: 0; background: none;
	color: #5197cd; font-size: 20px; float: left; margin-right: 6px;
}

#content_copy .content_intro span{
	color: #5197cd;
	font-size: 20px;
	text-transform: uppercase;
}

hr{
	margin: auto; padding: 0; margin-bottom: 0;
    border-top: 1px solid #004b85;
    border-bottom: 1px solid #003056;
	border-left: none; border-right: none;
    height: 0px; width: 96%; margin-top: 50px;
}



/*////////////////////////  Contact  ////////////////////////*/


.contact_col_left{
	float: left; width: 255px; padding-left: 60px; padding-right: 20px;
	margin-bottom: 80px;
}

.contact_bars{
	border-left: 1px solid #004b85;
	/*border-right: 1px solid #004b85;*/
}

#content_copy .contact_col_left h1{
	margin-top: 10px;
}

#content_copy .contact_col_left h2{
	margin-bottom: 4px;
}



/*////////////////////////  Staff  ////////////////////////*/



#staff{
	margin: 0; padding:0;
}


#staff li{
	width: 728px; padding: 15px; margin-bottom: 15px;
	background: url(/images/back_staff.jpg) no-repeat;
	min-height: 152px;
}

#staff img{
	float: left; margin-right: 20px;
}

#staff h1, #staff_bio h1{
	color: #ffffff; margin: 0;
	font-size: 16px; margin-bottom: 4px;
	padding: 0; background: none;
}

#staff_bio h1 {
	font-size: 18px; margin-bottom: 6px;
}


#staff h2, #staff_bio h2{
	text-transform: capitalize;
	margin: 0; margin-bottom: 10px;
	font-weight: bold;
}

#staff_bio h2{
	font-size: 13px; margin-bottom: 0;
}

#staff h3, #staff_bio h3{
	color: #56a1db; font-size: 13px;
	font-weight: bold;
	background: url(/images/icon_plus.gif) no-repeat 52px;
	margin-left: 255px;  
}

#staff h3 a{
	color: #56a1db; text-decoration: none;
}

#staff h3 a:hover{
	color: #ffffff;
}


#staff p{
	line-height: 18px;
}

#staff_photo_lg{
	width: 462px; padding: 10px; float: right;
	background: url(/images/back_thumbs_med.jpg) no-repeat;
	margin-left: 20px;
}

#staff_bio #content_copy img{
	float: left; margin-right: 20px; margin-bottom: 20px;
}

#staff_bio hr{
	margin: auto; padding: 0; margin-bottom: 30px;
    border-top: 1px solid #004b85;
    border-bottom: 1px solid #003056;
	border-left: none; border-right: none;
    height: 0px; width: 257px; margin-top: 30px;
}


#staff_bio strong{
	font-weight: bold;
	color: #ffffff;
}




/*////////////////////////  Footer  ////////////////////////*/



#news_list, #news_list ul, #news_list li, {
	margin: 0; padding: 0;
}

#news_list li {
	margin-top: 0; padding: 0;
	padding-bottom: 35px; margin-bottom: 35px;
	border-bottom: 1px solid #004b85;
}

#news_list h1, #news_list h1 a,
#news_article h1, #news_article h1 a{
	margin-top: 0; margin-bottom: 6px;
	text-decoration: none;
}

#news_list h2, #news_list h2 a,
#news_article h2, #news_article h2 a {
	margin-top: 0; margin-bottom: 0;
	font-size: 15px; color: #c9c9c9;
	text-transform: none; font-weight: bold;
	text-decoration: none;
}

#news_list h2:hover, #news_list h2 a:hover,
#news_article h2:hover, #news_article h2 a:hover{
	color: #ffffff;
}

#news_article h2, #news_article h2 a,
#news_article h2:hover, #news_article h2 a:hover {
	margin-bottom: 30px;  color: #ffffff;
}

.page_nav{
	text-align: right;
	margin-bottom: 10px;
	color: #004b85;
}

.page_nav a, .page_nav a:visited{
	color: #fed465;
	text-decoration: none;
	margin: 0 4px 0 4px;
}

.page_nav a:hover, .page_nav a:active{
	color: #fec015;
}

#news_article .back_box{
	width: auto; height: auto;
	margin: 0; padding: 0;
	margin-bottom: 10px;
}



/*////////////////////////  Footer  ////////////////////////*/


#footer{
	margin: auto; width: 738px; padding: 10px; margin-top: 40px; margin-bottom: 40px;
	background: url(/images/gradient_footer.jpg) repeat-x;
	color: #c4c4c4; font-weight: bold; font-size: 11px;
}

#footer_nav{
	float: right; width: 550px; color: #6db5ec; font-weight: bold; font-size: 11px; text-align: right;
}

#footer_nav li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: right;
	margin-left: 19px;
	float: left;
	border-bottom: 1px solid #004b85;
	padding-bottom: 4px;
}

#footer_nav li ul li{
	display: list-item;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
	float: none;
	border: none;
	margin-bottom: 5px;
	font-weight: normal;
	color: #6b8395;
	font-size: 10px;
}

#footer_nav li ul li a{
	color: #6b8395;
}

#footer_nav li ul li a:hover{
 color: #ffffff;
}
		
#footer_nav ul {
	margin: 0px; 
	padding: 0px;
}

#footer a{
	text-decoration: none;
}

#footer_nav li ul .footer_nav_title {
	border-bottom: 1px solid #004b85;
	padding-bottom: 4px;
	margin-bottom: 5px;
	color: #6db5ec; font-weight: bold;
	font-size: 11px;
}

#footer_nav .footer_nav_sub{
	border-bottom: none;
}



/*////////////////////////  Directors  ////////////////////////*/


#directors .thumb_box_multi{
	height: 180px;
}

#director #work_thumbs_top{
	
}

#director h1{
	font-size: 16px; margin-bottom: 14px;
	text-transform: uppercase;
}


#director .thumb_box_multi h1{
	margin-bottom: 2px;
}



/*////////////////////////  Hidden  ////////////////////////*/

#hidden #content_copy h1{
	margin-top: 20px;
}



#hidden .vid_lg{
	margin-top: 40px;
}

/*////////////////////////  Admin  ////////////////////////*/
#admin_nav {
	padding: 5px;
	background-color: #969696;
	color: #797979;
	font-size: 12px;
}
#admin_nav a {
	color: white;
}
#admin_nav a:hover {
	color: #F9CE5F;
	/*text-decoration: underline;*/
}
#admin_nav a.destroy{
	color: #797979;
}
#admin_nav a.destroy:hover{
	color: white;
	background-color: #FF3100;
}
div.admin {
	font-size: 16px;
}
div.admin a {
	text-decoration: none;
}
div.admin h1 {
	font-size: 1.3em;
	margin-bottom: 1em;
}
div.admin h2 {
	font-size: 1.1em;
	margin-bottom: 1em;
}
div.admin h3,
div.admin p, 
div.admin li {
	margin: 1em;
}
div.admin dt {
	margin-top: 1em;
	margin-bottom: .5em;
}
div.admin ul{
	margin-bottom: 3em;
}
div.admin ul.sorting {
	list-style: disc;
}

/*////////////////////////  Utility  ////////////////////////*/
.right {
	float: right;
}

#pg{
	margin-top: 10px;
}
.centered {
	text-align: center;
}