/* SECTION TITLE CSS */
.title_holder { margin-top: 20px; margin-bottom: 20px; float: left; width: 100%; }
.title_holder .title_image { float: left; }
.title_holder .title_nav_button { float: right; margin-top: 21px; cursor: pointer; }
.title_holder .title_nav_text { float: right; margin-right: 5px; margin-left: 5px; margin-top: 21px; }
.title_holder .title_nav_text a { font-size: 11px; font-weight: bold; color:#249d8d; cursor: pointer; text-decoration:none}
.title_holder .title_nav_text a:hover { font-size: 11px; font-weight: bold; color:#249d8d; cursor: pointer; text-decoration:underline}

.contact_line,
.clients_line,
.people_line,
.news_line,
.work_line { width: 100%; clear: both; height: 1px; background-image: url(/images/work-line.gif); background-repeat: repeat-x; margin-bottom: 20px; _margin: 0px; }

.contact_line { background-image: url(/images/contact-line.gif); }
.clients_line { background-image: url(/images/clients-line.gif);}
.people_line { background-image: url(/images/people-line.gif); }
.news_line { background-image: url(/images/news-line.gif); }
/* END SECTION TITLE CSS */

/* WORK SECTION CSS */
.work_details h2 { font-size: 11px; margin: 0px; color: #249d8d; }
.work_details { width:190px; float: left; font-size: 11px; overflow: hidden; }
.work_details a { font-weight: bold; text-decoration: underline; color: #249d8d; }
.work_details a:hover { font-weight: bold; text-decoration: none; color: #249d8d; cursor:pointer }
.work_details .case_study { background-color: #249d8d; color: #fff; padding: 8px; }
.work_details .case_study a { color: #fff; }

.work_item { width: 108px; height: 56px; border: solid 1px #e8e9ea; float: left; cursor: pointer; }
.work_image { width: 500px; height: 265px; border: solid 1px #e7e8e9; float: left; margin-right: 20px; margin-bottom: 20px; display: inline; overflow: hidden; }
/* END WORK SECTION CSS */

/* NEW ITEM STYLE */
#news-items-home,
#news-items { height: 328px; width: 742px; float: left; }

#news-items-home { width: 350px; height: 233px; overflow: hidden;}
#news-items-home .news-item,
#news-items .news-item { width: 367px; height: 110px; overflow: hidden; margin-bottom: 5px; font-size: 11px; padding: 2px; color: #666666; overflow: hidden; }

#news-items-home .news-item { height: 100px; width: 340px;}
#news-items .news-item { float: left; }

.news-detail #news-image { float: right; width: 250px; margin-left: 10px; border: solid 1px #cdcdcd;}

.news-item .date { background-image: url(/images/news-date-bg.gif); background-repeat: no-repeat; float: left; width: 45px; height: 42px; }
.news-item .date .month { color: #fff; display: block; width: 33px; text-align: center; line-height: 10px;}
.news-item .date .year { color: #666666; display: block; width: 33px; text-align: center; line-height: 10px;padding: 2px 0 2px 0;}
.news-item .date .day { color: #666666; display: block; width: 33px; text-align: center; font-size: 20px; line-height: 31px; }

.news-item .summary { float: left; width:260px; line-height:16px;}

#news-items-home a,
.news-item .summary a { font-weight: bold; color: #ff6d00; text-decoration:none; font-size: 11px;}

.news-item .summary a:hover { font-weight: bold; color: #ff6d00; text-decoration:underline}

.news-item p,
.news-item h3 {margin: 0px; margin-bottom: 5px; font-size: 11px; }

#news-item { font-size:11px }
#news-item a { color:#ff6d00; text-decoration:none }
#news-item a:hover { color:#ff6d00; text-decoration:underline }

#pages  { width: auto; float: right; margin-top: 21px; }
#pages ul { padding: 0px; margin: 0px; list-style-type: none; }
#pages ul li { float: left; width: 12px; height: 12px; line-height: 11px; font-size: 11px; cursor: pointer; display: block; border: solid 1px #f36e21; text-align: center; vertical-align: middle; margin-right: 5px; color: #f36e21; }
#pages ul li.highlighted { cursor: default; background-color: #f36e21; color: #fff; font-weight: bold;}
/* END NEW ITEM STYLE */

/* CONTACT CSS STYLE */
#contact table#contact-us { font-size: 11px; font-family: Verdana; color: #999999; }
#contact h3 { background-color: #d6156c; padding: 2px; margin: 0px; margin-bottom: 10px; width: 326px; font-size: 13px; color: #fff; }
#contact p { margin: 0px; font-size: 11px; margin-bottom: 10px;}
#contact a { font-size: 11px; font-family: Verdana; color: #d6156c; text-decoration:underline}
#contact a:hover { font-size: 11px; font-family: Verdana; color: #d6156c; text-decoration:none}
/* END CONTACT CSS STYLE */

/* PEOPLE CSS STYLE */
#people .person { width: 348px; height: 124px; float: left; margin-right: 28px; }
/* END PEOPLE CSS STYLE */

/* CLIENTS CSS STYLE */
#clients .logo { width:140px; float:left; }
/* END CLIENTS CSS STYLE */

/* FOOTER STYLE */
#footer { background-repeat: no-repeat; background-position: right 5px; height: 60px; margin-top:20px}
#footer table { font-size: 11px; color: #666666; border-collapse: collapse; font-family: Arial; margin-top: 5px; }
#footer table td { width: 140px; line-height: 14px; }
#footer table .title { font-weight: bold; }
#footer table a { color: #666666; text-decoration:underline}
#footer table a:hover { color: #666666; text-decoration:none}
#footer .pic {padding-right:10px;}
/* END FOOTER STYLE */

img { border: 0px; }


/* OUR PEOPLE */
#photo_grid { width: 500px; float: left; margin-top: 20px; }
.photo { width: 40px; height: 40px; margin: 5px; border: solid 1px #cdcdcd; float: left; font-size: 9px; position: relative; cursor: pointer; background-color: #fff; z-index: 1; }
.photo img { width: 40px; height: 40px; }

.photo-over { width: 60px; height: 60px; margin: -5px; border: solid 1px #cdcdcd; float: left; font-size: 9px; position: relative; z-index: 100; cursor: pointer; background-color: #fff; }
.photo-over img { width: 60px; height: 60px; }
#message_holder { display: none; width: 210px; height: 269px; float: left;margin-top:20px; background-image: url(/images/message-bubble.gif); background-repeat: no-repeat; }
#message_holder span { width: 150px; height: 200px; display: block; font-size: 11px; color: #fff; margin-top: 25px; margin-left: 25px; }
.message { display: none; }


a.link_tv {
	background:transparent url(/images/icons/tv.gif) no-repeat scroll left center;
	padding:5px 0px 2px 20px;
}

a.link_radio {
	background:transparent url(/images/icons/sound.gif) no-repeat scroll left center;
	padding:5px 0px 2px 20px;
}

a.link_posters {
	background:transparent url(/images/icons/open-window.gif) no-repeat scroll left center;
	padding:5px 0px 2px 20px;	
}



/* END OUR PEOPLE */