/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */
html, body {
    margin: 0;
    padding: 0;
    height: 100%; /* needed for container min-height */
    background: #F0F2F3;
    font: 12px Helvetica, Verdana, Arial, sans-serif;
    color: #636466;
    background-image: url(../images/background.gif);
    background-repeat: repeat-y;
    background-position: center top;
}

.leftimage-publishers {
    background-image: url(../images/leftimage-publishers.png);
    background-repeat: no-repeat;
    background-position: 10px 400px;
}

table, td, tr {
    margin: 0;
    padding: 0;
}

img {
    border: none;
}

#img-align {
    text-align: center;
}

.img-align {
    text-align: center;
}

#bodyshadow {
    background-image: url(../images/background.gif);
    background-repeat: repeat-y;
    background-position: center top;
    color: #636466;
    height: 100%;
}

h1 {
    /* font: 1.5em georgia, serif;
     margin: 0.5em 0;*/
    font-size: 18px;
}

h2 {
    font: 1.25em georgia, serif;
    margin: 0 0 0.5em;
}

h1, h2, a {
    color: #FF8500;
}

hr {
    border-top: 0px solid #efefef;
    border-bottom: 1px solid #efefef;
    border-left: 0;
    border-right: 0;
}

p {
    /* line-height: 1.5;*/
    margin: 0 0 1em;
}

div#container {
    position: relative; /* needed for footer positioning*/
    margin: 0 auto; /* center, not in IE5 */
    width: 835px;
    background-color: #FFF;
    height: auto !important; /* real browsers */
    height: 100%; /* IE6: treaded as min-height*/
    min-height: 100%; /* real browsers */
}

div#container-publishers {
    position: relative; /* needed for footer positioning*/
    margin: 0 auto; /* center, not in IE5 */
    width: 835px;
    background: #FFF;
    height: auto !important; /* real browsers */
    height: 100%; /* IE6: treaded as min-height*/
    min-height: 100%; /* real browsers */
    background-image: url(../images/leftimage-publishers.png);
    background-repeat: no-repeat;
    background-position: 10px 400px;
}

.main-header {
    margin-bottom: 20px;
}

#headerimage-brands {
    background-image: url(../images/headerimage-brands.jpg);
    background-repeat: no-repeat;
    height: 100px;
    width: 590px;
}

#headerimage-agencies {
    background-image: url(../images/headerimage-agencies.jpg);
    background-repeat: no-repeat;
    height: 100px;
    width: 590px;
}

#headerimage-publishers {
    background-image: url(../images/headerimage-publishers.jpg);
    background-repeat: no-repeat;
    height: 100px;
    width: 590px;
}

#headerimage-technology {
    background-image: url(../images/headerimage-technology.jpg);
    background-repeat: no-repeat;
    height: 100px;
    width: 590px;
}

#headerimage-company {
    background-image: url(../images/headerimage-company.jpg);
    background-repeat: no-repeat;
    height: 100px;
    width: 590px;
}

.leftbrands {
    background-image: url(../images/leftimage-brands-1000.jpg);
    background-repeat: no-repeat;
    background-position: 15px 400px; /* Was 10px */
}

.leftagencies {
    background-image: url(../images/leftimage-agencies-1000.jpg);
    background-repeat: no-repeat;
    background-position: 15px 348px; /* Was 10px */
}

.leftpublishers {
    background-image: url(../images/leftimage-publishers-1000.jpg);
    background-repeat: no-repeat;
    background-position: 15px 375px; /* Was 10px */
}

.lefttechnology {
    background-image: url(../images/leftimage-technology-1000.jpg);
    background-repeat: no-repeat;
    background-position: 15px 270px; /* Was 10px */
}

.leftcompany {
    background-image: url(../images/leftimage-company-1000.jpg);
    background-repeat: no-repeat;
    background-position: 15px 322px; /* Was 10px */
}

div#navbar {
    padding: 0;
    height: 28px;
}

#navleft {
    /* float: left;*/
}
/* Start  Nav Menu */
.hide {
    position: absolute;
    z-index: -100;
    color: #FFF;
}

.nav {
    height: 28px;
    width: 626px;
    font: 12px Helvetica, Verdana, Arial, sans-serif;
    background-image: url(../images/nav-background.png); /* IE5 hover/state fix */
}

.nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav a {
    display: block;
    width: 6em;
    color: #FFF;
    text-decoration: none;
    height: 28px;
}

.nav li {
    float: left;
    width: 10em;
    padding: 0;
}

.nav li ul {
    position: absolute;
    left: -999em;
    height: auto;
    width: 13.9em;
    font-weight: 400;
    margin: 0;
}

.nav li li {
    padding-right: 1em;
    width: 12.9em;
    height: 17px;
    background: #9A9A9C; /* Menu Color */
}

.nav li ul a {
    width: 12.5em;
    height: 17px;
    color: #000;
    padding-left: .5em;
}

.nav li ul a:hover {
    color: #FFFFFF;
    /* Hover Text Color */
    text-decoration: none;
}

.nav li ul ul {
    margin: -1.75em 0 0 14em;
}

.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul {
    left: -999em;
    text-decoration: none;
}

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

.nav li:hover, .nav li.sfhover {
    background: #222222; /* Menu hover color */
}

#subnav li:hover, #subnav li.sfhover {
    /* background: #222222; */ /* Sub menu hover color */
}

p.c15 {
    margin-top: 15px;
    margin-left: 2px;
    margin-bottom: 10px;
    color: #000;
}

.nav li ul a.subtitle {
    cursor: default;
}

.nav li ul a.indent {
    color: #FFF;
    margin-left: 10px;
    margin-right: -10px;
}

.nav li ul a acronym {
    color: #000;
    border-bottom: none;
    font-size: 12px;
    cursor: pointer;
}

.nav li ul a:hover acronym {
    color: #FFF;
}

.nav li ul a.title {
    color: #000;
}

li.brands {
    width: 124px;
}

a.brandsimage {
    text-decoration: none;
    width: 124px;
    background-image: url(../images/nav-brands.png);
    background-repeat: no-repeat;
}

li.agencies {
    width: 124px;
}

a.agenciesimage {
    text-decoration: none;
    width: 124px;
    background-image: url(../images/nav-agencies.png);
    background-repeat: no-repeat;
}

li.publishers {
    width: 124px;
}

a.publishersimage {
    width: 124px;
    background-image: url(../images/nav-publishers.png);
    background-repeat: no-repeat;
}

li.technology {
    width: 124px;
}

a.technologyimage {
    text-decoration: none;
    width: 124px;
    background-image: url(../images/nav-technology.png);
    background-repeat: no-repeat;
}

li.company {
    width: 130px;
}

a.companyimage {
    text-decoration: none;
    width: 130px;
    background-image: url(../images/nav-company.png);
    background-repeat: no-repeat;
}

a.c4 {
    width: 182px;
}

li.home {
    width: 100px;
}

a.homeimage {
    text-decoration: none;
    width: 100px;
    background-image: url(../images/nav-buttons/navhome.jpg);
    background-repeat: no-repeat;
}
/* End Nav Menu */
div#header {
    background-image: url(../images/headernologo.jpg);
    height: 383px;
}

div#header p {
    font-style: italic;
    font-size: 1.1em;
    margin: 0;
}

div#header-inner {
    height: 28px;
}

div#logo {
    float: left;
    position: absolute;
    left: 0; /* IE Fix */
    border-style: none;
    width: 135px;
}

div#logo img {
    border-style: none;
}

div#logoinner {
    background-image: url(../images/header-topnologo.png);
    height: 100px;
}
/* This is the logo link clickable area */
#logo-zone {
    position: absolute;
    top: 0px;
    left: 10px;
    height: 100px;
    width: 125px;
    background-color: transparent;
}

table#maintable {
    margin-bottom: 20px;
}

div#content {
    margin-left: 10px;
    text-align: left;
}

div#content p {
    text-align: justify;
}

div#textcontainer {
    width: 600px;
    float: right;
    margin-top: 10px;
    padding-right: 10px;
}

div#textcontainer p {
    margin-top: 0;
    margin-bottom: 20px;
    display: block;
    text-align: justify;
    clear: left;
}

div#textcontainer a {
    color: #FF8500;
    text-decoration: none;
}

div#textcontainer a:hover {
    color: white;
    text-decoration: underline;
    background-color: silver;
}

div#textcontainer h2 {
    font-family: tahoma, Arial, Helvetica, sans-serif;
    font-size: 125%;
    display: inline;
    font-weight: bold;
    color: #5d5d5d;
    line-height: 135%;
    margin-top: 0;
}

div#textcontainer h3 {
    font-family: tahoma, Arial, Helvetica, sans-serif;
    font-size: 125%;
    display: block;
    font-weight: bold;
    color: #666;
    line-height: 125%;
    padding-bottom: 5px;
    border-bottom: 1px solid #efefef;
    margin-bottom: 6px;
}

div#textcontainer h4 {
    font-family: tahoma, Arial, Helvetica, sans-serif;
    font-size: 105%;
    display: block;
    font-weight: bold;
    color: #363626;
    line-height: 125%;
    padding-bottom: 5px;
    margin: 0;
}

div#textcontainer h5 {
    font-family: tahoma, Arial, Helvetica, sans-serif;
    font-size: 105%;
    display: inline;
    font-weight: bold;
    color: #055f92;
    line-height: 125%;
    margin: 0;
}

div#textcontainer h6 {
    font-family: tahoma, Arial, Helvetica, sans-serif;
    font-size: 100%;
    display: inline;
    font-weight: bold;
    color: #666;
    line-height: 125%;
    margin-top: 0;
}

div#textcontainer ul {
    padding: 0;
    margin-top: 0px;
    margin-left: 0px;
    width: 100%;
    display: table;
    margin-bottom: 10px;
}

div#textcontainer li {
    list-style-type: none;
    background-image: url(../images/bullet-standard.png);
    background-repeat: no-repeat;
    float: left;
    width: 245px;
    margin-right: 20px;
    padding-left: 20px;
    display: table-row;
}

div#textcontainer #nobullet li {
    background-image: none;
    width: 500px;
    margin-bottom: 10px;
}

div#textcontainer #nobullet2 li {
    background-image: url(../images/checkmark.gif);
    background-repeat: no-repeat;
    background-position: right top;
    width: 500px;
    margin-bottom: 10px;
}

div#textcontainer .nobullet2 li {
    background-image: url(../images/checkmark.gif);
    background-repeat: no-repeat;
    background-position: right top;
    width: 500px;
    margin-bottom: 10px;
    padding-right: 20px;
}

div#textcontainer #triangle li {
    background-image: url(../images/bullet-triangle.png);
    background-repeat: no-repeat;
    width: 500px;
}

div#textcontainer .triangle li {
    background-image: url(../images/bullet-triangle.png);
    background-repeat: no-repeat;
    width: 500px;
}

div#textcontainer #thinlist ul {
    /* width: 210px; */
    width: 75px;
}

div#textcontainer #thinlist li {
    background-image: url(../images/bullet-standard.png);
    background-repeat: no-repeat;
    /* width: 210px; */
    margin-right: 0;
    width: 175px;
}

div#textcontainer #longlist ul {
    background-image: url(../images/bullet-standard.png);
    background-repeat: no-repeat;
    width: 500px;
}

div#textcontainer #longlist li {
    background-image: url(../images/bullet-standard.png);
    background-repeat: no-repeat;
    width: 500px;
}

div#textcontainer .longlist ul {
    background-image: url(../images/bullet-standard.png);
    background-repeat: no-repeat;
    width: 500px;
}

div#textcontainer .longlist li {
    background-image: url(../images/bullet-standard.png);
    background-repeat: no-repeat;
    width: 500px;
}

#textcontainergradient {
    /*background: url(../images/main-background-gradient.jpg);
     background-repeat: repeat-x;
     padding: 5px;*/
    padding-left: 5px;
}
/* Begin Left Side */
#leftside {
    margin-right: 20px;
    font: 11px Helvetica, Verdana, Arial, sans-serif;
    height: 171px;
}
/* End Left Side */
div#rightside {
    float: right;
    position: absolute; /* IE Fix */
    right: 0px; /* IE Fix */
    width: 260px;
}
/* Start Right Side */
#rightside {
    margin-right: 10px;
    margin-top: 20px;
    line-height: 1.6em;
    font: 12px Helvetica, Verdana, Arial, sans-serif;
    line-height: 14px;
}

#rightsideinner {
    margin-right: 10px;
    line-height: 1.6em;
}

#rightwrapper {
    padding-top: 10px;
    height: auto;
    font-size: 12px;
}

#rightcontent {
    background-color: #DEDEDE;
    text-align: left;
    width: 260px;
    font-size: 12px;
}

#recentnews {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 15px;
    width: 245px;
}

#recentnews a {
    text-decoration: none;
}

#recentnews a:hover {
    text-decoration: underline;
    background-color: #999;
}

#clientsandpartners {
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #E0E0E0;
    width: 260px;
    height: 90px;
}
/* End Right Side */
/* Start Image Menu */
#kwick {
    margin: 0px;
    padding: 0px;
    float: left;
    height: 175px;
    /*   position: absolute; /* IE Hacks */
    /*    left: 0; /* IE Hacks */
    width: 515px;
    clear: both;
    /*    margin-left: 20px;*/
    /*    margin-top: 20px; */
    /*padding-left: 10px;
     padding-top: 20px;*/
    margin-left: 10px;
    margin-top: 20px;
    display: table;
    border: 0px;
}

#kwick ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#kwick .kwicks {
    display: block;
    height: 171px;
    background: #FFF url(imagemenu/v2-panelbg.png) top right no-repeat;
    margin: 0px;
}

.kwicks {
    margin: 0px;
    padding: 0px;
}

#kwick .kwick span {
    display: none;
}

#kwick li {
    float: left;
}

#kwick .kwick {
    display: block;
    cursor: pointer;
    overflow: hidden;
    height: 171px;
    width: 125px;
    background: #fff;
    border-right: 2px solid #FFF;
}

#kwick .opt1 {
    background: #FFF url(imagemenu/panel1a.jpg);
}

#kwick .opt2 {
    background: #FFF url(imagemenu/panel2a.jpg);
}

#kwick .opt3 {
    background: #FFF url(imagemenu/panel3a.jpg);
}

#kwick .opt4 {
    background: #FFF url(imagemenu/panel4a.jpg);
    border-right: 0;
}

#kwick .opt5 {
    background: #FFF url(imagemenu/smartad-05.png);
    border-right: 0;
}
/* End Image Menu */
.clear {
    clear: both;
}

div#footer {
    position: absolute;
    left: 0; /* IE Fix */
    width: 100%;
    bottom: 0; /* stick to bottom */
    background: #FFF;
    font-size: 10px;
}

.leftside {
    clear: both;
    float: left;
    color: #636466;
}

.leftside a {
    color: #636466;
    text-decoration: none;
}

.leftside a:hover {
    color: #636466;
    text-decoration: underline;
}

.rightside {
    float: right;
    color: #636466;
}

.rightside a {
    color: #636466;
    text-decoration: none;
}

.rightside a:hover {
    color: #636466;
    text-decoration: underline;
}
/*** OLD IION ***/
#subpg_leftcol {
    width: 200px;
    margin-top: 10px;
    padding-left: 15px; /* Was 10 */
    float: left;
    position: absolute; /* IE Fix */
    left: 0; /* IE Fix */
}

#subpg_leftcol .nav {
    padding-left: 0px;
}

.menu {
    margin: 0;
}

.menu h1 {
    width: 160px; /* Was 180 */
    padding: 6px 6px 6px 12px;
    font-size: 90%;
    display: block;
    background-color: #DCDCDC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    font-weight: bold;
    color: #666666;
    margin: 0;
}

.menu a {
    padding: 6px 6px 4px 12px;
    display: block;
    width: 160px; /* Was 180 */
    background-color: #ffffff;
    border-bottom: 1px dashed #CCCCCC;
    color: #FF8400;
    text-decoration: none;
    outline: none;
    -moz-outline: none;
}

.menu a.activepage {
    font-weight: bold;
    color: #1D103F;
    background-color: #F8F8F8;
    /*    background-image: url(../images/bullet-triangle-reversed-hover.gif);
     background-repeat: no-repeat;
     background-position: right center;*/
}

.menu a.activepage:hover {
    color: #1D103F;
}

.menu a:hover {
    padding: 6px 6px 4px 12px;
    display: block;
    background-color: #F8F8F8;
    border-bottom: 1px dashed #CCCCCC;
    color: #ff7109;
    outline: none;
    -moz-outline: none;
    /*    background-image: url(../images/bullet-triangle-reversed-hover.gif);
     background-repeat: no-repeat;
     background-position: right center;*/
}

.menu a:active {
    outline: none;
    -moz-outline: none;
}

#subpg_rightcol {
    width: 600px;
    float: right;
    position: absolute; /* IE Fix */
    right: 0; /* IE Fix */
    margin-top: 10px;
    padding-right: 20px;
}

.subpg_shots {
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    padding-right: 0px;
    text-align: left;
    margin-top: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #efefef;
}

.subpg_shots td {
    background-color: #ffffff;
    color: #666666;
    padding-left: 10px;
    text-align: center;
    padding-top: 10px;
    font-weight: bold;
}

.subpg_shots td a {
    font-weight: normal;
    outline: none;
    -moz-outline: none;
}

.subpg_shots td img {
    border: 1px solid #444444;
    margin-bottom: 5px;
    padding: 0;
}

.subpg_shots th {
    background-image: url('images/bg_titlebar.gif');
    background-repeat: repeat-y;
    background-color: #336bac;
    text-align: left;
    color: #ffffff;
    padding-left: 10px;
    padding-bottom: 6px;
    padding-top: 6px;
}

.subpg_table {
    color: #ffffff;
    padding: 0px;
    text-align: left;
    border-right: 1px solid #efefef;
    margin-top: 10px;
}

.subpg_table th {
    background-image: url('images/bg_titlebar.gif');
    background-repeat: repeat-y;
    border-left: 1px solid #efefef;
    background-color: #336bac;
    color: #ffffff;
    text-align: left;
    padding-left: 10px;
    padding-bottom: 6px;
    padding-top: 6px;
}

.subpg_table td {
    border-left: 1px solid #efefef;
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #efefef;
    text-align: left;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
}
/* SLIMBOX (Customized version) */
#lbOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: white;
    cursor: pointer;
}

#lbCenter, #lbBottomContainer2 {
    position: absolute;
    left: 50%;
    padding: 0;
    overflow: hidden;
    background-color: #fff;
    cursor: pointer;
    border: 1px solid #FF8500;
}

.lbLoading {
    background: #fff url(../images/sb_loading.gif) no-repeat center;
}

#lbCanvas {
    border: 9px solid #fff;
}

#lbCanvas iframe, #lbCanvas img {
    border: 1px solid #FFF;
    margin: 0;
    padding: 0;
}

#lbPrevLink, #lbNextLink {
    display: block;
    position: absolute;
    top: 10px;
    width: 70px;
    background: url(../images/sb_anchor_spacer.gif);
}

#lbPrevLink {
    left: 0;
}

#lbPrevLink:hover {
    background: transparent url(../images/sb_prevlabel.gif) no-repeat;
}

#lbNextLink {
    right: 0;
}

#lbNextLink:hover {
    background: transparent url(../images/sb_nextlabel.gif) no-repeat;
}

#lbBottom {
    font-size: 12px;
    font-family: Verdana, Helvetica, sans-serif;
    color: #666;
    line-height: 1.4em;
    text-align: left;
    margin: 0 0 0 10px;
    padding: 0;
}

#lbCloseLink {
    display: block;
    float: right;
    width: 66px;
    height: 22px;
    background: transparent url(../images/sb_closelabel.gif) no-repeat center;
    margin: 0;
    padding: 0;
}

#lbCaption, #lbNumber {
}

#lbCaption {
    font-weight: bold;
}
/** NEWS **/
.news {
}

.news a {
    color: #333333;
    outline: none;
    -moz-outline: none;
}

.news a:hover {
    color: #ff7109;
    outline: none;
    -moz-outline: none;
}

.news a:active {
    outline: none;
    -moz-outline: none;
}

#subpg_rightcol {
    width: 500px;
    float: right;
    padding-right: 20px;
}

#subpg_rightcol p {
    margin-top: 0;
    line-height: 160%;
    margin-bottom: 6px;
    display: block;
}

#subpg_rightcol h2 {
    font-family: tahoma, Arial, Helvetica, sans-serif;
    font-size: 125%;
    display: inline;
    font-weight: bold;
    color: #5d5d5d;
    line-height: 135%;
    margin-top: 0;
}

#subpg_rightcol h3 {
    font-family: tahoma, Arial, Helvetica, sans-serif;
    font-size: 100%;
    display: block;
    font-weight: bold;
    color: #055f92;
    line-height: 125%;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #efefef;
    margin-bottom: 6px;
    background-color: #ffffff;
}