/* Home Page */

#home-wrapper { float:left; width:900px; height:525px; /*height:325px;*/ margin:0; padding:0; clear:both; }



/* default font color #161616 */

#highlight { position:relative; width:670px; margin-left:-10px; padding:0; clear:both; }
#highlight .background { position:relative; float:left; width:670px; height:230px; margin:0; padding:0; overflow:hidden; }
#highlight .picture { float:left; width:330px; height:230px; margin-right:20px; }
#highlight .feature { float:left; width:310px; height:230px; margin-top:20px; color:#FFF; }
#highlight h1 { font: normal 36px Arial, Helvetica, sans-serif; margin:0; color:#FFF; line-height:36px; text-transform:uppercase; }
#highlight h4 { font: normal 15px Arial, Helvetica, sans-serif; margin:0; color:#FFF; line-height:20px; }
#highlight .featurelink { position:absolute; top:190px; left:350px; width:330px; height:40px; font: normal 20px Arial, Helvetica, sans-serif; margin:0; }
#highlight .featurelink a { color:#FFF; text-decoration:none; background:url(../images/homepage/arrow-white.gif) no-repeat center left; }
#highlight .featurelink a:hover { color:#FFF; text-decoration:none; }

.box1 { background:#663 url(../images/productions/maryshelley/homepage-bg2011.jpg) repeat-x bottom left; }
.box2 { background:#99F url(../images/productions/speechless/homepage-bg.jpg) repeat-x bottom left; }
.box3 {  }

#highlight-wrapper { position:relative; width:680px; margin-left:-10px; padding:0; overflow:hidden; clear:both; }
#portraitbox { position:relative; float:left; width:330px; margin-right:10px; }
#portraitbox .feature { float:left; width:310px; /*height:300px;*/ height:180px; margin-top:20px; padding-left:10px; padding-bottom:10px; color:#FFF; }
#portraitbox h1 { font: normal 36px Arial, Helvetica, sans-serif; margin:0; color:#FFF; line-height:36px; text-transform:uppercase; }
#portraitbox h4 { font: normal 15px Arial, Helvetica, sans-serif; margin:0; color:#FFF; line-height:20px; }
#portraitbox .featurelink { position:absolute; left:10px; bottom:0px; width:290px; height:40px; font:normal 20px Arial, Helvetica, sans-serif; margin:10px 0 0 0; }
#portraitbox .featurelink a { color:#FFF; text-decoration:none; background:url(../images/homepage/arrow-white.gif) no-repeat center left; }
#portraitbox .featurelink a:hover { color:#FFF; text-decoration:none; }