.imageCaption { line-height : 20px; height : 20px; width : 100%; text-indent : 10px; position : absolute; background : url(i/bg/black80.png) 0 0; margin : 0px; bottom : 0px; display : block; color : #fff; font-size : 11px;  }

#ieWindow, #ieLightBox { display : none; }

.fL { float : left; }
.fR { float : right; }
.no-bg { background : none !important; }
.no-tm { margin-top : 0px; }
.hidden { display : none; }

.toggler { cursor : pointer; } 

.h-style1 { font-size : 1.1em; color : #ff6600; text-transform : uppercase; margin-top : 20px; }

.h-style2 { background : url(i/bg/header-grey-sl.png) 0 0 repeat-x; display : block; line-height : 38px; position : relative; border : 1px solid #d6d6d6; border-bottom-color : #c6c6c6; border-top-color : #e6e6e6; padding : 0px 6px; margin-bottom : 0px !important; }
.h-style2 .readmore { color : #313131; font-size : 12px; display : block; position : absolute; top : -10px; right : 10px; padding-top : 12px; cursor : pointer; }
.h-style2 .readmore:hover { color : #ff6600; }

.t-s1 { color : #ff6600; }
.dl { line-height : 1.8em; }

.pageControls { height : 20px; margin-top : 10px; }
.pageControls .back-btn { float : left; }
.pageControls .top-btn { float : right; padding-right : 16px; }
.top-btn, .back-btn { display : block; color : #666666; text-decoration : none; font-size : 11px; height : 11px; line-height : 11px; background : url(i/btn/topArrow.png) right 0 no-repeat; } 
.back-btn { padding-left: 20px; background : url(i/btn/backArrow.png) 0 0 no-repeat; }
.top-btn:hover { color : #ff6600; background-position : right -11px; }
.back-btn:hover { color : #ff6600; background-position : 0 bottom; }

/* BREAD CRUMB */

.breadcrumb { background-color : #414141; height : 25px; line-height : 25px; color : #929191; font-size : 0.8em; font-weight : bold; margin : 0px 20px; }
.breadcrumb .indent { margin-left : 60px; }
.breadcrumb a { color : #929191; text-decoration : none; }
.breadcrumb span.active { color : #fff; font-weight : normal; }
.breadcrumb a:hover { text-decoration : underline; color : #fff !important; }

/* BUTTONS */
.btn-s1 { text-decoration : none; color : #666; padding-left : 20px; background : url(i/btn/arrowL.png) 0 50% no-repeat; font-size : 11px;}
.btn-s1:hover { color : #ff6600; }

/* Floating Blocks */
.bb { float : left; clear : both; outline : 0px solid red; display : block; z-index : 9; }
.bb2 { float : right; outline : 0px solid red; display : block; z-index : 9;}

.float-i { display : block; z-index : 2; position : absolute; }

.w-text { margin-top : 0px; position : relative; z-index : 4; margin-bottom : 20px; }

/* Page Title */
.pagetitle { margin-right : 20px; float : left; }
.pagetitle img { position : relative; left : -11px; }
.pageindent { margin-left : 110px; margin-right : 120px; text-align : justify; }

/* Floating Window */
.floatingWindow { background-color : #ffefd1; text-align : center; color : #666 !important; }
.floatingWindow { font-size : 2.2em !important; display : block; height : 40px; width : 580px; border : 4px solid #666; padding : 10px; position : absolute; top : -500px; left : 120px; }
.floatingWindow a { position : absolute; top : 0px; right : 0px !important; background : #666 !important; font-size : 18px !important;  display : block; width : 10px !important; line-height : 57px !important; height : 57px !important; padding : 2px 8px !important; }

/* Feature Window */
.feature-window { position : relative; height : 342px; width : 890px; }

.feature-window .fw { height : 30px; }
.feature-window .fw a { text-decoration : none; font-weight : bold; }

.feature-window .desc { position : absolute; bottom : 6px; color : #fff; font-weight :bold; margin : 0px; padding : 0px; font-size : 0.8em; text-indent : 10px; }
.feature-window .topbg { height : 100%; }

.feature-window #controls { position:absolute; width : 100%; height : 100%; bottom : 0px; left : 0px; background : url(i/bg/window-controls.png) 0 100% no-repeat; } 
.feature-window #controls span { display : none; }
.feature-window #controls a { bottom : 6px; outline : 0px; display : block; width : 25px; height : 25px; position : absolute; background-position : 0 0; background-repeat : no-repeat;}
.feature-window #controls a:hover { background-position : 0 100%; }
.feature-window #prev { right : 126px; background-image : url(i/bg/window-prev.png); }
.feature-window #next { right: 29px; background-image : url(i/bg/window-next.png); } 
.feature-window #toggle { position : absolute; display : block; bottom: 20px; }
.feature-window .play { right : 78px; background-image : url(i/bg/window-play.png); }
.feature-window .pause { right : 78px; background : url(i/bg/window-pause.png) 0 0 no-repeat; }

/* Glossary Title */
.glossary { background : url(i/bg/glossary-top.png) 0 0 no-repeat; }
.glossary table { width : 100%; background : url(i/bg/glossary-bottom.png) 0 100% no-repeat; }
.glossary td { text-align : center; padding : 10px 0px; }
.glossary a { text-decoration : none; font-weight : bold; color : #cccccc; font-size : 2.0em; }
.glossary a:hover, .glossary a.active { color : #ff6600; }

/* Design Menu */
.designmenu { width : 666px; height : 407px; position : relative; background : url(i/bg/designmenu.png) 0 0 no-repeat; }
.designmenu a { position : absolute; overflow : hidden; background-repeat : no-repeat; }
.designmenu a:hover { background-position : 0px bottom; }
.designmenu a span { display : none; }

.d-brand { width : 243px; height : 120px; top : 0px; left : 198px; background-image : url(i/menus/branding.png); }
.d-pub { width : 207px; height : 74px; top : 181px; left : 398px; background-image : url(i/menus/publications.png); }
.d-brochures { width : 171px; height : 63px; top : 110px; left : 280px; background-image : url(i/menus/brochures.png); }
.d-enviro { width : 111px; height : 29px; top : 200px; left : 270px; background-image : url(i/menus/environmental.png); }
.d-print { width : 37px; height : 29px; top : 198px; left : 611px; background-image : url(i/menus/print.png); }
.d-web { width : 91px; height : 73px; top : 257px; left : 411px; background-image : url(i/menus/web.png); }
.d-advert { width : 148px; height : 57px; top : 249px; left : 514px; background-image : url(i/menus/advertising.png); }
.d-reports { width : 129px; height : 74px; top : 332px; left : 435px; background-image : url(i/menus/reports.png); }
.d-production { width : 85px; height : 29px; top : 360px; left : 160px; background-image : url(i/menus/production.png); }
.d-packages { width : 77px; height : 34px; top : 308px; left : 588px; background-image : url(i/menus/packages.png); }
.d-media { width : 117px; height : 39px; top : 316px; left : 117px; background-image : url(i/menus/multimedia.png); }
.d-marketing { width : 133px; height : 57px; top : 310px; left : 240px; background-image : url(i/menus/marketing.png); }

/* Site button */
.bs1 { display : block; color : #fff; text-decoration : none; background : url(i/btn/generic-r.png) 100% 0 no-repeat; line-height : 14px; font-size : 0.8em; padding-right : 16px; }
.bs1 span { display : block; background : url(i/btn/generic-l.png) 0 0 no-repeat; padding : 0 4px;  }

.flipbg { background-position : 100% 100%; }
.flipbg span { background-position : 0 100%; }

ul.list-s1 { margin : 0px; padding : 0px; list-style-type : none; }
ul.list-s1 li { background : url(i/bg/orange-arrow.png) 0 8px no-repeat; padding-left : 15px; margin-left : 37px; }

.news-window { border : float : left; width : 340px; }
.news-window div.news { border : 1px solid #b0b0b0; background-color : #f7f7f7; margin-bottom : 4px; padding : 2px 8px; height : 84px;}
.news-window h3 { margin : 0px !important ; padding : 7px 0px; position : relative; font-size : 1.0em; background : url(i/ico/news-arrow.png) 100% 10px no-repeat; }
.news-window h3 a { text-decoration : none; display : block; color : #000; border-bottom : 1px solid #d2d2d2; padding-bottom : 4px;}
.news-window img { float : left; width : 74px; height : 44px; margin-right : 10px; border : 1px solid #e6e6e6; }
.news-window p { font-size : 0.8em; margin-top : 0px; }
.news-window a, .news-window h3 a:hover { color : #ff6600; text-decoration : none; }
.news-window a:hover { text-decoration : underline; }

/* WELCOME BLOCK */
.welcome-block { position : relative; padding : 8px 10px; background : #f5f5f5 url(i/bg/window-sl.png) 0 0 repeat-x; border : 1px solid #bebebe; height : 167px;}
.welcome-block .text { margin-right : 360px; margin-top : 10px;}
.welcome-block .text h2 { font-size : 18px; margin-top : 0px; }
.welcome-block p { line-height : 1.6em; font-size : 14px; }

.promo-btn { position : absolute; right : 0px; height : 91px; width : 339px; top : 0px; }
.promo-btn2 { top : auto !important; bottom : 0px !important; }


/* Accord Panel */
.accord-panel { border : 1px solid #b0b0b0; width : 254px; margin-right :19px; overflow : hidden;}
.accord-panel h3 { border-bottom : 1px solid #b0b0b0; display : block; margin : 0px; padding : 1px; padding-bottom : 0px; font-size : 1.0em; }
.accord-panel h3 span { background : url('i/bg/accord-title.png') 0 0 repeat-x; padding : 6px; display : block; }

.accord-panel h3.toggler:hover:hover span{ background-position: 0 100%; color : #fff;}
.accord-panel .last { border : 0px; }

.accord-panel div.box { background : #fff; margin : 0px 0px; padding : 0px; }

.accord-panel div.box a { color : #ff6600; text-align : right; text-decoration : none; }
.accord-panel div.box a:hover { text-decoration : underline; }


.accord-panel div.box p { color : #2d2d2d; font-size : 0.9em; line-height : 1.6em; margin : 10px 8px 0px 8px; }
.accord-panel div.box img { display: block; }

.accord-panel .imgL img { margin-right : 10px; float : left; }
.accord-panel .imgR img { margin-left : 10px; float : right; }

/* LARGE COMMENT */
.about-page { width : 661px; margin : 0px auto; line-height : 1.6em; font-size : 1.0em; }
.about-text { line-height : 1.6em; }
.about-text strong, .about-page strong { color : #ff6600; }

.about-page h2, .about-page h3 { color : #ff6600; }

.about-page ul li { margin-bottom : 20px; }

.logos-block { margin-top : 20px; }
.logos-block div { float : left; width : 176px; text-align : center; margin-right : 33px; padding-right : 33px; height : 320px; background : url(i/bg/vertical-dot.png) 100% 0 repeat-y; margin-bottom : 30px; }
.logos-block .img { border : 1px solid #cccccc; padding : 10px 0px; text-align : center; }
.logos-block strong { display : block; text-align : left; color : #ff6600; margin-bottom : 10px; height : 40px; }
.logos-block p { margin-top : 0px; text-align : justify; font-size : 0.8em; }
.logos-block .last { margin-right : 0px; padding-right : 0px; background : none; }

.large-comment { font-size : 28px; font-family : Times New Roman; line-height : 48px; color : #666666; text-align : justify; }
.large-comment p { background : url(i/bg/large_openquote.png) 0 0 no-repeat; display : block; padding-left : 10px; margin-top : 0px; }
.large-comment span { display : block; background : url(i/bg/large_closequote.png) 100% 100% no-repeat; padding : 0px 50px; padding-bottom : 4px; } 

/* CLIENTS PAGE */
.enlarge { display : block; color : #414141; position : absolute; line-height : 16px; height : 16px; width : 100px; top : 4px; right : 12px; z-index : 40; font-size : 10px !important; font-weight : bold; background : url(i/ico/magnify.png) right center no-repeat; text-decoration : none !important; border : none !important; }

.client-page, .client-view { background-position : -10px 0; background-repeat : no-repeat; }
.client-p0 { background-image : url(i/bg/clients-text.png); }
.client-p1 { background-image : url(i/bg/public-sector.png); }
.client-p2 { background-image : url(i/bg/private-sector.png); }
.client-p3 { background-image : url(i/bg/third-sector.png); }

.client-page .center { padding-left : 102px; }

.client-view .col-left { float : left; width : 220px; margin-left : 110px; }
.client-view .col-right { float : left; width : 550px; }

.client-view .col-right h2 { margin-top : 0px; border-bottom : 1px solid #ccc; padding-bottom : 10px; font-size : 1.5em;}
.client-view .col-right h5 { margin-top : 0px; margin-bottom : 0px; }

.client-view .desc {  line-height : 1.6em;}
.client-view .desc p { margin-top : 0px; }

.client-view .img-block img { border : 1px solid #ccc !important; }

.client-view .img-m { width : 209px; height : 137px; margin-bottom : 10px; overflow : hidden; position : relative; }

.client-view .img-t { width : 209px; position : absolute; }
.client-view .img-t img { margin-right : 5px; margin-bottom : 10px; }
.client-view .img-t a:hover img { border : 1px solid #ff6600 !important; }

.client-page table { border : 0px; }
.client-page table td { border : 0px; }

.client-title { display : block; }
.client-title span { text-align : center; display : block; position : absolute; top : 0px; }

.client-item { margin : 0px 50px 20px 0px; width:205px; height:160px; float : left; color: #CCCCCC; }
.client-item td { text-align : center; border-bottom : 1px solid #ccc !important; vertical-align : middle; }
.client-item td:hover { border-bottom : 1px solid #ff6600 !important; }
.client-item a { position : relative; width : 205px; height : 159px; display : block; }

.client-item a img { position : relative; z-index : 5; top : 50%; margin-top : -46px; }

.client-item a img.smallimage { margin-top : -46px; width : 124px; height : 94px; }
.client-item a img.largeimage { margin-top : -65px; width : 174px; height : 130px; }

.client-view div.opener p { margin-top : 0px !important;  }

.large-image { margin-bottom : 20px; }
.large-image img { outline : 1px solid #ccc; }

/* NEWS PAGE */
.news-page .last { margin : 0px; }
.news-page .last .news-content { margin-bottom : 0px; background : none !important; }
.news-item { margin-bottom : 10px; color : #414141; }

.news-item .news-content { float : left; width : 640px; background : url(i/bg/horiz-dot.png) 0 100% repeat-x; padding-bottom : 20px; min-height : 122px; line-height : 1.8em; text-align : justify;}
.news-item .news-content h2 { margin : 0px; padding : 0px; font-size : 1.2em; line-height : normal; }
.news-item .news-content span.date { color : #ff6600; margin-top : 10px; display : block; }
.news-item .image { float : left; width : 220px; margin-right : 22px; border : 1px solid #ccc; }
.news-item .bs1 { width : 60px; }

.news-page .pager { margin-left : 240px; margin-top : 20px; }

/* JOB PAGE */
.job { margin-bottom : 40px; }
.job-block { background-color : #f5f5f5; border : 1px solid #ccc; }
.job-block h3 { margin : 0px; border-bottom : 1px solid #ccc; padding : 6px 14px; background : url(i/bg/job-header.png) 0 0 repeat-x; color :#5b5b5b; }
.job-block div.job-content { background-color : #fff; }

.job-block table { color : #5b5b5b; background : url(i/ico/suitcase.jpg) 50px bottom no-repeat; padding-bottom : 40px; float : left; width : 670px; margin-right : 10px; margin-top : 10px; }
.job-block td { vertical-align : top; }
.job-block td p { margin : 0px; background : url(i/bg/horiz-dot.png) 0 100% repeat-x; padding : 10px 0px; }
.job-block td span { display : block; padding : 10px 0px; }
.job-block td.label { font-weight : bold; width : 120px; text-align : right; padding-right : 10px; }


.job-block .download { width : 180px; background : #f5f5f5; border : 1px solid #ccc; float : left; margin-top : 20px; }
.job-block .download td { padding : 10px; }

.job-bottom { margin : 0px 14px; background-color : #414141; padding : 5px; text-align : right; position : relative; height : 15px; } 
.job-bottom a { font-size : 1.0em; padding-left : 5px; line-height : 33px; }
.job-bottom a { position : absolute; top : 0px; right : 0px; display : block; height : 33px; border : 0px; background : url(i/btn/submit-btn.png) 0 0 no-repeat; color : #fff; font-weight : bold; cursor : pointer; padding-right : 50px; text-decoration : none; }
.job-bottom span { margin-right : 134px; color : #fff; font-size : 0.9em;}

/* CONTACT PAGE */
.contact-window { background-color : #f5f5f5; border : 1px solid #cccccc; height : 620px; }
.contact-window .padding { padding : 10px 14px; }
.contactinfo-window .padding { padding : 4px;  }
.form-window { width : 532px; }
.contactinfo-window { width : 332px; }

.form-window .contactform-title { position : relative; margin : 10px 0px; padding-bottom : 22px; font-size : 1.2em; color : #ff6600; background : url(i/bg/contact-form-title.png) center bottom no-repeat; }
.form-window .contactform-title span { position : absolute; right : 10px; top : 6px; font-size : 0.8em; color : #333; font-weight : normal; }
.form-window .contactform-title span span { color : #ff6600; position : static; font-size : 0.8em; }
.form-window .form-field { margin-bottom : 40px; height : 20px;}
.form-window .text-field { height : auto; }

.form-window label { display : block; width : 120px; float : left; text-align : right; margin-right : 16px; font-size : 0.9em; padding : 6px 0px; position : relative; font-weight : bold; color : #333;}
.form-window label span { color : #ff6600; position : absolute; right : -6px; top : 0px; font-weight : normal; }

.form-window input, .form-window textarea { float : left; border : 1px solid red; width : 120px; background-color : #fff; border : 1px solid #cccccc; width : 344px; padding : 6px; }
.form-window textarea { height : 160px; }
.form-window .error { display : block; clear : both; margin-left : 136px; color : #ff6600; font-size : 0.8em; }

.contactinfo-window h3 { font-size : 0.9em; padding : 4px 12px; color : #333; }
.contactinfo-window p { padding : 0px 12px; font-size : 0.8em; }

.window-controls { position : relative; background : url(i/bg/navbg.png) 0 0 repeat-x; border-width : 0px 1px 1px 1px; border-style : solid; border-color : #f5f5f5; padding : 6px; margin : 0px 10px; }
.window-controls span { color : #fff; font-size : 0.8em; }
.window-controls input, .window-controls a { position : absolute; right : 4px; top : 0px; height : 33px; font-size : 0.9em; border : 0px; background : url(i/btn/submit-btn.png) 0 0 no-repeat; color : #fff; font-weight : bold; cursor : pointer; padding-right : 60px; }
.window-controls a { line-height : 33px; padding-left : 6px; text-decoration : none; font-weight : bold; font-size : 0.9em; width : 54px;}

.captcha-control .text-field { width : 165px; margin-right : 20px; }
.captcha-control img { border : 1px solid #ccc; }

/* BUBBLE */
#cert { position : relative; z-index : 300; }

.bubbleInfo, .certSep { position : relative; z-index : 100; width : 150px; position : absolute; top : 14px; }
.certSep { background : url(i/bg/vdot.png) 0 0 no-repeat; width : 2px; height : 100%; z-index : 101; top : 16px; } 

.trigger { position : absolute; }

/* Bubble pop-up */
.popup { margin : 0px;  padding : 0px; position: absolute; display: none; z-index: 280; border-collapse: collapse; } 


/* VIDEO BUTTON */
.video-btn { width : 233px; height : 74px; overflow : hidden; background : url(i/btn/video-btn.png) 0 0; position : relative; display : block; color : #fff; text-decoration : none; }
.video-btn:hover { background-position : 0 bottom; }
.video-btn:hover .playbtn { background : url(i/btn/video-playa.png) center center no-repeat; }
.video-btn img { position : absolute; top : 10px; left : 10px; border :1px solid #fff; }

.video-btn span.playbtn, .video-btn span.title, .video-btn span.info { display : block; position : absolute; }

.video-btn span.playbtn { top : 10px; left : 10px; background : url(i/btn/video-play.png) center center no-repeat; width : 67px; height : 44px;} 
.video-btn span.title { left : 90px; top : 10px; font-size : 11px; font-weight : bold; }
.video-btn span.info { left : 90px; top : 30px; font-size : 9px;}

/* SLIDE WINDOW */
.c-media { min-height : 342px; width : 890px; position : relative; margin-bottom : 20px; }

.slideWindow { height: 342px; position:relative; z-index: 33; overflow : hidden; }
.slideWindow .c-left { float:left; width: 657px; background-color : #333; } 
.slideWindow .c-right { float: right; width: 233px; padding-top : 46px; background-color : #333;} 

.mini-pager { position : absolute; top : 16px; text-align : center; margin : 0px 10px; font-size : 10px; clear : both; }
.mini-pager a { color : #fff; padding : 2px 6px; text-decoration : none; background : url(i/bg/pager-bg.png) 0 0 repeat-x; margin-right : 4px; }
.mini-pager a:hover { background: #ff6600; }

.c-tab { background : url(i/bg/grey-sl.png) 0 0 repeat-x; padding-top : 3px; position : absolute; z-index : 34; top : 0px; left : 0px; width : 100%; }

#MovieButton { background : url(i/bg/btm-tab.png) 0 0 no-repeat; color : #fff; display : block; text-decoration : none; line-height : 34px; width : 143px; height : 34px; position : absolute; right : 0px; outline : 0px; float : right; }
#MovieButton:hover { color : #ff6600; outline : 0px; }
#MovieButton span { background-position : 30px center; padding-left : 70px; font-weight : bold; font-size : 12px; }
.vid-ico span { display : block; background : url(i/ico/filmstrip.png) no-repeat; }
.pic-ico span { display : block; background : url(i/ico/slideshow.png) no-repeat; }

/* UNIQUE BUTTONS */
.scrollbtn a, .scrollbtn .shadowText { position : relative; display : block; width : 100%; height : 100%; color : #fff; font-weight : bold; font-size : 20px; text-decoration : none; padding-top : 20px; padding-left : 20px; z-index : 11; }
.scrollbtn a span, .scrollbtn span { display : block; font-size : 12px; font-weight : normal; }
.scrollbtn .shadowText { position : absolute; z-index : 10; color : #000 !important; top : 2px; left : 2px; }


/* Packages */

.Packages img 
{
	margin-right: 59px;
}

.Packages h3

{
	color: #ff6600;
	font-weight: bold;
}

.Packages hr
{
	border: none 1px black;
	border-bottom: solid 1px #ff6600;
	margin-bottom: 50px;
}

.Packages p
{
	color: #666666;
	font-size: smaller;
}