@charset "utf-8";
/* CSS Document */
h1, h2, h3, h4, h5, h6,
p, li, form, div, table, tr, td { padding: 0px; margin: 0px; }
ul{ padding:0; margin:0; list-style-type:none; font-size:100%;}
img { border: 0px; outline:none; }
form { display: inline; }
a{ text-decoration:none; outline:none}
a img{ outline:none; border:0px none;}
.gaper {display:block; clear:both; margin:0px; padding:0px; width:100%;}

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

#header{
	display:inline;
	float:right;
	width:100%;
	margin:0 0 0 0;	
	position:relative;
}

/*---------- Top Right Link ----------*/

#header .top-right-cont{
	display:inline;
	position:absolute;
	top:0;
	right:0;
 	float:right;
	width:245px;
	margin:0 0 0 0;
}
#header .top-right-cont ul{
	display:inline;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#header .top-right-cont li{
	display:inline;
	float:left;
	margin:0;
	background:url('../images/top-right-divider.gif') no-repeat right;; padding-left:8px; padding-right:12px; padding-top:0; padding-bottom:0
}
#header .top-right-cont li.no-img{
	background:none;
}
#header .top-right-cont li img{
	display:inline;
	float:left;
	margin:6px 5px 0 0;
	padding:0 0 0 0;
}
#header .top-right-cont li a{
	display:inline;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font:normal 12px/27px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
}

/*---------- Logo ----------*/

#header .logo-nav-cont{
	display:inline;
	float:left;
	width:995px;
	margin:27px 0 0 0;
	padding:0 0 0 0;
}
#header .logo-nav-cont .logo{
	display:inline;
	float:left;
	width:244px;
	height:80px;
	margin:6px 0 0 6px;
	padding:0 0 0 10px;
}

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

#header .logo-nav-cont .navigation{
	display:inline;
	float:left;
	width:687px;
	height:96px;
	margin:0 0 0 0;
	padding:0 0 0 38px;
}
#nav, #nav ul{
	margin:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	padding:0 0 0 0px;
	margin:0 0 0 32px;
	}
	
#nav li {
	display:inline;
	float:left;
}
#nav a{
	padding:20px 10px 0 10px;
	margin:0 1px 0 0;
	float:left;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	color:#505050;
	font-size:13px;
	font-weight:bold;
	line-height:96px;
	cursor:pointer;
	text-transform:uppercase;
}
#nav a:hover{
	padding:20px 10px 0 10px;
	margin:0 1px 0 0;	
	cursor:pointer;
}

#nav a.home:hover {
	background:url('../images/home.png') no-repeat 13px 17px;
}

#nav a.how:hover {
	background:url('../images/works.png') no-repeat 44px 17px;
}

#nav a.plans:hover {
	background:url('../images/pricing.png') no-repeat 51px 17px;
}

#nav a.demo:hover {
	background:url('../images/demo.png') no-repeat 12px 17px;
}

#nav a.affiliates:hover {
	background:url('../images/affiliates.png') no-repeat 28px 17px;
}

#nav a.about:hover {
	background:url('../images/about.png') no-repeat 28px 17px;
}

#nav a.blog:hover {
	background:url('../images/blog.png') no-repeat 11px 17px;
}
/* Navigation End*/

/*---------- Banner ----------*/

.banner{
	display:block;
	position:relative;
	float:left;
	width:995px;
	margin:0 0 0 0;
}
.banner .banner-cont{
	display:inline;
	float:left;
	width:995px;
	margin:0 0 0 0;
}
.banner .banner-cont{
	display:block;
	width:995px;
	margin:0px;
	position:absolute;
	z-index:10;
}
.banner .banner-cont .banner-link{
	display:inline;
	float:right;
	width:315px;
	margin-top:130px;
}
.banner .banner-cont .banner-link ul{
	display:inline;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
.banner .banner-cont .banner-link a{
	display:inline;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-family:"Myriad Pro", Arial, sans-serif;
	line-height:22px;
	color:#0566ac;
	font-size:20px;
	font-weight:normal;
}
.banner .banner-cont .signup{
	position:absolute;
	margin-left:690px;
	float:right;
	width:0px;
	margin-top:270px;
}

/*---------- Mid Bottom Link ----------*/

#mid-cont .mid-bottomlink{
	display:inline;
	float:left;
	width:995px;
	margin:0 0 0 5px;
	background:#FFF url('../images/link-bg.gif') no-repeat top center;; padding-left:0; padding-right:0; padding-top:0px; padding-bottom:0
}
#mid-cont .mid-bottomlink .signup2{
	float:center;
	width:995px;
	margin:0 0 30px 20px;
	padding:0 0 0 0;
}

/*---------- Link Part ----------*/

#mid-cont .mid-bottomlink .link-cont{
	display:inline;
	float:left;
	width:960px;
	margin:0 0;
	padding:0px 0 40px 45px;
}
#mid-cont .mid-bottomlink .link-cont ul{
	display:inline;
	float:left;
	width:160px;
	margin:0 0;
	padding:0px 0 0 0px;
}
#mid-cont .mid-bottomlink .link-cont li{
	display:inline;
	float:left;
	width:140px;
	margin:0 0;
	padding:0px 0 8px 0px;
}
#mid-cont .mid-bottomlink .link-cont li span{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#1abffe;
	display:block;
	padding:0 0 18px 0;
}
#mid-cont .mid-bottomlink .link-cont li a{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	line-height:16px;
	color:#666666;
}
#mid-cont .mid-bottomlink .link-cont li a:hover{
	text-decoration:underline;
	color:#000;
}

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

#footer {
	display:inline;
	float:left;
	width:100%;
	margin:0 0 0 0;
}

#footer .f_bg{
	display:inline;
	float:left;
	width:995px;
	margin:0;
	background:url('../images/footer-bg.gif') no-repeat 0 0;
	text-align:center; padding-left:0; padding-right:0; padding-top:30px; padding-bottom:30px
}
#footer .f_bg p{
	display:inline;
	float:left;
	width:995px;
	padding:10px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	line-height:16px;
	color:#666666;
}
#footer .f_bg .f_link{
	display:inline;
	float:left;
	width:600px;
	margin:0 0 0 310px;
}
#footer .f_bg .f_link ul{
	display:inline;
	float:left;
	margin:0 0 0 0;
}
#footer .f_bg .f_link li{
	display:inline;
	float:left;
	background:url('../images/footer-link-divider.gif') no-repeat right 0;; margin-left:0; margin-right:18px; margin-top:0; margin-bottom:0; padding-left:0; padding-right:18px; padding-top:0; padding-bottom:0
}
#footer .f_bg .f_link li.noimg{
	background:none;
}
#footer .f_bg .f_link li a{
	display:inline;
	float:left;
	margin:0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	line-height:16px;
	color:#666666;
}
#footer .f_bg .f_link li a:hover{
	text-decoration:underline;
	color:#000;
}

/*---------- Sign Up Button ----------*/

.signup_button {
	clear: both;
	position:relative;
	display:block;
	height: 100px;
	width: 279px;
	background:url(../images/signup-button.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.signup_button span.hover {
	position: absolute;
	display: block;
	height: 100px;
	width: 279px;
	background: url(../images/signup-button.png) no-repeat;
	background-position: bottom;
	
}

/*---------- Support Navigation Menu ----------*/

#support_menu {
	float: left;
	width: 251px;
	height: 100%;
	padding: 10px 0px 0px 30px;
	margin: 0;
	display: block;
}

#support_nav {
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	float: left;
	line-height: 20px;
	width: 234px;
	background-color: #E6E6E6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 10px;
	margin-right: 0;
	margin-left: 0;
	height: auto;
	padding-bottom: 5px;

}

#support_nav a, #support_nav a:visited {
	text-decoration: none;
	color: #727272;
	padding-right: 15px;
	padding-left: 52px;
	display: block;
	height: 35px;
	padding-top: 19px;
}
#support_nav a:hover {
	color: #727272;
	padding-top: 19px;
	padding-right: 15px;
	padding-left: 52px;
	height: 35px;
}

#support_nav #faq  a,  #support_nav  #faq  a:visited   {
	background-repeat: no-repeat;
	text-decoration: none;
	background-position: 5px 5px;
	background-image: url('../images/frequently-asked-questions.png');
}
#support_nav #faq a:hover {
	background-image: url('../images/frequently-asked-questions2.png');
	background-position: 5px 5px;
	color: #333333
}

#support_nav #tutorials  a,  #support_nav  #tutorials  a:visited   {
	background-repeat: no-repeat;
	text-decoration: none;
	background-position: 5px 5px;
	background-image: url('../images/click-tracking-tutorials.png');
}
#support_nav #tutorials a:hover {
	background-image: url('../images/click-tracking-tutorials2.png');
	background-position: 5px 5px;
	color: #333333
}

#support_nav #training a,  #support_nav  #training a:visited   {
	background-repeat: no-repeat;
	text-decoration: none;
	background-position: 5px 5px;
	background-image: url('../images/click-video-training.png');
}
#support_nav #training a:hover {
	background-image: url('../images/click-video-training2.png');
	background-position: 5px 5px;
	color: #333333
}

#support_nav #manual a,  #support_nav  #manual a:visited   {
	background-repeat: no-repeat;
	text-decoration: none;
	background-position: 5px 5px;
	background-image: url('../images/click-user-manual.png');
}
#support_nav #manual a:hover {
	background-image: url('../images/click-user-manual2.png');
	background-position: 5px 5px;
	color: #333333
}

#support_nav #guide a,  #support_nav  #guide a:visited   {
	background-repeat: no-repeat;
	text-decoration: none;
	background-position: 5px 5px;
	background-image: url('../images/click-tracking-guide.png');
}
#support_nav #guide a:hover {
	background-image: url('../images/click-tracking-guide2.png');
	background-position: 5px 5px;
	color: #333333
}

#support_nav #new a,  #support_nav  #new a:visited   {
	background-repeat: no-repeat;
	text-decoration: none;
	background-position: 5px 5px;
	background-image: url('../images/whats-new.png');
}
#support_nav #new a:hover {
	background-image: url('../images/whats-new2.png');
	background-position: 5px 5px;
	color: #333333
}

#support_nav #blog a,  #support_nav  #blog a:visited   {
	background-repeat: no-repeat;
	text-decoration: none;
	background-position: 5px 5px;
	background-image: url('../images/click-blog.png');
}
#support_nav #blog a:hover {
	background-image: url('../images/click-blog2.png');
	background-position: 5px 5px;
	color: #333333
}

#support_nav #contact a,  #support_nav  #contact a:visited   {
	background-repeat: no-repeat;
	text-decoration: none;
	background-position: 5px 5px;
	background-image: url('../images/contact-us.png');
}
#support_nav #contact a:hover {
	background-image: url('../images/contact-us2.png');
	background-position: 5px 5px;
	color: #333333
}

/*---------- Also Interrested In ----------*/

#container .interrested_block {
	width:900px;
	float:left;
	display:inline;
	margin:25px 0 0 0;
}
#container .interrested_block .int_title {
	width:858px;
	float:left;
	display:inline;
	color:#373737;
	font:24px Arial, Helvetica, sans-serif;
	margin:0px 0 24px 20px;
}
#container .interrested_block .int_title2 {
	width:858px;
	float:left;
	display:inline;
	color:#373737;
	font:24px Arial, Helvetica, sans-serif;
	margin:20px 0 24px 20px;
	padding-top:20px;
	border-top: 1px dashed #C2C2C2;
}
#container .interrested_block .int_photo_block {
	/*width:197px;
	height:91px;*/
	float:left;
	display:inline;
	background:#EEEEEE;
	border: 1px solid #D9D9D9;
	padding:6px;
	position:relative;
	opacity: 0.5; /* see the background through the hbox */
	filter: alpha(opacity = 50);
	-ms-filter:"progidDXImageTransform.Microsoft.Alpha(Opacity50)";margin-left:19px; margin-right:2px; margin-top:0; margin-bottom:0
}
#container .interrested_block .int_photo_block:hover {
	opacity: 1; /* see the background through the hbox */
}
#container .interrested_block .int_photo_block .works_text {
	width:100px;
	padding:3px 0 3px 0;
	text-align:center;
	float:left;
	display:inline;
	position:absolute;
	top:7px;
	left:92px;
	color:#fff;
	font:12px Arial, Helvetica, sans-serif;
	background:#515d61;
}
#container .interrested_block .int_photo_block .demo_text {
	width:102px;
	padding:3px 0 3px 0;
	text-align:center;
	float:left;
	display:inline;
	position:absolute;
	top:6px;
	left:90px;
	color:#fff;
	font:12px Arial, Helvetica, sans-serif;
	background:#515d61;
}
#container .interrested_block .int_photo_block .pricing_text {
	width:117px;
	padding:3px 0 3px 0;
	text-align:center;
	float:left;
	display:inline;
	position:absolute;
	top:6px;
	left:75px;
	color:#fff;
	font:12px Arial, Helvetica, sans-serif;
	background:#515d61;
}
#container .interrested_block .int_photo_block .support_text {
	width:150px;
	padding:3px 0 3px 0;
	text-align:center;
	float:left;
	display:inline;
	position:absolute;
	top:6px;
	left:42px;
	color:#fff;
	font:12px Arial, Helvetica, sans-serif;
	background:#515d61;
}
#container .interrested_block .int_photo_block .features_text {
	width:108px;
	padding:3px 0 3px 0;
	text-align:center;
	float:left;
	display:inline;
	position:absolute;
	top:6px;
	left:84px;
	color:#fff;
	font:12px Arial, Helvetica, sans-serif;
	background:#515d61;
}