/* ================================ Layout ================================ */

div#container {
	padding-bottom:0;
	}

div#container div#copy {
	padding: 0;
	text-align:left;
	clear:both;
	position:relative;
	width:1000px;
	float:none;
	background:none;
	}
	
*html div#container div#copy {
	width:1000px;
	}	

	
/* ================================ Products ================================ */	
	
div#products {
	background: url(/images/home/bg-products.jpg) repeat-x;
	height:214px;
	padding:16px;
	position:relative;
	}

div#products div {
	position:relative;
	}
		
div#products div p {
	padding:0;
	margin:90px 15px 0 15px;
	font-size:1em;
	display:block;
	}	
div#products div#esm p,
div#products div#ei p,
div#products div#em p {
	line-height:1.4em;
}
	
div#products div h2 {
	text-indent: -10000px;
	height:83px;
	display:block;
	margin:0;
	}	
	
div#products div div.more {
	position:absolute;
	bottom:10px;
	right:10px;
	}		
	
/* Leave these IDs as-is even though the products no longer exist */	
div#products div#esm {
	background: url(/images/home/bg-key.png) no-repeat;
	width:304px;
	height:207px;
	float:left;
	margin-right:25px;
	}	
	
div#products div#ei {
	background: url(/images/home/bg-screen.png) no-repeat;
	width:304px;
	height:207px;
	float:left;
	margin-right:25px;	
	}	
	
div#products div#em {
	background: url(/images/home/bg-esmbox.png) no-repeat;
	width:304px;
	height:207px;
	float:left;
	}			
	
/* ================================ Special ================================ */

div#special {
	background: rgb(187, 187, 187) url(/images/home/bg-special.jpg) repeat-x;
	height:137px;
	padding:16px;
	position:relative;
	margin-bottom:1.0em;
	}
	
div#special div {
	float:left;
	width:150px;
	border:1px solid rgb(216,216,216); /* light grey */
	padding: 15px 8px 15px 0;
	font-size:1.0em;
	background: rgb(232,232,232); /* light grey */
	margin-right:20px;
	height:107px;		/* should be 30 px less than height of div#special */
	width:215px;
	}	

div#special div a {	
	display:block;
	padding-left:65px;
	height:auto;
	width:150px
	}		
	
div#special h3 {
	margin:0 0 0.5em 65px;;		/* moved h3 out of <a> so need left margin to align */
	} 

div#special p {
	margin:0;
	padding:0;
	}	

div#special div#blog {
	margin-right:0;		
	}
	
div#special div#blog a {
	background: rgb(232,232,232) url(/images/home/icon_blog.jpg) no-repeat 0 0px;
	}
	
div#special div#case a {
	background: rgb(232,232,232) url(/images/home/icon_case.jpg) no-repeat 0 0px;
	}	
div#special div#compare a {
	background: rgb(232,232,232) url(/images/home/icon_compare.jpg) no-repeat 0 0px;
	}	
	
div#special div#announcement {
	margin-right:0;
}
div#special div#announcement a {
	background: rgb(232,232,232) url(/images/home/icon_announcement.jpg) no-repeat 0 0px;	
	}
	
div#special div#news a  {
	background: rgb(232,232,232) url(/images/home/icon_news.jpg) no-repeat 0 0px;	
	}				
div#special div#webinar a  {
	background: rgb(232,232,232) url(/images/home/icon_webinar.jpg) no-repeat 0 0px;	
	}				

div#special div#glossary {
	background: rgb(232,232,232) url(/images/home/icon_blog.jpg) no-repeat -2px 38px;
}
div#special div#tool {
	margin-right:0;
}
div#special div#tool a {
	background: rgb(232,232,232) url(/images/home/icon_tool.jpg) no-repeat 0 0px;
	/* background: rgb(232,232,232) url(/images/home/icon_news.jpg) no-repeat 0 0px; */
}
div#special div#social {
	background: rgb(232,232,232) url(/images/home/social-shadow.png) no-repeat 0 35px;
	margin-right:0;
}
div#special div#social div {
	background:none;
	border:none;
}
div#special div#social img {
	padding:5px 0 0 23px;
}
div#special div#social h3 {
	margin:0 0 0.5em 23px;;		/* moved h3 out of <a> so need left margin to align */
} 
div#special div#social div a {	
	display:inline;
	padding-left:0;
	height:auto;
	width:auto;
}		

	


/* Glossary is special as it contains a list */
div#special div#glossary a {
	width:auto;
	height:auto;
}
div#special div#glossary div#glossarywrap {
	top:auto;
	height:auto;
	width:auto;
	margin-left:60px;
	border:none;
	background:none;
	padding:0;
}
div#special div#glossary div#glossarywrap ul a {
	margin:0;
	padding:0;
}
div#special div#glossary div#glossarywrap ul li {
	margin-bottom:7px;
}

/* ================================ About/Services ================================ */

div#about {
	width:470px;
	margin-left:15px;
	margin-right:15px;
	margin-top:15px;
	float:left;
	font-size:0.9em;
	/* color: rgb(140,140,140); /* medium grey */
	color: rgb(102,102,102);
	/*border-right:solid #999999 1px;
	padding-right:15px;*/
	}
	
div#services {
	width:465px;
	margin-top:15px;
	margin-left:15px;
	float:left;
	font-size:0.9em;	
	/* color: rgb(140,140,140); /* medium grey */	
	color: rgb(102,102,102);
	}
	
div#about h5, div#services h5 {
	font-size:1.0em;
	font-weight:bold;
	}	
	
div#about h5 {
	margin-bottom:1.5em;
	}	
	
div#splitter {
	margin-top:10px;
	width:1px;
	background-color:#c0c0c0;
	height:250px;
	float:left;
}
	
div#services div.rssTitle {
	font-weight:bold;
}
div#services div.rssDate {
	font-style:italic;
}
div#services div.rssDescription {
}

/* ================================ Banner ================================ */	
	
div#banner {
	height: 218px; 
	position:relative;
	overflow: hidden;
	width:100%;
	background-image:url(/images/home/banner95.jpg);
	}	
	
.glidecontentwrapper{
	position: relative; /* Do not change this value */
	height: 218px; 
	overflow: hidden;
	/* width:100%; */
	width:998px; /* was 674px with side buttons */
	z-index:1;
	}
div#home-banner-head {
	position:absolute;
	left:29px;
	top:30px;
	width:500px;
	font-size:1.0em;
	color:white;
	line-height:1.5em;
}
div#home-banner-head div#home-banner-head-title {
	font-size:2em;
	margin-bottom:15px;
	padding-top:2px;
}
div#home-banner-head div#home-banner-head-more {
	margin-top:15px;
}
div#home-banner-text-blocks-header {
	position:absolute;
	left:735px;
	top:22px;
	font-size:1.5em;
	color:white;
}
div#home-banner-text-blocks	{
	position:absolute;
	width:245px;
	left:735px;
	top:46px;
}
div#home-banner-text-blocks	div.home-banner-text-block {
	position:relative;
	margin-bottom:2px;
	background:url(/images/home/home-banner-text-block.png) no-repeat;
	width:245px;
	height:29px;
	font-size:1.25em;
	color:white;
}
div#home-banner-text-blocks	div.home-banner-text-block div {
	padding:6px 0 0 12px;
}
div#home-banner-text-blocks	div.home-banner-text-block div a {
	color:white;
	text-decoration:none;
}


.glidecontent{ 
	position: absolute; /* Do not change this value */
	padding: 0;
	visibility: hidden;
	width:100%;
	z-index:1;
	}

.glidecontent p {
	width:300px;
	margin-left:35px;			/* lines up with top nav */
	color: rgb(255,255,255); /* white */
	font-size:1.0em;
	}
	
.glidecontent p a {
	/* margin-right:5px; */
	color:white;
	}
	
/* The learn more button under the content - the border color is background-dependent */	
.glidecontent p a.glidecontent-learnmore {
	font-weight:bold;
	display:block;
	padding:5px;
	text-align:center;
	width:68px;
}
#glide1 p a.glidecontent-learnmore {
	border:solid #63a9d4 1px;
}
#glide2 p a.glidecontent-learnmore {
	border:solid #4c81a1 1px;
}
#glide3 p a.glidecontent-learnmore {
	border:solid #78cbff 1px;
}
#glide4 p a.glidecontent-learnmore {
	border:solid #63a9d4 1px;
}

	
.glidecontent h1, .glidecontent h2 {
	width:300px;
	margin: 25px 0 5px 35px;		/* lines up with top nav */
	color: rgb(255,255,255); /* white */
	font-size: 1.8em;
	font-weight:normal;
}
.glidecontent h1 a, .glidecontent h2 a{
	color:rgb(255,255,255);
	text-decoration:none;
	background:none;
	padding-right:0;
}

.glidecontenttoggler {
	width: 326px;
	height:218px;
	position:absolute;
	top:0px;
	right:0px;
	z-index:100;
	background-image:url(/images/home/CTAback.jpg);
}
.glidetogglerbuttons {
	position:absolute;
	text-align:center;
	margin:auto;
	width:100%;
	top:100px;
}
	
/*
div#selector a { 
	display:block;
	z-index:100;
	font-weight: bold;
	margin-bottom:4px;
	text-decoration: none;
	width:280px;
	text-align:left;
	padding-left:25px;
	height:43px;
	line-height:43px;
	background: url(/images/home/bg-selector.png) repeat-y;
	border:0;
	color: rgb(255,255,255);
	font-size:1.3em;
	}
div#selector a.selected, div#selector a:hover { 
	background: url(/images/home/bg-selector_on.png) repeat-y;
	color: rgb(255,255,255);
	}
*/	
.glidecontent h1 em, .glidecontent h2 em {
	color:white;
	font-size:0.85em;
	font-style:normal;
}

#glide1 {
	background:rgb(51, 109, 146) url(/images/home/banner0.jpg) no-repeat;
	}
	
#glide2 {
	background:rgb(68, 138, 223) url(/images/home/banner4.jpg) no-repeat;
	}
	
#glide3 {
	background:rgb(78, 120, 34) url(/images/home/banner2.jpg) no-repeat;
	}
	
#glide4 {
	background:rgb(6, 22, 37) url(/images/home/banner1.jpg) no-repeat;
	}