/*---------------------------------------------------
Purpose:	Main homepage stylesheet
Author:		Matt DeClaire, Loud Dog Corp.
Created:	15 March 2010
----------------------------------------------------*/

#homepage #main {
	position: relative;
	padding-top: 16px;
}

#mainFooter {
	clear: both;
}

/* Welcome message --- */

#welcomeMessage { /* See IE6, IE7 fix */
	position: relative;
/*	margin: 10px 18px 20px; */
	margin: 10px 0px 20px;
}

#welcomeMessage h1 {
	width: 197px;
	display: block;
	position: absolute;
	top: -2px; 
	font: normal 2em Arial;
	color: #333;
	background: url(/images/homepage/welcome.gif) no-repeat -1px 4px;   
	text-indent: -9999px;
}

#welcomeMessage p {
	position: relative;
	z-index: 1;
/*	font: 1.8em Arial; */
	font: 2.1em Arial;
	color: #000;
/*	color: #777;
	text-indent: 205px; */
	text-align: center;
}


#welcomeMessage a,
#welcomeMessage a:visited,
#welcomeMessage a:hover {
	color: #2F65CC;
	text-decoration: none;
}

/* Homepage sections --- */

#homepageSections {
	overflow: auto;
	color: #777;
}

#homepageSections,
#homepageSections a,
#homepageSections a:visited,
#homepageSections a:hover {
	color: #777;
	text-decoration: none;
}

#homepageSections a.readMore,
#homepageSections a.readMore:visited,
#homepageSections a.readMore:hover {
	color: #333;
}

#homepageSections a:hover,
#homepageSections a.readMore:hover {
	color: #36C;
	text-decoration: underline;
}

#homepageSections p.summary {
	color: #333;
}

#homepageSections #customers,
#homepageSections #whatsNew,
#homepageSections #ceoBlog { /* see IE6 fixes */
	float: left;
	width: 363px;
	min-height: 235px;
	background: url(/images/homepage/homepageSection.jpg) no-repeat left top;
}

#homepageSections #whatsNew p,
#homepageSections #ceoBlog p { /* see IE6 fixes */
	font-size: 1.2em;
}

#homepageSections #ceoBlog {
	width: 264px;
	background-image: url(/images/homepage/homepageSectionSmall.jpg); 
}

#homepageSections .innerSection {
	padding: 18px 22px;
}

#homepageSections #customers h2,
#homepageSections #whatsNew h2,
#homepageSections #ceoBlog h2 {
	margin-bottom: 8px;
	font: 18px "Trebuchet MS";
	color: #F96D07;
}

/* Customers section */

#customerButton,
#customerButton:visited,
#customerButton:hover {
	display: block;
	margin-left: -10px;
	margin-bottom: 5px;
	width: 336px;
	height: 108px;
	background-position: left top;
	background-repeat: no-repeat;
}

#customerButton:hover {
	background-position: left bottom;
}

.customerButton_jetBlue,
.customerButton_jetBlue:visited,
.customerButton_jetBlue:hover {
	background-image: url(/images/homepage/buttons/customers/jetblue.jpg);
}

.customerButton_npg,
.customerButton_npg:visited,
.customerButton_npg:hover {
	background-image: url(/images/homepage/buttons/customers/npg.jpg);
}

.customerButton_platts,
.customerButton_platts:visited,
.customerButton_platts:hover {
	background-image: url(/images/homepage/buttons/customers/platts.jpg);
}

.customerButton_reedBusiness,
.customerButton_reedBusiness:visited,
.customerButton_reedBusiness:hover {
	background-image: url(/images/homepage/buttons/customers/reedBusiness.jpg);
}

.customerButton_simnoAndSchuster,
.customerButton_simnoAndSchuster:visited,
.customerButton_simnoAndSchuster:hover {
	background-image: url(/images/homepage/buttons/customers/simonAndSchuster.jpg);
}

.customerButton_aip,
.customerButton_aip:visited,
.customerButton_aip:hover {
	background-image: url(/images/homepage/buttons/customers/AIP.jpg);
}

.customerButton_mcgraw,
.customerButton_mcgraw:visited,
.customerButton_mcgraw:hover {
	background-image: url(/images/homepage/buttons/customers/mcGrawHillEducation.jpg);
}

.customerButton_pearson,
.customerButton_pearson:visited,
.customerButton_pearson:hover {
	background-image: url(/images/homepage/buttons/customers/pearsonEducation.jpg);
}

.customerButton_princeton,
.customerButton_princeton:visited,
.customerButton_princeton:hover {
	background-image: url(/images/homepage/buttons/customers/princetonTheologicalSeminary.jpg);
}

.customerButton_faa1,
.customerButton_faa1:visited,
.customerButton_faa1:hover {
	background-image: url(/images/homepage/buttons/customers/FAA-LukeOrmon.jpg);
}

.customerButton_faa2,
.customerButton_faa2:visited,
.customerButton_faa2:hover {
	background-image: url(/images/homepage/buttons/customers/FAA-WillLawrence.jpg);
}

.customerButton_warriorGateway,
.customerButton_warriorGateway:visited,
.customerButton_warriorGateway:hover {
	background-image: url(/images/homepage/buttons/customers/WarriorGateway.jpg);
}

.customerButton_rsc,
.customerButton_rsc:visited,
.customerButton_rsc:hover {
	background-image: url(/images/homepage/buttons/customers/rsc.jpg);
}

.customerButton_yellCom,
.customerButton_yellCom:visited,
.customerButton_yellCom:hover {
	background-image: url(/images/homepage/buttons/customers/yell.com.jpg);
}

#customerQuote {
	padding-left: 25px;
	background: url(/images/homepage/quote.gif) no-repeat left top;
	font: 1.4em Arial;
	color: #666;
}

#customerQuote .attribute {
	display: block;
	margin-top: 5px;
	text-align: right;
	font-size: 0.786em;
}

#customerButtons {
	margin-left: -10px;
	width: 350px;
}

#customers a#button1,
#customers a#button1:visited,
#customers a#button1:hover,
#customers a#button2,
#customers a#button2:visited,
#customers a#button2:hover {
	display: block;
	float: left;
	width: 150px;
	height: 40px;
	background: url(/images/homepage/buttons/whiteButton.jpg) no-repeat left top;
	text-indent: -9999px;
}

#customers a#button1,
#customers a#button1:visited,
#customers a#button1:hover {
	margin: 0px 15px 0px 10px;
}

#customers a#button2,
#customers a#button2:visited,
#customers a#button2:hover {
	background-image: url(/images/homepage/buttons/orangeButton.jpg);
}

#customers a#button1:hover,
#customers a#button2:hover {
	background-position: left -42px;
}

#customers a#button1:active,
#customers a#button2:active {
	background-position: left bottom;
}

/* What's New */

#whatsNew .item {
	width: 100%;
	overflow: auto;
	margin-bottom: 15px;
}
	
#whatsNew .item p {
	margin-bottom: 5px;
}

#whatsNew .item img {
	float: left;
	margin-right: 10px;
}

#whatsNew .item .readMore,
#whatsNew .item .readMore:visited {
	color: #333;
}

#whatsNew .columns {
	overflow: auto;
	background: url(/images/homepage/gray.gif) repeat-y 50% top;
}

#whatsNew #pressReleases {
	float: left;
	width: 140px;
}

#whatsNew #events {
	float: right;
	width: 140px;
}

/* Blog */

#ceoBlog {
	position: relative;
}

#pullQuote {
	position: absolute;
	top: 12px;
	right: 15px;
	z-index: 2;
}

#ceoBlog .summary {
	margin-right: 55px;
}

/* Customer Logo Bar */

#customerBar {
	clear: both;
	margin-top: 30px;
	padding-left: 10px;
	height: 45px;
	background: url(/images/homepage/customerBarBg.jpg) repeat-x left top;
}

#customerBar a,
#customerBar a:visited,
#customerBar a:hover {
	display: block;
	float: left;
	margin: 5px 10px 0 0;
	width: 100px;
	height: 39px;
	background: url(/images/homepage/logos.jpg) no-repeat left top;
}

#customerBar a#wolters,
#customerBar a#wolters:visited { background-position: left 0px; }
#customerBar a#wolters:hover { background-position: -100px 0px; }

#customerBar a#simonSchuster,
#customerBar a#simonSchuster:visited { background-position: left -41px; }
#customerBar a#simonSchuster:hover { background-position: -100px -41px; }

#customerBar a#oxford,
#customerBar a#oxford:visited { background-position: left -82px; }
#customerBar a#oxford:hover { background-position: -100px -82px; }

#customerBar a#nejm,
#customerBar a#nejm:visited { background-position: left -123px; }
#customerBar a#nejm:hover { background-position: -100px -123px; }

#customerBar a#mcgrawHill,
#customerBar a#mcgrawHill:visited { background-position: left -164px; }
#customerBar a#mcgrawHill:hover { background-position: -100px -164px; }

#customerBar a#jetblue,
#customerBar a#jetblue:visited { background-position: left -205px; }
#customerBar a#jetblue:hover { background-position: -100px -205px; }

#customerBar a#united,
#customerBar a#united:visited { background-position: left -246px; }
#customerBar a#united:hover { background-position: -100px -246px; }

#customerBar a#harvard,
#customerBar a#harvard:visited { background-position: left -287px; }
#customerBar a#harvard:hover { background-position: -100px -287px; }

#customerBar a#cq,
#customerBar a#cq:visited { background-position: left -328px; }
#customerBar a#cq:hover { background-position: -100px -328px; }

#customerBar a#army,
#customerBar a#army:visited { background-position: left -369px; }
#customerBar a#army:hover { background-position: -100px -369px; }

#customerBar a#elsevier,
#customerBar a#elsevier:visited { background-position: left -410px; }
#customerBar a#elsevier:hover { background-position: -100px -410px; }

#customerBar a#bowker,
#customerBar a#bowker:visited { background-position: left -451px; }
#customerBar a#bowker:hover { background-position: -100px -451px; }

#customerBar a#yell,
#customerBar a#yell:visited { background-position: left -492px; }
#customerBar a#yell:hover { background-position: -100px -492px; }

#customerBar a#lexisNexis,
#customerBar a#lexisNexis:visited { background-position: left -533px; }
#customerBar a#lexisNexis:hover { background-position: -100px -533px; }

#customerBar a#boeing,
#customerBar a#boeing:visited { background-position: left -574px; }
#customerBar a#boeing:hover { background-position: -100px -574px; }

#customerBar a#disa,
#customerBar a#disa:visited { background-position: left -615px; }
#customerBar a#disa:hover { background-position: -100px -615px; }

#customerBar a#springer,
#customerBar a#springer:visited { background-position: left -656px; }
#customerBar a#springer:hover { background-position: -100px -656px; }

#customerBar a#wiley,
#customerBar a#wiley:visited { background-position: left -697px; }
#customerBar a#wiley:hover { background-position: -100px -697px; }
