@charset "utf-8";
/* CSS Document */

body { background-color:#ddd; font:normal 12px arial; margin:0px; padding:0px;}

.mainTable { background:url(../images/bg.png) left top no-repeat; width:950px; height:1030px; }

.headerBg {background:url(../images/header.jpg) left top no-repeat; width:950px; height:245px;}

.headerText { font:normal 24px arial; color:#000000; margin-left:300px; margin-top:20px; line-height:36px; }

.first_intro { background:url(../images/intro1.jpg) left top no-repeat; width:635px; height:170px; }

.intro1 { font:normal 14px arial; width:90%; margin:42px 0px 0px 35px; line-height:22px;  text-align:left;  }

.whatQB { font:bold 14px arial; color:#0f657c; width:80%; line-height:22px; text-align:left; }

.what_QBbg { background:url(../images/bg_qb.jpg) left top repeat-y; width:635px; height:160px; vertical-align:top; }
.what_QBbgHotPricing { background:url(../images/bg_qb.jpg) left top repeat-y; width:635px; height:auto; vertical-align:top; }

.whatQBText { font:bold 12px arial; color:#000000; width:80%; margin:0px 0px 0px 40px; line-height:22px; text-align:left; }
.whatQBTextHotPricing { font:bold 12px arial; color:#000000; width:80%; margin:0px 0px 0px 70px; line-height:22px; text-align:left;  }
.whatQBTextHotPricing ul { list-style:circle;}

.Subtext { font:normal 12px arial; color:#000000; width:80%; margin:0px 0px 0px 66px; line-height:20px; text-align:left; }

.second_intro { background:url(../images/intro2.jpg) left top no-repeat; width:635px; height:199px; }
.second_introBg { background:url(../images/blinkingText.jpg) center center no-repeat; width:635px; height:52px; }
.intro2 {  font:normal 14px arial; width:90%; margin:50px 0px 0px 35px; line-height:20px;  text-align:left; }

.demoText {font:bold 14px arial; color:#000000; width:80%; margin:20px 0px 0px 0px; line-height:22px; text-align:center;}
.demoText a:link {font:bold 14px arial; color:#000000; margin:0px 0px 0px 55px; line-height:22px; text-align:center; text-decoration:underline;}
.demoText a:hover {font:bold 14px arial; color:#000000; line-height:22px; text-align:center; text-decoration:none;}

.previousLink {font:bold 14px arial; font-style:italic; color:#000000; margin:0px 0px 0px 55px; line-height:22px; text-align:center; text-decoration:underline;}
a.previousLink:link {font:bold 14px arial; font-style:italic; color:#000000; margin:0px 0px 0px 55px; line-height:22px; text-align:center; text-decoration:underline;}
a.previousLink:hover {font:bold 14px arial; font-style:italic; color:#000000; line-height:22px; text-align:center; text-decoration:none;}

.demoTextHotPricing {font:bold 14px arial; color:#000000; width:80%; margin:0px 0px 0px 55px; line-height:22px; text-align:center;}
.demoTextHotPricing a:link {font:bold 14px arial; color:#000000; line-height:22px; text-align:center; text-decoration:underline;}
.demoTextHotPricing a:hover {font:bold 14px arial; color:#000000; line-height:22px; text-align:center; text-decoration:none;}

.footerBg { background:#fff url(../images/footerBg.jpg) left top no-repeat; width:950px; height:131px; }

.rightBg { background:url(../images/rightBg.jpg) right top no-repeat; width:283px ; height:708px;}

.menuBg { background:url(../images/menuBg.jpg) left top no-repeat; width:244px; height:122px; }
.blinkText{font:normal 16px arial; color:#ff0000; font-style:italic; text-decoration:none;}
.blinkText:link{font:normal 16px arial; color:#ff0000; font-style:italic; text-decoration:none;}
.blinkText:hover{font:normal 16px arial; color:#000; font-style:italic; text-decoration:none;}
.arrowLink { font:bold 18px "Agency FB"; color:#000000; }

.menuLink { font:normal 16px arial; color:#000000; font-style:italic; text-decoration:none; }
.menuLink:link { font:normal 16px arial; color:#000000; font-style:italic; text-decoration:none; }
.menuLink:hover{ font:normal 16px arial; color:#ff0000; font-style:italic; text-decoration:none; }


.keybenefit { background:url(../images/keybenefit.jpg) right top no-repeat; width:264px; height:36px; }
ul { list-style:none; margin:0px; padding:0px; }

.keybenefitLi { padding-top:5px; background:url(../images/arrow.png) 20px 13px no-repeat; padding:10px 0px 10px 45px; font:normal 12px arial;  text-align:left;}

.contactUs { background:url(../images/contact.png) left top no-repeat; width:283px; }
.contactUsText { padding:3px 0px; font:normal 12px arial; clear:both;}
.footerLink { background:url(../images/email.png) left center no-repeat; padding:5px 0px 5px 25px; font:bold 12px arial; line-height:28px; text-decoration:underline; color:#000000;}
.footerLink:link { font:bold 12px arial; text-decoration:underline; color:#000000;}
.footerLink:hover { font:bold 12px arial; text-decoration:none; color:#ffcc00;}

.paddingTop15 { padding-top:55px; }
.paddingTop60 { padding-top:60px; }
.padleft10px { padding-left:10px; }
.Text {float:right; text-align:center; padding:0px 55px; margin-top:40px;}
.footerLink2 { font:12px arial; color:#085a70; text-decoration:underline; }
.footerLink2:link { font:12px arial; color:#085a70; text-decoration:underline; }
.footerLink2:hover { font:12px arial; color:#000; text-decoration:none; }

.siteAnchor { background:url(../images/logoAnalytix.png) left center no-repeat; width:60px; padding:10px 0px 10px 40px; height:45px; font:normal 20px arial; color:#000000; text-decoration:blink; }
.siteAnchor:link {height:45px; font:normal 20px arial; color:#000000; text-decoration: blink; }
.siteAnchor:hover{ font:normal 20px arial; color:#ff0000; text-decoration:blink; }

.addServices ul { list-style-type:circle; text-align:left; padding-left:100px; font-weight:bold; }

.addServices2 ul { list-style-type:square; text-align:left; padding-left:100px; }

#Style { 
position:absolute; z-index:24;
display:none;
border:solid 2px #CCC; 
padding:2px; 
left:80em;
    top:27em;
} 

.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#ff0000;	
    text-align: left;
	font:normal 16px arial; color:#000000; font-style:italic; text-decoration:none;
}
.info:hover
{
	z-index:25; 	
    text-align: left;
    text-decoration:none;
	position:relative;
	color:#ff0000;
}

.info span{display: none}

.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
	padding:5px;
	text-align:justify;
	left:-8em;
    top:1.3em;
	width:16em;
	color:#000000;
    text-align: left;
}
blink { color:#003399;}
blink:hover { color:#ff0000;}
.flashLink { background-color:#c70303; padding:1px 0px 2px 0px; 
filter: progid:DXImageTransform.Microsoft.Gradient (GradientType:0,StartColorStr:'#e65656',EndColorStr:'#c70303'); width:10%; }
.flashLinkText { position:relative; height:37px; background-color:#c70303; padding:1px 0px 0px 0px; 
filter: progid:DXImageTransform.Microsoft.Gradient (GradientType:0,StartColorStr:'#e65656',EndColorStr:'#c70303'); width:213px; }
.analytixBg { background:url(../images/analytix.jpg) center top no-repeat; height:43px; }