/*
Description: Home Page Styles
Author: Travis Buck
Version: 0.1
.
General comments/License Statement if any.
.

[Table Of Contents]

1. Global
2. Header/Navigation
3. Content
4. Footer
5. SCA Index
*/

@import url('reset.css');


/* 1. Global
--------------------------------------------------*/

body
{
	background: #000000 top center no-repeat url(../images/home_page_bkg.jpg);
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

#Container
{
	margin: auto;
	/*position: relative;*/
	width: 960px;
}

#ContainerWhite
{
	background: #FFFFFF;
	border-top: 1px solid #DBDBDB;
	height: 181px;
	margin: auto;
	/*position: relative;*/
}

.MarginRight4
{
	margin-right: 5px;
}

.Email-Marketing {
	position: absolute;
	left: 50%;
	top: 375px;
	margin-left: -480px;
	width: 630px;
}

	.Email-Marketing h2 {
		font-size: 16px;
		margin: -3px 0 5px 0;
		color: #000;
	}
	
	.Email-Marketing a {
		text-decoration: none;
		color: #000;
	}
	
	.Email-Marketing p {
		color: #000;
	}
	
	.Email-Marketing p a 
	{
		color: #0082c8;
	}
	
	.Email-Marketing p a:hover 
	{
		color: #c22000;
	}


/* 2. Header/Navigation
--------------------------------------------------*/

#Header
{
	color: #323232;
	font-size: 12px;
	height: 60px;
	padding-left: 22px;
}

	h1.Logo
	{
		margin-left: -2px;
		width: 124px;
	}
	
	.Logo a
	{
		background: bottom no-repeat url(../images/listrak_logo.gif);
		display: block;
		height: 33px;
		padding-top: 15px;
		text-indent: -5000px;
		width: 124px;
	}
	
	#HeaderLinks
	{
		float: right;
		line-height: 14px;
		padding: 22px 26px 0 0;
	}
	
		#HeaderLinks a
		{
			color: #FFFFFF;
			text-decoration: none;
		}
		
		#HeaderLinks a:hover {color: #F5AF01;}
		
	a.SignIn
	{
		background: top no-repeat url(../images/btn_sign_in.gif);
		display: block;
		float: right;
		height: 60px;
		text-indent: -5000px;
		width: 95px;
	}
	
	a:hover.SignIn
	{
		background: bottom no-repeat url(../images/btn_sign_in.gif);
	}
	
	#SiteSearch
	{
		background: no-repeat url(../images/site_search.png);
		float: right;
		height: 34px;
		margin-top: 18px;
		width: 252px;
	}
	
		#SiteSearch input.SearchField
		{
			border: none;
			color: #555555;
			float: left;
			margin: 2px 0 0 4px;
			padding: 7px 10px 7px 10px;
			width: 194px;
		}
		
		#SiteSearch input.SearchButton
		{
			float: left;
			margin: 3px 0 0 3px;
		}
	
	#Navigation
	{
		list-style: none;
		overflow: hidden;
		padding: 24px 0 44px 22px;
	}
	
		#Navigation li
		{
			float: left;
		}
		
		#Navigation a
		{
			margin-right: 24px;
		}
	
		a.Home
		{
			background: no-repeat top url(../images/nav_home.png);
			display: block;
			float: left;
			height: 19px;
			text-indent: -5000px;
			width: 40px;
		}
		
		a:hover.Home {background: no-repeat bottom url(../images/nav_home.png);}
		
		a.Solutions
		{
			background: no-repeat top url(../images/nav_solutions.png);
			display: block;
			float: left;
			height: 19px;
			text-indent: -5000px;
			width: 79px;
		}
		
		a:hover.Solutions {background: no-repeat bottom url(../images/nav_solutions.png);}
		
		a.Services
		{
			background: no-repeat top url(../images/nav_services.png);
			display: block;
			float: left;
			height: 19px;
			text-indent: -5000px;
			width: 67px;
		}
		
		a:hover.Services {background: no-repeat bottom url(../images/nav_services.png);}
		
		a.Platform
		{
			background: no-repeat top url(../images/nav_platform.png);
			display: block;
			float: left;
			height: 19px;
			text-indent: -5000px;
			width: 74px;
		}
		
		a:hover.Platform {background: no-repeat bottom url(../images/nav_platform.png);}
		
		a.Clients
		{
			background: no-repeat top url(../images/nav_clients.png);
			display: block;
			float: left;
			height: 19px;
			text-indent: -5000px;
			width: 57px;
		}
		
		a:hover.Clients {background: no-repeat bottom url(../images/nav_clients.png);}
		
		a.Resources
		{
			background: no-repeat top url(../images/nav_resources.png);
			display: block;
			float: left;
			height: 19px;
			text-indent: -5000px;
			width: 83px;
		}
		
		a:hover.Resources {background: no-repeat bottom url(../images/nav_resources.png);}
		
		a.Partners
		{
			background: no-repeat top url(../images/nav_partners.png);
			display: block;
			float: left;
			height: 19px;
			text-indent: -5000px;
			width: 74px;
		}
		
		a:hover.About {background: no-repeat bottom url(../images/nav_partners.png);}
		
		a.About
		{
			background: no-repeat top url(../images/nav_about.png);
			display: block;
			float: left;
			height: 19px;
			text-indent: -5000px;
			width: 49px;
		}
		
		a:hover.About {background: no-repeat bottom url(../images/nav_about.png);}
			

/* 3. Content
--------------------------------------------------*/

#Features
{
	height: 200px;
	margin-bottom: 30px;
}
    
    .FeatureText
    {
        color:#FFFFFF;
        float:left;
        font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        line-height: 18px;
        padding:5px 20px 16px 22px;
        width:380px;
        text-shadow: 0 0 3px #000;
    }
    
    .FeatureText h3 
    {
    	color: #FFFFFF;
        font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
        font-size: 24px;
        font-weight: normal;
        line-height: 30px;
        padding-bottom: 18px;
    }
    
    .FeatureText p
    {
    	color:#FFFFFF;
        font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        line-height: 18px;
        padding-bottom:16px;
    }
    
    .FeatureText a {
        color: #FFFFFF;
        font-weight: bold;
        text-decoration: none;
    }
    .FeatureText a:hover {
    	color: #B8EF4F;
    }
    
    .FeatureScroll
    {
    	float:right;
        height:200px;
        position:relative;
        width:522px;
    }

#WhatWeDo
{
	font-size: 14px;
	line-height: 18px;
	padding: 24px 0 0 18px;
	width: 612px;
}

	#WhatWeDo img
	{
		padding-bottom: 16px;
	}
	
#SimplyPut
{
	padding: 2px 0 0 22px;
	width: 612px;
}

#WhatWeDo2
{
	font-size: 14px;
	line-height: 18px;
	padding: 2px 0 0 22px;
	width: 612px;
}


#FeaturedGraphic
{
	float: right;
	margin-top: 29px;
	width: 304px;
}

#Columns
{
	margin: 36px 0 40px 0;
	overflow: hidden;
	padding-left: 22px;
}

	ul.List
	{
		list-style: none;
	}
	
		li.ListItem
		{
			
			line-height: 18px;
			padding-bottom: 12px;
		}
		
		a.ListLink
		{
			color: #A3DC4F;
			font-weight: bold;
			text-decoration: none;
		}
		
		a:hover.ListLink {color: #43B3E2;}

	#NewsAndEvents
	{
		color: #FFFFFF;
		float: left;
		font-size: 14px;
		margin-right: 37px;
		width: 288px;
	}
	
		h2.NewsAndEvents
		{
			background: no-repeat top url(../images/hdr_news_and_events.gif);
			display: block;
			height: 45px;
			padding-bottom: 22px;
			text-indent: -5000px;
		}
		
	#CurrentFeatures
	{
		color: #FFFFFF;
		float: left;
		font-size: 14px;
		width: 288px;
	}
	
		h2.CurrentFeatures
		{
			background: no-repeat top url(../images/hdr_current_features.gif);
			display: block;
			height: 45px;
			padding-bottom: 22px;
			text-indent: -5000px;
		}

	#WhitePaperSignUp
	{
		color: #FFFFFF;
		float: right;
		font-size: 14px;
		width: 288px;
	}
	
		h3.WhitePaperSignup
		{
			background: no-repeat top url(../images/hdr_whitepaper_signup.gif);
			display: block;
			height: 45px;
			padding-bottom: 22px;
			text-indent: -5000px;
		}
		
		p.WhitePaperSignup
		{
			font-size: 14px;
			line-height: 18px;
			margin-bottom: 12px;
		}
		
		ul.WhitePaperSignupError li { font-size:12px; padding-bottom:6px; color:#fff; }
		
		.EntryForm
		{
			/*background: no-repeat top left url(../images/bkg_form_field.gif);*/
			height: 30px;
			margin-bottom: 11px;
		}
		
			.EntryForm .EmailAddress
			{
				border: solid 1px #BFBFBF;
				color: #555555;
				float: left;
				margin: 1px 8px 0 0;
				padding: 5px;
				width: 176px;
			}
			
			.EntryForm .RegisterButton
			{
				float: left;
			}
			
		p.SignUpLinks
		{
			color: #363636;
			font-size: 12px;
		}
		
		a.SignUpLinks
		{
			color: #959595;
			text-decoration: none;
		}
		
		a:hover.SignUpLinks {color: #F5AF01;}
		
	#ClientLogos
	{
		background: no-repeat top url(../images/bkg_client_logos.gif);
		height: 91px;
		margin-bottom: 24px;
		padding-top: 35px;
	}
	
		#ClientLogos img
		{
			float: left;
		}

	
/* 4. Footer
--------------------------------------------------*/

#FooterLeft
{
	float: left;
	overflow: hidden;
	padding-bottom: 80px;
	width: 480px;
}

	ul.FooterNav
	{
		color: #383838;
		font-size: 12px;
		list-style: none;
	}
	
		.FooterNav li.Link
		{
			background: no-repeat top right url(../images/footer_nav_divider.gif);
			display: block;
			float: left;
			margin-right: 8px;
			padding-right: 8px;
		}
		
		.FooterNav li.LastLink
		{
			display: block;
			float: left;
		}
		
		a.FooterNavLink
		{
			color: #FFFFFF;
			text-decoration: none;
			line-height: 24px;
			margin-top: -5px;
		}
	
		a:hover.FooterNavLink {color: #F5AF01;}
		
	#SocialMediaLinks
	{
		clear: left;
		width: 120px;
	}
	
		#SocialMediaLinks p
		{
			color: #898989;
			font-size: 11px;
			padding: 14px 0 5px 0;
		}
	
		#SocialMediaLinks img
		{
			border: 0px;
			float: left;
			margin-right: 8px;
		}
		
#FooterRight
{
	float: right;
	overflow: hidden;
	padding-bottom: 80px;
	width: 480px;
}

	#FooterRight img
	{
		border: 0px;
		float: right;
		margin-left: 11px;
	}
	
	#FooterRight p
	{
		color: #D7D7D7;
		float: right;
		font-size: 10px;
		padding-top: 14px;
	}
	
/* 5. SCA Index
--------------------------------------------------*/
.home-sca-index-wrapper { color: #111; font-size: 14px; width: 280px; height: 123px; position: relative; overflow: hidden; }
.home-sca-index-wrapper div.today { top: 0; left: 0; width: 280px; height: 123px; position: absolute; z-index: 10; background: rgba(255,255,255,.4); }
.home-sca-index-wrapper div.today a { text-decoration: none; display: block; color: #111; }
.home-sca-index-wrapper div h4 { background: #f1f1f1; font-size: 14px; font-weight: normal; text-align: center; padding: 10px 0; border: 1px solid #c0c0c0;  }
.home-sca-index-wrapper div.index { position: relative; display: block; padding: 12px 0 12px 0; font-size: 46px; font-weight: bold; text-align: center; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; }
.home-sca-index-wrapper div .gauge { font-size: 10px; height: 16px; margin-top: 0px; background: #707070; }
.home-sca-index-wrapper div .gauge .bar { background: transparent url('http://www.listrak.com/images/sca-index-bar.png') no-repeat scroll; height: 15px; margin-top: 1px; }
.home-sca-index-wrapper div.today .gauge .bar { background-position: 100% -2px; }