/* Reset  */

 
body{background:#000 url(../images/bg.jpg) repeat;font-size:12px;}

/* Clearing  */
.clear{clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/* Hides from IE-mac \ */
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */

/* Template  */
#container{color:#fff;width:969px;
margin:0 206px 349px 97px;
padding:15px 0 0;
}
#header{
	height:231px;
	position:relative;
	width: 883px;

}
#header a{display:block;position:relative;text-indent:-9999px;overflow:hidden;
	top: 0px;
	left: 12px;
	height: 158px;
}
#home #header{background:url('../images/IndexHeader.png') no-repeat left top;
	top: -30px;
	left: 34px;
}
/* Index.aspx Header*/
#home #header .film-video-editor{height:55px;width:125px;left:-330px;
top:156px;
}
#home #header .director-choreographer{height:77px;width:116px;left:-163px;
top:98px;
}/*change left right for clicking*/
#home #header .performer{height:68px;width:107px;left:-10px;
top:21px;
}
#home #header .about{height:72px;
width:94px;left:119px;
top:-47px;
}
#home #header .contact{height:59px;width:94px;left:263px;
top:-124px;
}

#content{margin:0 0 100px;}
.pic{padding:0 0 30px;}
h1#hdr-biography{background:url(../images/hdr-biography.png) no-repeat;height:29px;width:107px;text-indent:-9999px;overflow:hidden;}
.box{background:url(../images/black90.png);border:1px solid #d4d4d4;position:relative;padding:20px 15px;
	top: -17px;
	left: 0px;
	width: 863px;
}
 





/* Performer Header*/
#performer #header{background:url('../images/PerformerHeader.png') no-repeat left top;
	top: -7px;
	left: -1px;
}
#performer #header .magic{height:50px;
width:69px;
left:239px;
top:157px;
}
#performer #header .contact{height:52px;
width:91px;
top:161px;
	right: 332px;
}
#performer #header .about{height:43px;
width:60px;
left:516px;
top:167px;
}
#performer #header .home{height:48px;
width:83px;
left:641px;
top:167px;
}
h1#hdr-performing-credits-sag{background:url(../images/hdr-performing-credits-sag.png) no-repeat;height:29px;width:243px;text-indent:-9999px;overflow:hidden;}
h1#EditorCreditsHeader{background:url(../images/EditorCreditsHeader.png) no-repeat;height:29px;width:390px;text-indent:-9999px;overflow:hidden;}
.box h2{margin:0 0 15px;}
#performer .box h2{text-transform:uppercase;}
.box ul{list-style:none;margin:0;padding:0 0 10px;}
.box ul li.first{font-style:italic;font-weight:bold;}
.box dl{font-weight:bold;margin:0;padding:0;}
.box dt{float:left;clear:left;width:200px;text-align:right;}
.box dd{text-align:right;width:150px;margin:0 0 10px 200px;}
.box .left{float:left;width:450px;}
.box .right{float:right;text-align:center;width:354px;
margin:0 auto 0 53px;
	height: 474px;
}
ul.inline{list-style:none;margin:0;padding:0 0 20px;}
ul.inline li{float:left;}
#download{padding:15px 0 0 75px;}
#download li a{margin-right:15px;}
#btn-headshot{display:block;height:67px;width:71px;text-indent:-9999px;overflow:hidden;background:url(../images/btn-headshot.gif) no-repeat;}
#btn-reel{display:block;height:67px;width:71px;text-indent:-9999px;overflow:hidden;background:url(../images/btn-reel.gif) no-repeat;}
#btn-resume{display:block;height:67px;width:71px;text-indent:-9999px;overflow:hidden;background:url(../images/btn-resume.gif) no-repeat;}
/* Director Choreopgrapher Header*/
#director-choreographer #header{background:url(../images/DirectorHeader.png) no-repeat top left;}
#director-choreographer #header .photos{height:59px;
width:84px;left:135px;
top:151px;
}
#director-choreographer #header .contact{height:52px;
width:94px;left:257px;
top:155px;
}
#director-choreographer #header .about{height:66px;
width:76px;
left:507px;top:156px;
	right: 205px;
}
#director-choreographer #header .press{height:76px;
width:78px;
left:388px;
top:148px;
}
#director-choreographer #header .home{height:73px;
width:72px;
left:647px;
top:159px;
}

/* About Header*/
#About #header{background:url(../images/DirectorHeader.png) no-repeat top left;}
#About #header .photos{height:59px;
width:84px;left:135px;
top:151px;
}
#About #header .contact{height:52px;
width:94px;left:257px;
top:155px;
}
#About #header .about{height:66px;
width:76px;
left:507px;top:156px;
	right: 205px;
}
#About #header .press{height:76px;
width:78px;
left:388px;
top:148px;
}
#About #header .home{height:73px;
width:72px;
left:647px;
top:159px;
}

h1#hdr-director-choreographer-credits-sdc{background:url(../images/hdr-director-choreographer-credits-sdc.png) no-repeat;height:29px;width:390px;text-indent:-9999px;overflow:hidden;}
#photos #header,#press #header,#film-video-editor #header,#editor-reels #header,#choreography-reels #header,#magic #header{background:url(../images/EditingCreditsHeader.png) no-repeat top left;}
#choreography-reels-resume #header,#editor-reels-resume #header{background:url(../images/ContactHeader.png) no-repeat top left;}
#photos #header .back,#press #header .back,#film-video-editor #header .back,#choreography-reels #header .back,#editor-reels #header .back,#magic #header .back{height:44px;width:97px;left:223px;
top:158px;
}
#photos #header .contact,#press #header .contact,#film-video-editor #header .contact,#choreography-reels #header .contact,#choreography-reels-resume #header .contact,#editor-reels #header .contact,#editor-reels-resume #header .contact,#magic #header .contact{height:46px;
width:94px;left:360px;
top:160px;
}
#photos #header .about,#press #header .about,#film-video-editor #header .about,#editor-reels #header .about,#editor-reels-resume #header .about,#choreography-reels #header .about,#choreography-reels-resume #header .about,#magic #header .about{height:54px;
width:76px;
left:504px;
top:162px;
}
#photos #header .home,#press #header .home,#film-video-editor #header .home,#editor-reels #header .home,#editor-reels-resume #header .home,#choreography-reels #header .home,#choreography-reels-resume #header .home,#magic #header .home{height:68px;
width:83px;
left:641px;
top:158px;
}
h1#hdr-production-photos{background:url(../images/hdr-production-photos.png) no-repeat;height:29px;width:199px;text-indent:-9999px;overflow:hidden;}
h1#hdr-press{background:url(../images/hdr-press.png) no-repeat;height:29px;width:54px;text-indent:-9999px;overflow:hidden;}
h1#hdr-film-video-editor{background:url(../images/hdr-film-video-editor.png) no-repeat;height:29px;width:176px;text-indent:-9999px;overflow:hidden;}
h1#hdr-magic{background:url(../images/hdr-magic.png) no-repeat;height:29px;width:61px;text-indent:-9999px;overflow:hidden;}
#photos .box h2{margin:10px 0 15px;}
#photos ul.inline{text-align:center;margin:0 auto;padding:0;}
#photos ul.inline li{width:33.3%;margin:0;padding:0 0 13px;}
#photos ul.inline li img{border:1px solid #fff;}
#press .box p.right{text-align:right;width:100%;}
/* Contact Header*/
#contact #header,#interview #header,#headshot #header{background:url(../images/ContactHeader.png) no-repeat top left;}
#contact #header .back,#interview #header .back,#headshot #header .back{height:44px;width:97px;left:368px;
top:154px;
}
#contact #header .about,#interview #header .about,#headshot #header .about{height:59px;
width:75px;
left:510px;
top:157px;
}
#contact #header .home,#interview #header .home,#headshot #header .home{height:70px;
width:84px;
left:639px;
top:154px;
}

h1#hdr-contact{background:url(../images/hdr-contact.png) no-repeat;height:29px;width:83px;text-indent:-9999px;overflow:hidden;}
#interview .box{background:url(../images/bg-xmid.gif) repeat-y;padding:35px 40px 50px;}
#interview .box .right{margin:0 0 15px 15px;}
#interview .xtop{position:absolute;top:0;left:0;background:url(../images/bg-xtopbot.gif) repeat-y;width:786px;height:25px;border-bottom:1px solid #d4d4d4;text-align:center;line-height:25px;}
#interview .xbot{font-size:10px;position:absolute;bottom:0;left:0;background:url(../images/bg-xtopbot.gif) repeat-y;width:786px;border-top:1px solid #d4d4d4;text-align:center;}
.box .small{font-size:10px;font-weight:normal;}
#interview ul.inline{margin:0;padding:0 0 3px;}
#interview ul.inline li{float:none;display:inline;margin:0;padding:0;}



/*Three More Headers */
#choreography-reels-resume h2,#choreography-reels h2,#editor-reels-resume h2,#editor-reels h2{margin:0 auto;}
#choreography-reels-resume ul.inline,#choreography-reels ul.inline,#editor-reels-resume ul.inline,#editor-reels ul.inline{margin:0 auto;padding:0;}
#choreography-reels-resume ul.inline li,#choreography-reels ul.inline li,#editor-reels-resume ul.inline li,#editor-reels ul.inline li{margin:0;padding:0 0 50px;
	height: 48px;
	width: 105px;
}
#choreography-reels-resume ul.inline li img,#choreography-reels ul.inline li img,#editor-reels-resume ul.inline li img,#editor-reels ul.inline li img{border:1px solid #fff;}
#choreography-reels .flash,#editor-reels .flash{border:1px solid #fff;width:480px;}

h1#hdr-choreography-reels{background:url(../images/hdr-choreography-reels.png) no-repeat;height:29px;width:210px;text-indent:-9999px;overflow:hidden;}
h1#hdr-editor-reels{background:url(../images/hdr-editor-reels.png) no-repeat;height:29px;width:120px;text-indent:-9999px;overflow:hidden;}
#hdr-bouncing-off-the-walls{background:url(../images/hdr-bouncing-off-the-walls.png) no-repeat -3px 0;height:29px;width:298px;text-indent:-9999px;overflow:hidden;}
#hdr-el-tango-de-roxanne{background:url(../images/hdr-el-tango-de-roxanne.png) no-repeat -1px 0;height:29px;width:298px;text-indent:-9999px;overflow:hidden;}
#hdr-walk-this-way{background:url(../images/hdr-walk-this-way.png) no-repeat -2px 0;height:29px;width:298px;text-indent:-9999px;overflow:hidden;}
#hdr-sizzle-reel{background:url(../images/hdr-2009-sizzle-reel.png) no-repeat -57px 0;height:29px;width:298px;text-indent:-9999px;overflow:hidden;}
#hdr-marconi-bros{background:url(../images/hdr-marconi-bros.png) no-repeat 0 0;height:29px;width:298px;text-indent:-9999px;overflow:hidden;}
#hdr-down-bone{background:url(../images/hdr-down-bone.png) no-repeat 0 0;height:29px;width:298px;text-indent:-9999px;overflow:hidden;}
#hdr-doritos{background:url(../images/hdr-doritos.png) no-repeat 0 0;height:29px;width:298px;text-indent:-9999px;overflow:hidden;}
#hdr-the-source{background:url(../images/hdr-the-source.png) no-repeat 0 0;height:29px;width:298px;text-indent:-9999px;overflow:hidden;}
/*h1#hdr-bouncing-off-the-walls,h1#hdr-el-tango-de-roxanne,h1#hdr-walk-this-way,h1#hdr-sizzle-reel,h1#hdr-marconi-bros,h1#hdr-down-bone,h1#hdr-doritos,h1#hdr-the-source{width:480px;}
*/
#magic ul.inline li{width:33.3%;}
#magic ul li span{font-weight:bold;text-decoration:underline;}

