/*
Official HSI Blue:	#1a5189 #174477
	#00499e
Official Dark Gray:	#4e4d49
Official Light Gray:	#b5b5b5
Black, 40%: #999
Black, 60%: #666
*/



/* SITEWIDE, RESET
===================================================== */
* {
	margin:0px;
	padding:0px;
	box-sizing:content-box; /* just in case (opera) */
}
html, body {
	background:#fbfcfe;
	font-family:Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	text-align:center;
}
span.clear {
	height:0px; overflow:hidden;
	display:block;
	float:none; clear:both;
}


/* TEXT
===================================================== */
h1 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

h1 strong, h1 em {
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	margin:35px 0px 10px;
	color:#174477;
	font-size:16px;
	font-weight:normal;
	letter-spacing:0px;
	text-transform:normal;
}
#h1_main {
	margin-top:0;
}
h1 span.sub {
	font-size:12px;
}
h2 {
	margin:5px 0px 5px;
	border-bottom:1px dotted #b5b5b5;
	font-size:12px;
	color:#222;
	text-transform:uppercase;
	font-weight:normal;
}
h3 {
	font-size:11px;
	text-transform:uppercase;
}
h4 {
	font-size:10px;
	font-weight:bold;
}

a {
	color:#174477;
	text-decoration:underline;
}
a:hover {
	color:#4e4d49;
}

a img {border:0px; padding:3px;}
a:hover img {border:1px solid #b5b5b5; padding:2px;}
a.null {
	cursor:default;
}

p {
	margin:0px 0px 11px;
	font-size:11px;
	color:#4e4d49;
}
p b, p strong {color:#000;}

ul, ol {
	margin:5px 20px 10px;
	font-size:11px;
}
li {
	
}


p img, h2 img {margin:0px 12px 12px 0px;
	float:left;}

#address p {color:#aaa}
#col_l p img {float:left; border:1px solid #ccc; padding:3px; margin:6px 6px 6px 0px;}

hr {margin:5px 0px 10px; height:1px; border:none;
	color: #1a5189;
	background-color:#1a5189;
}

#content p {
	text-align:justify;
}


/* =FORMS
===================================================== */
label {
	font-size:11px;
}


/* LAYOUT, TEMPLATE
===================================================== */
#page_container {
	width:922px;
	margin:20px auto 0px;
	background:url(/assets/templates/hsi.v2/slices/bg-mid-repeat.png) repeat-y top left;
	text-align:left;
}
#page_hdr {
	height:16px;
	padding:0 16px;
	background:url(/assets/templates/hsi.v2/slices/bg-top.png) no-repeat top left;
}
#page {
	min-height:506px; _height:506px;
	padding:0 16px 5px;
	text-align:left;
	background:url(/assets/templates/hsi.v2/slices/bg-mid.png) no-repeat bottom right;
}
#page_ftr {
	height:16px;
	padding:0 16px;
	background:url(/assets/templates/hsi.v2/slices/bg-bot.png) no-repeat top left;
}

#logo {
	margin:20px 0px 20px 20px;
	padding:0;
	display:block;
	text-align:right;
}
#logo img,
#logo:hover img {
	padding:0;
	margin:0;
	border:none;
}
#col_l {
	width:200px;
	padding:0px;
	float:left;
	text-align:right;
}
#col_content {
	width:620px;
	min-height:400px; _height:400px;
	margin:102px 20px 30px 0px;
	float:right;
}
#cities {
	margin:0px 18px 0 0;
}
#cities a {
	color:#666;
	text-decoration:none;
	text-transform:lowercase;
}
#footer {
	width:600px;
	margin:30px auto;
}
#footer p {
	font-size:9px;
	color:#999;
}
div.container {
	float:none; clear:both;
}
#col_m div.container {
	padding:0px 0px 40px;
}
#content_protected {
	padding-top:10px;
}


/* LAYOUT, COL R
===================================================== */
#col_r p,
p.caption {
	color:#999;
}
#col_r p img {
	float:none;
}


#col_r ul.ditto {
  padding:0;
  margin:0;
  list-style:none outside;
}
#col_r ul.ditto li {
  padding:0 0 15px;
}
#col_r ul.ditto li span.date {
  display:block;
  text-align:right;
  font-size:10px;
  color:#666;
}
#col_r ul.ditto li a {
  text-decoration:none;
}


/* LAYOUT, HOME
===================================================== */
#home #col_content {
	width:655px;
	margin:10px 10px 0px 0px;
	position:relative;
}
#billboard {
	height:370px; overflow:hidden;
	margin:0px 0px 12px;
}
#billboard a, #billboard img {
	padding:0px;
	border:0px;
}
#home div.news_item_home {
	width:310px;
	margin:0px 20px 0px 0px;
	float:left; clear:none;
}

#home div.news_item_iteration_1 {
	margin-right:0px;
}
#home div.summary {
	width:225px;
	float:left;
}
#home #news_more {
	position:absolute; bottom:11px; right:0px;
	color:#666;
	font-size:11px;
	text-transform:lowercase;
	text-decoration:none;
}

#home_summary {
background-color:#535353;
height:122px;
overflow:hidden;
padding:14px 25px 0;
}

#home_summary p {
color:#ffffff;
font-size:14px;
line-height:1.9em;
}

#home_summary a {
color:#86beff;
text-decoration:none;
}

/* LAYOUT, CONTENT
===================================================== */
#col_m {
	width:415px;
	float:left;
}
#col_r {
	width:180px;
	float:right;
}

#image_main {
	
}

#email_signup_button {
background-color:#484848;
border:1px solid black;
color:white;
font-weight:bold;
width:60px;
}

/* LAYOUT, NEWS
===================================================== */
#news #col_r {
	margin-top:-28px;
}

div.news_item {
	margin:0px 0px 20px;
	clear:both;
}
.news_item div.thumbnail,
.bio_summary div.thumbnail,
.video_summary a.thumbnail {
	width:80px;
	height:80px;
	float:left;
	margin:0px 5px 0px 0px;
	text-align:right;
	background:no-repeat top right;
}

.news_item div.thumbnail {
  height:120px;
  xbackground-position:center center;
  margin-top:3px;
  line-height: 1.2em;
}

div.news_item div.summary,
div.bio_summary div.summary,
div.video_summary div.summary {
	width:310px;
	float:left;
	text-align:justify;
}

.news_item h6, .news_item_title {
color:#174477;
font-size:13px;
margin:0 0 11px;
font-weight:100;
}

.news_item_title {
text-decoration: none;
line-height: 1.2em;
display: block;
margin-bottom: 8px;
}

p.news_item_info {
	color:#999;
	text-transform:lowercase;
	text-decoration:none;
}
p.news_item_info a {
	color:#999;
	text-decoration:none;
}
p.news_item_info a:hover {
	color:#444;
	text-decoration:underline;
}
div.press_item p {
	margin-bottom:0px;
}
p.press_item_info {
	text-align:right;
}

/* LAYOUT, BIOS
===================================================== */
div.bio_summary {
	margin:0 0 20px;
}
div.bio_summary div.thumbnail {
	margin-top:3px;
	margin-right:20px;
}
/* LAYOUT, VIDEOS
===================================================== */
div.video_summary {
	margin:0 0 20px;
}
div.video_summary a.thumbnail {
	width:180px;
	height:135px;
	margin-top:3px;
	margin-right:20px;
	border:3px solid #ccc;
}
div.video_summary a.thumbnail:hover {
	border-color:#333;
}
div.video_summary div.summary {
	width:200px;
}


/* LAYOUT, COMPANY
===================================================== */
#company h1 {
	display:none;
}
a.company_thumbnail,
a.headshot_thumbnail,
a.thumbnail_secure {
	width:55px;
	height:0px; overflow:hidden;
	padding-top:55px;
	margin:0px 5px 5px 0px;
	float:left;
	display:block;
	background:no-repeat top left;
}
a.company_thumbnail:hover,
a.headshot_thumbnail:hover,
a.thumbnail_secure:hover {
	width:45px;
	padding-top:45px;
	border:5px solid #4e4d49;
	background-position:-5px -5px;
}

a.company_thumbnail_poster2:hover {
	width:54px;
	padding-top:0px;
	border:5px solid #4e4d49;
	height: 85px;
	background-position:-5px -5px;
}

/*-- Kris Sarratt Modification 7-15-10
======================================*/

a.company_thumbnail_poster_first:hover {
	width:405px;
	padding-top:0px;
	height: 598px;
	border:5px solid #4e4d49;
	background-position:-5px -5px;
	text-indent: -9999px;
}

a.company_thumbnail_iteration_6,
a.company_thumbnail_iteration_13,
a.company_thumbnail_iteration_20,
a.company_thumbnail_iteration_27,
a.company_thumbnail_iteration_34 {
	margin-right:0px;
}
a.company_thumbnail_med {
	width:79px;
	padding-top:79px;
}
a.company_thumbnail_med:hover {
	width:69px;
	padding-top:69px;
}
a.company_thumbnail_med_iteration_4,
a.company_thumbnail_med_iteration_9 {
	margin-right:0px;
}

a.company_thumbnail_med_2 {
	width:85px;
	padding-top:85px;
}
a.company_thumbnail_med_2:hover {
	width:75px;
	padding-top:75px;
}
a.company_thumbnail_med_2_iteration_1,
a.company_thumbnail_med_2_iteration_3,
a.company_thumbnail_med_2_iteration_5,
a.company_thumbnail_med_2_iteration_7,
a.company_thumbnail_med_2_iteration_9 {
	margin-right:0px;
}


a.thumbnail_5,
a.company_thumbnail_big,
a.thumbnail_secure {
	width:79px;
	padding-top:79px;
}
a.thumbnail_5:hover,
a.company_thumbnail_big:hover,
a.thumbnail_secure:hover {
	width:69px;
	padding-top:69px;
}

a.thumbnail_5_iteration_4,
a.thumbnail_5_iteration_9,
a.thumbnail_5_iteration_14,
a.thumbnail_5_iteration_19,
a.thumbnail_5_iteration_24 {
	margin-right:0px;
}



a.company_thumbnail_poster,
a.thumbnail_secure {
	height:0px;
	padding-top:193px;
	width:135px;
}

a.company_thumbnail_poster2 {
height:95px;
width:64px;
text-indent: -9999px;
}

/*-- Kris Sarratt Modification 7-15-10
======================================*/

a.company_thumbnail_poster_first,
a.thumbnail_secure_first {
	height:0px;
	padding-top:608px;
	width:415px;
	margin-bottom: 20px;
	margin-right:0px;
}

a.company_thumbnail_poster_first {
margin-bottom: 5px;
}

a.company_thumbnail_poster:hover,
a.thumbnail_secure:hover {
  width:125px;
  padding-top:183px;
}

a.company_thumbnail_big_iteration_3, a.company_thumbnail_big_iteration_6, a.company_thumbnail_big_iteration_9, a.company_thumbnail_big_iteration_12 {
margin-right:0px !important;
}

a.company_thumbnail_big_iteration_2 {
margin-right:5px !important;
}

a.company_thumbnail_big_iteration_2,
a.company_thumbnail_big_iteration_5,
a.thumbnail_secure_iteration_2, a.thumbnail_secure_iteration_5, a.thumbnail_secure_iteration_8, a.thumbnail_secure_iteration_11 {
  margin-right:0px;
}
#company #col_r ul {
	list-style:none outside;
}
#company #col_r ul li {
	margin:0px 0px 5px;
}
#company a.company_link {
	padding-left:10px;
	display:block;
	color:#666;
	text-decoration:none;
}
#company a.tooltip_active {
	padding-left:5px;
	border-left:5px solid #4e4d49;
	color:#4e4d49;
}
#company a.company_link span.line_2 {
	display:block;
	color:#b5b5b5
}

.ditto_credits {
	width:88px;
	height:0px; overflow:hidden;
	padding-top:130px;
	margin:0px 5px 5px 0px;
	float:left;
	display:block;
	background:no-repeat top left;
	border:5px solid #ddd;
}

a.ditto_credits:hover {
	width:88px;
	padding-top:130px;
	border:5px solid #4e4d49;
}

#ditto_credits #col_r ul {
	list-style:none outside;
}
#ditto_credits #col_r ul li {
	margin:0px 0px 5px;
}
#ditto_credits a.ditto_credits {
	padding-left:10px;
	display:block;
	color:#666;
	text-decoration:none;
}
#ditto_credits a.tooltip_active {
	padding-left:5px;
	border-left:5px solid #4e4d49;
	color:#4e4d49;
}
#ditto_credits a.ditto_credits span.line_2 {
	display:block;
	color:#b5b5b5
}

.thumb_thickbox_135px {
width:132px;
float:left;
}

.mc_checkbox {
margin: 4px 10px 0 0;
}

/*-- Kris Sarratt Modification 3-28-11
======================================*/
.imgBlock {
display: block;
}

.news_and_press {
padding: 0 0 0 20px;
margin: 0px !important;
text-align: left;
}

.news_and_press h4, .col_r_cast h4, .productions_individual_sub_list h4, .productions_individual_m h4 {
font-size: 14px;
font-weight: 100;
color: #2d282a;
text-transform: uppercase;
padding: 0 0 10px 0;
border-bottom: 1px dotted #2d282a;
margin: 0 0 20px 0;
}

.col_r_cast h4, .productions_individual_sub_list h4 {
margin:0 5px 10px 0;
}

.articles_and_pages h4 {
margin: 20px 0 10px 0;
}

.news_and_press h5 {
text-transform: uppercase;
font-size: 12px;
color: #202020;
padding: 0 0 4px 0;
}

.news_and_press p {
font-size: 10px;
color: #202020;
}

a.news_and_press_read_more {
color: #002b54 !important;
font-size: 10px;
text-transform: uppercase !important;
display: block;
padding: 0 0 30px 0;
}

p.news_and_press_date {
color: #5d5d5d;
}

a.articles_and_pages_link {
color: #002B54 !important;
display: block;
font-size: 11px !important;
line-height: 1.4em !important;
text-transform: none !important;
}

a.articles_and_pages_link img {
padding: 3px 10px 0 0;
float: left;
border: 0px !important;
}

.col_r_cast {
padding: 25px 0 0 0;
width: 200px !important;
}

.col_r_cast img {
float: left;
padding: 2px;
background-color: white;
margin: 0 3px 3px 0;
}

.productions_individual_m h1 {
font-size: 16px;
color: #939393;
padding: 0px 0 15px 0;
margin: 0px;
}

.productions_individual_m h1 span {
font-weight: bold;
color: #000;
}

/*span#productions_title {
font-weight: bold;
color: #000;
}*/

.productions_individual_m h3 {
font-size: 34px;
color: #939393;
font-family: Helvetica, sans-serif;
font-weight: 100;
background-image: url(images/productions/latest_news.gif);
background-position: bottom;
background-repeat: no-repeat;
padding: 10px 0 10px 0;
margin: 0 0 30px 0;
}

.productions_individual_sub_list {
padding: 30px 0 0 0;
}

.productions_individual_sub_box {
float: left;
width: 189px;
padding: 0 0 20px 0;
}

.productions_individual_sub_box_alt {
float: right;
width: 189px;
padding: 0 0 20px 0;
}

.productions_individual_sub_box h4, .productions_individual_sub_box_alt h4 {
font-size:12px;
color: #070909;
border-bottom: 0px;
padding: 0 0 4px 0;
margin: 0px;
text-transform: none;
}

.productions_individual_sub_box p, .productions_individual_sub_box_alt p {
text-align: left !important;
}

.productions_individual_thumb, .productions_individual_m a:hover img {
padding: 5px 0 0 0;
}

.productions_individual_m a:hover img {
border:none !important;
}

.productions_individual_img {
background-image: url(images/productions/thumb_bg_repeat_y.png);
background-repeat: repeat-y;
}

.productions_individual_sub_box a, .productions_individual_sub_box a:hover, .productions_individual_sub_box_alt a, .productions_individual_sub_box_alt a:hover {
display: block !important;
font-size: 12px !important;
letter-spacing: -0.05em;
line-height: 1.2em !important;
text-decoration: none;
text-transform: uppercase;
border: 0px;
}

.read_more_arrow {
padding: 3px 0 0 4px;
}

.featured_production_small img {
float: left;
padding: 0 7px 7px 0;
}

.featured_production_small a.company_thumbnail_poster {
margin: 0 8px 8px 0;
padding-top: 206px;
width: 147px;
}

a.company_thumbnail_small_iteration_3, a.company_thumbnail_small_iteration_6, a.company_thumbnail_small_iteration_9 {
margin-right: 0px !important;
}

a.large_poster {
padding-top: 329px;
width: 613px;
}

.featured_production_small a.company_thumbnail_poster:hover {
width: 137px;
padding-top: 196px;
}

a.large_poster:hover {
padding-top: 319px;
width: 603px;
}

.featured_production_small h4 {
margin-top:25px;
}

/* =MODULAR ELEMENTS: THUMBNAILS
===================================================== */
a.thumbnail {
	width:55px;
	height:0px; overflow:hidden;
	padding-top:55px;
	margin:0px 5px 5px 0px;
	float:left;
	display:block;
	background:no-repeat top left;
}
a.thumbnail:hover {
	border:5px solid #4e4d49;
	background-position:-5px -5px;
}

a.thumbnail_alpha {
  margin-left:0;
}
a.thumbnail_omega {
  margin-right:0;
}


/* 3 wide */
a.thumbnail_3 {
  width:135px;
  padding-top:135px;
}
a.thumbnail_3:hover {
  width:125px;
  padding-top:125px;
}


/* 5 wide */
a.thumbnail_5 {
  width:79px;
  padding-top:79px;
}
a.thumbnail_5:hover {
  width:69px;
  padding-top:69px;
}


/* 7 wide */
a.thumbnail_7 {
  width:55px;
  padding-top:55px;
}
a.thumbnail_7:hover {
  width:45px;
  padding-top:45px;
}





/* LAYOUT, VIDEO
===================================================== */
#videos #image_main {
	display:none;
}
.video_page {
	text-align:center
}

.video_page h2 {
	font-size:18px;
	color:#999;
	border:none;
	text-transform:none
}

.video_page a {
	font-size:10px
}
.video_page p {
	font-size:8px;
	text-decoration:underline;
	color:#777
}
.video_link {
	width:200px;
	float:left
}

/* =NAVIGATION 
-------------------------------------------------------------------------------------------------- */
div#nav_main {
	min-height:225px;
	margin:0 0 50px;
}
ul.nav_main {
	margin:0px 5px;
}
.nav_main * {
	font-family:"Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Helvetica, Arial, Verdana, sans-serif;
}
.nav_main a {_height:0px;}
.nav_main a:hover {
	text-decoration:none !important; 
	background:none; color:#4e4d49;
}

.nav_main li {margin:0px 0px 7px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:right;
	list-style-type:none;
	list-style-position:outside;
	letter-spacing:1px;}
.nav_main li a {text-decoration:none; 
	margin:0px 0px 0px 0px;
	padding:0px 12px 0px 0px; display:block;
	color:#565656;}
.nav_main li a:hover {border-right:6px solid #b5b5b5; 
	padding:0px 6px 0px 0px;}
.nav_main li.here {border-right:1px solid #aaa; padding-bottom:8px;}
.nav_main li.here a:hover {padding:0px 12px 0px 0px; border-right:0px;
	cursor:text}

.nav_main li ul {
	display:none;
	margin:0px 0px; padding:0px;
}
.nav_main li.here ul {
	display:block;
}

ul.nav_main li ul li {
	text-transform:uppercase; 
	font-size:11px !important;
	margin:6px 0px;
	line-height:1.1;
}
ul.nav_main li ul li a {margin:0px 0px 0px 0px;
	padding:1px 15px 1px 3px; 
	display:block; float:none;
	color:#1a5189}
ul.nav_main li ul li a:hover, ul.nav_main li.here ul li a:hover {
	border-right:6px solid #1a5189;
	margin-right:0px;
	padding:1px 9px 1px 3px;
	color:#1a5189;
	cursor:pointer; cursor:hand;
}
ul.nav_main ul li.here {
	border-right:6px solid #bbb; padding:1px 9px 0px;
	color:#bbb
}
ul.nav_main li.here ul li.here a, ul.nav_main li.here ul li.here a:hover {
	border-right:0px; padding:0px;
	color:#bbb;
}
ul.nav_main li.here ul li.here a:hover {
	color:#1a5189;
}

.nav_mainSub {}

.nav_main li ul li {font-size:11px; font-weight:normal; padding:0px;}
.subdiv {}

.subnav {margin:0px 0px 0px 10px;}
.subnav li {float:left; list-style-type:none; font-size:11px; text-transform:uppercase; border-right:1px solid #2968B6; margin:2px 0px;}
.subnav li a, .subnav li.here {color:#FFFFFF; padding:1px 5px; display:block}
.subnav li a:hover {}
.subnav li.here {border-bottom:1px solid #fff}

.navFoot {clear:both}
.navFoot li {float:left; list-style-type:none; margin:0px 2px 0px 0px; padding:2px 5px; text-transform:uppercase; font-size:9px; font-weight:bold; border-right:1px solid #999999}
.navFoot li a {}
.navFoot li a:hover {color:#0F1D5D}

li.last {border:none;}


/* page == BIOS
-------------------------------------------------------------------------------------------------- */
div.row {margin:2px -15px 3px -8px;
	clear:both;}
div.bioThumb {width:110px; padding:5px 3px; _padding:5px 1px;
	float:left;
	text-align:center; line-height:12px;}
div.bioThumb img {margin:0px auto; padding:2px; border:1px solid #b5b5b5;
	clear:both; display:block;}
span.caption {color:#000;
	font-size:11px; line-height:12px;}
span.captionSub {display:block;
	color:#4e4d49;
	font-style:italic;}

table.credits {width:95%;}
table.credits td {border:1px dotted #bbb; border-width:1px 1px 0px 0px;
	padding:2px 4px;}


	
/* LISTS
-------------------------------------------------------------------------------------------------- */
ul.listTalent {font-size:9px; margin:0px 10px 10px;}
ul.listTalent li {list-style-type:square; list-style-position:outside;}
ul.listTalent li.here {color:#666;}


/* SITEWIDE STYLES 
-------------------------------------------------------------------------------------------------- */	
form.login {margin:0px auto; width:270px; text-align:center}
span.label {float:left; clear:left; width:120px;}
p.oneChoice {margin:3px 0px 6px;}
input, textarea {border:1px solid #bbb; 
	background:#eee; padding:1px 3px; 
	margin:-2px 0px 0px 0px;
	font-size:10px;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	/*--
	height:100%;
	--*/
	}
input {width:150px;}
textarea {width:88%}
input.button {width:50px;}

fieldset {border:none;}

.paddingB10px {
padding:0 0 10px 0;
}

/* TAGS
-------------------------------------------------------------------------------------------------- */	
.tags h4 {
    margin-top: 8px;
    margin-bottom: 8px;
}

.tag {
    font-size: 10px;
    display: block;
    padding-left: 20px;
    padding-bottom: 8px;
}

.tag_person {
    background: url(icons/user.png) top left no-repeat;
}

.tag_film {
    background: url(icons/film.png) top left no-repeat;
}

.tag_company {
    background: url(icons/building.png) top left no-repeat;
}

.tag_page {
    background: url(icons/page_white_text.png) top left no-repeat;
}

/* ARTIST INTERNATIONAL
================================================= */
div.aiThumbnailText {
	display:none;
}
#aiThumbnails td img {
	display:block;
	cursor:pointer;
}
#aiThumbnailLogo {
	padding-right:20px;
}
#aiThumbnailHeadshots td {
	margin:0px;
	padding:0px 5px 5px 0px;
}

#aiThumbnailText {
	height:200px;
}






/* MOOTOOLS, TOOLTIPS
===================================================== */
.tool-tip {
	color: #fff;
	width: 250px;
	z-index: 13000;
	text-align:left;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(/assets/js/images/bubble-250w.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(/assets/js/images/bubble-250w.png) bottom right;
}

