/* -------------------------------------------------------------- 
  
   Digital Marmalade Screen Styles
   Date: 01/2008
  
-------------------------------------------------------------- */

@import 'screen/reset.css';
@import 'screen/typography.css';
@import 'screen/forms.css';

.hide { display: none; }
body { 
	margin: 0;
	padding: 0;
}
a {	-moz-outline: none; overflow: hidden; }
#accessibility {
	display: none;
}
.container {
  width: 868px;
  margin: 0 auto;
}
#home_page {
	background: url(../images/bckgrd_tile_home.jpg) repeat-x 
}
#content_page {
	background: url(../images/bckgrd_tile_content_page.jpg) repeat-x 
}
#news_page {
	background: url(../images/bckgrd_tile_news.jpg) repeat-x 
}
.margin-l { margin-left: 20px; margin-bottom: 4px; }
/*---------------- Masthead --------------------*/
#masthead {
	height: 108px;
	margin: 25px 0 0 0;
	background: url(../images/masthead_background.gif) no-repeat;
	position: relative;
}
#masthead p { margin: 0; }
.masthead_phone {
	background: url(../images/masthead_phone.gif) no-repeat left bottom;
	text-indent: -5000px;
	width: 207px;
	height: 46px;
	float: right;
}
.masthead_logo {
	background: url(../images/masthead_logo.gif) no-repeat;
	text-indent: -5000px;
	width: 213px;
	height: 35px;
	display: block;
	margin: 20px 0 0 15px;
	float: left;
}
.logo_link { position: absolute; display: block; width: 140px; height: 90px; left: 364px; top: 10px; text-indent: -5000px; }

/*---------------- Navigation --------------------*/
#navigation {
	background: url(../images/navigation_background.gif) no-repeat bottom;
	list-style: none;
	margin: 0;
	height: 26px;
}
#navigation li { 
	float: left;
	margin: 8px 0 0 0;
}
#navigation li a { 
	text-indent: -5000px; display: block;
	height: 12px;
}
.nav_home, .nav_home_on {
	background: url(../images/mainnav_btn_home.gif) no-repeat center top;
	width: 102px;
}
.nav_company, .nav_company_on {
	background: url(../images/mainnav_btn_thecompany.gif) no-repeat center top;
	width: 138px;
	margin: 0 1px 0 1px;
}
.nav_services, .nav_services_on {
	background: url(../images/mainnav_btn_services.gif) no-repeat center top;
	width: 110px;
	margin: 0 163px 0 0;
}
.nav_clients, .nav_clients_on {
	background: url(../images/mainnav_btn_ourclients.gif) no-repeat center top;
	width: 102px;
}
.nav_testimonials, .nav_testimonials_on {
	background: url(../images/mainnav_btn_testimonials.gif) no-repeat center top;
	width: 138px;
	margin: 0 1px 0 1px;
}
.nav_contact, .nav_contact_on {
	background: url(../images/mainnav_btn_contact.gif) no-repeat 18px top;
	width: 110px;
}
.nav_home:hover, .nav_company:hover, .nav_services:hover, .nav_clients:hover, .nav_testimonials:hover {
	background-position: center -19px; 
}
.nav_contact:hover {
	background-position: 18px -19px; 
}
.nav_home_on, .nav_company_on, .nav_services_on, .nav_clients_on, .nav_testimonials_on {
	background-position: center -38px; 
}
.nav_contact_on {
	background-position: 18px -38px; 
}
/*---------------- Navigation - Secondary --------------------*/
.nav_secondary, .nav_secondary_horizontal {
	list-style:none;
	margin: 0;
}
.nav_secondary_horizontal { padding: 30px 0 10px; height: 66px; }
.nav_secondary_horizontal li { float: left; margin: 0 0 0 10px; }
.subnav_company {
	text-indent: -5000px;
	display: block;
	width: 136px; height: 41px;
	background: url(../images/subnav_company.gif);
}
.subnav_news, .subnav_news_on {
	text-indent: -5000px;
	display: block;
	width: 76px; height: 35px;
	background: url(../images/subnav_news.gif);
	margin: 0 0 0 22px;
}
.subnav_news:hover {
	background-position: 0 -38px;
}
.subnav_meettheteam, .subnav_meettheteam_on {
	text-indent: -5000px;
	display: block;
	margin: 0 0 4px 10px;
	width: 114px; height: 57px;
	background: url(../images/subnav_meettheteam.gif);
}
.subnav_meettheteam:hover {
	background-position: 0 -59px;
}
.subnav_history, .subnav_history_on {
	text-indent: -5000px;
	display: block;
	width: 126px; height: 57px;
	margin: 0 0 0 5px;
	background: url(../images/subnav_history.gif);
}
.subnav_history:hover {
	background-position: 0 -58px;
}
.subnav_news_on {
	background-position: 0 -74px;
	height: 40px;
}
.subnav_meettheteam_on, .subnav_history_on {
	background-position: 0 -119px;
	height: 63px;
}
.subnav_services {
	text-indent: -5000px;
	display: block;
	margin: 0 0 0 6px;
	width: 116px; height: 33px;
	background: url(../images/subnav_services.gif);
}
.subnav_webdesign, .subnav_webdesign_on {
	text-indent: -5000px;
	display: block;
	width: 123px; height: 40px;
	background: url(../images/subnav_webdesign.gif);
}
.subnav_webdesign:hover {
	background-position: 0 -47px;
}
.subnav_webdesign_on {
	background-position: 0 -95px;
}
.subnav_cdrom, .subnav_cdrom_on {
	text-indent: -5000px;
	display: block;
	width: 135px; height: 66px;
	background: url(../images/subnav_cdrom.gif);
}
.subnav_cdrom:hover {
	background-position: 0 -71px;
}
.subnav_cdrom_on {
	background-position: 0 -142px;
}
.subnav_video, .subnav_video_on {
	text-indent: -5000px;
	display: block;
	width: 147px; height: 64px;
	margin: 0 0 0 -8px;
	background: url(../images/subnav_video.gif);
}
.subnav_video:hover {
	background-position: 0 -67px;
}
.subnav_video_on {
	background-position: 0 -130px;
}
.subnav_busapps, .subnav_busapps_on {
	text-indent: -5000px;
	display: block;
	width: 139px; height: 63px;
	background: url(../images/subnav_busapps.gif);
}
.subnav_busapps:hover {
	background-position: 0 -67px;
}
.subnav_busapps_on {
	background-position: 0 -130px;
}
.subnav_digcon, .subnav_digcon_on {
	text-indent: -5000px;
	display: block;
	width: 131px; height: 58px;
	background: url(../images/subnav_digcon.gif);
}
.subnav_digcon:hover {
	background-position: 0 -68px;
}
.subnav_digcon_on {
	background-position: 0 -130px;
}

/*---------------- Breadcrumbs --------------------*/

#breadcrumbs {
	border: 3px solid #f56c04; border-top: 0; border-bottom: 0;
	margin: 0; padding: 5px 0 0 21px;
	list-style: none;
	color: #fff;
	background: url(../images/breadcrumb_background.gif) repeat-x;
	height: 21px;
}
#breadcrumbs li, #breadcrumbs_history li, #breadcrumbs_news li, #breadcrumbs_services li, #breadcrumbs_contact li, #breadcrumbs_team li {
	float: left;
	padding: 0 10px 0 0;
}
#breadcrumbs li a, #breadcrumbs_history li a, #breadcrumbs_news li a, #breadcrumbs_services li a, #breadcrumbs_contact li a, #breadcrumbs_team li a { 
	color: #fff;
	padding: 2px;
	margin: 0 0 0 6px;
	text-decoration: none;
}
#breadcrumbs li a:hover, #breadcrumbs_history a:hover, #breadcrumbs_news a:hover, #breadcrumbs_services a:hover, #breadcrumbs_contact a:hover, #breadcrumbs_team a:hover {
	background: #f60;
}
#breadcrumbs_history {
	border: 3px solid #f56c04; border-top: 0; border-bottom: 0;
	margin: 0; padding: 5px 0 0 21px;
	list-style: none;
	color: #fff;
	background: #282828 url(../images/breadcrumbs_history.gif) repeat-x left bottom;
	height: 22px;
}
#breadcrumbs_team {
	border: 0;
	margin: 0; padding: 5px 0 0 21px;
	list-style: none;
	color: #fff;
	background: #282828 url(../images/breadcrumbs_team.gif) repeat-x left bottom;
	height: 22px;
}
#breadcrumbs_news {
	margin: 0; padding: 5px 0 0 24px;
	list-style: none;
	color: #fff;
	background: #282828 url(../images/breadcrumbs_news.gif) left bottom;
	height: 28px;
}
#breadcrumbs_services {
	border: 3px solid #f56c04; border-top: 0; border-bottom: 0;
	margin: 0; padding: 5px 0 0 21px;
	list-style: none;
	color: #fff;
	background: #282828 url(../images/breadcrumbs_services.jpg) left bottom;
	height: 23px;
}
#breadcrumbs_contact {
	border: 3px solid #f56c04; border-top: 0; border-bottom: 0;
	margin: 0; padding: 5px 0 0 21px;
	list-style: none;
	color: #fff;
	background: #282828 url(../images/breadcrumbs_contact.jpg) left bottom no-repeat;
	height: 21px;
}

/*---------------- Top Banner --------------------*/

.tb_home {
	height: 137px;
	background: url(../images/top_banner_home.jpg) no-repeat;
	padding: 24px 0 0 32px;
}
.tb_home h1 {
	text-indent: -5000px; background: url(../images/heading_home.gif) no-repeat;
	width: 433px;
	height: 37px;
}
.tb_home p {
	color: #fff;
	width: 450px;
	font-size: 1.05em;
	margin: 0;
}
.tb_news {
	height: 304px;
	margin-left: 0;
}
.tb_history {
	height: 124px;
	background: url(../images/top_banner_history.gif) no-repeat;
	padding: 10px 0 0 32px;
}
.tb_history h1 {
	text-indent: -5000px; background: url(../images/heading_history.gif) no-repeat;
	width: 207px;
	height: 38px;
	margin: 0 0 4px 0;
}
.tb_history p {
	color: #fff;
	width: 600px;
	font-size: 1.05em;
	margin: 0 0 0 2px;
}
.tb_team {
	height: 124px;
	background: url(../images/top_banner_team.gif) no-repeat;
	padding: 10px 0 0 32px;
}
.tb_team h1 {
	text-indent: -5000px; background: url(../images/heading_team.gif) no-repeat;
	width: 191px;
	height: 38px;
	margin: 0 0 4px 0;
}
.tb_team p {
	color: #fff;
	width: 600px;
	font-size: 1.05em;
	margin: 0 0 0 2px;
}
.tb_services {
	height: 124px;
	background: url(../images/top_banner_services.jpg) no-repeat;
	padding: 10px 0 0 32px;
}
.tb_services h1 {
	text-indent: -5000px; background: url(../images/heading_services.gif) no-repeat;
	width: 342px;
	height: 38px;
}

.tb_services p {
	color: #fff;
	width: 440px;
	font-size: 1.05em;
	margin: 0 0 0 2px;
}
.tb_contact {
	height: 123px;
	background: url(../images/top_banner_contact.jpg) no-repeat;
	padding: 12px 0 0 32px;
}
.tb_contact h1 {
	text-indent: -5000px; background: url(../images/heading_contact.gif) no-repeat;
	width: 93px;
	height: 29px;
}
.tb_contact ul {
	color: #fff;
	margin: 0 0 0 2px;
	list-style: none;
	float: left;
	width: 250px;
}
.tb_contact ul a {
	color: #fff;
	padding: 1px;
	text-decoration: none;
}
.tb_contact ul a:hover {
	color: #000;
	text-decoration: none;
	background: #fff;
}
.tb_testimonials, .tb_clients, .tb_case_study {
	height: 123px;
	background: url(../images/top_banner_plain.gif) no-repeat;
	padding: 12px 0 0 32px;
}
.tb_testimonials h1 {
	text-indent: -5000px; background: url(../images/heading_testimonials.gif) no-repeat;
	width: 342px;
	height: 38px;
}
.tb_clients h1 {
	text-indent: -5000px; background: url(../images/heading_clients.gif) no-repeat;
	width: 342px;
	height: 38px;
}
.tb_testimonials p, .tb_clients p, .tb_case_study p {
	color: #fff;
	width: 440px;
	font-size: 1.05em;
	margin: 0 0 0 2px;
}
.tb_case_study p { 
	width: 530px;
}
.tb_testimonials_holder {
	width: 440px;
	float: left;
}
.btn_test_contact {
	width: 313px;
	height: 163px;
	position: relative;
	top: -32px;
	margin-bottom: -40px;
	background: url(../images/test_contact.jpg) no-repeat;
	display: block;
	float: right;
	text-indent: -5000px;
}
.btn_clients_contact {
	width: 317px;
	height: 163px;
	position: relative;
	top: -30px;
	margin-bottom: -38px;
	background: url(../images/clients_contact.jpg) no-repeat;
	display: block;
	float: right;
	text-indent: -5000px;
}
.tb_service {
	height: 124px;
	background: url(../images/top_banner_service.gif) no-repeat;
	padding: 10px 0 0 32px;
}
.tb_service h1 {
	text-indent: -5000px; background: url(../images/heading_webdesign.gif) no-repeat;
	width: 342px;
	height: 38px;
}
.tb_service p { margin: 0; }
.tb_service h1.h1_cdrom {
	background: url(../images/heading_cdrom.gif) no-repeat;
}
.tb_service h1.h1_video {
	background: url(../images/heading_video.gif) no-repeat;
}
.tb_service h1.h1_busapps {
	background: url(../images/heading_busapps.gif) no-repeat;
}
.tb_service h1.h1_digcon {
	background: url(../images/heading_digcon.gif) no-repeat;
}
.tb_service blockquote, .tb_service p.blockquote {
	color: #fff;
	font-style: italic;
	font-size: 1em;
	margin: 0 0 0 2px;
	width: 810px;
}
.tb_service p.cite {
	float: right;
	color: #f77603;
	font-style: normal;
	margin: 0 30px 0 0;
}
/*---------------- Content --------------------*/

#main_content {
	width: 868px;
}
.main_home {
	background: url(../images/main_content_top_home.jpg) no-repeat;
	padding: 15px 0 5px 0;
}
.main_news {
	background: url(../images/main_content_top.gif) no-repeat;
	padding: 15px 0 5px 0;
}
.main_company {
	background: url(../images/main_content_top_company.gif) no-repeat;
	padding: 5px 0;	
}
#main_content.main_clients {
	background: url(../images/main_content_top_clients.gif) no-repeat;
	padding: 32px 0 5px 27px;	
	width: 841px;
}
.main_contact {
	background: url(../images/main_content_top_contact.jpg) no-repeat;
	padding: 15px 0 0 0;	
}
#main_content_holder {
	background: url(../images/main_content_bottom.gif) left bottom no-repeat;
	width: 868px;
}
.main_news_article {
	background: url(../images/main_content_top_news.gif) no-repeat;
	padding: 15px 0 5px 0;
}
.main_content_services {
	background: url(../images/main_content_top_services.jpg) no-repeat;
	padding: 17px 0 0 0;
}

/*---------------- Home Page --------------------*/
.services_list_home {
	margin: 0 0 0 8px; list-style: none;
	width: 860px;
}
.services_list_home li, .services_list_home li a {
	width: 171px; height: 172px;
	float: left;
}
.services_list_home li a {
	text-indent: -5000px;
}
.service_web { background: url(../images/services_home_web.jpg) no-repeat; }
.service_cd { background: url(../images/services_home_cd.jpg) no-repeat; }
.service_business { background: url(../images/services_home_application.jpg) no-repeat; }
.service_motion { background: url(../images/services_home_video.jpg) no-repeat; }
.service_consult { background: url(../images/services_home_consult.jpg) no-repeat; }
.service_web:hover, .service_cd:hover, .service_business:hover, .service_motion:hover, .service_consult:hover, .service_consult:hover { background-position: bottom left; }

.twocol_leftcol {
	clear: both;
	margin: 5px 0 0 0;
	width: 504px;
	float: left;
}
.twocol_rightcol {
	margin: 3px 0 0 0;
	width: 364px;
	float: left;
}
.threecol_leftcol {
	width: 136px;
	float: left;
	margin: 10px 0 5px 0;
}
.main_company .threecol_leftcol {
	margin: 25px 0 5px 0;
}
.threecol_midcol {
	width: 504px;
	float: left;
	margin: 10px 0 5px 0;
}
.threecol_rightcol {
	float: right;
	width: 228px;
	margin: 10px 0 5px 0;
}
.twocol_news_leftcol {
	width: 136px;
	float: left;
	margin: 10px 0 5px 0;
}
.twocol_news_rightcol {
	float: left;
	width: 732px;
}
.twocol_services_leftcol {
	width: 434px;
	float: left;
}
.twocol_services_rightcol {
	width: 434px;
	float: left;
}
.h2_latestnews {
	text-indent: -5000px;
	background: url(../images/h2_latestnews.gif) no-repeat;
	width: 504px;
	height: 66px;
	margin: 0;
}
.h2_featured {
	text-indent: -5000px;
	background-repeat: no-repeat;
	height: 375px;
	width: 364px;
	display: block;
}
.h2_inthebeginning {
	text-indent: -5000px;
	background: url(../images/h2_inthebeginning.gif) no-repeat;
	margin: 0 0 2px -6px;
	height: 67px;
	width: 273px;
	display: block;
}
.h2_company2, .h2_company3, .h2_company4 {
	text-indent: -5000px;
	background: url(../images/h2_company2.gif) no-repeat;
	margin: 0 0 2px -6px;
	height: 67px;
	width: 273px;
	display: block;
}
.h2_company3 { background-image: url(../images/h2_company3.gif); }
.h2_company4 { background-image: url(../images/h2_company4.gif); }
.h2_how_help {
	text-indent: -5000px;
	background: url(../images/h2_howhelp.gif) no-repeat;
	margin: 0 0 12px -6px;
	height: 34px;
	width: 325px;
	display: block;
}
.h2_modules {
	text-indent: -5000px;
	background: url(../images/h2_modules.gif) no-repeat;
	margin: 0 0 12px -6px;
	height: 34px;
	width: 94px;
	display: block;
}
.h2_standard_install {
	text-indent: -5000px;
	background: url(../images/h2_standardinstall.gif) no-repeat;
	margin: 0 0 12px -6px;
	height: 34px;
	width: 184px;
	display: block;
}
.h2_someclients {
	text-indent: -5000px;
	background: url(../images/h2_someclients.gif) no-repeat;
	margin: 0 0 12px -6px;
	height: 34px;
	width: 325px;
	display: block;
}
.h2_webservices {
	text-indent: -5000px;
	background: url(../images/h2_webservices.gif) no-repeat;
	margin: 0 0 12px -6px;
	height: 34px;
	width: 325px;
	display: block;
}
.h2_cdromservices {
	text-indent: -5000px;
	background: url(../images/h2_cdromservices.gif) no-repeat;
	margin: 0 0 12px -6px;
	height: 34px;
	width: 414px;
	display: block;
}
.h2_marmalade_suite {
	text-indent: -5000px;
	background:  url(../images/h2_marmalade_suite.gif) no-repeat;
	margin: 0 0 12px -6px;
	height: 34px;
	width: 277px;
	display: block;
}
.h2_businessappservices {
	text-indent: -5000px;
	background: url(../images/h2_businessservices.gif) no-repeat;
	margin: 0 0 12px -6px;
	height: 34px;
	width: 447px;
	display: block;
}
.h2_digitalconsultancy {
	text-indent: -5000px;
	background: url(../images/h2_digitalconsult.gif) no-repeat;
	margin: 0 0 12px -6px;
	height: 34px;
	width: 430px;
	display: block;
}
.h2_videoservices {
	text-indent: -5000px;
	background: url(../images/h2_videoservices.gif) no-repeat;
	margin: 0 0 12px -6px;
	height: 34px;
	width: 462px;
	display: block;
}
#timeline_holder { text-align: center; width: 868px; margin: 0 auto; }
#timeline_holder img { margin: 0 auto; }

.newslisting_home {
	background: url(../images/home_newspanel_bckgrd.jpg) no-repeat left top;
	margin: 0 0 0 4px; padding: 0 20px;
	list-style: none;
	width: 460px;
}
.newslisting_home li {
	/*position: relative; top: 3px;*/
}
.newslisting_home ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
	min-height: 90px;
	border-bottom: 1px dotted #e5e5e5;
	clear: both;
}
.newslisting_home li ul li {
	width: 390px; padding: 0 2px 0 0;
	float: left;
}
.newslisting_home li ul li.calendar, .newsarticle li.calendar, .news_headline_case li.calendar, .news_headline_article li.calendar {
	background: url(../images/calendar_news.jpg) no-repeat;
	width: 53px;
	margin: 0 12px 0 0;
	padding: 15px 0 0 0;
	height: 49px;
	float: left;
	font-size: 1%;
}
.news_headline_case li.calendar, .news_headline_article li.calendar { margin-bottom: 10px; }
.newsarticle .story, .newsarticle .story_narrow {
	display: block;
	margin: 0 0 0 0;
	clear: both;
	padding: 4px;
}
.news_article_teaser { float: left; width: 530px;}
.newsarticle .story_narrow {
	width: 390px;
	margin: 0 10px 0 0;
	float: left;
}
.news_article_holder {
	background: url(../images/news_article_bottom.gif) no-repeat left bottom;
}
.newsarticle {
	list-style: none;
	margin: 0 0 0 0;
	background: url(../images/news_article_top.gif) no-repeat top left;
	padding: 20px 20px 0;
	position: relative;
}
.newsarticle h1 { 
	margin: 9px 106px 15px 0;
	padding: 0 0 9px;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.2;
	border-bottom: 1px dashed #999; 
}
.newsarticle h1 .h1_year, .newsarticle h1 .h1_clientname { font-size: 0.8em; }
.newsarticle h1 .h1_clientname { color: #666; }
.newsarticle h1 .h1_year { color: #d16534; }

.client_badge_news { position: absolute; top: 6px; right: 18px; width: 108px; height: 86px; background: url(../images/badge_shape.gif) no-repeat;}
.client_badge_news { text-align: right; }
.client_badge_news img { margin: 13px 7px 0 0;}

.newsarticle .story a, .newsarticle .story_narrow a, .wide_service_top .story a {
	color: #fe8d01;
	font-weight: bold;
	text-decoration: none;
}
.newsarticle .story a:hover, .newsarticle .story_narrow a:hover, .wide_service_top .story a:hover {
	background: #000;
	color: #fff;
}
.newsarticle ul, .wide_service_top .story ul {
	list-style: none;
	margin: 0 0 10px 15px;
}
.newsarticle ul li,  .wide_service_top .story ul li {
	background: url(../images/custom_bullet.gif) no-repeat 0 5px;
	padding: 0 0 0 20px;
	font-weight: 400;
	line-height: 1.9;
}
.month_01, .month_02, .month_03, .month_04, .month_05, .month_06, .month_07, .month_08, .month_09, .month_10, .month_11, .month_12 {
	background: url(../images/cal_jan.gif) no-repeat;
	width: 26px; height: 10px;
	text-indent: -5000px;
	display: block;
	margin: 0 auto 8px auto;
}
.month_02{background-image: url(../images/cal_feb.gif)} .month_03{background-image: url(../images/cal_mar.gif)} .month_04{background-image: url(../images/cal_apr.gif)} .month_05{background-image: url(../images/cal_may.gif)} .month_06{background-image: url(../images/cal_jun.gif)} .month_07{background-image: url(../images/cal_jul.gif)} .month_08{background-image: url(../images/cal_aug.gif)} .month_09{background-image: url(../images/cal_sep.gif)} .month_10{background-image: url(../images/cal_oct.gif)} .month_11{background-image: url(../images/cal_nov.gif)} .month_12 {background-image: url(../images/cal_dec.gif)}
.month_hor_01, .month_hor_02, .month_hor_03, .month_hor_04, .month_hor_05, .month_hor_06, .month_hor_07, .month_hor_08, .month_hor_09, .month_hor_10, .month_hor_11, .month_hor_12 {
	background: url(../images/cal_hor_jan.gif) no-repeat;
	width: 30px; height: 13px;
	text-indent: -5000px;
	display: block; float: left;
	margin: 0 4px;
}
.month_hor_02{background-image: url(../images/cal_hor_feb.gif)} .month_hor_03{background-image: url(../images/cal_hor_mar.gif)} .month_hor_04{background-image: url(../images/cal_hor_apr.gif)} .month_hor_05{background-image: url(../images/cal_hor_may.gif)} .month_hor_06{background-image: url(../images/cal_hor_jun.gif)} .month_hor_07{background-image: url(../images/cal_hor_jul.gif)} .month_hor_08{background-image: url(../images/cal_hor_aug.gif)} .month_hor_09{background-image: url(../images/cal_hor_sep.gif)} .month_hor_10{background-image: url(../images/cal_hor_oct.gif)} .month_hor_11{background-image: url(../images/cal_hor_nov.gif)} .month_hor_12 {background-image: url(../images/cal_hor_dec.gif)}
.day_01, .day_02, .day_03, .day_04, .day_05, .day_06, .day_07, .day_08, .day_09, .day_10, .day_11, .day_12, .day_13, .day_14, .day_15, .day_16, .day_17, .day_18, .day_19, .day_20, .day_21, .day_22, .day_23, .day_24, .day_25, .day_26, .day_27, .day_28, .day_29, .day_30, .day_31 {
	background: url(../images/cal_1.gif) no-repeat;
	width: 26px; height: 18px;
	text-indent: -5000px;
	display: block;
	margin: 0 auto;
}
.day_02 {background-image: url(../images/cal_2.gif)} .day_03{background-image: url(../images/cal_3.gif)} .day_04{background-image: url(../images/cal_4.gif)} .day_05{background-image: url(../images/cal_5.gif)} .day_06{background-image: url(../images/cal_6.gif)} .day_07{background-image: url(../images/cal_7.gif)} .day_08{background-image: url(../images/cal_8.gif)} .day_09{background-image: url(../images/cal_9.gif)} .day_10{background-image: url(../images/cal_10.gif)} .day_11{background-image: url(../images/cal_11.gif)} .day_12{background: url(../images/cal_12.gif)} .day_13{background: url(../images/cal_13.gif)} .day_14{background: url(../images/cal_14.gif)} .day_15{background-image: url(../images/cal_15.gif)} .day_16{background-image: url(../images/cal_16.gif)} .day_17{background-image: url(../images/cal_17.gif)} .day_18{background-image: url(../images/cal_18.gif)} .day_19{background-image: url(../images/cal_19.gif)} .day_20{background-image: url(../images/cal_20.gif)} .day_21{background-image: url(../images/cal_21.gif)} .day_22{background-image: url(../images/cal_22.gif)} .day_23{background-image: url(../images/cal_23.gif)} .day_24{background-image: url(../images/cal_24.gif)} .day_25{background-image: url(../images/cal_25.gif)} .day_26{background-image: url(../images/cal_26.gif)} .day_27{background-image: url(../images/cal_27.gif)} .day_28{background-image: url(../images/cal_28.gif)} .day_29{background-image: url(../images/cal_29.gif)} .day_31{background-image: url(../images/cal_31.gif)}
.day_hor_01, .day_hor_02, .day_hor_03, .day_hor_04, .day_hor_05, .day_hor_06, .day_hor_07, .day_hor_08, .day_hor_09, .day_hor_10, .day_hor_11, .day_hor_12, .day_hor_13, .day_hor_14, .day_hor_15, .day_hor_16, .day_hor_17, .day_hor_18, .day_hor_19, .day_hor_20, .day_hor_21, .day_hor_22, .day_hor_23, .day_hor_24, .day_hor_25, .day_hor_26, .day_hor_27, .day_hor_28, .day_hor_29, .day_hor_30, .day_hor_31 {
	background: url(../images/cal_hor_1.gif) no-repeat;
	width: 18px; height: 13px;
	text-indent: -5000px;
	margin: 0;
	display: block; float: left;
}
.day_hor_02 {background-image: url(../images/cal_hor_2.gif)} .day_hor_03{background-image: url(../images/cal_hor_3.gif)} .day_hor_04{background-image: url(../images/cal_hor_4.gif)} .day_hor_05{background-image: url(../images/cal_hor_5.gif)} .day_hor_06{background-image: url(../images/cal_hor_6.gif)} .day_hor_07{background-image: url(../images/cal_hor_7.gif)} .day_hor_08{background-image: url(../images/cal_hor_8.gif)} .day_hor_09{background-image: url(../images/cal_hor_9.gif)} .day_hor_10{background-image: url(../images/cal_hor_10.gif)} .day_hor_11{background-image: url(../images/cal_hor_11.gif)} .day_hor_12{background-image: url(../images/cal_hor_12.gif)} .day_hor_13{background-image: url(../images/cal_hor_13.gif)} .day_hor_14{background-image: url(../images/cal_hor_14.gif)} .day_hor_15{background-image: url(../images/cal_hor_15.gif)} .day_hor_16{background-image: url(../images/cal_hor_16.gif)} .day_hor_17{background-image: url(../images/cal_hor_17.gif)} .day_hor_18{background-image: url(../images/cal_hor_18.gif)} .day_hor_19{background-image: url(../images/cal_hor_19.gif)} .day_hor_20{background-image: url(../images/cal_hor_20.gif)} .day_hor_21{background-image: url(../images/cal_hor_21.gif)} .day_hor_22{background-image: url(../images/cal_hor_22.gif)} .day_hor_23{background-image: url(../images/cal_hor_23.gif)} .day_hor_24{background-image: url(../images/cal_hor_24.gif)} .day_hor_25{background-image: url(../images/cal_hor_25.gif)} .day_hor_26{background-image: url(../images/cal_hor_26.gif)} .day_hor_27{background-image: url(../images/cal_hor_27.gif)} .day_hor_28{background-image: url(../images/cal_hor_28.gif)} .day_hor_29{background-image: url(../images/cal_hor_29.gif)} .day_hor_31{background-image: url(../images/cal_hor_31.gif)}
.year_1997, .year_1998, .year_1999, .year_2000, .year_2001, .year_2002, .year_2003, .year_2004, .year_2005, .year_2006, .year_2007, .year_2008, .year_2009, .year_2010 {
	background: url(../images/cal_1997.gif) no-repeat;
	width: 36px; height: 13px;
	text-indent: -5000px;
	display: block; float: left;
}
.year_1998{background: url(../images/cal_1998.gif) no-repeat;} .year_1999{background: url(../images/cal_1999.gif) no-repeat;} .year_2000{background: url(../images/cal_2000.gif) no-repeat;} .year_2001{background: url(../images/cal_2001.gif) no-repeat;} .year_2002{background: url(../images/cal_2002.gif) no-repeat;} .year_2003{background: url(../images/cal_2003.gif) no-repeat;} .year_2004{background: url(../images/cal_2004.gif) no-repeat;} .year_2005{background: url(../images/cal_2005.gif) no-repeat;} .year_2006{background: url(../images/cal_2006.gif) no-repeat;} .year_2007{background: url(../images/cal_2007.gif) no-repeat;}  .year_2008{background: url(../images/cal_2008.gif) no-repeat;} .year_2009{background: url(../images/cal_2009.gif) no-repeat;} .year_2010{background: url(../images/cal_2010.gif) no-repeat;}

.newslisting_home h3 {
	font-size: 1.1em; font-weight: bold;
	margin: 6px 0;
	width: 340px;
	float: left;
	line-height: 1.3;
	min-height: 20px;
}
.newslisting_home h3 a {
	text-decoration: none;
	color: #000;
	padding: 2px;
}
.newslisting_home h3 a:hover {
	background: #000;
	color: #fff;
}
.newslisting_home p {
	margin: 0 0 7px 0;
}
.btn_newsarchive {
	background: url(../images/btn_newsarchive.gif) no-repeat; 
	width: 143px; height: 33px;
	display: block;
}
.news_bg_1997 { background: url(../images/news_fade_97.gif) no-repeat right top;}
.news_bg_1998 { background: url(../images/news_fade_98.gif) no-repeat right top;}
.news_bg_1999 { background: url(../images/news_fade_99.gif) no-repeat right top;}
.news_bg_2000 { background: url(../images/news_fade_00.gif) no-repeat right top;}
.news_bg_2001 { background: url(../images/news_fade_01.gif) no-repeat right top;}
.news_bg_2002 { background: url(../images/news_fade_02.gif) no-repeat right top;}
.news_bg_2003 { background: url(../images/news_fade_03.gif) no-repeat right top;}
.news_bg_2004 { background: url(../images/news_fade_04.gif) no-repeat right top;}
.news_bg_2005 { background: url(../images/news_fade_05.gif) no-repeat right top;}
.news_bg_2006 { background: url(../images/news_fade_06.gif) no-repeat right top;}
.news_bg_2007 { background: url(../images/news_fade_07.gif) no-repeat right top;}
.news_bg_2008 { background: url(../images/news_fade_08.gif) no-repeat right top;}
.news_bg_2009 { background: url(../images/news_fade_09.gif) no-repeat right top;}
.news_bg_2010 { background: url(../images/news_fade_10.gif) no-repeat right top;}
.newslisting_home li ul li.holder_more_button {
	float: none;
	clear: both;
	margin: 0 0 0 410px;
	width: 48px;
}
.btn_back {
	text-indent: -5000px; font-size: 1%;
	width: 48px;
	height: 20px;
	margin: 6px 0 6px 0;
	background:  url(../images/btn_back.gif) no-repeat;
	display: block;
}

.btn_more {
	text-indent: -5000px; font-size: 1%;
	width: 48px;
	height: 20px;
	margin: 6px 0 6px 0;
	background: url(../images/btn_more.gif) no-repeat;
	display: block;
}
.btn_more:hover, .btn_newsarchive:hover, .btn_feat_project:hover, .btn_back:hover {
	background-position: bottom left;
}
.featured_project_details {
	padding: 0 0 0 30px;
	background: url(../images/home_featured_bckgrd.jpg) no-repeat bottom left;
}
.featured_project_details p {
	padding: 0 30px 0 0;
	font-size: 1em;
}
.featured_project_details h3 {
	padding: 10px 0 0 0;
}
.featured_project_details h3 a {
	text-decoration: none;
	color: #000;
}
.featured_project_details h3 a:hover {
	background: #000;
	color: #fff;
}
.btn_feat_project {
	background: url(../images/btn_feat_study.gif) no-repeat; 
	width: 128px; height: 35px;
	display: block;
	text-indent: -5000px;
	margin: 0 0 0 192px;
}
#logo_strip_home {
	margin: 25px 0 10px 20px; list-style: none; height: 31px;
}
#logo_strip_home li{
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	height: 31px;
}
#logo_strip_home li.last{
	margin: 0;
}
#logo_strip_home li a {
	display: block; text-indent: -5000px; height: 31px; background-repeat: no-repeat; 
}
#logo_strip_home li a:hover {
	background-position: left -35px;
}
.home_jtl { background-image: url(../images/home_jtl.gif); width: 53px; }
.home_monarch { background-image: url(../images/home_monarch.gif); width: 73px; }
.home_lma { background-image: url(../images/home_lma.gif); width: 59px; }
.home_blockbuster { background-image: url(../images/home_blockbuster.gif); width: 47px; }
.home_gallaher { background-image: url(../images/home_gallaher.gif); width: 80px; }
.home_jvc { background-image: url(../images/home_jvc.gif); width: 55px; }
.home_chapel { background-image: url(../images/home_thechapel.gif); width: 90px; }
.home_fmag { background-image: url(../images/home_fmag.gif); width: 52px; }
.home_cosmos { background-image: url(../images/home_cosmos.gif); width: 59px; }
.home_filmnight { background-image: url(../images/home_filmnight.gif); width: 83px; }

#logo_strip_home li a.home_blockbuster:hover { background-position: left -31px; }
#logo_strip_home li a.home_gallaher:hover { background-position: left -31px; }
#logo_strip_home li a.home_jvc:hover { background-position: left -31px; }
#logo_strip_home li a.home_chapel:hover { background-position: left -31px; }
#logo_strip_home li a.home_fmag:hover { background-position: left -31px; }
#logo_strip_home li a.home_cosmos:hover { background-position: left -31px; }
#logo_strip_home li a.home_filmnight:hover { background-position: left -31px; }

/*---------------- News Page --------------------*/
.news_panel_top {
	background: url(../images/news_panel_top.gif) no-repeat;
	margin: 0 0 0 4px;
	padding: 0 0 5px 0;
	min-height: 100px;
}
.no_news { padding: 130px 0 50px 30px; }
.news_1997 { background-image: url(../images/news_1997.gif);}
.news_1998 { background-image: url(../images/news_1998.gif);}
.news_1999 { background-image: url(../images/news_1999.gif);}
.news_2000 { background-image: url(../images/news_2000.gif);}
.news_2001 { background-image: url(../images/news_2001.gif);}
.news_2002 { background-image: url(../images/news_2002.gif);}
.news_2003 { background-image: url(../images/news_2003.gif);}
.news_2004 { background-image: url(../images/news_2004.gif);}
.news_2005 { background-image: url(../images/news_2005.gif);}
.news_2006 { background-image: url(../images/news_2006.gif);}
.news_2007 { background-image: url(../images/news_2007.gif);}
.news_2008 { background-image: url(../images/news_2008.gif);}
.news_2009 { background-image: url(../images/news_2009.gif);}
.news_2010 { background-image: url(../images/news_2010.gif);}
.cmsAdminPagerCurrent {
	color: #f60;
}
.news_year_controls { margin: 10px 0 0 25px; }
.news_year_controls li { list-style: none; float: left; }
.news_year_controls li.buttons { width: 100px; padding: 0; min-height: 10px; }
.news_year_controls li.state_year { width: 275px; text-align: center; font-weight: 700;}
.news_year_controls a { text-decoration: none; color: #000; }
.news_year_controls a:hover { background: #000; color: #fff; }
.dotted_line { border-top: 1px dotted #ccc; height: 10px; margin: 0 20px 25px; clear: both;  }
.news_year_controls li.archive_link { float: right; display: block; margin: 3px 25px 6px 0;}
.news_panel_bottom {
	height: 30px;
	background: url(../images/news_panel_bottom.gif) no-repeat;
	margin: 0 0 0 3px;
}
.news_panel_top h1 {
	display: none;
}
.btn_previous {
	width: 86px; height: 25px;
	display: block;
	text-indent: -5000px;
	background: url(../images/btn_previous.gif);
}
.btn_next {
	width: 56px; height: 25px;
	display: block;
	text-indent: -5000px;
	background: url(../images/btn_next.gif) no-repeat;
}
.btn_previous:hover {
	background-position: left bottom;
}
.btn_next:hover {
	background-position: 0 -26px;
}
.next_prev_nav {
	list-style: none;
	margin: 0 1px 0 0;
	height: 25px;
}
.case_study_right_column .next_prev_nav { margin-right: 20px;}
.next_prev_nav li {
	float: right;
}
.page_list {
	clear: both;
	padding: 75px 0 0 0;
	min-height: 10px;
	line-height: 1;
	list-style: none;
	color: #999;
	float: right;
}
.page_list.bottom { padding-top: 10px !important; }
.page_list strong, .page_on {
	color: #f60;
	font-weight: normal;
}
.page_list li {
	float: left;
	padding: 0 5px;
}
.page_list a {
	color: #999;
	padding: 2px;
	text-decoration: none;
}
.page_list a:hover {
	background: #000;
	color: #fff;
}
.showing { display: none;}
.page_number {
	color: #999;
	padding: 4px 10px 0;
}
.h2_relatednews {
	display: block;
	background: url(../images/news_more_top.gif) no-repeat;
	height: 43px;
	width: 721px;
	margin: 0;
	text-indent: -5000px;
}
.relatednews_holiday_holder {
	background: url(../images/news_more_bottom.gif) no-repeat left bottom;
	width: 721px;
	padding: 0 0 10px 0;
}
.relatednews_holiday {
	padding: 10px 20px 25px;
	background: url(../images/news_more_top2.gif) no-repeat;
	width: 681px;
}
.relatednews_holiday .news_headline_article h3 { width: 540px; }
.calendar_narrow {
	width: 103px;
	height: 21px;
	padding: 11px 0 0 4px;
	margin: 0 15px 0 0;
	background: url(../images/calendar_small.gif) no-repeat;
}
.news_headline {
	list-style: none;
	clear: both;
	margin: 0 0 0 20px;
}
.news_headline li {
	float: left;
}
.news_headline h3 {
	margin: 9px 0 25px 0;
	padding: 0 0 9px 0;
	font-size: 1em;
	width: 560px;
	height: 36px;
	
	line-height: 1.3;
}
.news_headline h3 a {
	color: #302f2f;
	padding: 2px;
	text-decoration: none;
}
.news_headline h3 a:hover {
	background: #000;
	color: #fff;
}
.news_headline .btn_more_holder {
	border-bottom: 1px dashed #ccc;
	margin: -1px 0 0 0;
}
.btn_more_holder {
	height: 55px;
}
.news_headline p {
	margin: 0;
}

.news_headline_case, .news_headline_article {
	list-style: none;
	clear: both;
	margin: 0;
}
.news_headline_case li {
	float: left;
	list-style: none;
	border-bottom: 1px dashed #ccc;
	margin: 0 0 7px 0;
}
.news_headline_article li {
	float: left;
	list-style: none;
	border-bottom: 1px dashed #ccc;
	margin: 0 0 7px 0;
}
.news_headline_case li ul, .news_headline_article li ul {
	min-height: 50px;
}
.news_headline_case li li, .news_headline_article li li {
	border-bottom: 0;
}
.news_headline_case h3, .news_headline_article h3 {
	margin: 8px 0 2px 0;
	padding: 3px 0 9px 0;
	font-size: 1em;
	line-height: 1.2;
	width: 333px;
}
.news_headline_article h3 { margin-bottom: 0; padding-bottom: 0;}
.news_headline_case h3 a, .news_headline_article h3 a {
	color: #302f2f;
	padding: 2px;
	text-decoration: none;
}
.news_headline_case h3 a:hover, .news_headline_article h3 a:hover {
	background: #000;
	color: #fff;
}
.news_headline_article .holder_more_button {
	margin: 15px 0 0 0; float: right;
}
.news_headline_case .holder_more_button { margin: 15px 0 0 0; float: right; }

.news_headline_case p, .news_headline_article p {
	margin: 0;
}

.back_btn_holder {
	width: 48px;
	margin: 5px 11px 16px 0;
	float: right;
}
div.back_btn_holder { margin-right: 32px; }
.article_img {
	clear: both;
	margin: 20px 0 0 -2px;
	padding: 0;
}
.article_img img { margin: 0 0 10px 0; padding: 0; }
.article_img_small {
	margin: 0 0 -10px 0;
	float: left;
}
#news_video { padding: 10px 0 20px 107px; }
#player { border: 2px solid #ccc; width: 451px; height: 326px;}
.news_headline_article .btn_more { position: relative; left: 6px; }
/*---------------- Company History --------------------*/
.history_text_holder {
	background: url(../images/history_panel_bottom.gif) left bottom no-repeat;
}
.history_text {
	background: url(../images/history_panel_top.gif) no-repeat;
	padding: 20px 30px 20px 30px;
}
.history_text a { color: #000; text-decoration: none; border-bottom: 1px dotted #333;}
.h2_name {
	text-indent: -5000px;
	background: url(../images/name_top.gif) no-repeat;
	height: 59px;
	width: 232px;
	margin: 0 0 0 -8px;
	display: block;
	position: relative;
	z-index: 20;
}
.name_holder {
	background: url(../images/name_bg.gif) no-repeat 1px bottom;
	width: 192px;
	padding: 0 20px 10px;
	margin: 0 0 0 -8px;
	position: relative;
	color: #fff;
}
/*---------------- Services List --------------------*/
.services_list {
	list-style: none;
}
.services_list ul {
	list-style:none;
	background: url(../images/service_list_panel.gif) right top no-repeat;
	height: 199px;
	width: 100%;
	margin: 0;
}
.services_list ul.top {
	background: url(../images/service_list_panel_top.gif) right top no-repeat;
}
.services_list ul.contact_panel {
	background: url(../images/service_list_panel_contact.jpg) right top no-repeat;
	width: 220px;
	padding: 25px 0 0 180px;
	height: 174px;
}
.services_list ul.contact_panel li p {
	padding: 0;
	float: left;
}
.services_list ul li p {
	padding: 20px 20px 0 10px;
	float: left;
}
.services_badge_holder {
	width: 171px;
	height: 172px;
	float: left;
	padding: 13px 0 0 0;
}
.services_p_width {
	width:225px;
	float: left;
	height: 152px;
}
.h2_business_apps, .h2_cdrom, .h2_webdesign, .h2_consult, .h2_motion {
	text-indent: -5000px;
	display: block;
	width: 171px;
	height: 172px;
	background: url(../images/services_application.jpg);
}
.h2_cdrom {
	background: url(../images/services_cd.jpg);
}
.h2_webdesign {
	background: url(../images/services_web.jpg);
}
.h2_consult {
	background: url(../images/services_consult.jpg);
}
.h2_motion {
	background: url(../images/services_video.jpg);
}
.h2_business_apps:hover, .h2_cdrom:hover, .h2_webdesign:hover, .h2_consult:hover, .h2_motion:hover {
	background-position: bottom left;
}
.btn_more_services {
	float: right;
	margin: 0 25px 0 0;
}
.btn_contact {
	text-indent: -5000px;
	height: 42px;
	width: 155px;
	display: block;
	background: url(../images/btn_contact_us.gif) no-repeat;
}
.btn_contact:hover {
	background-position: bottom left;
}
.services_list ul.contact_panel p {
	color: #fff;
	width: 150px;
	margin: 0 0 0 8px;
}
.services_list ul.contact_panel p a {
	padding: 1px;
	text-decoration: none;
	background: #fff;
	color: #f98014;
}
.services_list ul.contact_panel p a:hover {
	background: #000;
	color: #fff;
}
#holding.offering_position { margin: 0 0 0 110px; }
.offering_position { height: 320px; position: relative; }
.services_offering {
	background: url(../images/services_offering.jpg) no-repeat;
	list-style: none;
	width: 498px;
	height: 300px;
	position: absolute;
	left: -45px;
}
.services_offering li {
	width: 223px;
	height: 115px;
	float: left;
	padding: 16px 6px 16px 20px;
	font-size: 0.95em;
	line-height: 2;
}
.services_offering h3 {
	color: #f77603;
}
.services_offering li ul {
	margin: 0;
	list-style: none;
}
.services_offering li ul li {
	border: 0;
	padding: 0;
	width: auto;
	height: auto;
	float: none;
}
.service_clients { color: #f77603; margin: 0 10px 0 0;
	min-height: 20px; }
.service_clients a {
	color: #f77603;
	text-decoration: none;
	border: none;
}
.service_clients a:hover {
	text-decoration: underline;
	color: #000;
}
.wide_service_top { background: url(../images/service_holding_top.gif) no-repeat; margin: 13px 0 0 12px; padding: 25px 35px 25px 25px; float: left; width: 658px;}
.wide_service_top p { line-height: 1.7; }
.services_narrow_p { width: 450px; }
.badge_images { background: url(../images/test.png); position: absolute; z-index: 10000; height: 308px; width: 597px; bottom: -30px; right: -30px;}
.service_client_top { background: url(../images/service_client_top.gif) no-repeat; margin: 0 0 10px 0; }
.service_client_bot { background: url(../images/service_client_bot.jpg) no-repeat left bottom; padding: 0 0 10px;}
.service_client_img { float: left; width: 155px; }
.service_client_img img { margin: 25px 0 0 25px; }
.service_client_txt { float: left; width: 500px;}
.service_client_txt h3 { font-size: 1.4em; font-weight: 700; color: #f77603; margin: 25px 0 8px 0; line-height: 1.4; }
.service_client_txt h3, .service_client_txt p { padding: 0 25px 0 10px; }
.service_client_txt a, .wide_service_top a { color: #f77603; }
.service_client_txt a:hover, .wide_service_top a:hover { color: #000; }


/*---------------- Contact Page --------------------*/

.map_holder {
	width: 868px;
	height: 434px;
	background: url(../images/map.jpg) center center no-repeat;
	padding: 14px 0 0 0;
}
.train_info {
	background: url(../images/map_train_info.gif);
	margin: 0 0 269px 547px;
	width: 295px;
	height: 86px;
	text-indent: -5000px;
}
.map_holder ul {
	list-style: none;
	margin: 0 0 0 41px;
	color: #fff;
}
.map_holder ul a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	padding: 3px;
}
.map_holder ul a:hover {
	color: #333;
	background: #fff;
}
.map_pdf {
	background: url(../images/map_pdf_button.gif);
	width: 308px;
	height: 43px;
	float: left;
	padding: 25px 0 0 70px;
	margin: 0 12px 0 0;
}
.map_google {
	background: url(../images/map_google_button.gif);
	width: 338px;
	height: 43px;
	padding: 25px 0 0 70px;
	float: left;
}
.registered_details { text-align: center; margin: 10px 0 0 0; color: #666; font-size: 1em; }
/*---------------- Client List --------------------*/

.badge_column { width: 163px; float: left; text-align: center; padding: 0 0 20px 0;}
.badge_column img { margin: 0;}
.client_jobs h2 { font-size: 1.1em; margin: 0; padding: 30px 10px 0; font-weight: 700; background: url(../images/client_info_top.gif) no-repeat left top; color: #c60;}
.client_jobs { background: url(../images/client_info_bot.gif) no-repeat left bottom; min-height: 27px; padding: 0 0 15px 0;}
.client_jobs ul { margin: 0 0 8px 0; padding: 0; }
.client_jobs li { list-style: none; margin: 0 8px; padding: 0; }
.client_jobs li a { color: #000; text-decoration: none; margin: 0 0; padding: 0 3px;}
.client_jobs li a:hover { color: #fff; background: #000; }


/*---------------- Testimonial Page --------------------*/

.quote_box_top, .first_quote_box_top { background: url(../images/testimonials/quote_top.gif) no-repeat; width: 822px; margin: 0 auto 10px; }
.first_quote_box_top { background: url(../images/testimonials/top_quote_top.gif) no-repeat; margin-top: 14px;}
.quote_box_bot { background: url(../images/testimonials/quote_bottom.gif) no-repeat bottom left;}
.quote_box_img { float: left; width: 155px;  }
.quote_box_img img { margin: 15px 0 15px 25px; }
.quote_box_txt { float: left; width: 657px; background: url(../images/testimonials/quote_marks.gif) no-repeat; margin: 12px 0 0; }
.quote_box_txt blockquote { font-size: 1.1em; color: #333; margin: 0; padding: 20px 20px 0;}
.quote_by, .quote_org {display: block; text-align: right; margin: 0 20px 0 0;}
.quote_by { color: #f78e0d; font-weight: 700;}
.quote_org { color: #999; font-weight: 700; padding: 0 0 20px 0;}
.quote_org a { color: #999; text-decoration: none; }
.quote_org a:hover { color: #000; text-decoration: underline; }

/*---------------- Sitemap Page --------------------*/
.sitemap {
	padding: 20px;
}
.h1_sitemap {
	text-indent: -5000px;
	background: url(../images/h2_sitemap.gif) no-repeat;
	height: 40px;
	width: 108px;
	margin: 0;
	display: block;
	float: left;
}
.sitemap_p { 
	float: left; color: #c60; font-weight: 700;
	padding: 7px 0 0 0;
}
.sitemap_left { float: left; width: 182px; }
.sitemap_email_panel {
	background: url(../images/sitemap_email_panel.gif);
	width: 166px;
	height: 44px;
	padding: 14px 8px 8px;
}
.sitemap_nar_top {
	background: url(../images/sitemap_nar_top.gif) no-repeat;
	width: 182px;
	margin: 0 0 10px 0;
}
.sitemap_nar_top a, .sitemap_email_panel a, .sitemap_wide_top a {
	color: #000;
	text-decoration: none;
}
.sitemap_nar_top a:hover, .sitemap_email_panel a:hover, .sitemap_wide_top a:hover {
	color: #c60;
}
.sitemap_nar_top ul {
	padding: 12px 8px 8px;
	margin: 0;
	background: url(../images/sitemap_nar_bot.gif) left bottom no-repeat;
	font-weight: 700;
}
.sitemap_nar_top li, .sitemap_wide_top ul li {
	list-style: none;
	margin: 0 0 15px 0;
}
.sitemap_nar_top ul ul{
	padding: 0;
	margin: 15px 0 0 15px;
	background: none;
	font-weight: 400;
}
.sitemap_wide_top {
	float: left;
	background: url(../images/sitemap_top.gif); width: 632px;
	margin: 0 0 20px 10px;
	font-weight: 700;
}
.sitemap_wide_bot {
	background: url(../images/sitemap_bot.gif) no-repeat left bottom;
	padding: 12px;
}
.sitemap_wide_top p {
	margin: 0 0 15px 0;
}
.sitemap_wide_top ul {
	padding: 0;
	margin: 15px 0 0 15px;
	background: none;
	font-weight: 400;
}
.sitemap_service {
	width: 190px;
	float: left;
	margin: 0 8px 8px 0;
}
.sitemap_service li, .sitemap_nar_top ul ul li {
	background: url(../images/custom_bullet.gif) no-repeat left center;
	padding: 0 0 0 20px;
}


/*---------------- Case Study Page --------------------*/

.case_study_intro { 
	width: 530px; 
	float: left;
}
.client_badges { 
	position: relative; 
	height: 20px; 
	width: 285px; 
	float: right;
}
.client_badges img { 
	position: absolute; 
	top: -36px; 
	right: 3px; 
	z-index: 100;
}
.case_study_left_column_holder {
	margin: 12px 0 0 15px;
	width: 339px;
	background: url(../images/case_study_col_left.gif) no-repeat;	
	float: left;
}
.case_study_left_column {
	width: 297px;
	background: url(../images/case_study_col_left_bot.gif) no-repeat left bottom;
	padding: 45px 29px 15px 21px;
	line-height: 1.7;
}
.case_study_left_column a { color: #fe8d01; font-weight: 700; text-decoration: none; padding: 2px 4px; display: inline-block; }
.case_study_left_column a:hover { background: #000; color: #fff; }
.case_study_right_column {
	width: 500px;
	float: right;
	clear: none;
	margin: 20px 0 0 0;
}
.case_study_teaser { float: left; width: 328px; padding: 0 0 0 2px; }
.news_headline_case li h3.case_study_h3 { padding: 0; margin: 0; text-indent: 0;}
.h2_thesolution {
	display: block;
	background: url(../images/h2_thesolution.gif) no-repeat;
	height: 34px;
	width: 148px;
	margin: 0 0 10px -2px;
	text-indent: -5000px;
}
.h2_also_see {
	text-indent: -5000px;
	background: url(../images/h2_also_see.gif) no-repeat;
	margin: 0;
	height: 46px;
	width: 509px;
	display: block;
	position: relative; left: -2px;
}
.also_see_panel {
	background: url(../images/also_see_panel.gif) no-repeat left bottom;
	padding: 0 20px 20px 20px;
	width: 469px;
	position: relative; left: -2px;
}
.also_see_panel h3 {
	font-weight: 700;
	font-size: 1.1em;
	padding: 10px 0 0 0;
}
.also_see_panel ul {
	margin: 0;
	min-height: 10px;
}
.also_see_panel ul li {
	margin: 0;
	list-style: none;
	float: left;
	width: 234px;
}
.also_see_panel ul li a {
	text-decoration: none;
	color: #c60;
}
.also_see_panel h3 a {
	text-decoration: none;
	color: #000;
}
.also_see_panel ul li a:hover {
	color: #000;
	text-decoration: underline;
}
.also_see_left, .also_see_right { float: left; width: 230px; padding: 0 0 10px 0;}
.tabs { clear: both; background: url(../images/media_panel_frame.gif) no-repeat; width: 485px; height: 400px; padding: 14px 0 0 2px; margin: 1px 0 0 0; }
.tabNavigation { margin: 0 0 0 15px; width: 400px;}
.tabNavigation li { padding: 0; list-style: none; float: left; width: 123px; height: 28px; margin: 0 2px 0 0;}
.tabNavigation a { background: url(../images/media_panel_tab.gif) left bottom; width: 123px; height: 22px; padding: 6px 0 0 0; text-align: center; display: block; font-size: 0.9em; text-decoration: none; font-weight: 700; color: #ccc;}
.tabNavigation a:hover { color: #fff; }
.tabNavigation a.selected { background-position: left top; color: #333;}
.tabNavigation a.selected:hover { color: #666;}
.tabs div#screenshots { clear: both; margin: 0 0 0 9px; padding: 0 0 0 6px ; }
.tabs div#video, .tabs div#demo { clear: both; border: 1px solid #ccc; width: 451px; height: 326px; margin: 0 0 0 9px; padding: 0;}
.image_background { border: 1px solid #ccc; width: 451px;}
#player_demo img, #player img { margin: 0;}
#player_demo p, #player p { margin: 0; text-align: center; font-size: 1em; font-weight: 700;}
#prevNext { padding: 5px 0 0 0;}
#prevNext p { color: #fff; text-align: center; }
.tabs #prevNext a { color: #fff; text-decoration: none; }
.tabs #prevNext p a:hover { color: #f60; background: #fff; }
#project_news { margin: 15px 0; }
.h2_project_news {
	display: block;
	background: url(../images/h2_project_news.gif) no-repeat;
	height: 34px;
	width: 146px;
	margin: 0 0 10px -2px;
	text-indent: -5000px;
	float: left;
}
blockquote.case_study_testimonial { background: url(../images/case_study_quote_top.gif) no-repeat; clear: both; margin: 0; padding: 20px 30px 10px 20px; color: #c60; font-style: italic; font-size: 1.2em; }
cite.case_study_testimonial { background: url(../images/case_study_quote_bot.gif) left bottom no-repeat; margin: 0; display: block; padding: 0 30px 15px 20px; text-align: right; font-size: 1em; color: #666}

.service_link { padding: 10px 0 0 0; font-size:1.2em;}
.service_link a { color:#c60; text-decoration: none;}
.service_link a:hover { color:#000;}

/*---------------- Footer --------------------*/

.footer_usability {
	background: url(../images/footer_usability_background.jpg) no-repeat;
	margin: 0; padding: 17px 10px 0 0;
	height: 33px;
	list-style: none;
}
.footer_usability li {
	float: right; padding: 0 10px;
	border-left: 1px solid #fff;
	font-weight: bold;
}
.footer_usability li a {
	color: #fff;
	text-decoration: none;
	padding: 2px;
}
.footer_usability li a:hover {
	color: #ff8d00;
	background: #fff;
}
.site_credits {
	margin: 0 0 20px 0;
	padding: 15px 0 0 80px;
	list-style: none;
	background: url(../images/footer_bottom.gif) no-repeat;
	color: #fff;
	font-size: 0.9em;
	height: 55px;
}
.site_credits li {
	float: left;
	padding: 0 15px 0 0;
}
.site_credits .telephone { 
	padding: 0 15px 0 135px;
}
.site_credits .email { 
	width: 184px;
}
.site_credits li a{
	text-decoration: none;
	color: #fff;
	padding: 2px;
}
.site_credits li a:hover{
	background: #fff;
	color: #ff8d00;
}
/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #eee; 
}
/* Use hidden to hide on-screen but visible to printer */
.hidden, .centre_masthead { display: none; }
/* Use this to create a horizontal ruler across a column. */
hr {

  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 1.4em 0;
  border: none; 
  border-bottom: 1px dashed #ccc;
}
hr.space {
  background: #fff;
  color: #fff;
}
li.last, ul.last { border: 0; margin-bottom: 0; padding-bottom: 0;}
.clear {
	clear: both;
	margin: 0;
	padding: 0;
	visibility: hidden;
	height: 0;
}
.float_l { float: left; }

.suite_logo { margin: 2px 15px 0 0; }

/* SIFR
-------------------------------------------------------------- */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size: 43px;
	letter-spacing: -5px;
	margin: -3px 0;
}
.case_study_intro h1 { 
	font-size: 3.3em; color: #f58f29;
	margin: 0 0 7px 0;
}






/*GALLERY*/

/* LIGHT BOX*/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #000;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	padding: 10px;
	border: 10px solid #000;
	border-bottom: 0;
	}

#imageContainer{
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent  url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 1em Verdana, Helvetica, sans-serif;
	background-color: #000;
	margin: 0 auto;
	line-height: 1.4em;
	border: 10px solid #000;
	border-top: 0;
	padding: 10px 10px 0 10px;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; color: #fff;  }	
#imageData #caption{ font-weight: 400;	color: #fff; font-size: 1.1em; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; padding-top: 0.5em; color: #ccc;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; color: #ccc;	}
#imageData #helpDisplay {clear: left; float: left; display: block; color: #ccc; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background: #f60 url(../images/diagonal-pattern.gif);
/*	filter:alpha(opacity=60);*/
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
	
.firefox_over { position: absolute; z-index: 6; background: transparent; display: block; width: 455px; height: 305px;}
	
/*LIGHTBOX ENDS*/
	
.quote_panel { border-bottom: 1px dotted #b2b2b2; border-left: none; border-right: none; padding: 10px 0 8px 10px; }
.quote_panel .mod_description { padding: 0 0 10px 0; margin: 0 0 0 0; color: #000; font-size: 1.0em; }
.quote_panel .mod_description img { padding: 0; margin: 0; }
.quote_panel .mod_description p { color: #000; font-size: 1.0em !important;}
.quote_panel h3 { color: #000; font-style: normal; font-size: 1.2em; line-height: 1.3; padding-top:2px; }

.btn_more_reveal { text-indent: -5000px; font-size: 1%; background: url(../images/btn_more.gif) no-repeat; width: 48px; height: 20px; float: right; display:block; position: relative; top: -22px; right: 0;}
.btn_more_reveal:hover { background-position: bottom left; }
.btn_more_reveal.active { background-image: url(../images/btn_more_close.gif); }

/*---------------- Privacy Policy --------------------*/
.privacy_policy { width: 750px; margin: 20px auto; }
.privacy_policy h1 { color: #c63; font-size: 2.2em; margin: 0 0 20px 0; }
.privacy_policy ol { margin: 0 0 30px 30px; font-size: 1.3em; }
.privacy_policy ol li { margin: 0 0 8px; }
.privacy_policy a { color: #c63; text-decoration: underline; }
.privacy_policy a:hover { color: #000; text-decoration: underline; }
.privacy_policy p { font-size: 1.1em; line-height: 1.6; }
.privacy_policy h2 { padding: 0 0 10px; margin: 20px 0; border-bottom: 1px dotted #ccc; font-size: 1.8em; }
.privacy_policy ul { font-size: 1.1em; }
.privacy_policy ul {
	list-style: none;
	margin: 0 0 10px 15px;
}
.privacy_policy ul li {
	background: url(../images/custom_bullet.gif) no-repeat 0 5px;
	padding: 0 0 0 20px;
	font-weight: 400;
	line-height: 1.9;
}

.web-intro { width: 400px; clear: both; float: left; margin: 0 0 25px 14px; font-size: 1.1em; }
.web-intro a { color: #f60; text-decoration: none; }
.web-intro a:hover, .work-weblink a:hover { text-decoration: underline; }
.web-services { width: 417px; float: right; margin: 0 14px 0 0; background: url(../images/web-services-bottom.gif) no-repeat left bottom; }
.web-services-top { padding: 20px; background: url(../images/web-services-top.gif) no-repeat left top; }
.web-services h2 { color: #f60; font-size: 1.4em; font-weight: 700; }
.web-services ul { margin: 0; padding: 0; color: #333; }
.web-services li { list-style: none; background: url(../images/custom_bullet.gif) no-repeat left 5px; padding: 0 0 0 20px; margin: 0 0 5px; font-size: 1.2em; }
.web-services p { font-size: 1.2em; margin: 0 0 5px; color: #666; }
.work { clear: both; border-top: 1px solid #ccc; margin: 0 14px; padding: 55px 670px 0 0; background: url(../images/work/monarch-01.jpg) no-repeat right 55px; }
.work h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.5em; color: #000; font-weight: 700; margin: 0 0 4px; }
.work blockquote { margin: 0; padding: 0; font-size: 1.3em; padding: 10px 0 0 0; margin: 0; }
.work blockquote p { margin: 0 0 4px; }
.work-clientname { font-size: 1em; }
.work-weblink, .work-casestudy-link { margin: 0 0 4px; }
.work-weblink a { color: #000; text-decoration: none; }
.work-casestudy-link a, .web-services a { color: #f60; }
.work-casestudy-link a:hover, .web-services a:hover { text-decoration: none; }
.list-our-clients { padding: 50px 14px 50px; }

.work-monarch { height: 834px;  }
.work-communikator { background-image: url(../images/work/communikator-01.jpg); height: 765px; }
.work-barker-gillette { background-image: url(../images/work/barker-gillette-01.jpg); height: 913px; }
.work-sola { background-image: url(../images/work/sola-01.jpg); height: 913px; }
.work-lma-business { background-image: url(../images/work/lma-business-club-01.jpg); height: 624px; }
.work-lma { background-image: url(../images/work/lma-01.jpg); height: 940px; }
.work-european-school-tours { background-image: url(../images/work/european-school-tours-01.jpg); height: 1192px; }
.work-cosmos-holidays { background-image: url(../images/work/cosmos-02.jpg); height: 870px; }
.work-acheekyhalf { background-image: url(../images/work/acheekyhalf-01.jpg); height: 1164px; } 
.work-eurofracht { background-image: url(../images/work/eurofracht-01.jpg); height: 720px; }
.work-telegraphs { background-image: url(../images/work/telegraphs-01.jpg); height: 972px; }
.work-thechapel { background-image: url(../images/work/thechapel-01.jpg); height: 575px; }
.work-goodsingle { background-image: url(../images/work/goodsingle-01.jpg); height: 514px; }
.work-proper-records { background-image: url(../images/work/proper-records-01.jpg); height: 835px; }
.work-jtl { background-image: url(../images/work/jtl-01.jpg); height: 609px; }
.work-streetbase { background-image: url(../images/work/streetbase-01.jpg); height: 738px; }
.work-families-utd { background-image: url(../images/work/families-utd-01.jpg); height: 1244px; }
.work-munchkin { background-image: url(../images/work/munchkin-01.jpg); height: 835px; }
.work-saluterecruit { background-image: url(../images/work/salute-01.jpg); height: 770px; }
.work-bluebella { background-image: url(../images/work/bluebella-01.jpg); height: 666px; }
.work-topofpage { text-align: right; }
.work-topofpage a { display: block; width: 80px; padding: 4px 0; text-align: center; color: #000; text-decoration: none; font-size: 0.9em; margin: 0 14px 0 0; float: right; }



/*--Validation--*/
/*--Error Styling for Input Fields--*/
.form_content input.abbsformError,
.form_content select.abbsformError,
.form_content textarea.abbsformError
      { border: 1px solid #990000; background:#ddd; }
/*--Error Message Styling--*/
em.abbsformError { clear:both; border: 0px; color:#d00;}

/*--Valid Styling for Input Fields--*/
.form_content input.abbsformValid,
.form_content select.abbsformValid,
.form_content textarea.abbsformValid
      { border: 1px solid #009900;}
/*--Error Message Styling once Valid--*/
	/*em.abbsformSuccess { width:30px; height:20px; background:#00f; }*/

/*--Error List for Server Side Validation--*/	
.abbsformErrorList p {color:#990000; font-weight:bold;}
.abbsformErrorList ul li {color:#990000;}

.privacy_policy h2.active { background: url(../images/twister-down.gif) no-repeat left 11px; color:#c60; cursor: pointer; padding-left: 20px; }
.privacy_policy h2.active span, .privacy_policy h2.inactive span { font-size: 0.5em; color: #666; }
.privacy_policy h2.inactive { background: url(../images/twister-up.gif) no-repeat left 11px; color:#c60; cursor: pointer; padding-left: 20px; }