/* Home Page */

#home-wrapper { float:left; width:900px; 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:#C00 url(../images/productions/thecaucasianchalkcircle/homepage-bg.jpg) repeat-x bottom left; }
.box2 { background:#556 url(../images/productions/theglassmenagerie/homepage-bg.jpg) repeat-x bottom left; }
.box3 { background:#996 url(../images/productions/bronte/homepage-bg.jpg) repeat-x bottom left; }

#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; 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; }