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

body{
	font:13px Arial, Helvetica, sans-serif;
	color: #3d3d41;
	line-height:1.7;
	text-align:center;
	background-color:#f5f5d6;
	margin:0px;
	padding:0px;
}
a:link, a:visited{
	color:#2c2c76;
}
a:hover{
	text-decoration:none;
}
#pagewrapper{
	width:731px;
	margin-top:20px;
	padding-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#header{
	background:url(images/headerbg.gif) no-repeat;
	height:95px;
}
a.home-link{
	display:block;
	width:270px;
	height:90px;
}

/*Title Backgrounds*/
#title{
	height:69px;
}
#title h1{
	display:none;
}
.homepage #title{
	background:url(images/titlebg_home.gif) no-repeat;
}
.studiospage #title{
	background:url(images/titlebg_studios.gif) no-repeat;
}
.workpage #title{
	background:url(images/titlebg_work.gif) no-repeat;
}
.workshopspage #title{
	background:url(images/titlebg_workshops.gif) no-repeat;
}
.showspage #title{
	background:url(images/titlebg_shows.gif) no-repeat;
}
.resourcespage #title{
	background:url(images/titlebg_resources.gif) no-repeat;
}

/*Middle BGs*/
.homepage #middlewrapper{
	background:#fff url(images/midbg_home.gif) repeat-y;
}
.studiospage #middlewrapper{
	background:#fff url(images/midbg_studios.gif) repeat-y;
}
.workpage #middlewrapper{
	background:#fff url(images/midbg_work.gif) repeat-y;
}
.workshopspage #middlewrapper{
	background:#fff url(images/midbg_workshops.gif) repeat-y;
}
.showspage #middlewrapper{
	background:#fff url(images/midbg_shows.gif) repeat-y;
}
.resourcespage #middlewrapper{
	background:#fff url(images/midbg_resources.gif) repeat-y;
}

/*Bottom Backgrounds*/
#bottom{
	height:56px;
}
.homepage #bottom{
	background:url(images/bottombg_home.gif) no-repeat;
}
.studiospage #bottom{
	background:url(images/bottombg_studios.gif) no-repeat;
}
.workpage #bottom{
	background:url(images/bottombg_work.gif) no-repeat;
}
.workshopspage #bottom{
	background:url(images/bottombg_workshops.gif) no-repeat;
}
.showspage #bottom{
	background:url(images/bottombg_shows.gif) no-repeat;
}
.resourcespage #bottom{
	background:url(images/bottombg_resources.gif) no-repeat;
}

/*Footer*/
#footer{
	font:10px Arial, Helvetica, sans-serif;
	color:#65445b;
	padding-left:26px;
}

/*Navigation*/
#navwrapper{
	float:left;
	width:196px;
	text-align:right;
}
#navwrapper ul{
	list-style:none;
	margin:0;
	padding:0;
}
#navwrapper ul li{
	clear:both;
	margin:0;
	padding:0;
}
#navwrapper a{
	font:bold 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	display:block;
	height:45px;
	padding:0 50px 0 0;
	background:url(images/tabs.png) no-repeat 148px -1px;
}
#navwrapper a:hover{
	color:#65445b;
	text-decoration:none;
	background:url(images/tabs.png) no-repeat 148px -46px;
}
#navwrapper .current a{
	position:relative;
	left:1px;
	color:#65445b;
}
#navwrapper a span{
	padding-top:14px;
	display:block;
}
#navwrapper #navresources a span, #navwrapper #navresourcescurrent a span{
	padding-top:8px;
}

#navwrapper #navhome a{
	background-position:148px -1px;
}
#navwrapper #navhome a:hover{
	background-position:148px -46px;
}
#navwrapper #navhomecurrent a{
	background-position:148px -91px;
}

#navwrapper #navstudios a{
	background-position:148px -136px;
}
#navwrapper #navstudios a:hover{
	background-position:148px -181px;
}
#navwrapper #navstudioscurrent a{
	background-position:148px -226px;
}

#navwrapper #navwork a{
	background-position:148px -271px;
}
#navwrapper #navwork a:hover{
	background-position:148px -316px;
}
#navwrapper #navworkcurrent a{
	background-position:148px -361px;
}

#navwrapper #navworkshops a{
	background-position:148px -406px;
}
#navwrapper #navworkshops a:hover{
	background-position:148px -451px;
}
#navwrapper #navworkshopscurrent a{
	background-position:148px -496px;
}


#navwrapper #navshows a{
	background-position:148px -541px;
}
#navwrapper #navshows a:hover{
	background-position:148px -586px;
}
#navwrapper #navshowscurrent a{
	background-position:148px -631px;
}

#navwrapper #navresources a{
	background-position:148px -676px;
}
#navwrapper #navresources a:hover{
	background-position:148px -721px;
}
#navwrapper #navresourcescurrent a{
	background-position:148px -766px;
}

/*Content*/
#contentwrapper{
	padding:0px 0px 10px 21px;
	width:480px;
	float:left;
}
h2{
	margin:0;
	padding:15px 0 0 0;
	font:normal 18px Arial, Helvetica, sans-serif;
	color:#65445b;
}
h3{
	margin:0;
	padding:7px 0 0 0;
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#65445b;
}
h4{
	margin:0;
	padding:7px 0 5px 0;
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#65445b;
}
#photos h4{
	padding:5px 0 2px 0;
}
h5{
	margin:0;
	padding:0 0 5px 0;
	text-transform:uppercase;
	font:11px Arial, Helvetica, sans-serif;
	color:#65445b;
}
.firstparagraph{
	font-size:15px;
	line-height:1.9;
}
.border{
	border-top:1px solid #626278;
	padding-top:5px;
	margin-top:20px;
}
.stroke{
	border:1px solid #686078;	
}
.imageright{
	float:right;
	padding:7px 0 10px 10px;
	text-align:center;
}
.imageleft{
	float:left;
	padding:7px 0 0 0;
	text-align:center;
}
.clear{
	clear:both;
	overflow:hidden;
}
.caption{
	font:11px Arial, Helvetica, sans-serif;
	color:#59595d;
	line-height:1.2;
	padding-top:5px;
	margin-bottom:30px;
	text-align:left;
}
.imageright .caption{
	margin-bottom:10px;
}
.studiospage .caption{
	width:410px;
}
.workshopspage .imageleft, .workshopspage .imageright{
	width:220px;
}
.instruction{
	color:#65445b;
	font-style:italic;
}

/*Work Samples Rollover Code*/
.thumbnailswrapper{
	float:left;
	margin-right:22px;
	width:145px;
}
#thumbnails-2{
	width:205px;	
}
#thumbnails-3{
	width:85px;
	margin-right:0px;
}
.thumbnail, .rightthumbnail{
	float:left;
	margin-right:5px;
}
.rightthumbnail{
	margin-right:0px;
}
#photoswrapper{
	width:480px;
	height:465px;
	float:left;
	margin-top:15px;
	position:relative;
}
.photo{
	visibility:hidden;
	position:absolute;
	text-align:center;
	color:#65445b;
	font:12px Arial, Helvetica, sans-serif;
	line-height:1.4;
}
#p6, #p13, #p14, #p15{
	left:90px;
}
#p3{
	left:65px;
}