@import url(global.css);

/*
	File:			home.css
	Description:	Home page template specific styles.
	Author:			Jonathan Eckmier
	Last modified:	March 26, 2007
*/


/* Sub Header
-----------------------------------------------------------------------------*/
#subheader {
	position: relative;
	background: url(../images/home/bg-subheader-default.jpg) no-repeat;
	z-index: 1;
}

#subheader h2 {
	position: absolute;
	left: 0;
	top: 0;
	width: 649px;
	height: 196px;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 2;
}

#subheader ul {
	margin-left: 649px;
	width: 214px;
	height: 196px;
	border-left: 1px solid #004159;
}

#subheader ul li {
	margin-left: -1px;
	width: 215px;
}

#subheader ul li a {
	display: block;
	margin-bottom: 2px;
	width: 215px;
	height: 48px;
}

#subheader ul li a span {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

#subheader ul li a span.label {
	width: 215px;
	height: 48px;
}

#subheader ul li a span.feature {	
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	width: 649px;
	height: 196px;
	z-index: 3;
}

#subheader ul li a.selected span.feature, #subheader ul li a:hover span.feature {	
	display: block;
}

#subheader ul li a#CPU {
	height: 47px;
	background: url(../images/home/sh-cpu.gif) no-repeat 0 -1px;
}

#subheader ul li a#CPU:hover, #subheader ul li a#CPU.selected, #subheader ul li a#CPU.selected:hover {
	background-position: 0 -49px;
}

#subheader ul li a#CPU span.feature {
	background: url(../images/home/sh-cpu-feature.jpg) no-repeat;
}

#subheader ul li a#IBM {
	background: url(../images/home/sh-ibm.gif) no-repeat;
}

#subheader ul li a#IBM:hover, #subheader ul li a#IBM.selected, #subheader ul li a#IBM.selected:hover {
	background-position: 0 -48px;
}

#subheader ul li a#IBM span.feature {
	background: url(../images/home/sh-ibm-feature.jpg) no-repeat;
}

#subheader ul li a#GPU {
	background: url(../images/home/sh-gpu.gif) no-repeat;
}

#subheader ul li a#GPU:hover, #subheader ul li a#GPU.selected, #subheader ul li a#GPU.selected:hover {
	background-position: 0 -48px;
}

#subheader ul li a#GPU span.feature {
	background: url(../images/home/sh-gpu-feature.jpg) no-repeat;
}

#subheader ul li a#LM {
	margin-bottom: 0;
	height: 47px;
	background: url(../images/home/sh-lm.gif) no-repeat;
}

#subheader ul li a#LM:hover {
	background-position: 0 -47px;
}

#subheader ul li a#CPU span.label, #subheader ul li a#LM span.label {
	height: 47px;
}

/* Content
-----------------------------------------------------------------------------*/
#content {
	width: 864px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #FFF;
	background: #376E82 url(../images/home/bg-content.jpg) no-repeat left bottom;
	border-bottom: none;
}

/* Primary Content
---------------------------------------------------------*/
#primary {
	float: left;
	margin: 0 0 0 215px;
	width: 435px;
	height: auto;
	background: url(../images/home/bg-primary.gif) no-repeat left center;
}

#primary h2 {
	width: 435px;
	height: 30px;
	border-top: 1px solid #004159;
	border-bottom: 1px solid #004159;
	background: url(../images/home/heading-rapidmind-dev-platform.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#primary-copy {
	padding: 18px 24px;
	min-height: 240px;
}

#primary h3 {
	margin: 0 0 1.3em;
	font-size: 2.2em;
	line-height: 1.25;
}

#primary p {
	margin: 0 0 1.3em;
	font-size: 1.4em;
	line-height: 1.5;
}

#primary a.learnmore {
	display: block;
	width: 149px;
	height: 17px;
	background: url(../images/home/button-learn-more.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}


/* Secondary Content
---------------------------------------------------------*/
#secondary {
	float: left;
	margin: 0 0 0 -650px;
	width: 215px;
}

#secondary h3 {
	width: 215px;
	height: 30px;
	background: url(../images/home/heading-spotlight.gif) no-repeat;
	text-indent: -9999px;	
	border-top: 1px solid #004159;
	border-bottom: 1px solid #004159;
}

#secondary-copy {
	padding: 18px 16px;
	font-size: 1.15em;
	line-height: 1.4;
	border-right: 1px solid #004159;
}

#secondary h4 {
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
}

#secondary a {
	color: #FFF;
	text-decoration: none;
}

#secondary a:hover {
	text-decoration: underline;
}

#secondary ul#news {
	padding-bottom: 9px;
	margin-bottom: 9px;
	background: url(../images/home/bg-secondary-list.gif) no-repeat center bottom;
}

#secondary ul li {
	margin: 0 0 1.3em;
	padding-left: 12px;
	background: url(../images/home/bg-secondary-list-item.gif) no-repeat 0 .35em;
}

#secondary ul li.last {
	margin-bottom: 0;
}

#secondary ul li a strong, #secondary ul li a span {
	display: block;
}


/* Tertiary Content
---------------------------------------------------------*/
#tertiary {
	float: left;
	margin: 0;
	width: 214px;
	background: url(../images/home/bg-tertiary.gif) no-repeat 0 31px;
}

#tertiary h3 {
	width: 214px;
	height: 30px;
	background: url(../images/home/heading-stay-informed.gif) no-repeat;
	text-indent: -9999px;	
	border-top: 1px solid #004159;
	border-bottom: 1px solid #004159;
}

#tertiary .module {
	margin: 0 0 8px 1px;
	padding: 0 14px;
	width: 185px;
	font-size: 1.15em;
	line-height: 1.4;
	background: #266078 url(../images/home/bg-tertiary-module.gif) no-repeat left center;
}

#tertiary .lastmodule {
	margin-bottom: 0;
}

#tertiary .module h4 {
	padding-top: 11px;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	background: url(../images/home/bg-tertiary-module-bottom.gif) no-repeat left top;
}

#tertiary .module p {
	padding-bottom: 11px;
	background: url(../images/home/bg-tertiary-module-bottom.gif) no-repeat left bottom;
}

#tertiary .module form {
	padding-bottom: 7px;
	background: url(../images/home/bg-tertiary-module-bottom.gif) no-repeat left bottom;
}

#tertiary .module a {
	color: #FFF;
	text-decoration: none;
}

#tertiary .module a:hover {
	text-decoration: underline;
}

#tertiary #newsletter {
	padding: 0 14px;
}

#tertiary #newsletter h4 {
	padding-top: 6px;
	padding-bottom: 3px;
	font-weight: normal;
	text-transform: none;
	background: none;
}

#tertiary #newsletter h4 span {
	font-weight: bold;
}

#newsletter fieldset div:after {
	content: '.';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#newsletter label {
	float: left;
	display: block;
	margin: 0 0 4px;
	padding-right: 4px;
	width: 48px;
}

#newsletter input {
	display: block;
	margin: 0 0 4px 52px;
	padding: 0;
	width: 131px;
	border: 1px solid #999;
}

#newsletter button {
	display: block;
	clear: both;
	margin: 6px 0 6px 52px;
	width: 133px;
	height: 18px;
	background: url(../images/home/button-submit.gif) no-repeat -5px 0;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}