body { 
	text-align: center; 
	min-width: 860px; 
	min-height: 600px;
	background: url('../images/bg.png') repeat-x 0px -140px;
	font-family: helvetica, arial;
}

a, img {
	outline: none;
}
img {
	border: 0px;
}
#container { 
	margin: 0 auto; 
	text-align: left; 
	width: 945px;
}

#header { 
	padding-top: 30px;
}

#logo {
	margin-left: 5px;
	float: left;
	width: 400px;
}

#logo > a > #company_name img{ 
	border: 0px;
	z-index: 9999;
	position: relative;
}

#thebar{
	height: 30px;
	background-color: #CCCCCC;
	position: relative;
	top: 70px;
}

#nav {
	float: right;
}

#nav a {
	margin: 21px 0px 0px 20px;
	float: left;
	position: relative;
}

#nav > a * {
	line-height: 36px;
	border: 0px;
}

#nav > a:hover > span, #nav > a.active > span{
	background-position: 0px 0px;
}

#nav > a > .lft {
	width: 6px;
	height: 36px;
	float: left;
	display: block;
	background-image: url('../images/navlft.png');
	background-repeat: no-repeat;
	background-position: 0px 36px;
}

#nav > a > .cntr {
	height: 36px;
	float: left;
	background-image: url('../images/navmid.png');
	background-repeat: repeat-x;
	background-position: 0px 36px;
}

#nav > a > .rt {
	width: 6px;
	height: 36px;
	float: left;
	display: block;
	background-image: url('../images/navrt.png');
	background-repeat: no-repeat;
	background-position: 0px 36px;
}

#nav > a > .cntr > img {
	border: 0px;
	margin-top: 6px;
}

.clr {
	clear: both;
}

/* home page */

#video {
	margin-top: 30px;
	width: 475px;
	float: left;
}

#video #holder {
	background-image: url('../images/player.png');
	background-repeat: no-repeat;
	width: 460px;
	height: 300px;
	position: relative;
}

#video #holder img {
	width: 450px;
	height: 240px;
	margin-left: 5px;
	margin-top: 4px;
}

#video #holder > .play_button {
	display: block;
	position: absolute;
	top: 100px;
	left: 115px;
	background: url('../images/plyvd.png') no-repeat;
	width: 253px;
	height: 64px;
	text-indent: -9999px;
	cursor: pointer;
	opacity: 0.7;
}

#video #holder > .play_button:hover {
	opacity: 1.0;
}

#video #holder > .vid_desc {
	display: block;
	position: absolute;
	bottom: 20px;
	left: 15px;
	color:  #FFFFFF;
	font-weight: bold;
}

#val_prop {
	float: left;
	width: 375px;
	margin-left: 10px;
}

#val_prop > #sellpoint {
	margin-top: 50px;
	display: block;
	font-size: 22px;
}

#val_prop > .call_to_action {
	margin: 80px 0px 15px 15px;
	display: block;
	font-size: 26px;
	font-weight: bold;
}

#button_holder > a {
	float: left;
}

#or {
	float: left;
	width: 15px;
	padding-top: 15px;
	display: block;
	margin: 0px 10px;
}

#button_holder > a > span {
	display: block;
	text-indent: -9999px;
	width: 170px;
	height: 41px;
	opacity: 0.9;	
}

#button_holder > a  > span:hover {
	opacity: 1.0;
}

.ad_button {
	background: url('../images/advtsr.png');
}

.aff_button {
	background: url('../images/aff.png');
}

.fluff_content { 
	background: #EFEEEE;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 1px 20px;
	margin-top: 20px;
	border: 1px solid #BBBBBB;
	height: 160px;
}

.fluff_content img {
	float: left;
	position: relative;
	top: -33px;
	left: -33px;
}

.fluff_content > p {
	position: relative;
	top: -65px;
	color: #666666;
	line-height: 18px;
	font-size: 13px;
	float: left;
	width: 420px;
	margin-left: 20px;
}

/* shared between affiliates & advertiser pages */

.headline {
	margin-top: 20px;
}

.headline > span{ 
	display: block;
	text-indent: -9999px;
	margin-bottom: 3px;
}

#benefits {
	margin: 40px 0px;
}

.benefit {
	margin-bottom: 20px;
	width: 410px;
	float: left;
}

.benefit.right {
	margin-left: 25px;
}

.benefit .title {
	line-height: 48px;
	padding-left: 58px;
	display: block;
	font-weight: bold;
	color: #333333;
}

.benefit > p {
	width: 325px;
	margin-left: 58px;
	font-size: 12px;
	color: #777777;
}

.call_to_a_box {
	background: url('../images/bttm.png') no-repeat;
	height: 70px;
}

.call_to_a_box > span.text {
	line-height: 70px;
	margin-left: 30px;
	font-weight: bold;
	font-size: 20px;
	color: #FFFFFF;
	float: left;
}

.call_to_a_box > .signup > span {
	background: url('../images/drpshdwbtn.png');
	display: block;
	width: 175px;
	height: 44px;
	text-indent: -9999px;
	float: right;
	margin-top: 11px;
	margin-right: 20px;
	opacity: 0.8;
}

.call_to_a_box > .signup:hover > span {
	opacity: 1.0;
}

/* affiliate page */

.headline.affiliate > span{
	background: url('../images/affhl.png');
	width: 425px;
	height: 25px;
}

.headline.affiliate > strong{
	margin-left: 7px;
	font-size: 12px;
}

.benefit .title.revshare {
	background: url('../images/dlrsgn.png') no-repeat;
}

.benefit .title.traffic {
	background: url('../images/up.png') no-repeat;
}

.benefit .title.pltfm {
	background: url('../images/world.png') no-repeat;
}

.benefit .title.contest {
	background: url('../images/ipod.png') no-repeat;
}

/*advertiser page */

.headline.advertiser > span{
	background: url('../images/advtsrhl.png');
	width: 724px;
	height: 60px;
}

.benefit .title.results {
	background: url('../images/pie.png') no-repeat;
}

.benefit .title.demos {
	background: url('../images/swatch.png') no-repeat;
}

.benefit .title.cpms {
	background: url('../images/bar.png') no-repeat;
}

.benefit .title.cooler {
	background: url('../images/happy.png') no-repeat;
}

/* signup page */
.headline.contact > span{
	background: url('../images/advtsrhl.png');
	width: 724px;
	height: 60px;
}

#contact_area {
	margin-top: 40px;
}

#left {
	float: left;
	width: 280px;
}

#left > #contact_us {
	display: block;
	background: url('../images/contactus.png') no-repeat;
	width: 148px;
	height: 19px;
	text-indent: -9999px;
	float: right;
	clear: both;
	margin-top: 15px;
}

#left > p {
	float: right;
	clear: both;
	color: #666666;
	text-align: right;
}

#right {
	float: left;
	width: 560px;
	margin-left: 20px;
}

#right > #form {
	background: #DDDDDD;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
	border: 1px solid #BBBBBB;
	margin-bottom: 20px;
}

#form div {
	margin: 5px 0px;
}

#form div > label {
	margin-left: 2px;
}

#form .input {
	background: url('../images/input_bg.gif') #FFFFFF repeat-x;
	border: 1px solid #CCCCCC;
	height: 34px;
	width: 99%;
	margin-bottom: 6px;
	font-size: 26px;
	padding-left: 3px;
}

#form select {
	width: 100%;
	height: 34px;
	font-size: 24px;
	margin-bottom: 8px;
}

#form textarea {
	background: url('../images/input_bg.gif') #FFFFFF repeat-x;
	border: 1px solid #CCCCCC;
	width: 100%;
	font-size: 26px;
	font-family: helvetica, arial;
}

#form #submit {
	background: url('../images/submit.png') no-repeat;
	border: none;
	outline: none;
	width: 170px;
	height: 37px;
	opacity: 0.8;
}

#form #submit:hover {
	opacity: 1.0;
	cursor: pointer;
}

.slideshow{
	position: relative;
}

#photo_titles{
	background: url('../images/photo-title.png') no-repeat;
	height: 85px;
	width: 500px;
	position: absolute;
	z-index: 999999 !important;
	top: -15px;
	left: -21px;
	padding: 15px 0px 0px 42px;
	font-size: 20px;
	color: #FFFFFF;
	font-weight: bold;
}

/*** SLIDER CSS / SLIDER STYLES / SLIDESHOW CSS ***/
#s3slider {
   width: 860px; /* important to be same as image width */
   height: 300px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 500px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   margin-top: 0px;
   padding: 0px;
}

#s3sliderContent li{
	list-style-type: none;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 2px;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 430px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}


#s_nav{
	height: 38px;
}

#s_nav a{
	text-indent: -9999px !important;
	display: block;
	height: 36px;
	float: left;
	width: 200px;
	opacity: 0.7;
}

#s_nav .affs{
	background-image: url('../images/new-media.png');
	background-repeat: no-repeat;
}

#s_nav .affs.active, #s_nav .advs.active{
	background-position: 0px -37px;
}

#s_nav .advs{
	background-image: url('../images/new-advertisers.png');
	background-repeat: no-repeat;
}
#s_nav .sites.active, #s_nav .sites.active{
	background-position: 0px -37px;
}
#s_nav .sites{
	background-image: url('../images/new-sites.png');
	background-repeat: no-repeat;
}

#s_nav a:hover, #s_nav a.active{
	opacity: 1.0;
}

#boxes .box{
	background: #EFEEEE none repeat scroll 0 0;
	border: 1px solid #BBBBBB;
	position: relative;
	width: 420px;
	text-align: center;
	height: 115px;
	float: left;
	margin: 30px 0px 0px 13px;
}

#boxes .box .title{
	text-indent: -9999px;
	height: 41px;
	position: relative;
	top: -29px;
	float: left;
	width: 350px;
	text-align: left;
}

#boxes .box#rev .title{
	background: url('../images/new-revenue.png') no-repeat;
}
.box#traffic, .box#contests, .box#demos, .box#cool {
	margin-left: 74px !important;
}
#boxes .box#traffic .title{
	background: url('../images/new-traffic.png') no-repeat;
	top: -28px;
}

#boxes .box#platform .title{
	background: url('../images/new-platform.png') no-repeat;
}

#boxes .box#contests .title{
	background: url('../images/new-contests.png') no-repeat;
}

#boxes .box#res .title{
	background: url('../images/new-campaigns.png') no-repeat;
	top: -31px;
}

#boxes .box#demos .title{
	background: url('../images/new-demographics.png') no-repeat;
}

#boxes .box#cpms .title{
	background: url('../images/new-competition.png') no-repeat;
}

#boxes .box#cool .title{
	background: url('../images/new-cool.png') no-repeat;
}

#boxes .box .icon{
	text-align: right;
	position: relative;
	margin-right: 20px;
	top: -32px;
	width: 32px;
	float: right;
}

#boxes .box .icon img{
	max-height: 45px;
}

#boxes .box .content{
	width: 400px;
	margin: 0 auto;
	text-align: left;
	font-size: 14px;
	color: #666666;
	position: relative;
	top: -32px;
}

#boxes h1{
	margin: 10px auto 0px auto;
}

#boxes > p{
	margin-top: -20px;
}
#bottom {
	margin-top: 44px;
}
#bottom img#call {
	margin-right: 11px;
}
div.logo_block {
	float: left;
	width: 750px;
	padding-left: 186px;
}
div.logo_block div {
	float: left;
	width: 150px;
	text-align: center;
}
div#logo_culture {
	height: 60px;
	background: url('../images/logo_culture.png') no-repeat top left;
}
div#logo_fashion {
	background: url('../images/logo_fashion.png') no-repeat top left;
}
div#logo_music {
	background: url('../images/logo_music.png') no-repeat top left;
}
div#logo_art {
	background: url('../images/logo_art.png') no-repeat top left;
}
div#logo_women {
	background: url('../images/logo_women.png') no-repeat top left;
}
div#logo_dining {
	background: url('../images/logo_dining.png') no-repeat top left;
}
div#logo_auto {
	background: url('../images/logo_auto.png') no-repeat top left;
}
div#logo_culture img {
	height: 30px;
}
div#inner_culture, div#inner_fashion, div#inner_music, div#inner_art, div#inner_women, div#inner_dining, div#inner_auto {
	float: left;
	width: 100% !important;
	margin: 1px;
}
div#inner_culture {
	height: 61px;
	padding-top: 20px;
}
div#logo_culture div {
	margin-top: 6px;
}
.active_part {
	border: 1px solid #e5e5e5;
	background: #efedee;
	margin: 0px !important;
}
div#logo_fashion img {
	height: 35px;
}
div#inner_fashion {
	height: 102px;
	padding-top: 21px;
}
div#inner_fashion div.clr {
	float: none;
	width: 100%; height: 12px !important;
}
div#logo_music img {
	height: 41px;
}
div#logo_music {
	height: 57px;
	padding-top: 23px;
}
div#logo_art img {
	height: 23px;
}
div#logo_art {
	height: 52px;
	padding-top: 28px;
}
div#logo_women img {
	height: 41px;
}
div#logo_women {
	height: 59px;
	padding-top: 21px;
}
div#logo_dining {
	height: 59px;
	padding-top: 21px;
}
div#logo_auto {
	height: 59px;
	padding-top: 21px;
}
img#soon {
	width: 109px; height: 13px;
	margin-top: 12px;
}