* { margin:0; padding:0; outline:none; border-collapse:collapse; }
html { height:100%; }
body {  background-color:#e0e8ff; height:100%; font-family:Arial, sans-serif; font-size:12px; line-height:18px; }
/*100% height construction start*/
#wrapper { background-color:white; height:auto !important; height:100%; min-height:100%; position:relative; width:990px; margin:0 auto; }
#pusher { height:140px; position:relative; clear:both; }
#footer { height:120px; position:relative; width:990px; margin:-120px auto 0 auto; }

/*for all classes*/
	.fl { float:left; }
	.mainnav { float:right;
			width:750px;
			}
	.fr {float: right;}
	
	.clear {clear: both;}
			

	a img { border:none; }
	a:hover { text-decoration:none; }
	h1 { color:#006075; font-size:30px; margin:0 0 18px 0; }
	h2 { color:#006075; font-size:18px; margin:18px 0; }
	h1, h2 { font-weight:normal; }
	h3,h4,h5,h6 { color:#006075; font:bold 18px Arial, sans-serif; margin:18px 0 -18px 0; }
	p { color:#000; font:normal 12px/24px Arial, sans-serif; margin:10px 0; }
	blockquote { color:#000; margin:24px 0; padding:12px 24px; background:#eaf6f9; }
	blockquote p { margin:0; font:italic normal 13px/24px Arial, sans-serif;}
	table { margin:0 0 24px 0; border:1px solid #c0c0c0; }
	th, td { border:1px solid #c0c0c0; padding:12px; }
	th { background:#eaf6f9 url(../i/li-active.jpg) top repeat-x; }
	ul, ol { margin:18px 0; }
	ul ul { margin:6px 0; }
	li { padding:0 0 0 16px; list-style-type:none; background:url(../i/dot.jpg) 0px 7px no-repeat; line-height:20px; position:relative; }
	li li { list-style-type:circle; background:none; padding:0; margin:0 0 0 12px; }
	ol li { list-style-type:decimal; background:none; padding:0; margin:0 0 0 20px; }
/*for all classes*/

/*header*/
	#header { margin:0 20px 20px 20px; position:relative; height:100px; }
	#topbar { background:url(../i/sloganbg.jpg) top left no-repeat; width:705px; height:31px; position:absolute; top:0; right:0;
	          padding-top:12px;
	          color:#20544c;
	         /* font-weight:bold;*/
	          font-size:17px;
	          padding-left:30px;
	          }
		#phone { height:31px; width:464px; 
		         position:absolute; 
		         background:#38a8ce url(../i/phonebg.jpg) top left no-repeat; 
		         top:0; right:0; 
		         text-align:center; padding-top:12px;}
			#phone a, #phone span { color:#ebebeb; border-left:1px solid #ebebeb; padding:0 12px; font-size:12px; } 
			#phone span.item  { border:none; }
		#logo { padding:14px 0 0 0; margin:0 0 0 40px; }
		#header ul { padding:10px 0 0 0; margin:0;}
			#header li { float:left; border-right:1px solid #c0c0c0; height:23px; padding:0; background:none; }
			#header li a, #header li span { font-size:13px; margin:0 10px; display:block; }
			#header li span { color:#66a0ac; }
			#header li a { color:#006075; }
			
		#header-first { border-left:1px solid #c0c0c0; }
		#header li.header-last { border-right:0px; }

		.ie #trademarked sup {position:relative; bottom:4px;}
		.chrome #trademarked sup {position:relative; bottom:4px;}
		.gecko #trademarked sup {position:relative; bottom:0.8px;}
		.safari #trademarked sup {position:relative; bottom:-1px; font-size: 8px; line-height: 0px;}
		
		h1 sup { font-size: 12px; }
		.customer-cloud { text-align: center; }
		.customer-cloud img { opacity: .8; -webkit-transition-duration: 1s, .5s; }
		.customer-cloud img:hover { opacity: 1;  }
	
    #twitter {padding:50px 10px 0 0;}
	#twitter a{color:#0099FF;}
	
/*	
#main_nav {
	float:right;
	text-align:right;
	font-size:18px;
	width:740px;
}

#main_nav a:hover{
color:#337777;
}
#main_nav li.active a {
	color:#FFFFFF;
}
#main_nav li a {
	color:#4d4d4d;
	text-decoration:none;
}
#main_nav ul {
	margin-top: 5px;
	padding: 0;
	list-style-type: none;
	padding:10px;
}
#main_nav li {
	display:inline;
	float:left;
	padding-bottom:5px;
	padding-top:8px;
	margin: 0 5px 0 50px;
}
#main_nav li.active a, #main_nav li.active span {
	text-align:right;
	padding: 4px 0 5px 0;
	background-image: url(../graphics/menu_selected.png);
	background-repeat: no-repeat;
	background-color:#fff;
}
#main_nav li#homemenu {
	margin-left:0;
}
#main_nav li.active a {
	background-position: top left;
	padding-left:12px;
}
#main_nav li.active span {
	width: 10px;
	background-position: right top;
	padding-left:8px;
	display:inline;
	
}*/
/*header*/



/*content*/

				.floater { margin:-27px 0 0 684px; position:absolute; width:260px; z-index:6; /*background: url('../graphics/floater-bg.png') 27px 0px no-repeat;*/}
					.floater p, .floater ul li{  font-size: 11px; color: #666666; line-height: 16px;}
					.floater p, .floater ul li{  background-position-y: 5px;}
					.floater ul { margin-top: 0px; margin-bottom: 20px; }
					.floater p { margin-bottom: 4px;}
					.floater p.title { font:normal 26px; margin-top: 60px; margin-bottom: 30px; /*margin-top: 44px; */ }
					.floater p.title a { margin: 0 auto; display: block; background: url('../graphics/logo-activetextbook.png') top left no-repeat; height: 40px; width: 250px; }
					.floater p.title span { display: none; }
					
					body #product-container .tr { background:url(../graphics/floater-bg.png) top right no-repeat; top:-1px; right:-1px; width: 264px; height: 100%; }
					.floater .floater-content {
						width: 225px;
						margin: 0 auto;
					}
					.floater h2 { font-size: 15px; color: #339999; margin-bottom: 8px; margin-top: 0px; }
					.floater .learnbtn span { display: none; }
					.floater .learnbtn { display: block; background: url('../graphics/at-learnmore.png') top left no-repeat; height: 32px; width: 158px; margin: 0 auto; }
					
	#content { margin:0 20px; }
		#content img.item { margin:0 0 36px 0; }
		#product-container { width:948px; height:354px; border:1px solid #cfcfcf; position:relative; }
			#product-container .tl, #product-container .tr,
			#product-container .bl, #product-container .br { position:absolute; width:7px; height:7px; font-size:0; z-index:5;}
			#product-container .tl { background:url(../i/cc-tl.png) top left no-repeat; top:-1px; left:-1px; }
			#product-container .tr { background:url(../i/cc-tr.png) top left no-repeat; top:-1px; right:-1px; }
			#product-container .bl { background:url(../i/cc-bl.png) top left no-repeat; bottom:-1px; left:-1px; }
			#product-container .br { background:url(../i/cc-br.png) top left no-repeat; bottom:-1px; right:-1px; }
			.product { position:absolute; top:0; left:0; width:948px; height:284px; z-index:3; }
				.product-image { width:684px; height:284px; position:relative; float:left;  }
					.product-image .item { position:absolute; top:166px; left:36px; }
					.product-image .item .fl { width:73px; }
					.product-image .item p { color:#000; font:normal 14px/17px Arial, sans-serif; margin:0 0 0 87px; }
					.product-image .item p a { color:#ff6719; font:normal 18px Arial, sans-serif; }
					.product-image .item p img { margin:0 0 0 4px; }
					.product-image .item p a span { font-size:14px; }

				.product-pointer { position:absolute; top:284px; font-size:0; line-height:0; width:18px; height:10px; vertical-align:bottom; }
				.product-pointer img { margin:0; }
				.product .product-customer { width:432px; padding:0; margin:0; position:absolute; top:290px; right:0; }
					.product .product-customer .fl { margin:8px 0 0 0; padding:0; height:35px; width:86px; text-align:right; color:#006075; border-left:1px solid #38a8ce; }
					.product .product-customer .customer-icons { margin:5px 0 0 50px; padding:0;  }
					.product .product-customer .customer-icons img { margin:0 0 0 10px; vertical-align:middle; }				
				#product1 .product-image  { background:url(../i/product-icons/i2-main.jpg) top left no-repeat; }
				#product2 .product-image  { background:url(../i/product-icons/i1-main.jpg) top left no-repeat; }
				#product3 .product-image  { background:url(../i/product-icons/i3-main.jpg) top left no-repeat; }
				#product4 .product-image  { background:url(../i/product-icons/i4-main.jpg) top left no-repeat; }
				
				#product1 .product-pointer { left:142px; }
				#product2 .product-pointer { left:204px; }
				#product3 .product-pointer { left:270px; }
				#product4 .product-pointer { /*left:339px;*/ left: 268px; }
			#product-tools { margin:284px 0 0 0; border-top:1px solid #cfcfcf; }
				#product-tools .fl { width:436px; padding:0 0 0 38px; position:relative; }
					#product-tools .fl .fl { width:80px; padding:12px 0 0 0; line-height:18px; color:#006075; }
					#product-tools .fl .product-icons table { margin:0; padding:0; border:0; }
					#product-tools .fl .product-icons td { margin:0; padding:0; border:0; width:64px; height:44px; vertical-align:middle; text-align:center; }
					#product-tools .fl .product-icons { margin:0 0 0 80px; padding:12px 0 0 0; }
					#product-tools .fl .product-icons img { cursor:pointer; vertical-align:middle; position:relative; }
					#product-tools #product-customer { margin:0 0 0 471px; }
					#product-tools #product-customer .fl { margin:12px 0 0 0; padding:0; height:35px; width:86px; text-align:right; color:#006075; border-left:1px solid #38a8ce; }
		#news-header { width:947px; height:39px; background:url(../i/news-h-bg.jpg) top left no-repeat; }
			#news-header  h2 { margin:0 0 0 20px; padding:8px 0 0 0; }
		#news-footer { width:947px; height:39px; background:url(../i/news-f-bg.jpg) top left no-repeat; }
			#news-footer div {  margin:0 0 0 20px; padding:8px 0 0 0; }
			#news-footer a { color:#006075; font-size:17px; }
			#news-footer img { margin:0 0 0 4px; }
		#n-c { width:945px; border-left:1px solid #b3d7df; border-right:1px solid #b3d7df; }
			#n-c table { border:none; margin:0; }
			#n-c td { width:314px; vertical-align:top; padding:20px 25px; }
			#td-first {  background:url(../i/teaser-1.jpg) 20px 90% no-repeat; border:none; }
			#td-second { border-left:1px solid #b3d7df; border-right:1px solid #b3d7df; background:url(../i/teaser-2.jpg) 20px 90% no-repeat; border-top:none; border-bottom:none; }
			#td-three { background:url(../i/teaser-3.jpg) 20px 90% no-repeat; border:none; }
			#n-c td div { padding:0 0 81px 0; }
			#n-c td div p { color:#000; font-size:12px; line-height:20px; margin:0; }
			#n-c td p a { color:#000; }
			#n-c td p img { margin:0 0 0 4px; }
			#n-c td .date { color:#209ec9; font-weight:bold; font-size:15px; line-height:18px; margin:0 0 8px 0; }
		#content p.main-page-p { margin:18px 0 18px 20px; font-size:14px; }
		
			#col-3 li { width: 160px; height: 200px; float: left; background: none; float: left; margin-right: 40px; line-height: 18px;}
				#col-3 h2 { margin-bottom: 0px; margin-top: 10px; font-size: 14px; font-weight: bold;}
			body .features img { border: 0px; position: absolute; }
			body .features h2 { padding-top: 80px; }
			body .highslide-full-expand { display: none !important; }
			body .highslide-dimming { background: #FFFFFF !important; }
			
			.zoom { background: url('../graphics/zoom-icon.png') top right no-repeat; width: 32px; height: 33px; display: block; position: absolute; }
			.features .zoom { left: 130px; top: 45px;}
			
			.at-preview { height: 300px; display: block; position: relative; margin-top: 10px;}
			.at-preview img { position: absolute; }
			.at-preview .zoom { left: 550px; top: 250px; }
				
/*content*/

/*left-menu*/
	#left-menu { float:left; width:220px; }
		#left-menu  ul { margin:0; }
		#left-menu li { border-bottom:1px solid #cbcbcb; background:none; padding:12px 10px; margin:0; position:static; }
		#left-menu li.selected { background:#eaf6f9 url(../i/li-active.jpg) top repeat-x; }
		#left-menu li.selected img { margin:0 0 0 10px; }
		#left-menu li a, #left-menu li span  { color:#116b7e; font-weight:bold; }
	#right-col { margin:0 0 0 250px; }
/*left-menu*/

/*footer*/

	#padder { margin:0 20px; padding:0 0 14px 0; }
		#icons { border-top:1px solid #9bd3e6; height:28px; }
			#icons .fl { margin:0 0 0 0;  }
			#icons .fr { margin:0 0 0 0; }
			#icons .fl p { color:#226c6a; font-size:10px; margin:0; }
			/*#icons .fr a { margin:0 0 0 22px; }*/
		#bottom-menu { width:950px; height:56px; background:url(../i/bm-bg.jpg) top left no-repeat; }
		#vsicon {padding:0 20px 0 0;}
		/*#bottom-menu ul { margin:0 0 0 260px; padding:18px 0 0 0; }
			#bottom-menu li*/
			
			sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}