/*-------- THEATOMGROUP.COM --- global.css --------*/

@import url("defaults.css");


/*------- MAIN CONTAINERS -------*/

#head { background: url("../img/bgs/home.png") no-repeat center top #323232; }
#head .logo { top: 26px; left: -2px; }
 #head .logo a {
	height: 81px; width: 84px;
	background: url("../img/logos/home.png") no-repeat;
}
.feature .controls li.active { background: #F1B900; }


#main,
#head-inner,
#foot-inner {
	width: 979px;
	margin: 0 auto;
}
#main { 	
	position: relative;
	z-index: 2;
	margin-top: -150px;
	background: url("../img/master/main-bg.png") repeat-y #fff;
}
.home #main {
	background: #fff;
	margin-bottom: 38px;
}
#left-col {
	float: left;
    margin-right: 20px;
    padding-bottom: 45px;
    width: 729px;
}
#right-col {
	float: left;
    width: 230px;
    margin-top: -20px;
    background: url("../img/master/right-col-bg.png") no-repeat 0 66px #f5f5f5;
    min-height: 500px;
    height: auto !important;
    height: 500px;
    padding-bottom: 30px;
}	

	
/*------- HEADER -------*/

#head { height: 272px; }
#head-inner { position: relative; z-index: 20; }

/*-- logo --*/
#head .logo {
	position: absolute;
	left: 0;
}
	#head .logo a {
		display: block;
		text-indent: -9999px;
		outline: 0;
	}
	
/*-- global nav --*/
#global-nav, #global-nav-inner {
    background: url("../img/master/utility-bar.png") repeat scroll 0 0 transparent;
    height: 30px;
}
#global-nav {
    background-position: left top;
    float: left;
    margin-right: 4px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 19;
}
#global-nav-inner {
    background-position: right top;
    float: left;
    left: 4px;
    padding: 0 0px 0 2px;
    position: relative;
    z-index: 18;
}

#global-nav-inner span.worldwide {margin:0 0px 0 4px; background-image:url(../img/master/worldwide-icon.png); background-repeat:no-repeat;  background-position:0px 1px;padding-left:21px; background-size:15px 15px;padding-bottom:3px;padding-top:2px;

}

#global-nav a:hover span.worldwide { background-image:url(../img/master/worldwide-icon.png); background-repeat:no-repeat;  background-position:0px 1px; }


#global-nav ul {
    float: left;
    font-size: 11px;
    margin-left: -6px;
    margin-right: 0px;
}
#global-nav ul#home-list {
    display: none;
    margin-right: 17px;
}
#global-nav ul#home-list a {
    border-left: 0 none;
    border-right: 1px solid #7D7E80;
    padding: 0 17px;
}
.Home #global-nav ul#home-list {
    display: block;
}
.Home #global-list {
    display: none;
}
#global-nav li {
    float: left;
    position: relative;
    z-index: 17;
}
#global-nav a {
    border-left: 1px solid #7D7E80;
    color: #FFFFFF;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    margin-top: 7px;
    padding: 0 8px;
}

 #global-nav li a.worldwide:hover  {
    background-position: right top;
}

#global-nav li a.blackboard.hover, {
    background-position: left top;
}
#global-nav a.hover, #global-nav a:hover {
    background: none repeat scroll 0 0 #4D4B4C;
    border-left: 1px solid #4D4B4C;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0 8px;
    text-decoration: none;
}
		
	
	

/*-- primary nav --*/
#primary-nav {
	position: absolute;
	float: left;
	top: 71px; 
	z-index: 15;
}
 #primary-nav { left: 138px; }

	#primary-nav li {
		float: left;
		background: url("../img/master/primary-divider.png") no-repeat left top;
		_background: url("../img/ie6/primary-divider.gif") no-repeat left top;
		position: relative;
		z-index: 14;
	}
	#primary-nav li.hover { background: none; }
	#primary-nav li:first-child,
	#primary-nav li.first-child { background: none; }
	#primary-nav li a {
		font-size: 15px;
		color: #fff;
		padding: 0 12px 0 16px;
		_padding: 0 17px;
		height: 24px;
		line-height: 22px;
		display: block;
		float: left;
		position: relative;
		margin-right: 4px;
		_margin-right: 0;
		text-decoration: none;
	}
	#primary-nav li.active a { 
		font-weight: bold; 
		background: url("../img/master/primary-nav-hover.png") no-repeat center -88px;
		_background: none;
		margin-right: 0;
		padding: 0 17px;
	}
	#primary-nav li.active a:hover { background: none; }
	#primary-nav li a.hover,
	#primary-nav li.active a:hover { 
		text-decoration: none; 
		color: #000;
		background: url("../img/master/primary-nav-hover.png") no-repeat 0 0;
		_background: url("../img/ie6/primary-nav-hover.gif") no-repeat 0 0;
		height: 27px;
		line-height: 28px;
		position: relative;
		top: -3px;
	}
	#primary-nav li a.hover-no-flyout { 
		color: #000; 
		background: url("../img/master/primary-nav-hover.png") no-repeat left -131px;
	}

	#primary-nav li span {
		display: block;
		height: 22px;
		width: 4px;
		float: left;
		position: absolute;
		right: -4px; top: 0;
		z-index: 13;
	}
		#primary-nav li a.hover span { 
			background: url("../img/master/primary-nav-hover.png") no-repeat left -36px;
			_background: url("../img/ie6/primary-nav-hover.gif") no-repeat bottom left;
			height: 29px;
		}
	
	/* flyout */
	#head .flyout {
		width: 153px;
		background: url("../img/master/primary-nav-flyout.png") no-repeat;
		_background: url("../img/ie6/primary-nav-flyout.gif") no-repeat;
		position: absolute;
		top: 23px; left: 0;
		display: none;
		z-index: 13;
	}
		#head .flyout .bottom {
			height: 6px;
			background: url("../img/master/primary-nav-flyout.png") left bottom no-repeat;
			_background: url("../img/ie6/primary-nav-flyout.gif") left bottom no-repeat;
			position: relative;
			bottom: -6px;
		}
		#head .flyout ul {
			display: block;
			padding: 10px 2px 0 2px;
			overflow: hidden;
			float: none;
			margin-right: 0;
			margin-bottom: -7px;
		}
		#head .flyout li {
			display: block;
			background: none;
			float: none;
			position: static;
		}
		#head .flyout a,
		#head #global-nav .flyout a,
		#head #primary-nav li.active .flyout a:hover {
			line-height: 15px;
			font-size: 11px;
			color: #808080;
			text-transform: uppercase;
			display: block;
			background: url("../img/master/flyout-divider.png") repeat-x top left !important;
			width: 125px;
			float: none;
			margin: 0;
			padding: 6px 12px !important;
			height: auto;
			position: static;
			border: 0;
			font-weight: normal !important;
		}
		#head .flyout li:first-child a,
		#head .flyout li.first-child a { background: none !important; }
		#head .flyout a:hover,
		#head #primary-nav li.active .flyout a:hover {
			text-decoration: none;
			color: #333;
		}
		
		#head .flyout .learn,
		#head .flyout .transact,
		#head .flyout .connect,
		#head .flyout .mobile,
		#head .flyout .collaborate {
			background: url("../img/master/product-dropdown.png") no-repeat;
			_background: url("../img/ie6/product-dropdown.gif") no-repeat;
			display: block;
			float: none;
			height: 20px; width: 100%;
			position: static;
			text-indent: -9999px;
			margin: 4px 0 4px -12px;
		}
		
		#head .flyout .learn { background-position: 0 -11px; }
		#head .flyout .transact { background-position: 0 -53px; }
		#head .flyout .connect { background-position: 0 -96px; }
		#head .flyout .mobile { background-position: 0 -139px; }
		#head .flyout .collaborate { background-position: 0 -181px; }
	
	
/*------- FOOTER -------*/

#foot {
	height: 182px;
	background: url("../img/master/footer-bg.png") repeat-x #606062;
	padding-top: 47px;
	font-size: 11px;
	color: #999;
	clear: both;
}
	#foot p { margin-bottom: -2px; font-size: 10px; line-height: 12px; }
	#foot .copy { font-size: 11px; display: block; }
	#foot a { color: #999; text-decoration: none; }
	#foot a:hover { color: #ccc; }
	#foot .logo a {
		background: url("../img/master/footer-logo.png") no-repeat;
		text-indent: -9999px;
		display: block;
		margin-bottom: 20px;
		_margin-bottom: 15px;
		height: 19px; width: 119px;
		outline: 0;
	}
	#foot .legal {
		height: 11px; width: 12px;
		cursor: pointer;
		margin-left: 37px;
		position: relative;
		top: 2px;
	}
	#foot .utility { margin-top: 17px; }
		#foot .utility li {
			display: inline;
			margin-right: 6px;
		}
		
	/* quick links */
	#foot .quick-links {	
		float: right;
		position: relative;
		right: -50px;
	}
		#foot .quick-links .column {
			background: url("../img/master/footer-column-bg.png") repeat-y top left;
			float: left;
			padding: 0 15px;
			width: 180px; height: 120px;
		}
		#foot .quick-links .column h2 {
			font-size: 15px;
			color: #fff;
			margin: -2px 0 12px 0;
			font-weight: bold;
		}
		#foot .quick-links .column li { margin-bottom: 4px; }
		
	/* social media */
	#foot .social-media {
		margin-top: 14px;
	}
	#foot .social-media a {
		height: 20px; width: 20px;
		display: block;
		text-indent: -9999px;
		background: url("../img/global/social-media.png") no-repeat;
		margin-right: 4px;
		float: left;
	}
	#foot .social-media a.twitter { background-position: 0px 0px; }
	#foot .social-media a.facebook { background-position: -24px 0px; }
	#foot .social-media a.rss { background-position: -49px 0px; }
	#foot .social-media a.blog { background-position: -74px 0px; }
	
	#foot .social-media a:focus { outline: none; }


/*------- GLOBAL ELEMENTS -------*/

/*-- gray buttons --*/
#main a.gray-button,
#main a.gray-button span,
span.gray-button,
span.gray-button input {
	height: 26px;
	line-height: 26px;
	background: url("../img/global/gray-btn.png") no-repeat;
	display: inline-block;
	font-size: 11px;
	cursor: pointer;
	border: 0;
}
#main a.gray-button,
span.gray-button {
	background-position: right top;
	color: #4D4D4F;
	text-decoration: none;
	margin-left: 27px;
}
#main a.gray-button span,
span.gray-button input {
	background: url("../img/global/gray-btn.png") no-repeat top left;
	position: relative;
	right: 27px;
	padding-left: 7px;
}
span.gray-button input {
	*padding-left: 3px;
}
#main a.gray-button:hover,
span.gray-button:hover { color: #000; background-position: right bottom; }
#main a.gray-button:hover span,
span.gray-button input:hover  { background-position: left bottom; }

/*-- gray buttons left--*/
#main a.gray-button-l,
#main a.gray-button-l span,
span.gray-button-l,
span.gray-button-l input {
	height: 26px;
	line-height: 26px;
	background: url("../img/global/gray-btn-left.png") no-repeat;
	display: inline-block;
	font-size: 11px;
	cursor: pointer;
	border: 0;
}
#main a.gray-button-l,
span.gray-button-l {
	background-position: right top;
	color: #4D4D4F;
	text-decoration: none;
	margin-left: 27px;
}
#main a.gray-button-l span,
span.gray-button-l input {
	background: url("../img/global/gray-btn-left.png") no-repeat top left;
	position: relative;
	right: 15px;
	padding-left: 17px;
}
span.gray-button-l input {
	*padding-left: 0px;
}
#main a.gray-button-l:hover,
span.gray-button-l:hover { color: #000; background-position: right bottom; }
#main a.gray-button-l:hover span,
span.gray-button-l input:hover  { background-position: left bottom; }


/*-- video player --*/
#main a.media {
    display: block;
    margin: 0 auto;
    outline: 0 none;
    position: relative;
    text-decoration: none;
    width: auto;
}
	.media .play {
    cursor: pointer;
    display: block;
    height: 26px;
    left: 50%;
    margin: -13px 0 0 -12px;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 24px;
}
	a.media .play,
	a.media:hover .play,
	a.media .play-hover { 
		background: url("../img/global/play-arrow.png") no-repeat scroll 0 0 transparent;;
		_background: url("../img/ie6/play-arrow.gif") no-repeat; }
	a.media:hover .play,
	a.media .play-hover { background-position: right top; }
	
	.photo {
		display: block;
		border: 1px solid #d6d6d6;
		padding: 4px;
		
	}
	.media .caption {
	 background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    bottom: 5px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 11px;
    left: 5px;
    line-height: 16px;
    padding: 2px 10px 6px;
    position: absolute;
    text-align: left;
    width: 157px;
	}
	

	
/*-- feature --*/
.feature {
	margin: 0 -10px;
	background: url("../img/global/feature.png") no-repeat;
	_background: url("../img/ie6/feature.gif") no-repeat;
	height: 360px;
	padding: 15px;
	position: relative;
	top: -10px;
	overflow: hidden;
}	




	/* controls */
	.feature .controls {
		position: absolute;	
		background: url("../img/global/feature-controls.png") no-repeat;
		_background: url("../img/ie6/feature-controls.gif") no-repeat;
		height: 33px;
		white-space: nowrap;
		z-index: 3;
		left: 0; bottom: 31px;
		float: left;
		padding: 8px 6px 0 22px;
	}	
		.feature .controls li {
			float: left;
			color: #808080;
			background: #6d6a6a;
			cursor: pointer;
			margin-right: 5px;
			height: 11px; width: 28px;
			line-height: 11px;
			text-align: center;
			font-size: 7px;
		}
		.feature .controls li.active { color: #fff; }	
		
	/* panels */
	.feature .panels li {
		position: absolute;
		height: 359px; width: 968px;
		float: left;
	}	
	.feature .panels a {
		display: block;
		text-decoration: none;
		cursor: pointer;
	}	
	.feature .panels .copy {
		z-index: 2;
		color: #fff;
		font-size: 18px;
		padding:48px 458px 48px 36px;
		line-height: 25px;
		height: 262px;
		display: block;
	}
		.feature .panels .copy .heading {
			font-weight: bold;
			font-size: 36px;
			margin-bottom: 5px;
			line-height: 1;
			display: block;
		}
		
/*-- tabs --*/
#tabbed {margin-top:15px;}

#tabbed .tabs {
	width: 477px;
		height: 37px;
	float: left;
	margin-left: 6px!important;
	margin-right:6px;
	_display: inline;
    _overflow: hidden;
	background: url("../img/global/tabs-global.png") no-repeat;
	
    position: relative;
    z-index: 3;margin-bottom: 0px!important;
	
	
}
#tabbed .tabs ul {
	list-style:none;
}
#tabbed .tabs li {
	height: 40px;
    
	margin-bottom: 6px;
	background: url("../img/global/tabs-global.png") repeat-y 0 -84px;
	_background: url("../img/ie6/tabs-global.gif") repeat-y 0 -84px;
	position:relative;
    display: table-cell;
    .display: inline;
    .zoom: 1;
    _float: left;
  
	 padding:0px!important; vertical-align:middle;
	
}
#tabbed .tabs li:first-child,
#tabbed .tabs li.first-child { background: none; }
#tabbed .tabs a {
display: block;
	outline: 0;
    vertical-align: middle;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	width: 99px;
	padding: 0 11px;
	color: #808080;
	line-height: 1.3;
	text-align: center;
    _padding-top: 0px;height: 40px;  }

#tabbed .tabs li.ui-state-active a,
#tabbed .tabs li.ui-state-active a:hover { 
	height: 43px!important; 
	display:block;
	z-index: 3; 
	position: relative;
	background: url("../img/global/tabs-global.png") no-repeat 0 -37px; padding-top:0px;margin-top:0px;line-height: 1.3!important;
}
#tabbed .tabs a p, #tabbed .tabs a p:hover,#tabbed .tabs li.ui-state-active a p { 
display:table-cell;height: 36px;width:99px;
vertical-align:middle; 	line-height: 1.3;

}
#tabbed .tabs li.ui-state-active a {height:43px;}
#tabbed .tabs li.ui-state-active a p {color:#E9AC10;;padding-top:3px;}

#tabbed .tabs a:hover {
	background: url("../img/global/tabs-global.png") no-repeat -143px -40px; 
	
	height:40px!important;width:99px!important;vertical-align:middle;
}
	
	/* panels */
	#tabbed .panel {
		clear:both;			
		border: 1px solid #eaeaea;
		z-index: 2;
		position: relative;
	}
	#tabbed .panel.ui-tabs-hide {
		display:none !important;
	}
	#tabbed .panel-inner { border: 5px solid #f5f5f5; 
		min-height: 214px;
		height: auto !important;
		height: 214px;
		margin-top: 0px;
		 }
	
	/* copy */
	#tabbed .copy {
		float: left;
		width: 440px;
		padding: 20px 20px 16px 16px;
		line-height: 19px; 
		
	}
		#tabbed .copy h3 {
			font-size: 17px;
			font-weight: bold;
			padding-bottom: 9px;
			margin-bottom: 8px;
			background: url("../img/global/horizontal-dotted.png") repeat-x left bottom;
			line-height: 20px;
			text-transform:none!important;
		}
		#tabbed .copy p { margin-bottom: 8px; }
		
		#tabbed .copy img {float:right;margin-left:15px;margin-top:5px;}
			
	
		/* panels */
	 .feature-hp .panels li {
		position: absolute;
		height: 359px; width: 968px;
		float: left;
	}	
	.feature-hp .panels a {
		display: block;
		text-decoration: none;
		cursor: pointer;
	}	
	.feature-hp .panels .copy {
		z-index: 2;
		color: #fff;
		font-size: 18px;
		padding:48px 458px 48px 36px;
		line-height: 25px;
		height: 262px;
		display: block;
	}
	.feature-hp .panels .copy .heading {
			font-weight: bold;
			font-size: 36px;
			margin-bottom: 5px;
			line-height: 1;
			display: block;
		}
	

	/* controls */
	body.home .feature .controls {
		position: absolute;	
		background: url("../img/global/feature-controls.png") no-repeat;
		_background: url("../img/ie6/feature-controls.gif") no-repeat;
		height: 33px;
		white-space: nowrap;
		z-index: 3;
		left: 0; bottom: 31px;
		float: left;
		padding: 8px 6px 0 22px;
	}	
		body.home .feature .controls li {
			float: left;
			color: #808080;
			background: #6d6a6a;
			cursor: pointer;
			margin-right: 5px;
			height: 11px; width: 28px;
			line-height: 11px;
			text-align: center;
			font-size: 7px;
		}
		
	
	
	
	
	/* features */
	#tabbed .features {
		float: right;
		width: 200px;
		padding: 13px 0;
	}
	
	
	
		body.home .feature-hp {
	margin: 0 -10px;
	background: url("../img/global/feature.png") no-repeat;
	_background: url("../img/ie6/feature.gif") no-repeat;
	height: 360px;
	padding: 15px;
	position: relative;
	top: -10px;
	overflow: hidden;
}	
	
	#tabbed .features span.play{
		cursor: pointer;
    display: block;
    height: 26px;
    
    position: absolute;
    text-indent: -9999px;
    top: 63px;
    width: 24px;
		
	}
		#tabbed .features .related-links {
			margin: 7px 0 11px 3px;
			width: 255px;
		}
			#tabbed .features .related-links li { _zoom: 1; }
			#tabbed .features .related-links a {
				background: url("../img/global/horizontal-dotted.png") repeat-x left top;
				padding: 5px 0;
				display: block;
				width: 100%;
			}
			#tabbed .features .related-links li:first-child a,
			#tabbed .features .related-links li.first-child a {
				background: none;
			}
			
			#tabbed .features .gray-button { margin-left: 30px; }
			
			

/*------- HOMEPAGE SPECIFIC -------*/
		
	
/*-- explore our products --*/
#explore-products {
	float: left;
	width: 729px;
	margin-right: 17px;
}
	#explore-products h2,
	#solutions-by-market h2 {
		color: #4D4D4F;
		font-weight: bold;
		font-size: 21px;
		margin-bottom: 15px;	
	}
	
	/* tabs */
	#explore-products #tabbed .tabs {
		height: 54px;
		background: none;
	}
	
	#explore-products #tabbed .copy {
		padding: 20px 34px 25px 23px;
		width: 375px;
	}
	#explore-products #tabbed .features {
		padding: 18px 0;
	}
	
	#explore-products #tabbed .tabs li {	
		height: 54px;
		line-height: 54px;
	}
	#explore-products #tabbed .tabs a {
		height: 54px;
		background: url("../img/global/tabs-products.png") no-repeat;
		text-indent: -9999px;
		padding: 0;
	}
	
	#explore-products #tabbed .tabs li.ui-state-active a { height: 60px; }
	
	#explore-products #tabbed .tabs a.overview { width: 108px; background-position: 0 0; }
	#explore-products #tabbed .tabs a.learn { width: 96px; background-position: -108px 0; }
	#explore-products #tabbed .tabs a.connect { width: 127px; background-position: -205px 0; }
	#explore-products #tabbed .tabs a.transact { width: 121px; background-position: -332px 0; }
	#explore-products #tabbed .tabs a.mobile { width: 123px; background-position: -453px 0; }
	#explore-products #tabbed .tabs a.collaborate { width: 141px; background-position: -576px 0; }
	
	#explore-products #tabbed .tabs a.overview:hover { width: 108px; background-position: 0 bottom; }	
	#explore-products #tabbed .tabs a.learn:hover { width: 96px; background-position: -108px bottom; }	
	#explore-products #tabbed .tabs a.connect:hover { width: 127px; background-position: -205px bottom; }	
	#explore-products #tabbed .tabs a.transact:hover { width: 121px; background-position: -332px bottom; }
	#explore-products #tabbed .tabs a.mobile:hover { width: 123px; background-position: -453px bottom; }
	#explore-products #tabbed .tabs a.collaborate:hover { width: 141px; background-position: -576px bottom; }
	
	#explore-products #tabbed .tabs li.ui-state-active a.overview,
	#explore-products #tabbed .tabs li.ui-state-active a.overview:hover { width: 108px; background-position: 0 -54px; }
	#explore-products #tabbed .tabs li.ui-state-active a.learn,
	#explore-products #tabbed .tabs li.ui-state-active a.learn:hover { width: 96px; background-position: -108px -54px; }
	#explore-products #tabbed .tabs li.ui-state-active a.connect,
	#explore-products #tabbed .tabs li.ui-state-active a.connect:hover { width: 127px; background-position: -205px -54px; }
	#explore-products #tabbed .tabs li.ui-state-active a.transact,
	#explore-products #tabbed .tabs li.ui-state-active a.transact:hover { width: 121px; background-position: -332px -54px; }
	#explore-products #tabbed .tabs li.ui-state-active a.mobile,
	#explore-products #tabbed .tabs li.ui-state-active a.mobile:hover { width: 123px; background-position: -453px -54px; }
	#explore-products #tabbed .tabs li.ui-state-active a.collaborate,
	#explore-products #tabbed .tabs li.ui-state-active a.collaborate:hover { width: 141px; background-position: -576px -54px; }
	
	/* panels */
	#explore-products  #tabbed .panel-inner { height: 323px; }
	

/*-- solutions by market --*/
#solutions-by-market {
	float: left;
	width: 233px; height: 428px; *height: 425px;
	overflow: hidden;
	border-bottom: 1px solid #b4b4b5;
}	
	#accordion h3 {
		font-size: 11px;
		text-transform: uppercase;
		height: 25px;
		line-height: 24px;
		font-weight: normal;
	}
		#accordion h3 a {
			color: #5C5960;
			text-decoration: none;
			display: block;
			padding: 0 14px;
			background: url("../img/global/accordion.png") no-repeat;
			border-top: 1px solid #b4b4b5;
		}
		#accordion h3 a:hover { background-position: 0 -25px; }
		#accordion h3.ui-state-active a,
		#accordion h3.ui-state-active a:hover { 
			background-position: 0 bottom; 
			color: #fff;
			border: 0;
			height: 26px;
		}
	#accordion div {
		background: #F2F2F2;
		overflow: hidden;
		_padding: 10px 9px 0;
	}
		#accordion img {
			margin-bottom: 3px;
			width: 183px;
		}
		#accordion p {
			background: #fff;
			padding: 12px 15px 12px 17px;
			margin: 10px 9px;
			_margin: 0;
			line-height: 19px;
			overflow: hidden;
		}
		
		
/*------- PRODUCT HOME SPECIFIC -------*/
			
/* intro */
#left-col #intro {
	margin: 5px 0 29px;
	line-height: 23px;
	font-size: 15px;	
	float: left;
}
	#left-col #intro h1 {
		margin-bottom: 14px;
		line-height: 25px;	
		font-size: 21px;
		font-weight:bold;
	}
	#left-col #intro p {
		width: 440px;
		margin-right: 20px;
		float: left;
	}
	#left-col #intro a.media { float: left; }

/* contact us */
#contact-us {
	height: 63px;
	line-height: 63px;
	background: #606062;
	display: block;
	font-size: 11px;
	text-transform: uppercase;
	padding: 0 11px 0 11px;
	color: #fff;
	text-decoration: none;
	margin-bottom: 15px;
}

a#contact-us a {color:#EAB200;}
a#contact-us span { color: #EAB200;}
a#contact-us.hover span { color: #000;}	

#contact-us .arrow { font-size: 14px; }
	
/* more info */
#right-col .more-info {
	padding-bottom: 16px;
	margin-bottom: 32px;
	background: url("../img/global/more-info-divider.png") bottom repeat-x;
	
}
	#right-col .more-info h2 {
		font-size: 18px;
		line-height: 1;
		margin-bottom: 3px;
	}
	#right-col .more-info select {
		font: 11px "helvetica neue", helvetica, arial, sans-serif;
		color: #4D4D4F;
		width: 201px;
		border: 0;
		padding: 3px;
		border: 1px solid #CECECE;
		background: url("../img/global/text-input-bg.png") repeat-x;
	}
	
	
/*-- Right Rail CTAs --*/
#right-col .cta {
	line-height: 15px;	
	font-size: 11px;
	width: 198px;
	color: #B2B2B2;
	height: auto !important;
	margin: 0 0 34px 0;
	padding: 0 0 0 13px;
	float: none;
	min-height: 0;
	background: none;
	}




	#right-col .cta h2 {	
		font-size: 11px;
		text-transform: uppercase;
		height: 28px;
		line-height: 26px;
		margin-bottom: 5px;
		background: url("../img/global/horizontal-dotted.png") repeat-x bottom;
		margin-top: -9px;
		font-weight: normal;
		overflow: visible;
		_padding-top: 5px;
	}
	
	#right-col .cta h2 span {
		display: block;
		height: 27px;	
		background: url("../img/global/widget-icons.png") no-repeat;
		padding-left: 17px;
	}
	
	
	#right-col .cta h3 { font-size: 12px; font-weight: normal; margin-bottom: 3px; }
	
	#right-col .cta p a {color:#E9AC10;}
	 

	#right-col .cta h2 { margin-bottom: 11px; }
	
	#right-col .cta p { margin-bottom: 5px; color: #757575; }

		#right-col .cta h2 span.twitter { background-position: 0 1px; }
		#right-col .cta h2 span.news { background-position: 0 -26px; }
		#right-col .cta h2 span.rss { background-position: 0 -80px; }
		#right-col .cta h2 span.events { background-position: 0 -133px; }
		#right-col .cta h2 span.webinars { background-position: 0 -106px; }
		#right-col .cta h2 span.press { background-position: 0 -54px; }
	
	
/*------- DRILLDOWN SPECIFIC -------*/

#drilldown {
	background: url("../img/master/drilldown-bg.png") no-repeat;
	float: left;	
	margin: 0 -10px;
	padding: 6px 10px 0;
	_width: 980px;
	_display: inline;
	_background: url("../img/ie6/drilldown-bg.gif") no-repeat;
}	
	#drilldown #left-col {
		padding-left: 6px;
		width: 723px;
		margin-right: 6px;
		width: 737px;
	}	
	#drilldown h1 {
		font-size: 30px;
		font-weight:bold;
		height: 74px;
		line-height: 74px;
		padding: 0 12px;
		background: url("../img/global/h1-bg.png") no-repeat;
	}
	#drilldown #right-col { margin-top: 0; background-position: 0 96px; }
	#drilldown #contact-us { 
		margin-right: 6px; 
		margin-bottom: 68px;
		height: 74px;
		line-height: 74px;
		padding: 0 10px 0 15px;
	}
		
	/* secondary nav */
	#secondary-nav {
		float: left;	
		padding-left: 13px;
		padding-top: 61px;
		width: 192px;#main #secondary-nav ul li ul a {
    background: none repeat scroll 0 0 transparent;
    color: #B2B2B2;
    text-transform: none;
}
		margin-right: 18px;
		font-size: 11px;
	}
		#secondary-nav a, #platform-nav a { 
			color: #808080; 
			text-transform: uppercase; 
			display: block;
			padding: 6px 0 8px;
			text-decoration: none;
		
			_zoom: 1;
		}
		
	
		
		#secondary-nav ul li.CMSListMenuHighlightedLI a {
    color: #000000!important;font-weight:bold;
}

#secondary-nav ul li.CMSListMenuHighlightedLI  ul {margin-top:0px;}


#secondary-nav .first-child a{color: #000000;font-weight:bold;}


		
		#platform-nav {
		float: left;	
		padding-left: 0px;
		padding-top: 20px;
		width: 192px;
		margin-right: 18px;
		padding-right: 13px;
	
	}
	#platform-nav li a {background:url(../img/master/subnav.png); display:block; height:25px; weight:192px;margin-bottom:2px;}
		
		#platform-nav li a#learn {background-position: 0px 0px;}
		#platform-nav li a#learn-active {background-position: 0px -42px;  }
		#platform-nav li a#learn:hover  {background-position: 192px -42px;}
	#platform-nav li a#collab:hover {background-position: 192px -125px; }
		#platform-nav li a#collab {background-position: 0px -83px; }
			#platform-nav li a#collab-active {background-position: 0px -125px; }
			#platform-nav li a#connect {background-position: 0px -167px; }
			#platform-nav li a#connect-active {background-position: 0px -209px;}
				#platform-nav li a#connect:hover {background-position: 192px -209px;}
			#platform-nav li a#transact {background-position: 0px -251px;  }
			#platform-nav li a#transact-active {background-position: 0px -293px; }
			#platform-nav li a#transact:hover  {background-position: 192px -293px; }
			#platform-nav li a#analytics {background-position: 0px -335px; }
				#platform-nav li a#analytics-active {background-position: 0px -377px; }
				#platform-nav li a#analytics:hover {background-position: 192px -377px; } 
					#platform-nav li a#mobile {background-position: 0px -418px;  }
				#platform-nav li a#mobile-active {background-position: 0px -460px;}
				#platform-nav li a#mobile:hover {background-position: 192px -460px;}
		
		#secondary-nav li, #platform-nav { _zoom: 1; }
		#secondary-nav li:first-child a,
		#secondary-nav li.first-child a { background: none; }
		#secondary-nav ul li ul { padding-left: 13px; display: none; margin-top: -7px; margin-bottom: 2px; }
		#main #secondary-nav ul li ul a { background: none; text-transform: none; color: #b2b2b2!important;font-weight:normal;padding: 4px 0 6px; }
		#main #secondary-nav ul li ul a:hover { color: #666!important; }
		#secondary-nav .CMSListMenuHighlightedLI ul { display: block; }
	
	/* content */
	#drilldown #content {
		float: left;
		padding: 30px 25px 85px 0;
		width: 489px;
		line-height: 19px;
	}
		#drilldown #content h2 { margin-bottom: 10px; line-height: 25px; font-weight:bold;}
		#drilldown #content h3 { margin-bottom: 5px; text-transform: uppercase; font-weight:normal;}
		#drilldown #content ul { margin: 5px 0; }
		#drilldown #content li { list-style: disc inside; padding: 5px 0; }
		#drilldown .quotes {
			margin: 25px 0 30px;
			border-left: 6px solid #f5f5f5;
			padding-left: 25px;
		}
			#drilldown .quotes blockquote {
				color: #313132;
				line-height: 20px;
				margin-bottom: 5px;
			}
			#drilldown .quotes .author {
				display: block;
				font-size: 10px;
				margin-bottom: 20px;
				line-height: 15px;
			}
			
			
.block {cursor:pointer;}



/* Right Rail CTA Buttons */

#primary-cta {
	margin-top:-50px;
	margin-left: 0px;
	margin-bottom:30px;cursor:pointer;
}
#primary-cta div {
	display: block;
	cursor: pointer;
	width: 230px;
	height: 107px;
	text-decoration: none;
	background:url(../img/global/cta-bkgrd.png);
	
}
#primary-cta div.button:hover {
	background-position: 0 -108px;
}

#drilldown #primary-cta h2 {font-size:19px!important;padding-top:15px;padding-left:15px;color:#E9AC10;font-weight:bold;margin-bottom:0px!important;}
#drilldown #primary-cta p {font-weight:normal!important;padding-top:2px!important;font-size:11px;color:#444;padding-left:15px;width:155px;line-height:13px;margin-top:0px!important;}
#drilldown #primary-cta div.button:hover p {text-decoration:none!important;color:#fff!important;}
#drilldown #primary-cta div.button:hover h2 {color:#fff!important;}