/* Reset by Eric Meyer v1.0 | 20080212 */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

a {
    text-decoration: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/***end of reset by Eric Meyer***/

.nodisplay {
    display: none;
    }
    
/*Layout*/
body {
    background: #fbfbfb;
    border-top: solid 6px #87d51b;
    color: #4e4e4e;
    font-family: Arial, sans;
    line-height: 1.5;
    }


*html body {
    font-size: 85%; /*font-size IE6 hack*/
    }
    
#container {
    width: 980px;
    margin: 0 auto;
    display: block;
    height:100%;
    }
   

#wrapper {
    height:auto !important;
    margin:0 auto -1.5em;
    min-height:100%;
    }
    
#header {
    float: left;
    width: 980px;
    padding: 10px 0 0 0;
    }
    
#clearfooter {
    clear:both;
    height:1.5em;
    }


#footer {
    display:block;
    height:1.5em;
    padding: 1em 0;
    width:100%;
    }

a {
    color: #0192bf;
    }

a:hover {
    text-decoration: underline;
    }
    
/*Header elements*/

#logo {
    display: block;
    float: left;
    margin: 0px 0 0 0;
    }
    
#logo img {
       vertical-align: bottom;
    }
    
#header p {
    margin: 0; 
    display: block;
    width: 100%;
    height: 10px;   
    margin-bottom: 20px;
    }    
    
#lang {
    display: block;
    float: right;
    }
     
    
#header #button {
    display: block;
    float: right;
    margin: 0 0 10px 0;
    width: 260px;
    height: 52px;
    }

#header #button img {
    vertical-align:text-top;
    }
    
/*Navigation menu*/

#nav {
    width: 100%;
    float: left;
    font-size: 75%;
    margin: 0px 0 0 0;
    }

.clients #nav {
    background: #2b332e;
    }
    
#nav ul {
    display: block;
    }

#nav li {   
    display: block;
    float: left;
    text-transform: uppercase;
    padding: 10px 20px;
    margin-right: 1px;
    }

.nav-left {
    float: left;
    background: #82a26f;
    }

.clients .nav-left {
    background: #6f91a2;    
    }

.nav-left li {
    background: #2b332e;
    }

.nav-left li:hover a,
.nav-right li:hover a {
    text-decoration: underline;
    }
    
.nav-left li.active {
    background: #fff;
    border-left: solid 1px #e1e8ea;
    border-top: solid 1px #e1e8ea;
    border-right: solid 1px #e1e8ea;    
    }
    
.nav-left li.active a {
    color: #0192bf;
    }
         
.nav-left a {
    color: #dde6d8;
    }
    
.nav-right {
    float: right;
    background: #b4f063;
    width: 256px;
    }

.nav-right li {
    background: #86d41a;
    width: 87px;
    }
 
.nav-right a {
    color: #fff;
    }
    
/*Main page lead*/
#lead {
    display: block;
    float: left;
    background: #5ec029 url(../img/lead-bkg.png) repeat-x;
    width: 880px;
    height: 323px;
    padding: 44px 50px;
    font-size: 75%;
    color: #fff;
    overflow: hidden;
    }

#lead h1 {
    font-size: 150%;
    }

#lead span {
    color: #ffea00;
    }
    
#lead .half-left {
    float: left;
    width: 398px;    
    }
    
#lead .half-right {
    float: right;
    width: 50%;    
    }    
    
#lead h2 {
    background: url(../img/lead-arrow.png) no-repeat 0px 22px;
    padding: 20px 0 0 32px;
    text-transform: uppercase;
    }

#lead p {
    padding:  0 0 0 32px;
    margin: 0;
    }
    
#lead .join-button {
    display: block;
    background: url(../img/lead-button.png) no-repeat center center;
    width: 432px;
    height: 66px;
    margin: 20px 0;
    }
    
    
/**Content**/
    
#content {
    float: left;
    width: 980px;
    background: #fff;
    border-bottom: solid 1px #ddd;
    }
    
.row {
    border-top: solid 5px #cce9f2;
    width: 100%;
    float: left;
    }

p {
    margin: 25px;    
    }
 
h3 {
    font-size: 12pt;    
    }  
    
.row h1 {
	font-size: 20pt;
    margin: 25px 0;
	padding: 0 0 0 25px;
	background: #e3ffd4;
	color: #0192bf;
	}
	
.clients .row  h1 {
    background: #ddf2f8;
    }

.text ul,
.text ol {
	margin: 25px 50px;
	list-style-position: outside;
	}

.text ul li {
	padding: 0 0 0 20px;
    background: url('../img/list-arrow.png') no-repeat left 8px;
	}

.text  ol li {
    list-style: decimal;
    padding: 0 0 0 20px;
    }
    
.text h2 {
	font-size: 18pt;
	margin: 25px;
	border-bottom: solid 3px #e3ffd4;
	}

.text h3 {
    font-size: 14pt;
    font-weight: bold;
	margin: 25px;
    }

.text h4 {
    font-size: 12pt;
    font-weight: bold;
	margin: 25px;
    }

.text img {
    text-align: center;
    display: block;
    margin: center;
    }
.clients .text h2 {
	border-bottom: solid 3px #ddf2f8;
	}
    


/*HP content*/

#content #how-it-works {
    width: 239px /*292 with padding*/;
    float: left;
    background: url(../img/how-it-works-bkg.png) no-repeat left top;
    padding: 25px 0 25px 53px;
    }

#content #how-it-works h1 {
    background: url(../img/how-it-works-title.png) no-repeat left top;
    width: 212px;
    height: 24px;
    }
    
#content #how-it-works h2 {
    text-transform: uppercase;
    margin: 22px 0 0 0;
    font-size: 10pt;
    }
    
#content #how-it-works dl {
    width: 195px;
    font-size: 9pt;
    }
    
#content #how-it-works dt {
    color: #007cca;
    margin: 12px 0 0 0;
    cursor: pointer;
    }

#content #who-uses-it {
    display: block;
    float: left;
    width: 686px;
    padding: 25px 0;
    border-left: solid 1px #d2ecda;
    }
        
#content #who-uses-it h1 {
    background: url(../img/who-uses-it-title.png) no-repeat left top;
    width: 243px;
    height: 27px;
    }
    
#content #who-uses-it .clients,
#content #who-uses-it .publishers {
    width: 263px; /*335 with paddings*/
    height: 409px;
    padding:25px 36px;
    font-size: 9pt;
    float: left;
    overflow: hidden;
    }

#content #who-uses-it h2 {
    font-size: 10pt;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
    padding-bottom: 10px;
    }

#content #who-uses-it h3 {
    font-weight: bold;
    font-size: 102%;
    }
    
#content #who-uses-it p {
    margin: 10px 0;
    }


#content #who-uses-it .clients {
    background:#e1f2f7;
    }

#content #who-uses-it .clients h2 {
    color: #0192bf;
    background: url(../img/clients-dbl-underline.png) repeat-x bottom center;
    }
    
#content #who-uses-it .publishers {   
    background: #eff8e2;
    }

#content #who-uses-it .publishers h2 {
    color: #6bb900;
    background: url(../img/publishers-dbl-underline.png) repeat-x bottom center;
    }


/*HP content: Community and API */

.adtaily-community p,
.developer-api p {
    margin: 10px 0 0 0;
    }

.adtaily-community {
    width: 557px; /*610px with paddings*/
    float: left;
    padding: 15px 0px 30px 53px;
    font-size: 10pt;
    }

*html .adtaily-community {
    display: inline;
    padding: 15px 0 30px 35px; /*IE 6 hack for double margins*/
    } 
    
    
.adtaily-community h1 {
    background: url(../img/community-title.png) no-repeat 0 0;
    display: block;
    width: 168px;
    height: 20px;    
    }

.adtaily-community li {
    display: block;
    float: left;
    width: 145px;
    padding: 0 40px 0 0;
    margin: 20px 0;
    }

.developer-api {
    width: 328px; /*370 with paddings*/
    float: left;
    padding: 15px 21px;
    font-size: 10pt;
    }
    
.developer-api h1 {    
    background: url(../img/developer-api-title.png) no-repeat 0 0;
    display: block;
    width: 118px;
    height: 21px; 
    }   
    
/* Content boxes*/
.box690 {
    width: 690px;
    float:left;
    padding 25px;
    }

.box290 {
    width: 240px; /*290 with paddings */
    float: left;
    padding: 25px;
    }

*html .box290 {
    padding: 25px 0; /*IE6 double margins & width hack*/
    }
    
.box980 {
    width: 930px; /*980 with paddings*/
    float: left;
    padding: 25px;
    }

.box232 {
    width: 210px;
    float: left;
    font-size: 10pt;
    margin: 10px 20px 10px 0;
    }

.box980 h2,
.box690 h2,
.box290 h2 {
    font-size: 12pt;
    border-bottom: solid 3px #ddf2f8;
    margin: 0 0 21px 0;
    }

.box232 h2 {
    font-size: 11pt;
    border-bottom: none;
    margin: 0 0 10px 0;
}
.box232 p {
    margin: 0;    
    }
    
a.more {
    background: url(../img/more-arrow.png) no-repeat right center;
    padding-right: 11px;
    }
   
.list-4columns li {
    display: block;
    width: 220px;
    margin: 0 10px 0 0;
    float: left;
    font-size: 10pt;
    }
    
.list-2columns li {
    display: block;
    width: 375px;
    margin: 25px 90px 25px 0;
    float: left;
    font-size: 10pt;
    }

.list-2columns p {
    margin: 10px 0;
    }

    
p.info {
    margin-left: 0px;
    padding-left: 16px;
    background: url(../img/list-arrow.png) left center no-repeat;
    color: #5dbb18;
    }
    
/*Client lead */
 
#client-lead {
    background: #ddf2f8;
    padding: 25px;
    }
    
#client-lead h1 {
    color: #0192bf;
    font-size: 16pt;
    padding: 0px;
    margin: 0px;
    }

#client-lead p {
    margin: 25px 0;
    }

#client-lead span {
    background: #afe5f4;
    font-weight: bold;
    color: #000;    
    }
    
/* Search form */
.search {
    padding: 25px;
    }

.search small {
    font-size: 9pt;
    color: #bbb;
    clear: left;
    display: block;
    float: left;
    margin: 17px 0;
    }

.search input {
    float: left;
    display: block;
    height: 23px;
    width: 300px;
    border: solid 1px #bbb;
    background: url(../img/search-icon.png) no-repeat left center;
    padding:3px 0 0px 23px;
    color: #4f4f4f;
    }

.search button {
    background: none;
    border: none;
    float: left;
    }    

/* Search results */

#search-results {
    width: 670px;
    float: left;
    padding: 25px;
    }

#search-results h3 {
    color: #008240;
    float: left;
    }
    
form.sort {
    display: block;
    width: 240px;
    float: right;
    font-size: 10pt;    
    }
    
form.sort select {
    border: solid 1px #aaa;
    padding: 3px;
    }
    
    
#websites-list {
    margin: 25px 0 50px 0;
    float: left;
    width: 670px;
    }
   

#websites-list li.row {
    border-top: none;  
    border-bottom: solid 1px #ddd;  
    }   
    
#websites-list span {
    display: block;
    float: left;
    padding: 15px;
    overflow: hidden;
    height: 114px; /*144 with paddings*/
    }
    
#websites-list span.url {
    width: 290px; /*350 with paddings*/
    border-right: solid 1px #ddd;
    }

#websites-list span.simple-stats {
    width: 145px; /*175 with paddings*/
    }
    
#websites-list span.price {
    width: 140px; /*170 with paddings*/
    border-left: solid 1px #ddd;
    font-size: 11pt;
    color: #000;
    }
    
#websites-list .favicon {
    width: 16px;
    height: 16px;
    overflow: hidden;
    margin-right: 7px;
    }    
    
#websites-list small {
    display: block;
    font-size: 10pt;
    margin: 0 0 10px 0;
    } 

#websites-list code {
    font-family: Arial;
    }

#websites-list em {
    display: block;
    font-style: normal;
    font-size: 11pt;
    color: #000;
    }  
    
#websites-list span.url a {
    font-size: 12pt;
    color: #007cca;
    font-weight: bold;
    }

#websites-list span.url .tags {
    color:  #aaa;    
    }

#websites-list span.simple-stats small {
    color:  #aaa;
    margin: 0 0;
    font-size: 9pt;
    }   
     
#websites-list span.simple-stats code {
    margin: 0 0 10px 0;
    display: block;
    }

#websites-list .RemoveFromCart {
    color: red;
    }

/* Pagination */ 
.pagination {
    float: left;
    color: #1185ce;
    }
    
.pagination .prev_page {
    background: url(../img/prev-arrow.png) no-repeat left center;
    padding-left: 13px;
    color: #1185ce;
    }

.pagination .next_page {
background: url(../img/more-arrow.png) no-repeat right center;
    padding-right: 13px;
    color: #1185ce;
    }

.pagination .current {
    background: #d5efff;
    padding: 2px 6px;
    margin: 0 2px;
    }

.pagination a {
    padding: 2px 6px;
    margin: 0 2px;
    color: #fff;
    background: #1185ce;
    }

.pagination span {
    }
    
    
    
/*Shopping cart */

#shopping-cart {
    background: #e6f4f8;
    float: right;
    z-index: 100;
    width: 230px;
    margin: 25px 0;
    font-size: 10pt;
    }
    
#shopping-cart h2 {
    color: #fff;
    background: #57b7e1;
    font-weight: bold;
    border-bottom: solid 1px #398cb1;
    padding: 10px 20px;
    font-size: 11pt;
    }

#shopping-cart li {
    margin: 10px 0 0 0;
    padding: 5px 20px;
    border-bottom: solid 1px #bbdfef;
    display: block;
    float: left;
    clear: both;
    width: 190px;
    }
    
 #shopping-cart li span.link {
    width: 110px;
    display: block;
    float: left;
    }       
    
#shopping-cart li span.price {
    display: block;
    float: right;
    width: 60px;
    text-align: right;
    }
    
#shopping-cart li .remove {
    margin: 1px 0 3px 6px;
    float: right;
    }
       
#shopping-cart .total {
    background: #cfeaf6;
    padding: 10px 25px;
    display: block;
    float: left;
    width: 180px;
    margin: 30px 0 0 0;
    text-align: right;
    }
    
#shopping-cart .total strong {
    text-transform: uppercase;
    }
    
#shopping-cart .total .continue {
    margin: 10px 0 ;
    float: right;
    }
/*Footer*/

#footer {
    color: #cbcbcb;
    font-size: 9pt;
    padding-bottom: 75px;
    }
    
#footer a {
    color: #848484;    
    }

 


p.screenshot img { display: none; }

img.screenshot { float: left; margin: 0 10px 5px 0; }


#lang:hover { border-bottom: 1px solid #86D41A; padding-bottom: 1px; }

.nav-left li:hover { background: #4B514D; }

.nav-right li:hover { background: #A4DF53; }

#button img:hover, #lead .join-button:hover { opacity: 0.8; }


.search #q { font-size: 14px; }

.search button { position: relative; top: -2px; }


.to-top { font-size: 12px; margin-top: -15px; text-align: right; }

.c { clear: both; }

.contact { font-style: normal; font-weight: normal; }

.links li { margin: 20px 0; }

img.partner { float:left; margin:20px; }