/* © 2009 Pepperstreet */
/* XHTML / CSS Pepperstreet */

@import url(headers.css);
@import url(cat-nav.css);

/* -- GLOBAL STYLES 
-------------------------------------------------------------------------------*/
html, body {
 } 

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#646464;
	background:#fff url(../../images/css/site_bg.gif);
	border-top:solid 5px #e04126;
	 }


/* -- RESET DEFAULT
-------------------------------------------------------------------------------*/
body, h1, h2, h3, h4, h5, form, input, fieldset, label, dl, dt, dd { 
	margin:0; padding:0; }

fieldset { 
	border:none;}

ul li, ol li { list-style-type:none; }

.invisible { 
	display:none; }

legend {
	display: none;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.cleaner{
	clear:both;
}

input{
	border:solid 1px #748397;
	color:#999;
	padding:4px;
	font-size:1em;
}

h3 {
	font-size:1.6em;
	font-family: Georgia;
	font-weight:normal;
	margin:40px 0 20px 0;
}

h4 {
	font-size:1.2em;
	font-family: Georgia;
	font-weight:normal;
	line-height:1.4em;
	color:#F89D25;
	padding:0;
	margin:0;
}

h5 {
	font-size:1.2em;
	font-family: Georgia;
	font-weight:normal;
	line-height:1.4em;
}


/* -- GLOBAL LINK STYLES 
-------------------------------------------------------------------------------*/
a {
	outline:none; }
	
a:link, a:visited, a:active { 
	color:#E04126;
	text-decoration:none;
	 }  

a:hover {
	color:#f89d25;
	text-decoration: underline;} 
	
img {
	border:none;
}

.img-text {
	float:left;
	margin:0 10px 10px 0;
}

hr {display: none}

.red-txt {color:#E04126;}
.grey-txt {color:#646464;}

/* -- GLOBAL TYPOGRAPHY
-------------------------------------------------------------------------------*/
.hrpadded {clear:both; height:20px; background:none; margin:0 10px 0 10px; padding:0; border:none;}
.hr {clear:both; height:1px; background:url(../../images/css/dots.gif); margin:0; padding:0; border:none;}
.hrtop {clear:both; height:1px; background:url(../../images/css/dots.gif); margin:20px 0 0 0; padding:0; border:none;}
.hrcleaner {clear:both; height:1px; background:none; margin:0; padding:0; border:none;}
.hrarrow {clear:both; height:10px; background:url(../../images/css/divider_arrow.png); margin:99px 0 0 0; padding:0; border:none;}
.hrdivider {clear:both; height:1px; background:url(../../images/css/dots.gif); margin:10px 0 10px 0; padding:0; border:none;}


						
/* -- GLOBAL LAYOUT
-------------------------------------------------------------------------------*/
#sitewrapper {
	margin:0 auto;
	width:960px;
	background:#ffffff;
	border-left: solid 1px #cfcfcf;
	border-right: solid 1px #cfcfcf;
	font-size:1.1em;
	}


#topline{
	width:200px;
	position:absolute;
	top:20px;
	left: 930px;
}

p.topline{
color:#646464;
}
	
	
	
	
/*ul#cat-nav {
	margin:0;
	padding:0;
	float:left;
	background: url(../../images/css/nav_bg.png) repeat-x;
	width:860px; 
	font-family: georgia, serif;
	font-size:1.4em;
	height:42px;
}

ul#cat-nav li{
	float:left; 
	display:block;
	background: url(../../images/css/nav_divider.png) no-repeat;
	background-position:right;
	}
	
ul#cat-nav li.end{background: none;}
ul#cat-nav li a{color:#ffffff; display:block; text-decoration:none; padding:10px 34px 10px 34px; *padding: 15px 34px 10px 34px;}
ul#cat-nav li a:hover {background: url(../../images/css/nav_bg_over.png) repeat-x; color:white;}
*/



#content {
	clear:both;
	margin:0;
}

.left-col{float:left; width:420px; margin:20px 20px 0 0;}
.right-col{float:left; width:420px; margin:20px 0 0 0;}

.left-col ol li, .right-col ol li {
	list-style-type: lower-alpha;
}

.right-col ul li {
	list-style-type: disc;
}


.intro{margin:163px 0 20px 0;}
.hm-advertisers{float:left; width:200px; margin:0 20px 0 0;}
.hm-publishers{float:left; width:200px;}

.blog img {float:left; padding:0 10px 10px 0;}
.blog h5 {margin:0; padding:0;}
.blog p.posted {margin:0; padding:0;}
.feed {
	width:420px;
	float:left;
}

.quotewrap {
	float:left;
	width:330px;
}

blockquote {
	padding:10px;
	margin:0;
	font-weight:normal;
}

blockquote.home {
	padding:0 10px 0 10px;
	margin:0;
	font-weight:normal;
}

blockquote p{padding:0; margin:0;}
blockquote img {vertical-align: top; margin:0 5px 0 0;}
.quotelogo {float:left; margin:0;}
p.attribute{color:#838383; text-align:right; padding:0 0 10px 0; margin:0;}
p.attributehome{color:#838383; text-align:right; padding:0; margin:0;}



#footer {
	float:left;
	border-top:solid 3px #E04126;
	background:#ffffff;
	border-left: solid 1px #cfcfcf;
	border-right: solid 1px #cfcfcf;
	width:960px;
}

#footer .wrap  {
	float:left;
	width:860px;
	margin:20px 50px 0 50px;
	background:url(../../images/global/footer-divider.gif) repeat-y;
	}
	

#footer .footer-box {
	float:left;
	width:175px;
	padding:0 20px 0 20px;
}

#footer .footer-box02 {
	float:left;
	width:390px;
	padding:0 20px 0 20px;
}

#footer p {
	margin:0 ; padding:0;
}

#footer img {
	vertical-align: middle; margin:0 10px 5px 0;
}

#footer ul{
	margin:0;
	padding:0;
}

#footer h3 {
	color:#F89D25;
	font-family: rockwell, georgia;
	text-transform:uppercase;
	font-size:1.4em;
	margin:0 0 10px 0;
	padding:0;
}

.intro-content {margin:20px 0 20px 0; color:#E04126;}

img.photo {
	float:left;
	display:inline;
	margin:10px 10px 10px 0;
	border:solid 1px #CFCFCF;
}

.team {
	float:left;
	margin:10px 0 20px 0;
	width:250px;
}

ul.lhs-nav {clear:both; margin:20px 0 20px 0; padding:0;}
ul.lhs-nav li a{
	display:block;
	padding:5px 0 20px 10px;
	background:url(../../images/css/lhs-menu-bg.png) no-repeat;
	background-position: bottom;
	font-family: Georgia;
	font-size:1.4em;
	}
	
ul.lhs-nav li a:hover{
	background:url(../../images/css/lhs-menu-bg-over.png) no-repeat;
	background-position: bottom;
}


ul.lhs-nav li.on {
	display:block;
	padding:5px 0 20px 10px;
	background:url(../../images/css/lhs-menu-bg-on.png) no-repeat;
	background-position: bottom;
	font-family: Georgia;
	font-size:1.4em;
	}



						
/* -- IMAGES LAYOUT
-------------------------------------------------------------------------------*/
#img-wrap-home {
	background:white url(../../images/backgrounds/bg_home.jpg) no-repeat;
	padding:0 50px 40px 50px;
}

#img-wrap-advertisers {
	background:white url(../../images/backgrounds/bg_advertisers.jpg) no-repeat;
	padding:0 50px 40px 50px;
}

#img-wrap-publishers {
	background:white url(../../images/backgrounds/bg_publishers.jpg) no-repeat;
	padding:0 50px 40px 50px;
}

#img-wrap-publishers-data {
	background:white url(../../images/backgrounds/bg_pub_data.jpg) no-repeat;
	padding:0 50px 40px 50px;
}

#img-wrap-about {
	background:white url(../../images/backgrounds/bg_about.jpg) no-repeat;
	padding:0 50px 40px 50px;
}

#img-wrap-contact {
	background:white url(../../images/backgrounds/bg_contact.jpg) no-repeat;
	padding:0 50px 40px 50px;
}

#img-wrap-hnw {
	background:white url(../../images/backgrounds/bg_hnw.jpg) no-repeat;
	padding:0 50px 40px 50px;
}

#img-wrap-datatargeting {
	background:white url(../../images/backgrounds/bg_datatargeting.jpg) no-repeat;
	padding:0 50px 40px 50px;
}

#img-wrap-segments {
	background:white url(../../images/backgrounds/bg_segments.jpg) no-repeat;
	padding:0 50px 40px 50px;
}

#img-wrap-tandc {
	background:white url(../../images/backgrounds/bg_tandc.jpg) no-repeat;
	padding:0 50px 40px 50px;
}

#img-wrap-testimonials {
	background:white url(../../images/backgrounds/bg_testimonials.jpg) no-repeat;
	padding:0 50px 40px 50px;
}

#img-wrap-testimonials-pub {
	background:white url(../../images/backgrounds/bg_testimonials_pub.jpg) no-repeat;
	padding:0 50px 40px 50px;
}