/* this file handles styles applied only to landing pages */

div#main-content img {
	padding: 0;
}

/* spotlight */

div#content div.spotlight {
	min-height: 150px;
	position: absolute;
	top: 50em;
}

/* =section-navigation */

div#section-navigation {
	color: #fff;
	float: left;
	margin: 0 0 0 15px;
	padding: 0;
	width: 440px; /* 36.7em */
}

div#section-navigation ul {
	margin: 0.5em 0;
	padding: 0;
}

div#section-navigation p {
	font-size: 1.15em;
	line-height: 1.3em;
}

div#section-navigation li {
	border-left: 6px solid rgb(112,112,112);
	margin: 1.8em 0;
	padding-left: 8px;
}

div#section-navigation li h3 {
	font-family: "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	margin: 0.5em 0;
	padding: 0;
}

div#section-navigation a:link, div#section-navigation li h3 {
	color: rgb(255,204,0);
}

div#section-navigation a:visited {
	color: rgb(255, 229, 127);
}

div#section-navigation a:hover,
	div#section-navigation a:active {
		background-color: rgb(255, 229, 127);
		color: rgb(102,102,102);
}

/* =============== Headers =================== */

div#section-navigation h2
{
	font-style: italic;
	margin-bottom: 0.5em;
}

div#section-navigation h2#services-we-can-help-you-with, 
	div#section-navigation h2#services-we-can-help-you-with span
{
	width: 188px;
	height: 44px;	
	background-image: url(../img/headers/services-we-can-help-you-with.jpg);
	background-repeat: no-repeat;
}

div#section-navigation h2#services, 
	div#section-navigation h2#services span
{
	width: 114px;
	height: 22px;	
	background-image: url(../img/headers/services.jpg);
	background-repeat: no-repeat;
}

div#section-navigation h2#products, 
	div#section-navigation h2#products span
{
	width: 131px;
	height: 21px;	
	background-image: url(../img/headers/products.jpg);
	background-repeat: no-repeat;
}

div#section-navigation h2#downloads, 
	div#section-navigation h2#downloads span
{
	width: 158px;
	height: 21px;
	background-image: url(../img/headers/downloads.jpg);
	background-repeat: no-repeat;
}

div#section-navigation h2#rite-solution-modules, 
	div#section-navigation h2#rite-solution-modules span
{
	width: 308px;
	height: 21px;
	background-image: url(../img/headers/rite-solution-modules.jpg);
	background-repeat: no-repeat;
}

div#section-navigation h2#customer-profiles, 
	div#section-navigation h2#customer-profiles span
{
	width: 253px;
	height: 21px;
	background-image: url(../img/headers/customer-profiles.jpg);
	background-repeat: no-repeat;
}

div#section-navigation h2#about-us, 
	div#section-navigation h2#about-us span
{
	width: 124px;
	height: 22px;
	background-image: url(../img/headers/about-us.jpg);
	background-repeat: no-repeat;
}

div#section-navigation h2#more-resources, 
	div#section-navigation h2#more-resources span
{
	width: 218px;
	height: 22px;
	background-image: url(../img/headers/more-resources.jpg);
	background-repeat: no-repeat;
}

div#section-navigation h2#customers-include, 
	div#section-navigation h2#customers-include span
{
	width: 245px;
	height: 39px;
	background-image: url(../img/headers/customers-include.jpg);
	background-repeat: no-repeat;
}



/* =============== Callout ================= */

.callout {
	float: right;
}

div.callout {
	background: rgb(189,204,220) no-repeat url(../img/callout-bottom.gif) bottom;
	margin: 0 20px 0 0;
	padding: 0.5em 23px;
	width: 304px;
}

div.callout p {
	text-indent: 3.0em;
}

div.callout ul li {
	background: no-repeat url(../img/callout-bullet.gif) left 4px;
	margin-bottom: 0.5em;
	padding-left: 10px;
}

div.callout p a {
	display: block;
	text-indent: 0;
}

div.callout a:link {
	color: #386DA3;
}

div.callout a:visited, 
	div.callout a:hover, 
	div.callout a:active {
	color: #386DA3;
}

div.callout a:hover {
	text-decoration: underline;
}

h3.callout {
	/*background: rgb(102,102,102) no-repeat url(../img/callout-top.gif) 50% 0px;*/ /* just in case we don't have an image or decide not to do image replacement for these in the future */
	color: #fff;
	font-family: "Trebuchet MS", "Lucida Sans", Arial, Helvetica, sans-serif;
	font-style: italic;
	margin: 0 20px 0 0;
	padding: 0;
}

h3.callout strong {
	color: rgb(255,204,0);
	font-style: normal;
	text-transform: uppercase;
}

/* image replacements */

h3#experience-and-advocacy, h3#experience-and-advocacy span 
{
	width: 350px;
	height: 43px;
	background: no-repeat url(../img/headers/experience-and-advocacy.jpg) top;
}

h3#thought-leadership, h3#thought-leadership span 
{
	width: 350px;
	height: 43px;
	background: no-repeat url(../img/headers/thought-leadership.jpg) top left;
}

h3#the-rite-solution, h3#the-rite-solution span 
{
	width: 350px;
	height: 43px;
	background: no-repeat url(../img/headers/the-rite-solution.jpg) top;
}

h3#downloads, h3#downloads span 
{
	width: 350px;
	height: 43px;
	background: no-repeat url(../img/headers/downloads.jpg) top;
}

h3#useful-links, h3#useful-links span 
{
	width: 350px;
	height: 43px;
	background: no-repeat url(../img/headers/useful-links.jpg) top;
}

/* ===================== =decorations ========================== */

body#customers div#decoration,
	body#company div#decoration {
	background: no-repeat url(../img/customers/header-decoration.jpg) top right;
	position: absolute;
	top: 12px;
/*	float: right;*/
	height: 293px;
	margin: 0;
	padding: 0;
	right: 33px;
	width: 335px;
}

/*body#customers div#page div#content div#main-content,
	body#company div#page div#content div#main-content {
	padding: 12px 373px 0px 11px;
	position: relative;
}*/

body#customers div#main-content div#wrapper, 
	body#company div#main-content div#wrapper {
	min-height: 270px;
}

* html body#customers div#main-content div#wrapper, 
	* html body#company div#main-content div#wrapper {
	height: 270px;
}

body#solutions div#decoration, 
	body#leadership div#decoration,
	body#site-map div#decoration {
	background: no-repeat url(../img/solutions/header-decoration.jpg) top right;
	position: absolute;
	top: 12px;
/*	float: right;*/
	height: 295px;
	margin: 0;
	padding: 0;
	right: 33px;
	width: 201px;
}

body#solutions div#page div#content div#main-content, 
	body#leadership div#page div#content div#main-content,
	body#site-map div#page div#content div#main-content  {
	padding: 12px 239px 0px 11px;
	position: relative;
}

body#solutions div#main-content div#wrapper,
	body#leadership div#main-content div#wrapper,
	body#site-map div#page div#content div#main-content {
	min-height: 272px;
}

* html body#solutions div#main-content div#wrapper, 
	* html body#leadership div#main-content div#wrapper,
	* html body#site-map div#main-content div#wrapper {
	height: 272px;
}

/* blockquote */

#main-content div#decoration blockquote,
	#main-content div#decoration p {
	color: #fff;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	margin: 0 0 0 80px;
	padding: 0;
	width: 237px;
}

#main-content div#decoration blockquote {
	border-top: 2px solid rgb(254,207,0);
	background: no-repeat url(../img/blockquote-border.gif) 50% bottom;
	font-size: 1.4em;
	font-style: italic;
	margin-top: 57px;
	padding: 0.5em 0 2.0em 0;
}

#main-content div#decoration p {
	font-weight: bold;
	font-size: 1.0em;
	margin-top: 20px;
}