@charset "utf-8";
/* 
Ad value HQ main CSS.

Feel free to browse around, but please do not copy our concept :-) 
*/

@import url("reset.css"); /* ------- Reset all CSS Styles */

/* ------------- General ------------- */
html, body, *
{ 
	padding:0px;
	margin:0px;
}

body 
{
	background: #fff url(images/footer_back.png) bottom left repeat-x;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	height:100%;
	color:#666;
	line-height:1.4em;
}

a { 
	color: #61c1fe;
	text-decoration: none; 
}

a:hover { 
	color: #999999;
	text-decoration: none; 
}

a:focus, a:active
{
	outline:none;
}

img
{
	border:0;
}

.wrap
{
	width:950px;
	margin:0px auto;
	clear:both;
}

.wrap_small
{
	width:940px;
	margin:0px auto;
	clear:both;
}

.clear
{
	clear:both;
}

.left
{
	float:left;
}

.right
{
	float:right;
}

.inside
{
	padding:10px;
}

p
{
	padding:0;
	margin:0;
}

/* ------------- Header ------------- */

#header
{
	width:100%;
	margin:0 auto;
	height:90px;
	float:left;
	background: url(images/header_back.png) left top repeat-x;
}

.logo
{
	float:left;
	width:288px;
	height:49px;
}

.logo a
{
	background: url(images/logo_main.png) no-repeat;
	width:288px;
	height:49px;
	text-indent:-9999px;
	margin-top:18px;
	display:block;
}

/* ------------- Top Navigation ------------- */

.navigation
{
	width:600px;
	float:right;
	margin: 32px auto 0 auto;
	height:32px;
	line-height:24px;
}

.navigation ul 
{
	margin:0;
	list-style: none;
	padding:0px 10px 0 0;
	float:right;
	text-align:center;
}

.navigation li 
{
	list-style:none;
	padding:0;
	float:left;
	margin:0 0 0 20px;
	display:inline;
}

.navigation li a
{
	padding:4px 15px 4px 15px;
	margin:0;
	color:#fff;
	text-decoration:none;
	font-size:15px;
}

.navigation a:hover
{
	background: #424242;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.navigation .selected
{
	background: #b6bf25;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.navigation .login_button
{
	padding:0;
	background:url(images/login_top.png) center right no-repeat;
	width:82px;
	height:24px;
	text-align:left;
	font-size:14px;
}

.navigation .login_button a
{
	font-size:14px;
}

.navigation .login_button a:hover
{
	background: none;
}

/* ------------- Main Layout ------------- */

.welcome_content
{
	height:300px;
	float:left;
	width:950px;
	margin:0;
}

.h1_style
{
	font-size:22px;
	margin:42px 0 30px 0;
	line-height:1.5em;
	color:#7c7c7c;
	font-weight:normal;
}

.h1_style .span_big
{
	font-size:38px;
	display:block;
	margin-bottom:10px;
}

.welcome_content .watch_video
{
	width:451px;
	height:252px;
	float:right;
	margin-top:24px;
}

.welcome_content .left p
{
	margin-top:15px;
}

.welcome_content .left p b
{
	color:#5bafe5;
}

.welcome_content .left .take_tour_text
{
	color:#7f7f7f;
	margin-top:20px;
	float:left;
	width:450px;
}

.tabs_content
{
	height:265px;
	padding-top:22px;
	background: url(images/tabs_back.png) top left repeat-x;
}

.tabs_content .block-left
{
	height:242px;
	width:442px;
	background: #fcfcfc;
	float:left;
	border:1px solid #fff;
}

.tabs_content .block-right
{
	height:242px;
	width:442px;
	background: #fcfcfc;
	float:right;
	margin-right:8px;
	border:1px solid #fff;
}

.tabs_content .block-left, .tabs_content .block-right
{
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
}

.tabs_content h2
{
	color:#e9a735;
	font-size:20px;
	margin-bottom:10px;
}

.tabs_content p
{
	line-height:1.5em;
}

.tabs_content ol 
{
	font-weight:bold;
	color: #ee5d5d;
	margin:5px 0 15px 0;
	padding:0 1px;
	line-height:1.4em;
}

.tabs_content ol li
{
	margin:5px 0 5px 20px;
	padding:0 1px;
	font-weight: normal;
	line-height:1.5em;
}

.tabs_content ol li p
{
  	color: #000000;
	padding:0;
	margin-left:-5px;
}

/* ------------- Secondary Layout ------------- */

.main_left
{
	float:left;
	width:740px;
	margin:0;
	background:#FFFFFF;
}

.main_right
{
	float:right;
	width:200px;
	margin:10px 0 0 0;
	background:#fcfcfc;
}

.tour_wrapper
{
	width:940px;
	margin:0px auto 20px auto;
	clear:both;
	float:left;
	padding-bottom:40px;
	background: url(images/tour_divider.png) bottom center no-repeat;
}

.screen_holder
{
	background: url(images/screen_holder.png) center center no-repeat;
	width:375px;
	height:220px;
	text-align:center;
	float:left;
	padding-top:10px;
}

.tour_content
{
	float:left;
	width:500px;
	padding-right:10px;
	margin-left:20px;
}

.tour_content h3
{
	letter-spacing:0.1px;
	font-size:20px;
	padding-bottom:8px;
	border-bottom:2px dotted #b6bf25;
}

.tour_content .text
{
	float:left;
	margin-top:20px;
	font-size:16px;
	line-height:1.8em;
}

.tour_content ul 
{
	font-weight:bold;
	color: #ee5d5d;
	margin:5px 0 15px 0;
	padding:0 1px;
	font-size:14px;
}

.tour_content ul li
{
	margin:5px 0 5px 20px;
	padding:0 1px;
	font-weight: normal;
	line-height:1.8em;
}

.tour_content ul li p
{
  	color: #000000;
	padding:0;
	margin-left:-5px;
}

/* ------------- Footer ------------- */

.features_content
{
	height:155px;
	float:left;
	width:950px;
	margin:0;
	padding:30px 0 25px 0;
}

.features_content .threeblocks
{
	height:165px;
	float:left;
	width:310px;
	font-size:15px;
	line-height:1.6em;
	display:inline;
	margin:0 10px 0 0;
}

.threeblocks .title_span
{
	font-size: 20px;
	letter-spacing:0.5px;
	color:#808080;
	width:100%;
	display:block;
	float:left;
	margin:0 0 10px 0;
}

.threeblocks .title_span span
{
	margin-top:8px;
	float:left;
}

.threeblocks img
{
	float:left;
	margin-right:15px;
}

.footer
{
	padding:35px 0 5px 0;
	height:25px;
	float:left;
	color:#727272;
	font-size:12px;
	width:100%;
}

.footer a
{
	color:#429fda;
	font-size:14px;
	float:left;
	margin-right:35px;
}

.footer a:hover, .footer .selected
{
	color:#727272;
}

/* ------------- Buttons ------------- */

.take_a_tour a
{
	background: url(images/takeatour.png) top center no-repeat;
	width:143px;
	display:block;
	text-indent:-9999px;
	height:38px;
	margin-top:5px;
	float:right;
}

.take_a_tour a:hover
{
	background: url(images/takeatour.png) bottom center no-repeat;
}

.signup_advertiser a
{
	background: url(images/signup_advertiser.png) top center no-repeat;
	width:297px;
	display:block;
	text-indent:-9999px;
	height:37px;
	margin:0 auto;
}

.signup_advertiser a:hover
{
	background: url(images/signup_advertiser.png) bottom center no-repeat;
}

.signup_publisher a
{
	background: url(images/signup_publisher.png) top center no-repeat;
	width:297px;
	display:block;
	text-indent:-9999px;
	height:37px;
	margin:0 auto;
}

.signup_publisher a:hover
{
	background: url(images/signup_publisher.png) bottom center no-repeat;
}