@charset "utf-8";
/* CSS Document */

/*** CSS page reset ***/
/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.10.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0; line-height:normal;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal; line-height:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%; line-height:normal;}q:before,q:after{content:'';}
/*** END CSS page reset ***/

/****************MAIN STYLE*******************/
body {behavior:url("../js/csshover.htc"); background-color:#000; font-size: 62.5%; font-family:Arial, Helvetica, sans-serif; color:#fff;}
#shell {}
#headerContainer { background-color:#181818;height: auto!important; min-height:120px; height:120px; width: 1014px; margin: 0 auto;}
#header { background-color:#191919;}
/*CSS HACK for Safari fill up the mysterious space between header and main */
.webkit #header { margin-bottom:-11px;}
/*end of hack*/
#main {width:1074px; margin: 0 auto;}
.gecko #shell { overflow-x: hidden;}
#mainContainer { background:url(../../images/mainContainerBg.gif) repeat-x #404040; min-height:348px; height:auto !important; height:348px;width:964px; margin: 0 auto; padding:17px; }
#footer {width:1074px; margin: 0 auto}
#credits { text-align: center; padding-top: 10px; color:#797979;}
#ad2 { position: relative; top:10px;}
/*************** / MAIN STYLE****************/

/****************GLOBAL SETTING*******************/
.cr { clear:both;line-height:0px; height:0px; font-size:1px;}
a,a:active,a:visited,a:focus { text-decoration: none; color:#fff;}
a:hover {}
.center { text-align:center;}
.right { text-align:right}
.left { text-align:left}
.floatR { float:right; padding-left:10px;}
.floatL { float:left; padding-right:10px;}
.bold { font-weight: bold;}
.italic { font-style:italic;}
.normal { font-weight: normal;}
.border { border-bottom:1px solid #006282;}
.none {line-height:0px; height:0px; font-size:1px;}
.space { height:30px;}
.underline { text-decoration:underline;}
.indent { padding-left:50px}
ul.regularList { list-style:disc; padding:10px 0 10px 50px;}
ul.regularList li{ padding-bottom:5px;line-height:1.4em;}
ul.regularListNoIndnt { list-style:disc; padding:10px 0 10px 10px;}
ul.regularListNoIndnt li{ padding-bottom:5px;line-height:1.4em;}
a.arrowLink,a.arrowLink:active, a.arrowLink:visited, a.arrowLink:focus { background: url(../../images/linkArrow.gif) no-repeat center right; padding: 0 9px 1px 0}
a.arrowLink:hover {background: url(../../images/linkArrowOn.gif) no-repeat center right; padding: 0 9px 1px 0}
.halfColumnL { width: 50%; float:left; border-right: 1px solid #006282;}
.halfColumnR { width:49%;float:right}
/**************** / GLOBAL SETTING*******************/

/****************BACKGROUND*******************/
#headerBgL{ background: url(../../images/headerBgL.gif) repeat-y top left;}
#headerBgR {background: url(../../images/headerBgR.gif) repeat-y top right;}
#headerBgB { background: url(../../images/headerBgB.gif) repeat-x;height:15px;}
#headerBgBL { background:url(../../images/headerBgBL.gif) no-repeat left; width:38px; height:15px; float:left}
#headerBgBR { background:url(../../images/headerBgBR.gif) no-repeat right; width:38px; height:15px; float:right}
#bgL { background:url(../../images/bgL.gif) repeat-y top left;}
#bgR { background:url(../../images/bgR.gif) repeat-y top right;}
#bgB { background:url(../../images/bgB.gif) repeat-x top left; height:55px; width:964px;margin: 0 auto;float:left;}
#bgBL { background:url(../../images/bgBL.gif) no-repeat; width:55px; height:55px;float:left;}
#bgBR { background:url(../../images/bgBR.gif) no-repeat; width: 55px; height:55px; float:right;}
/**************** / BACKGROUND*******************/

/****************TOP NAVIGATION*******************/
h1 { background:url(../../images/logo.gif) no-repeat; width:214px; height:38px; position: absolute; margin-top:40px; margin-left:30px;}
h1 span { visibility:hidden;}
h1 a { display: block; width:214px; height:38px;}
#login a:link,#login a:active,#login a:visited,#login a:focus { background: url(../../images/login_button.png) no-repeat; height:45px; width:120px;position: absolute; margin-top: 15px; margin-left:850px;}
#login a:hover { background: url(../../images/login_button.png) no-repeat; height:45px; width:120px;position: absolute; margin-top: 15px; margin-left:850px;}
.navDivider { float:left;}
ul#mainNav { width:705px; position: relative; top:78px; left:300px; z-index:5;}
ul#mainNav li.nav { float:left; width:140px; height:51px;background: url(../../images/navBgOff.gif) repeat-x top}
ul#mainNav li.nav:hover {background: url(../../images/navBgOn.gif) repeat-x bottom; cursor:pointer!important;}
a#navAbout { display:block; background:url(../../images/navAboutOff.gif) no-repeat center center; width:70px; height:51px; margin:0 auto;}
a#navD3 { display:block; background:url(../../images/navD3.png) no-repeat center center; height:51px; width:127px; margin:0 auto;}
a#navMedia { display:block; background:url(../../images/navMediaOff.gif) no-repeat center center; height:51px; width:108px; margin:0 auto;}
a#navNews { display:block; background:url(../../images/navNewsOff.gif) no-repeat center center; height:51px; width:94px; margin:0 auto;}
a#navContact { display:block; background:url(../../images/navContactOff.gif) no-repeat center center; height:51px; width:87px; margin:0 auto;}

#mainNav li ul { position:absolute; width:140px; left:-999em; }
#mainNav li ul li a {background-color:#323130; padding:7px 0 4px 0; text-align: center; font-size:11px; display:block; width:140px; height:20px;}
#mainNav li ul li a:hover { background:url(../../images/dropdownHoverBg.gif) no-repeat center #323130; xmargin: 0 auto;}
#mainNav li ul li.grayBTM {background:url(../../images/dropdownBg.png) no-repeat; margin-top:-3px;width:140px; height:10px; min-height:10px; height:auto!important;}
/* transparent hack 4 IE6*/
.ie6 #mainNav li ul li.grayBTM 
{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/dropdownBg.png') no-repeat;width:140px; height:10px;min-height:10px; height:auto!important;}
/*end of hack*/

#mainNav li:hover ul, #mainNav li.sfhover ul {left: auto;}

/**************** / TOP NAVIGATION*******************/

/****************INDEX PAGE*******************/
#whoBox { float:left;}
#whoBgTop { background:url(../../images/whoBgTop.gif) no-repeat; height:8px; width: 276px; font-size:1px;}
#whoBgMid { background:url(../../images/whoBgMid.gif) repeat-x bottom left #0e91bd;height:334px; width:276px;}
#whoBgBtm { background:url(../../images/whoBgBtm.gif) no-repeat; height:8px; width:276px;}
#mediaBar { float:right; width:668px; height:350px;}
.boxText { padding:10px; font-size:12px; line-height:1.6em;}
.boxText h2 { font-size:16px; font-weight: 700; font-family:"Futura Md", Geneva, Arial, Helvetica, sans-serif; background:url(../../images/whoSwoosh.gif) no-repeat right top; width:250px; height:28px; padding-bottom:10px;}
#whoLogo { position: relative; bottom:-50px; left:35px;}
#testimonialBox { float:right; padding-right:20px; padding-top:15px;}
#demoBox { float:left;padding-top:15px; width:280px; height:189px;}
#demoBox .boxText { font-size:15px; background:url(../../images/twitter_logo.png) no-repeat center 84% ; padding:23px 10px;line-height:2.5em;}
#demoBox .boxText h3 { text-align: center; font-size:20px; color:#3fafd5;}
#demoBox .boxText2 { font-size:15px; padding:10px 5px;line-height:2.0em;}
#demoBox .boxText2 h3 { text-align: center; font-size:20px; color:#FFFFFF;}
.demoBtn a{  width:242px; height:58px; display:block; margin:0 auto; text-indent:-5000px;}
.demoBtn a:link,.demoBtn a:active,.demoBtn a:visited,.demoBtn a:focus {background:url(../../images/demoBtnOff.gif) no-repeat;}
.demoBtn a:hover {background:url(../../images/demoBtnOn.gif) no-repeat;}
#newsBox { float:right;margin-top:15px; xbackground-color: #fff; height: 189px; width:335px;}
#newsBoxHeader { background: url(../../images/newsHeader.gif) no-repeat; height:41px; width:335px;}
#newsBoxMid { background-color:#fff; height:118px; color: #000; padding:10px;}
#newsBoxMid a, #newsBoxMid a:active ,#newsBoxMid a:visited ,#newsBoxMid a:focus { color:#006282;xtext-decoration:underline;}
#newsBoxMid a:hover { color:#0fa4d6;}
.newsDate { color:#006282; font-style:italic; font-size:12px; padding-bottom:4px;}
.newsHeadline { color:#006282; font-weight:bold; font-size:12px; line-height:1.4em; padding-bottom:3px;}
#newsBoxBL { background:url(../../images/newsBgL.gif) no-repeat bottom; height:10px; width:8px; float:left; font-size:1px;}
#newsBoxBR { background:url(../../images/newsBgR.gif) no-repeat; height:10px; width:8px; float:right; font-size:1px;}
#newsBoxB { background-color:#fff; width: 319px; height:10px; float:left; font-size:1px;}
/**************** / INDEX PAGE*******************/

/**************** SUBPAGE PAGE*******************/
#subpageMain { width: 743px; float: right; }
#subpageHeader { background:url(../../images/aboutUsBg.jpg) no-repeat; height: 171px;} /*header bg for about us pages*/
h2#overview { background: url(../../images/TitleOverview.gif) no-repeat; position: relative; top:100px; left:15px; text-indent:-5000px;height: 23px; z-index:1;}
h2#management { background: url(../../images/TitleManagement.gif) no-repeat; position: relative; top:100px; left:15px; text-indent:-5000px;height: 23px; z-index:1;}
h2#partners { background: url(../../images/TitlePartners.gif) no-repeat; position: relative; top:100px; left:15px; text-indent:-5000px;height: 23px; z-index:1;}
h2#clients { background: url(../../images/TitleClients.gif) no-repeat; position: relative; top:100px; left:15px; text-indent:-5000px;height: 23px; z-index:1;}
h2#jobs { background: url(../../images/TitleJobs.gif) no-repeat; position: relative; top:100px; left:15px; text-indent:-5000px;height: 23px; z-index:1;}
h2#directors{ background: url(../../images/TitleDirectors.gif) no-repeat; position: relative; top:100px; left:15px; text-indent:-5000px;height: 23px; z-index:1;}
/*--end of about us page--*/
/*--D3 Page--*/
#subpageD3Header { background:url(../../images/d3Bg.jpg) no-repeat; height:171px;} 
h2#casestudies { background: url(../../images/TitleCase.gif) no-repeat; position: relative; top:100px; left:15px; text-indent:-5000px; height:23px; z-index:1;}
h2#faq { background: url(../../images/TitleFaq.gif) no-repeat; position: relative; top:100px; left:15px; text-indent:-5000px; height:23px; z-index:1;}
h2#demo { background: url(../../images/TitleDemo.gif) no-repeat; position: relative; top:100px; left:15px; text-indent:-5000px; height:23px; z-index:1;}
/*---Media Service Page--*/
#subpageMediaHeader { background:url(../../images/mediaBg.jpg) no-repeat; height:171px;} 
h2#howitworks { background: url(../../images/TitleHowitworks.gif) no-repeat; position: relative; top:100px; left:15px; text-indent:-5000px; height:23px; z-index:1;}
h2#whatwedo {background: url(../../images/TitleWhatWeDo.gif) no-repeat; position: relative; top:100px; left:15px; text-indent:-5000px; height:23px; z-index:1;}
/*--- end Media Service Page--*/
#subpageContactHeader { background:url(../../images/contactUsBg.jpg) no-repeat; height:171px;} 
h2#contact { background: url(../../images/TitleContact.gif) no-repeat; position: relative; top:100px; left:15px; text-indent:-5000px; height:23px; z-index:1;}
h2#gallery { background: url(../../images/TitleGallery.gif) no-repeat; position: relative; top:100px; left:15px; text-indent:-5000px; height:23px; z-index:1;}
#subpageNewsHeader { background:url(../../images/newsBg.jpg) no-repeat; height:171px;} 
h2#news { background: url(../../images/TitleNews.gif) no-repeat; position: relative; top:100px; left:15px; text-indent:-5000px; height:23px; z-index:1;}
#subpageLoginHeader { background:url(../../images/loginBg.jpg) no-repeat; height:171px;} 
h2#login { background: url(../../images/TitleLogin.gif) no-repeat; position: relative; top:100px; left:15px; text-indent:-5000px; height:23px; z-index:1;}
#subpageMainMid { background-color:#fff; color:#000; font-size:12px; padding:0 20px 20px 20px; line-height:1.4em;}
#subpageBgBR { float:right; background:url(../../images/subpageBgBR.gif) no-repeat bottom right; height:10px; width:9px; font-size:1px;}
#subpageBgBL { float:left; background:url(../../images/subpageBgBL.gif) no-repeat bottom left;height:10px; width:9px;font-size:1px;}
#subpageBgB {background-color:#fff; float:left;height:10px; width:725px;}
/*CSS HACK for ie6*/
.ie6 #subpageBgB { margin-top:-3px;}
/*/ CSS HACK for ie6*/
.columnL { float:left; width: 330px; background-color:#fff;line-height:1.4em;}
.columnR { float:right; width:330px; background-color: #fff;line-height:1.4em;}
.blueSquareL { float:left; background: url(../../images/blueSquareL.gif) no-repeat left; height: 34px; width:11px}
.blueSquareR { float:right; background: url(../../images/blueSquareR.gif) no-repeat right; height: 34px; width:11px}
.blueSquare { float:left;background:url(../../images/blueSquareM.gif) repeat-x; height:34px; width:330px; font-size:13px; color: #fff; padding-top: 8px; padding-left:10px; }
.blueSquareFull { float:left;background:url(../../images/blueSquareM.gif) repeat-x; height:34px; width:690px; font-size:14px; color: #fff; padding-top: 8px; padding-left:10px;}
h3.blueSquareFull a:link,h3.blueSquareFull a:active,h3.blueSquareFull a:hover,h3.blueSquareFull a:visited, h3.blueSquareFull a:focus { color: #fff!important}
.blueSwoosh { background:url(../../images/blueSquareSwoosh.gif) no-repeat; width:196px; height:28px; position: relative; top:-15px; left:230px; z-index:5;}
.blueSwooshFull { background:url(../../images/blueSquareSwoosh.gif) no-repeat; width:196px; height:28px; position: relative; top:-15px; left:170px;}
.blueSquareFullText { font-weight:bold; background: url(../../images/blueSquareSwoosh.gif) no-repeat 75% 80%; padding-right:200px }
.jobTitle { font-size:12px; font-weight: normal; position: relative; z-index:10;}
.divider { border-bottom: 1px solid #006282; }
.oneMember { padding-bottom:15px; width:100%}
.oneMemberHeader { color:#006282; font-weight:bold; font-size:14px; padding-bottom:5px;}
table#partners { width:660px; margin: 0 auto;}
#partners td { width:300px; padding:0 30px 20px 30px;}
.partnerLogo { text-align: center; padding-bottom:12px;}
.oneCountry { padding: 0 0 5px 40px;}
.country { font-size:15px; color:#006282; font-weight:bold;}
.city { font-size:13px; font-weight:bold; padding-bottom:5px;}
.oneCountry ul { padding-left:10px; padding-bottom:5px;}
.oneCountry ul li { padding-bottom:3px;}
.clientsList { margin:10px 0 30px 0;}
.clietsList td{ width:160px; margin: 5px 0; }
.oneTestimonial { width:670px; border-bottom: 1px solid #006282; padding: 10px 0;}
.quoteBox { float:right; padding-left:10px; width:520px;}
.quote { font-family:"Times New Roman", Times, serif; font-size:14px; font-weight:bold; line-height:1.3em;}
.quoteName { font-style:italic; text-align:right; padding:5px 5px 10px 5px;}
.oneJob {border-bottom: 1px solid #006282; padding: 10px 0; width:100%}
.oneJob h3 {color:#006282; font-size:14px; padding-bottom:5px;}
.oneJob h4 { font-size:12px; padding-bottom:5px; padding-left:20px}

h3.howitworks { padding:20px 0 5px 70px; font-size:16px; color: #741010; }
ul.spec { padding-left:110px; list-style:disc;}
ul.spec li { padding-bottom:7px;}
ul.specNote { padding-top:5px; font-size:11px; padding-left:20px; list-style: circle}
.oneMedia { padding:10px;width:250px; background-color:#d5ebf1; margin-bottom:30px; margin-left:30px; border: 1px solid #999; height:110px;}
.oneMedia h4 { font-size:14px; padding-bottom:5px; text-align: center}
.oneMedia ul { padding:5px 0 5px 0;text-align: center;}
.oneMedia ul li { padding-bottom:5px; }
h3.semiHeader {color:#000; padding: 10px 0 5px 0; font-size:15px;}
h4.semisemiHeader { padding-left:30px;}
ul.regularList { list-style:disc; padding:10px 0 10px 50px;}
ul.regularList li{ padding-bottom:5px;line-height:1.4em;}
h3.caseHeader {color:#006282; padding: 8px 0 5px 0; font-size:15px;}
h3.faq { background-color:#c6e0e8; padding:5px; color:#006282; font-size: 14px}
.oneAnswer { padding: 5px 19px 10px 10px; line-height:1.4em; margin-bottom:10px;}
h3.blackHeader { color:#222; font-size:14px; padding-bottom: 20px; text-align: center;}
h3.howItWorksHeader { padding-bottom:5px; font-size:18px;color:#741010;}
/*-------D3 HowitWorksNav---*/
#worksNav { width:650px; margin: 0 auto;}
#worksNav li{ float: left; padding-right:25px; line-height: 2em; color: #741010; height:21px; font-size:12px; padding-bottom:8px;}
#worksNav li a:link, #worksNav li a:active, #worksNav li a:visited, #worksNav li a:focus{color: #741010; padding:3px 12px}
#worksNav li a:hover { background:url(../../images/ArrowNav.gif) no-repeat #741010 right top; color: #fff; height: 21px; width:22px; } 
#worksNav li.here a:link, #worksNav li.here a:active, #worksNav li.here a:visited, #worksNav li.here a:focus, #worksNav li.here a:hover {background:url(../../images/ArrowNav.gif) no-repeat #741010 right top; color: #fff;}
/**************** / SUBPAGE PAGE*******************/

/**************** SUBPAGE PAGE SIDENAV*******************/
#sideNav { width:215px; position:relative; float: left; border-right: 1px solid #404040; background-color:#fff; left:-17px; top:-23px; background:url(../../images/subNavBg.gif) repeat-x top left #404040; height:442px;}
x#sideNav ul { padding:25px 0 45px 0; font-size:13px; font-weight:bold}
x#sideNav ul li a { width: 215px; height:50px; display:block; text-align: center; padding-top:10px;}
x#sideNav ul li a:hover { background:url(../../images/subNavBgOn.gif) repeat-x; height:50px;}
#sideNavOn {background:url(../../images/subNavBgOn.gif) repeat-x; }
.demoBtnSub { margin-top:20px;}
.demoBtnSub a{  width:184px; height:45px; display:block; margin:0 auto; text-indent:-5000px;}
.demoBtnSub a:link,.demoBtnSub a:active,.demoBtnSub a:visited,.demoBtnSub a:focus {background:url(../../images/demoBtnSmallOff.gif) no-repeat;}
.demoBtnSub a:hover {background:url(../../images/demoBtnSmallOn.gif) no-repeat;}
/*demo Btn for white BG*/
.demoBtnW a{  width:184px; height:45px; display:block; margin:0 auto; text-indent:-5000px;}
.demoBtnW a:link,.demoBtnW a:active,.demoBtnW a:visited,.demoBtnW a:focus {background:url(../../images/demoBtnSmallWOff.gif) no-repeat;}
.demoBtnW a:hover {background:url(../../images/demoBtnSmallWOn.gif) no-repeat;}
/**********side nav tweak for D3 SYSTEM PAGES **************/
.subNavOne { text-align: left; font-weight:normal; font-size:11px; margin-left:10px}
.subNavOne li { padding: 0 0 10px 0;}
.subNavOne li a:hover {color:#bf1b1b }
.subNavOne li a.here {color:#741010 }
.subNavTwo { text-align: left; font-weight:normal; font-size:11px; margin-left:20px}
.subNavTwo li { padding: 0 0 10px 0;}
.subNavTwo li a:hover {color:#bf1b1b }
.subNavTwo li a.here {color:#741010 }
.navOne { padding:25px 0 0 0; font-size:13px; font-weight:bold;}
.navOne li a { width: 215px; height:45px; display:block; text-align: left; text-indent:10px; padding-top:10px;}
.navOne li a:hover { background:url(../../images/subNavBgOn.gif) repeat-x; height:45px;}
/**************** SUBPAGE PAGE SIDENAV*******************/

/**************** SUBPAGE PAGE FULL*******************/
#subpageMainFull { width: 961px; margin: 0 auto; }
#subpageBgBFull {background-color:#fff; float:left;height:10px; width:943px; font-size:1px;}
#subpageMainMid a:link,#subpageMainMid a:active,#subpageMainMid a:visited,#subpageMainMid a:focus { color:#006282;}
#subpageMainMid a:hover {color:#0fa4d6; }
.officeBox {width:340px;background-color:#e1eef6; padding:10px; line-height: 1.5em; font-size:13px; xborder:1px solid #1278a9; margin-bottom:15px;}
.officeL { float:left; width:340px;  padding-left:60px;}
.officeR { float:right; width:430px;padding-bottom:10px; line-height:1.5em; font-size:12px; }
.officeL h3, { font-size:14px; font-weight:bold; color:#fff; padding-bottom:3px;}
.officeR h3 { font-size:14px; font-weight:normal; color:#006282; }
.oneNews { padding:10px 60px; background-color:#fff;width:780px;}
.newsList { list-style:disc; padding:10px 30px}
.newsList li { padding-bottom:5px;}
/**************** / SUBPAGE PAGE FULL*******************/

/*******************FORM GENERAL********************/
.formGeneral { padding:10px; width:50%; margin:0 auto; padding-top:30px;}
.formGeneral th {color:#006282;  font-weight:bold; padding:3px; width:100px; text-align:right; margin-bottom:20px; vertical-align:top;}
.formInput { margin:1px 0 8px 3px; width:150px; padding:2px; color:#006282; border: 1px solid #006282}
.loginBtn { background:url(../../images/loginBg.gif) repeat-x; color:#fff; padding:3px 5px; font-weight:bold; cursor:pointer; border:0; font-size:10px; margin-left:3px}
.loginBtn:hover { background:url(../../images/loginBgOn.gif) repeat-x; }
.errorTxt { text-align: center; color:#FF0000;}
/******************* / FORM GENERAL********************/