@charset "UTF-8";

#page_container #content {
	background: #ECECEC url(../images/backgrounds/slideshow.jpg) no-repeat;
	padding: 0px 0px 0px 0px;
}

/* Styles for Slideshow */
#content #slideshow {
	float: left;
	clear: left;
	width: 850px;
	padding: 35px 55px 30px;
	margin: 0px;
/*	z-index: 8; */
}

/* Styles for Portlets */
#content #portlets_container {
	float: left;
	clear: left;
	background: #ECECEC url(../images/backgrounds/portlets_container.png) no-repeat left top;
	width: 910px;
	padding: 25px 25px 15px;
	margin: 0px;
	line-height: normal;
}
#portlets_container .portlet {
	float: left;
	height: 210px;
	width: 280px;
	background: url(../images/backgrounds/portlet.png) no-repeat center top;
	margin: 0px 10px;
	padding: 0px;
}
#portlets_container .portlet h2 {
	clear: both;
	margin: 17px 0px 20px 20px;
}
#portlets_container .portlet h3 {
	margin: 0px 20px 5px 20px;
	padding: 0px;
}
#portlets_container .portlet p {
	margin: 0px 20px 5px;
	padding: 0px;
}
#portlets_container .portlet p img {
	float: right;
	margin: 0px 0px 5px 5px;
}

#portlets_container .portlet ul {
	margin: 0px 20px;
	padding: 0px;
}
#portlets_container .portlet ul li {
	padding: 0px;
	margin: 10px 0px;
	list-style: none;
	background: url(../images/bullet-list_item.png) no-repeat left top;
}

#portlets_container #case_studies > ul {
	list-style: none;
	background: none;
	margin: 0px;
	padding: 0px;
}
#portlets_container #case_studies > ul li {
	background: none;
	display: none;
	margin: 0px;
	padding: 0px;
}

#portlets_container #resource_center ul li {
	list-style: none;
	background: url(../images/dividers/resource_center.png) no-repeat left top;
	float: left;
	margin: 0px 0px 0px 5px;
	font-size: 9px;
	font-weight: bold;
	padding: 0px 5px 0px 5px;
	text-align: center;
}
#portlets_container #resource_center ul li:first-child {
	background: none;
	margin: 0px;
	padding: 0px 0px 0px 5px;
}

#portlets_container #resource_center ul li img {
	clear: both;
}
#portlets_container #resource_center ul li h3 {
	clear: left;
	float: none;
	font-size: 9px;
	margin: 0px;
	padding: 5px 0px 0px 0px;
}
#portlets_container #resource_center ul li p {
	clear: left;
	float: none;
	margin: 0px;
	padding: 5px 0px 0px 0px;
}

/* Styles for Links */
#slideshow #slides a,
#portlets_container a {
	font-weight: bold;
	background: url(../images/bullet-link.png) no-repeat left top;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}
#portlets_container #resource_center a {
	font-weight: normal;
	padding: 3px 0px 0px 15px;
}


/* slides */
#slides {
	float: left;
	height:315px;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	width: 850px;
}
#slides li {
	position: absolute;
	width: 850px;
/*	display:block; */
/*	z-index:1; */
	display:none;
	left: 0px;
	top: 0px;
}
#slides li.active {
/*	z-index:5; */
}



/* content */
#content .content{
	float:left;
	width:490px;
}

#content .content h1,
#content .content h2 {
	clear: left;
	float: left;
	height: 44px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	width: 485px;

}

#content .content h2 {
	height: 26px;
	margin: 10px 0px;
}



#intro h1 {
	background: url(../images/slideshow_headings/text-impact.png) no-repeat;
}
#intro h2 {
	background: url(../images/slideshow_headings/text-business.png) no-repeat;
}
#about h1 {
	background:url(../images/slideshow_headings/text-experts.png) no-repeat;
}
#about h2 {
	background:url(../images/slideshow_headings/text-navigating.png) no-repeat;
}
#demo h1 {
	background:url(../images/slideshow_headings/text-closer.png) no-repeat;
}
#demo h2 {
	background:url(../images/slideshow_headings/text-solutions.png) no-repeat;
}
#solutions h1 {
	background:url(../images/slideshow_headings/text-connecting.png) no-repeat;
}
#solutions h2 {
	background:url(../images/slideshow_headings/text-customers.png) no-repeat;
}

#content .content p {
	font-size: 14px;
	line-height: 18px;
	margin: 0px 0px 5px 0px;
}
#content .content p strong{ color:#4d9ec8;}

/* text */
#content .text{
	background: url(../images/dividers/intro_paragraph.png) repeat-x 0px 0px;
	width:485px;
	height:100px;
	margin: 0px;
	overflow: hidden;
	clear:left;
	padding-top: 15px;
}


/* items-list */
#slide_navigation {
	float: left;
	margin: -90px 0px 0px 0px;
	padding:0;
	list-style:none;
/*	z-index:10; */
}
#slide_navigation  li{
	float:left;
	width:110px;
	padding:0 30px 0 0;
	position:relative;
/*	z-index: 10; */
}
#slide_navigation  a {
	display:block;
	width:88px;
	cursor:pointer;
	height:84px;
	padding:6px 0 0 22px;
	background:url(../images/backgrounds/slideshow_navigation_item-off.png) no-repeat;
	outline: none;
}
#slide_navigation  a:hover,
#slide_navigation  .active a{
	background:url(../images/backgrounds/slideshow_navigation_item-on.png) no-repeat;
	text-decoration:none;
}
/* about */
#slide_navigation  a .solutions,
#slide_navigation  a .about,
#slide_navigation  a .demo{
	display:block;
	width:64px;
	height:60px;
	text-indent:-9999px;
}
#slide_navigation a .about{background:url(../images/slideshow_icons/about-off.png) no-repeat;}
#slide_navigation a:hover .about,
#slide_navigation .active a .about{background:url(../images/slideshow_icons/about-on.png) no-repeat;}
/* solutions */
#slide_navigation a .solutions{background:url(../images/slideshow_icons/solutions-off.png) no-repeat;}
#slide_navigation a:hover .solutions,
#slide_navigation .active a .solutions{background:url(../images/slideshow_icons/solutions-on.png) no-repeat;}
/* demo */
#slide_navigation a .demo{background:url(../images/slideshow_icons/demo-off.png) no-repeat;}
#slide_navigation a:hover .demo,
#slide_navigation .active a .demo{background:url(../images/slideshow_icons/demo-on.png) no-repeat;}
/* title */
.title{
	position:absolute;
	top:52px;
	left:5px;
	width:100px;
	height:23px;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	padding:3px 0 0;
	font-weight:bold;
	background:url(../images/backgrounds/slideshow_navigation_item_title-off.png) no-repeat;
	font-size:12px;
}
#slide_navigation a:hover .title,
#slide_navigation .active a .title{background:url(../images/backgrounds/slideshow_navigation_item_title-on.png) no-repeat;}
/* visual */
.visual{
	float:left;
	width:332px;
	height: 315px;
	padding: 11px 0px 0px 28px;
	background:url(../images/backgrounds/slideshow_photo.png) no-repeat 0px 0;
}