/* CSS Document */
/* Created by Jjeesh Kachattil 12/12/2009 */

html, body, form, p{margin:0; padding:0; height:100%;}

body{
	background-color: #eeeeee;
/*	background-image: url(../images/bg.png);
	background-repeat: repeat-x;*/
}

.wrapper{width:960px; margin:0 auto;}

.home_wrapper{
	width:960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.header{
	height:52px;
	overflow:hidden;
	background-image: url(../images/bg.png);
	background-repeat: repeat-x;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.logo{float:left; padding:7px 0 0 11px;}

.menu{float:left; padding:5px 0 0 0!important; padding:17px 0 0 0; }

.phone-number{ float:right; padding:15px 7px 0 0;}

.phone-number span{ background:url(../images/phone-icon.png) no-repeat; padding:4px 0 4px 27px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; color:#ffffff;
}

#navigation{font-size:12px; font-family:Verdana; font-weight:bold; float:left; position:relative; left:-6px!important; left:-46px; }

#navigation li{float: left; display: block; height: 28px; margin-right: 14px; position: relative; }

#navigation li span{ width: 14px; height: 28px; position: absolute; top: 0; right: -14px; }

#navigation li:hover{ height: 27px; top: 1px; }

#navigation li:hover span{ height: 27px; }

#navigation li a{ display: block; padding: 0 3px 0 14px; position: relative; line-height: 27px; color: #ffffff; text-decoration:none; 	}

#navigation li a:hover{ color:#ffffff; }

#navigation li.active
{
	height: 26px;
	top: 3px;
	background: url(../images/main-nav-left-selected.png) no-repeat;


}


#navigation li.active a
{
	color: #39B54A;
	
}

#navigation li.active span
{
	height: 26px;
	background: url(../images/main-nav-right-selected.png) no-repeat top right;
}

.content-top{
	top:52px;
	width:960px;
	margin:0;
	padding:0;
	overflow:hidden;
	height:282px;
	background-color: #ffffff;
}

.home_banner-container{
	float:left;
	width:680;
	height:292;
	position:absolute;
	top:52px;
}

.home_banner-right{
	background-color: #FFF;
	width: 290px;
}
.banner-right{
	float:right;
	padding:5px 3px;
}

.testmonial{
	width:280px;
	height:180px;
	overflow:hidden;
	background-repeat: no-repeat;
	margin-top: 10px;
	padding-right: 5px;
	padding-left: 10px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	float: none;
}

.testmonial h1{
	margin:0;
	padding:0 0 3px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#72BF44;
}

.testmonial p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#58595B;
}	

.testmonial p strong
{
	color:#000000;
	margin-top:8px;
	display:block;
}

.testmonial a{
	float:right;
	color:#56A22A;
	font-weight:bold;
}


.info_testmonial{
	width:244px;
	height:142px;
	padding:17px 13px;
	overflow:hidden;

}


.info_testmonial h1{
	margin:0;
	padding:0 0 3px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#72BF44;
}

.info_testmonial p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#58595B;
}	

.info_testmonial p strong
{
	color:#000000;
	margin-top:8px;
	display:block;
}

.info_testmonial a{
	float:right;
	color:#56A22A;
	font-weight:bold;
}

.info_request-a-demo{
	width:270px;
	overflow:hidden;
	background-repeat: no-repeat;
	margin-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.info_request-a-demo .right{
	background:url(../images/demo-image.png) no-repeat;
	margin-bottom: 5px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 72px;
	margin-top: 5px;
}


.info_request-a-demo h1{
	margin:0;
	padding:0 0 3px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#72BF44;
}

.info_request-a-demo	p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#58595B;
	
}	

.info_request-a-demo p strong
{
	color:#000000;
	margin-top:8px;
	display:block;
}

.info_request-a-demo a{
	float:right;
	color:#56A22A;
	font-weight:bold;
}



.request-a-demo{
	width:280px;
	overflow:hidden;
	background-repeat: no-repeat;
	margin-top: 10px;
	padding-right: 0px;
	padding-left: 10px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.request-a-demo .right{
	background:url(../images/demo-image.png) no-repeat;
	margin-bottom: 5px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 72px;
	margin-top: 5px;
}


.request-a-demo h1{
	margin:0;
	padding:0 0 3px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#72BF44;
}

.request-a-demo	p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#58595B;
	
}	

.request-a-demo p strong
{
	color:#000000;
	margin-top:8px;
	display:block;
}

.request-a-demo a{
	float:right;
	color:#56A22A;
	font-weight:bold;
}

.home_white-wrapper{
	float:none;
	border: 0px solid #e6e7e8;
	background-color: #FFFFFF;
	width: 960px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}


.spacer-bottom{
	height:5px;
	clear:both;
	color:#FF0000;
}
.content-bottom{
	clear:both;
	margin-top:10px;
	background-color: #FFFFFF;
	width: 960px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

.bottom-boxes
{
	width:235px;
	height:180px;
	float:left;
	margin-right:0px;
	background-color: #FFFFFF;
}

.last-box{
	margin-right:0px;
	margin-left:2px;

}

.bottom-boxes h1{
	padding:13px 0 13px 45px;
	color:#58595B;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin:4px 0 0 5px;
}
.bottom-boxes h1.mobile{
	background:url(../images/mobile.png) no-repeat;
}

.bottom-boxes h1.tv{
	background:url(../images/tv.png) no-repeat;	
}

.bottom-boxes h1.ap{
	background:url(../images/advertising-paltforms.png) no-repeat;

}

.drpshadow{	
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color='gray', Positive='true');
	}
.bottom-boxes h1.ca{
	background:url(../images/content-aggregators.png) no-repeat;
}

.bottom-box-contents{
	height:95px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#808285;
	overflow:hidden;
	line-height:24px;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 15px;
}

.bottom-box-links{
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#56A22A;
	padding:0 20px 0 0;
	margin-right:7px;
	display:block;
	background:url(../images/more-bullet.png) no-repeat 100% 50%;
}



.footer{
	background-color: #e6e7e8;
}
.footer-content{
	width:960px;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #e6e7e8;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 20px;
	padding-left: 0px;
	padding-right: 0px;
	background-image: url(../images/bg.png);
	background-repeat: repeat-x;
	background-position: center;

}
.footer-bg{
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	padding-left: 0px;
	padding-right: 0px;


}

.footer-content-left{
	color:#FFFFFF;
	font-weight:bold;
	font-size:9px;
	width:300px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
}

.footer-content-center{
	color:#000000;
	font-weight:bold;
	font-size:12px;
	float:left;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
}
.footer-content-center ul{margin:0; padding:0; list-style-type:none;}
.footer-content-center ul li{float:left; padding:0 5px;}
.footer-content-center ul li a{
	color:#000000;
	text-decoration:none;
	font-size: 10px;
}

.footer-content-right{
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	width:300px;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
}
.footer-content-right .txt{float:right;}
.footer-content-right .imges{float:right;}
.footer-content-right .imges img{margin-left:5px;}

.clear{clear:both;}



/* subpage styles */
.lef-links-div{
	width:160px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	padding:18px 0 0 36px;
	font-size: 12px;
}
.lef-links-div ul{ margin:0; padding:0; list-style-type:none;}
.lef-links-div ul li{line-height:22px;}
.lef-links-div ul li a{
	color:#50B848;
	font-weight:normal;
	font-size:14px;
	text-decoration:none;
}
.lef-links-div ul li a:hover{
	color:#134305;
	font-weight: bold;
}
.lef-links-div ul li.selected a{
	color:#134305;
	font-weight: bold;
}


.content-inner{
	float:left;
	width:460px;
	border:1px solid #E7EFD9;
	border-top:none; 
	border-bottom:none;
	padding:11px;
	line-height:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	min-height:480px;
}

h1{
	margin:0;
	padding:8px 0 3px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#72BF44;
}	



.background-none{
	background:none;
}
.home_banner-top {
	width:660px;
	margin:0;
	overflow:hidden;
	height:282px;
	background-color: #d5ebc8;
	padding-top: 10;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.info-top {
	top:52px;
	width:960px;
	margin:0;
	padding:0;
	overflow:hidden;
	height:295px;
	background:#FFFFFF;

}
.info-right {
	float:right;
	width: 260px;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 3px;

}
.info-inner {
	float:left;
	width:460px;
	border:1px solid #E7EFD9;
	border-top:none; 
	border-bottom:none;
	padding:11px;
	line-height:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	min-height:480px;

}