/* yahoo reset
--------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;padding:0;border:0;outline:0;font-weight: inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;background:transparent;}
em, i {font-style: italic;}
strong {font-weight: bold;}
:focus {outline: 0;}
ol, ul {list-style: none;}
/* ------------------------------------------------------------------------ */



/* grid & structure
--------------------------------------------------------------------------- */

#headerContainer { padding:32px 0 0 0;  background-image:url(../images/header_bg.gif); background-repeat:repeat-x; background-position:0 0;}
#header { margin:0 auto; width:980px; height:86px;}

#contentContainer {background-color:#fff;background-image:url(../images/content_bg.gif); background-repeat:repeat-x; background-position:0 0;}
#content {width:936px; padding:32px 22px; margin:0 auto;}
#content_bottom { height:6px; display:block; background-image:url(../images/content_bottom_bg.gif); background-repeat:repeat-x; margin:0 0 -6px 0; clear:left;}

#footerContainer {width:980px; margin:0 auto; padding:0 0 30px 0;}
#footer { margin:0 0 0 22px; background-color:#fff; font-size:1.1em; padding:4px 13px 2px 13px; background-image:url(../images/footer_bg.gif); background-repeat:repeat-x; background-position:0 0; width:291px; line-height:16px;}

#leftColumn {float:left; width:480px; font-size:1.2em; line-height:17px; }
#rightColumn {float:left; width:402px; margin:0 0 0 40px;}

#insideColumnLeft { width:220px; float:left;}
#insideColumnRight { width:220px; float:left; margin:0 0 0 40px;}

.simpleColumn {width:220px; float:left; margin:0 40px 0 0; font-size:1.2em; line-height:17px;}

#pageTitle {padding:0 0 30px 0; height:72px;}

.endBar { background-image:url(../images/end_bar.gif); background-repeat:no-repeat; height:5px; margin:20px 0;}

/* ------------------------------------------------------------------------ */


/* typo
--------------------------------------------------------------------------- */
body{font-size: 62.5%; color:#455d6f; font-family:Arial, Helvetica, sans-serif; background-color:#196198;}

a{color:#82ba00; text-decoration:none;}
a:visited{color:#82ba00;}
a:hover{color:#82ba00; text-decoration:underline;}
a:focus{outline:none;}


/* ------------------------------------------------------------------------ */


/* common
--------------------------------------------------------------------------- */
html, body{height:100%;}
html{height:100.5%!important;}/* it displays the vertical scroll */
.clear{clear:both;}
.align_right {text-align:right;}

#logo {margin:0 22px;}

#footer a {color:#455d6f;}
#footer .copy {color:#8cc015;}
#footer span {padding:0 4px;}



/* primaryNav --------------------------*/
#primaryNav { width:960px; height:30px;  margin:0 auto; padding:0 10px;  overflow:hidden; position:relative; z-index:100;}
#primaryNav li { float:left;}
#primaryNav li a { height:30px; display:block; float:left; text-indent:-99999px; background-image:url(../images/primary_nav_tabs.gif); background-repeat:no-repeat;}

.aboutNpt a {width:95px; background-position:-9px 0;}
.aboutNpt a:hover {background-position:-9px -30px;}
.aboutNptSelected a {width:95px; background-position:-9px -30px; }

.whyNpt a {width:79px; background-position:-104px 0;}
.whyNpt a:hover {background-position:-104px -30px;}
.whyNptSelected a {width:79px; background-position:-104px -30px;}

.clients a {width:74px; background-position:-182px 0;}
.clients a:hover {background-position:-182px -30px;}
.clientsSelected a {width:74px; background-position:-182px -30px;}

.howDoesItWork a {width:145px; background-position:-256px 0;}
.howDoesItWork a:hover {background-position:-256px -30px;}
.howDoesItWorkSelected a {width:145px; background-position:-256px -30px;}

.howMuchIsIt a {width:121px; background-position:-400px 0;}
.howMuchIsIt a:hover {background-position:-400px -30px;}
.howMuchIsItSelected a {width:121px; background-position:-400px -30px;}

.thePractice a {width:105px; background-position:-521px 0;}
.thePractice a:hover {background-position:-521px -30px;}
.thePracticeSelected a {width:105px; background-position:-521px -30px;}
/* end primaryNav ----------------------*/

/* secondaryNav ------------------------*/
#secondaryNavContainer {border-bottom:1px solid #7cab0e; height:35px; overflow:visible; margin:-4px 0 0 0; background-image:url(../images/secondary_nav_bg.gif); background-repeat:repeat-x; position:relative; z-index:50; }
#secondaryNav { width:936px; margin:0 auto 0px auto; height:32px; overflow:visible!important; padding:4px 22px 0px 22px;position:absolute;  z-index:999999; }
#secondaryNav li { float:left; height:37px; margin:0 22px 0 0;}
#secondaryNav li a { float:left; height:26px; display:block; text-indent:-99999px; background-image:url(../images/secondary_nav_links.gif); }
#secondaryNav .selected { background-image:url(../images/secondary_nav_selected_tab.gif); background-repeat:no-repeat; background-position:center bottom;}

.whatIsNpt a {width:70px; background-position:-22px 0;}

.context a {width:43px; background-position:-193px 0;}
.whoIsItFor a {width:66px; background-position:-258px 0;}


.whyOnlineVideoAdvertising a {width:154px; background-position:-22px -33px;}
.whyUs a {width:41px; background-position:-198px -33px;}






.onWhatPlayers a {width:87px; background-position:-199px -99px;}
.theTarget a {width:56px; background-position:-308px -99px;}

.costs a {width:33px; background-position:-22px -132px;}

.whatIsNext a {width:69px; background-position:-140px -132px;}

.caseStudies a {width:71px; background-position:-22px -165px;}
.trialAccount a {width:71px; background-position:-114px -165px;}
.download a {width:56px; background-position:-207px -165px;}
.blog a {width:25px; background-position:-283px -165px;}
.feedback a {width:54px; background-position:-331px -165px;}



.shortDescription a {width:90px; background-position:-22px -0px}
.adFormats a {width:60px; background-position:-135px 0;}
.theMarket a {width:62px; background-position:-215px 0;}

.ourAdvantages a {width:86px; background-position:-22px -33px;}
.theFutureOfTv a {width:88px; background-position:-130px -33px;}

.whoAreOurClients a {width:105px; background-position:-22px -66px;}


.functions a {width:53px; background-position:-22px -99px;}
.liveStreaming a {width:80px; background-position:-98px -99px;}
.supportedTechnologies a {width:127px; background-position:-199px -99px;}
.targetingMethods	 a {width:101px; background-position:-349px -99px;}
.reports a {width:45px; background-position:-470px -99px;}
.licensing a {width:53px; background-position:-536px -99px;}





.secondaryNavContentContainer {width:980px; margin:0 auto;}

/* end secondaryNav --------------------*/


/* clearfix -----------------------------*/
.clearfix:after {   content: ".";   display: block;    height: 0;    clear: both;    visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/* clearfix ----------------------------*/

/* ------------------------------------------------------------------------ */


/* ads examples -----------------------*/

.adsExamplesTop {height:1%; overflow:hidden; margin:0 0 10px 0;}
.adsExamplesTop .headline {width:154px; height:15px; background-image:url(../images/headline_ads_examples.gif); background-repeat:no-repeat; text-indent:-99999px; float:left;}
.adsExamplesTop .moreAdFormats { float:right; display:block; margin:6px 0 0 0;}



.adsExamplesContent {height:73px;}
.adsFormat_ScrollBody {width:402px; position:absolute; overflow:hidden; height:83px;}
.adsFormat_ScrollBody  .adsFormat_Container {width:804px; position:absolute;}
.adsFormat_ScrollBody  .adsFormat_Container .adsFormat_Row {width:408px; float:left;}
.adsFormat_ScrollBody  .adsFormat_Container .adsFormat_Row .adFormatBox { margin:0 7px 0 0; }




.adFormatBox {padding:3px 3px 0 3px; width:89px; height:81px; overflow:hidden; background-image:url(../images/ad_box.gif); background-repeat:no-repeat; float:left; zoom:1;}
/*.adFormatBox {padding:3px 3px 0 3px; width:89px; height:81px; overflow:visible background-image:url(../images/ad_box.gif); background-repeat:no-repeat; float:left;}*/
.activeAdFormatBox {background-image:url(../images/active_ad_box.gif); }



.prerollAdFormat { display:block; width:89px; height:19px; text-indent:-99999px; background-image:url(../images/ad_formats_pre_mid_post_roll_inactive.gif); background-repeat:no-repeat; background-position:0 0;}
.midrollAdFormat { display:block; width:89px; height:19px; text-indent:-99999px; background-image:url(../images/ad_formats_pre_mid_post_roll_inactive.gif); background-repeat:no-repeat; background-position:0 -19px;}
.postrollAdFormat { display:block; width:89px; height:19px; text-indent:-99999px; background-image:url(../images/ad_formats_pre_mid_post_roll_inactive.gif); background-repeat:no-repeat; background-position:0 -38px;}


.activeAdFormatBox .prerollAdFormat { display:block; width:89px; height:19px; text-indent:-99999px; background-image:url(../images/ad_formats_pre_mid_post_roll.gif); background-repeat:no-repeat; background-position:0 0;}
.activeAdFormatBox .midrollAdFormat { display:block; width:89px; height:19px; text-indent:-99999px; background-image:url(../images/ad_formats_pre_mid_post_roll.gif); background-repeat:no-repeat; background-position:0 -19px;}
.activeAdFormatBox .postrollAdFormat { display:block; width:89px; height:19px; text-indent:-99999px; background-image:url(../images/ad_formats_pre_mid_post_roll.gif); background-repeat:no-repeat; background-position:0 -38px;}

.prerollAdFormat:hover { display:block; width:89px; height:19px; text-indent:-99999px; background-image:url(../images/ad_formats_pre_mid_post_roll.gif); background-repeat:no-repeat; background-position:-89px 0;}
.midrollAdFormat:hover { display:block; width:89px; height:19px; text-indent:-99999px; background-image:url(../images/ad_formats_pre_mid_post_roll.gif); background-repeat:no-repeat; background-position:-89px -19px;}
.postrollAdFormat:hover { display:block; width:89px; height:19px; text-indent:-99999px; background-image:url(../images/ad_formats_pre_mid_post_roll.gif); background-repeat:no-repeat; background-position:-89px -38px;}

.prerollAdFormatSelected { display:block; width:89px; height:19px; text-indent:-99999px; background-image:url(../images/ad_formats_pre_mid_post_roll.gif); background-repeat:no-repeat; background-position:-89px 0;}
.midrollAdFormatSelected { display:block; width:89px; height:19px; text-indent:-99999px; background-image:url(../images/ad_formats_pre_mid_post_roll.gif); background-repeat:no-repeat; background-position:-89px -19px;}
.postrollAdFormatSelected { display:block; width:89px; height:19px; text-indent:-99999px; background-image:url(../images/ad_formats_pre_mid_post_roll.gif); background-repeat:no-repeat; background-position:-89px -38px;}

.overlayerAdFormat, .overlayerAdFormatSelected { display:block; width:89px; height:28px; text-indent:-99999px; background-image:url(../images/ad_formats.gif); background-repeat:no-repeat; background-position:-2px -17px; margin:17px 0 0 0;}

.overlayerAdFormatSelected, .overlayerAdFormat:hover {background-position:-2px -80px;}

.dynamicOverlayerAdFormat, .dynamicOverlayerAdFormatSelected { display:block; width:89px; height:28px; text-indent:-99999px; background-image:url(../images/ad_formats.gif); background-repeat:no-repeat; background-position:-89px -16px; margin:17px 0 0 0;}
.dynamicOverlayerAdFormatSelected, .dynamicOverlayerAdFormat:hover {background-position:-89px -80px; }

.rssDrivenAdFormat, .rssDrivenAdFormatSelected { display:block; width:89px; height:19px; text-indent:-99999px; background-image:url(../images/ad_formats.gif); background-repeat:no-repeat; background-position:-178px -20px; margin:20px 0 0 0;}
.rssDrivenAdFormatSelected, .rssDrivenAdFormat:hover {background-position:-178px -84px;}

.selfRefreshingScrollerAdFormat, .selfRefreshingScrollerAdFormatSelected {display:block; width:89px; height:41px; text-indent:-99999px; background-image:url(../images/ad_formats.gif); background-repeat:no-repeat; background-position:-446px -10px; margin:9px 0 0 0;}
.selfRefreshingScrollerAdFormatSelected, .selfRefreshingScrollerAdFormat:hover {background-position:-446px -74px;}

.onClickExpandingAdFormat, .onClickExpandingAdFormatSelected {display:block; width:89px; height:28px; text-indent:-99999px; background-image:url(../images/ad_formats.gif); background-repeat:no-repeat; background-position:-535px -16px; margin:17px 0 0 0;}
.onClickExpandingAdFormatSelected, .onClickExpandingAdFormat:hover {background-position:-535px -80px;}

.onClickExpanding2AdFormat, .onClickExpanding2AdFormatSelected {display:block; width:89px; height:28px; text-indent:-99999px; background-image:url(../images/ad_formats.gif); background-repeat:no-repeat; background-position:-623px -16px; margin:17px 0 0 0;}
.onClickExpanding2AdFormatSelected, .onClickExpanding2AdFormat:hover {background-position:-623px -80px;}


/* end ads examples -------------------*/



.tableTemplate {border:1px solid #e5e5e5;font-size:1.2em; padding:5px;}
.tableTemplate tr {}
.tableTemplate th {  padding:10px; background-color:#f5f5f5;}
.tableTemplate td {border:1px solid #e5e5e5; padding:10px; }