/* Introduction box */
#intro { width: 960px; height: 279px; overflow: hidden; }

/* Main */
#main { background-color: #262b32; height: 325px; padding-left: 20px; margin-top: -5px; }
#main .box-news { float: left; width: 207px; margin-top: 40px; }
#main .box-news .title { width: 198px; height: 33px; background: url(../img/home-box-bg.jpg) repeat-x; padding: 15px 0 0 10px; font-size: 16px; font-family: Georgia, Arial, Helvetica, sans-serif; }
#main .box-news .title a { color: #d6d7d9; height: 20px; background: url(../img/home-arrow.jpg) 170px 0 no-repeat; display: block; }
#main .box-news .title a:hover { background: url(../img/home-arrow-over.jpg) 170px 0 no-repeat; }
#main .box-news .image { width: 207px; height: 167px; background-color: #171c22; text-align: center; padding-top: 10px; }

#main .box-work { float: left; width: 434px; margin: 40px 0 0 35px; }
#main .box-work .title { width: 423px; height: 33px; background: url(../img/home-box-bg.jpg) repeat-x; padding: 15px 0 0 10px; font-size: 16px; font-family: Georgia, Arial, Helvetica, sans-serif; }
#main .box-work .title a { color: #d6d7d9; height: 20px; background: url(../img/home-arrow.jpg) 390px 0 no-repeat; display: block; }
#main .box-work .title a:hover { background: url(../img/home-arrow-over.jpg) 390px 0 no-repeat; }
#main .box-work .image { width: 420px; height: 167px; background-color: #171c22; padding: 10px 0 0 12px; overflow: hidden; }

#main .box-what-we-do { float: left; width: 207px; margin: 40px 0 0 35px; }
#main .box-what-we-do .title { width: 198px; height: 33px; background: url(../img/home-box-bg.jpg) repeat-x; padding: 15px 0 0 10px; font-size: 16px; font-family: Georgia, Arial, Helvetica, sans-serif; }
#main .box-what-we-do .title a { color: #d6d7d9; height: 20px; background: url(../img/home-arrow.jpg) 170px 0 no-repeat; display: block; }
#main .box-what-we-do .title a:hover { background: url(../img/home-arrow-over.jpg) 170px 0 no-repeat; }
#main .box-what-we-do .image { width: 200px; height: 167px; background-color: #171c22; padding: 10px 0 0 7px; overflow: hidden; }

/* Sliding box */
.boxgrid { width: 199px; height: 157px; float: left; overflow: hidden; position: relative; margin-right: 10px; }
.boxgrid img { position: absolute; top: 0; left: 0; border: 0; }
.boxcaption { float: left; position: absolute; background: url(../img/career-box-transparent.png) 0 0 repeat; height: 80px; width: 100%; top: 160px; left: 0; }
.boxcaption p { padding: 4px 10px 0 10px; color: #fff; font: 12px Arial, sans-serif; }
.boxcaption a { color: #7A1E82; font-weight: bold; }