/* CSS Document */
/****************************
OVERRIDES
****************************/
* { 
	margin:0;
	padding:0;
	outline: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

h1 {
	font-size:18px;
	color:#2b2b2b;
	text-transform:uppercase;
	margin-bottom:10px;
	font-family:Hoefler Text,Arial,Helvetica, sans-serif;
	font-style:italic;
}
h2 {
	margin-top:0;
	font-size:14px;
	font-weight:bold;
}
p {
	margin:0px 0px 5px 0px;
}
ul {
	margin: 10px;
	padding: 0;
}
img { 
	border:0;

}

a {	
	color:#0099cc;
	text-decoration:none;
}

a:hover { 
	color:#cc6633;
} 

em, i {
	font-style: italic;
}


/****************************
STRUCTURAL
****************************/
#home_container,#page_container,#page_footer { 
	margin:0px auto;
	width:980px;
}
#home_container { 
	margin-top:23px;
}

#page_container_top { 
	width:980px;
	margin:0px auto;
	float:left;
}

#nav_holder { 
	float:left;
	width:180px;
	margin-top:10px;
}

#page_middle {
	float:left;
	margin-left:20px;
	width:720px;
	margin-top:15px;
}

#page_half {
	float:left;
	margin-left:20px;
	width:455px;
	margin-top:15px;
}

#page_right {
	float:left;
	margin-left:10px;
	text-align:right;
	width:255px;
}

#page_footer {
	float:left;
	clear:both;
	text-align:center;
	font-size:10px;
	position:absolute;
	top:565px;
}

#page_video {
	float:left;
	width:730px;
	text-align:center;
	font-size:10px;
	
}
#flash_inner { 
	float:left;
	width:440px;
	height:330px;
	margin-top:4px;
	margin-left:157px;
}

#contact_left { 
	float:left;
	margin-left:20px;
	width:360px;
	margin-top:15px;
}

#contact_right { 
	float:left;
	margin-left:30px;
	width:325px;
	margin-top:15px;
}


.home_bg { background:#FFFFFF url(/assets/site/images/bg_home.jpg) no-repeat scroll center top; }
.half_bg { background:#FFFFFF url(/assets/site/images/bg_half.jpg) no-repeat scroll center top; }
.video_bg { background:#FFFFFF url(/assets/site/images/bg_video.jpg) no-repeat scroll center top; }
.regular_bg { background:#FFFFFF url(/assets/site/images/bg.jpg) no-repeat scroll center top; }


/****************************
HOME
****************************/

a#home_nameplate img {
float:left;
position:relative;
left:179px;
top:79px;
	margin:0px auto;
	width:236px;
	height:84px;
	background-image:url(/assets/site/images/nameplate.png);

}

a#home_performer img {
float:left;
position:relative;
left:159px;
top:95px;
	margin:0px auto;
	width:124px;
	height:40px;
	background-image:url(/assets/site/images/performer.png);

}

a#home_performer:hover img {
	background-image:url(/assets/site/images/performer_roll.png);

}

a#home_director img {
float:left;
position:relative;
left:166px;
top:102px;
	margin:0px auto;
	width:95px;
	height:35px;
	background-image:url(/assets/site/images/director.png);

}

a#home_director:hover img {
	background-image:url(/assets/site/images/director_roll.png);

}

a#home_choreographer img {
float:left;
position:relative;
left:191px;
top:97px;
	margin:0px auto;
	width:144px;
	height:41px;
	background-image:url(/assets/site/images/choreographer.png);

}

a#home_choreographer:hover img {
	background-image:url(/assets/site/images/choreographer_roll.png);

}

a#home_writer img {
float:left;
position:relative;
left:200px;
top:94px;
	margin:0px auto;
	width:75px;
	height:35px;
	background-image:url(/assets/site/images/writer.png);

}

a#home_writer:hover img {
	background-image:url(/assets/site/images/writer_roll.png);

}


/****************************
NAV
****************************/
a#nav_performer img, a#nav_director img, a#nav_choreographer img, a#nav_writer img, a#nav_contact img {
	float:right;
	clear:both;
	background-repeat:no-repeat;
	margin-bottom:8px;
}
a#nav_performer img {
	width:124px;
	height:40px;
	background-image:url(/assets/site/images/performer.png);
}
a#nav_performer:hover img, .nav_performer_active {background-image:url(/assets/site/images/performer_roll.png)!important;}

a#nav_director img {
	width:95px;
	height:35px;
	margin-right:10px;
	background-image:url(/assets/site/images/director.png);
}
a#nav_director:hover img, .nav_director_active {background-image:url(/assets/site/images/director_roll.png)!important;}

a#nav_choreographer img {
	width:144px;
	height:41px;
	background-image:url(/assets/site/images/choreographer.png);
}
a#nav_choreographer:hover img, .nav_choreographer_active {background-image:url(/assets/site/images/choreographer_roll.png)!important;}

a#nav_writer img {
	width:75px;
	height:35px;
	margin-right:10px;
	background-image:url(/assets/site/images/writer.png);
}
#nav_writer:hover img, .nav_writer_active { background-image:url(/assets/site/images/writer_roll.png)!important;}

a#nav_contact img {
	width:74px;
	height:34px;
	margin-right:20px;
	background-image:url(/assets/site/images/contact.png);
}
a#nav_contact:hover img, .nav_contact_active { background-image:url(/assets/site/images/contact_roll.png)!important;}


/****************************
SUBNAV
****************************/

.subnav_item { 
	float:right;
	width:108px;
	height:28px;
	margin-right:40px;
	text-align:right;
}
.subnav_item a { 
	font-size:16px;
	color:#000;
	padding-right:5px;
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
}
.subnav_item:hover,.subitem_active { 
	background-image:url(/assets/site/images/orange-submenu-rollover.png)!important;
	background-repeat:no-repeat;
	background-position:0px -3px;
}
.subnav_item a:hover, .subitem_active a{ 
	color:#FFF;
}



#subnav_container {
	width:100px;
	height:200px;
	text-align:right;
}

.resume, .resume a {
	float:right;
	font-size:16px;	
	width:98px;
	padding-right:10px;
}

.drama_reel {
	float:right;
	font-size:16px;	
	width:98px;
	padding-right:10px;
}

.comedy_reel {
	float:right;
	font-size:16px;	
	width:98px;
	padding-right:10px;
}

.headshots {

	float:right;
	font-size:16px;	
	width:98px;
	padding-right:10px;
}

.resume:hover, .resume:hover a {
	background-image:url(/assets/site/images/orange-submenu-rollover.png);
	background-position: right;
	color:#FFFFFF;
}

.drama_reel:hover {
	background-image:url(/assets/site/images/orange-submenu-rollover.png);
	background-position: right;
	color:#FFFFFF;
}

.comedy_reel:hover {
	background-image:url(/assets/site/images/orange-submenu-rollover.png);
	background-position: right;
	color:#FFFFFF;
}

.headshots:hover {
	background-image:url(/assets/site/images/orange-submenu-rollover.png);
	background-position: right;
	color:#FFFFFF;
}


/****************************
PAGES
****************************/
#nameplate { 
	float:left;
	width:236px;
	height:84px;
	padding-top:82px;
	padding-left:44px;
}


#page_right { 
	position:relative;
}
#page_right_overlay {
	float:left;
	width:324px;
	height:234px;
	position:absolute;
	top:170px;
	z-index:5;
}
#page_right_content {
	float:right;
	width:228px;
	height:343px;
	position:relative;
}



/****************************
HEADSHOTS
****************************/
.headshot_holder { 
	float:left;
	width:160px;
	height:265px;
	padding-right:10px;
}
.headshot_img { 
	float:left;
	width:160px;
	height:240px;
}
.headshot_txt { 
	float:left;
	width:160px;
	height:22px;
	margin-top:3px;
	text-align:center;
	font-size:16px;
}
.headshot_txt a { color:#333;} 
.headshot_txt a:hover { color:#cc6633;} 


/****************************
SCROLL-PANE
****************************/

a.jScrollArrowUp {
	background: #cccccc url(/assets/site/images/basic_arrow_up.png) repeat-x 0 0;
	width:11px!important;
}
a.jScrollArrowUp:hover {
	background: url(/assets/site/images/basic_arrow_up.png) repeat-x 0 0;
	width:11px!important;
}
a.jScrollArrowDown {
	background: #cccccc url(/assets/site/images/basic_arrow_down.png) repeat-x 0 0;
	width:11px!important;
}
a.jScrollArrowDown:hover {
	background: url(/assets/site/images/basic_arrow_down.png) repeat-x 0 0;
	width:11px!important;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-color:transparent;
	width:11px!important;
}

.scroll-pane {
	width:100%;
	height: 320px;
	overflow: auto;
	float: left;
}

.jScrollPaneDrag {
	background: url(/assets/site/images/drag_grab.png) repeat 50% 50%;
	width:11px!important;
	
}

.jScrollPaneTrack {
	background-color:#e1e1e1;
	width:11px!important;
}


/****************************
GENERIC
****************************/
.show { display:block;}
.hide { display:none;}
.error { 
	margin:5px 0px;
	display:block;
}