/* -- COLORS -- */

body {
	background: #f1f1f1;
}
#header {
	background: #444 url('../images/stripe-header.png') repeat-x top center;
}
#nav {
	background: #444;
}
#sub-nav {
	background: #6699cc url('../images/stripe-subnav.png') repeat-x top center;
}
#intro {
	background: #336699 url('../images/stripe-intro.png') repeat-x top center;
	border-bottom: 1px solid #23373d
}
	#intro h1,
	#intro h2,
	#intro p,
	#logo span {
		color: #fff; /* intro text color */
	}
#main {
	background: #fff url('../media/images/stripe-main.png') repeat-x top center;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #c6c6c6
}
	#main h1,
	#main h2,
	#main h3,
	#main dt,
	#footer h3,
	a:link,
	a:visited,
	a:hover,
	a:active,
	legend,
	.form-field span.description {
		color: #006db0; /* accent color for text */
	}
	#main p,
	#main li,
	#main dd,
	#footer,
	label,
	#main div.privacy h3 {
		color: #5e5e5e; /* primary color for text */
	}
	fieldset,
	.link-ads img:hover,
	.form-field input.text,
	.form-field input.title,
	.form-field select {
		border: 1px solid #b5ceff;
	}
	fieldset,
	.link-ads img:hover {
		background-color: #f0f6fb;
	}
	#main fieldset.homepage { /* Apply Now banner */
		background-image: url('../images/apply-now.png');
		background-repeat: no-repeat;
		background-position: center 15px;
		padding-top: 70px
	}
	input.button {
		background-color: #006db0;
		color: #fff;
		border-top: 1px solid #b5ceff;
		border-left: 1px solid #b5ceff;
		border-right: 1px solid #18314a;
		border-bottom: 1px solid #18314a;
	}
#footer {
	border-top: 1px solid #fff;
}

/* -- HEADER -- */

#header {
	height: 45px;
	padding-top: 20px;
}
#logo {
	background: url('../images/autocreditfinders-logo.png') no-repeat left 0px;
	height: 45px
}


/* -- NAVIGATION -- */

#nav a:link, #nav a:visited {
	background: #242021 url('../images/tab-round.png') right 60px; /* color of tabs (inactive state) */
	color: #999
}
	#nav a span {
		background: url('../images/tab-round.png') left 60px;
	}
#nav a:hover {
	color: #fff;
}
#nav .active a:link, #nav .active a:visited, #nav .active a:visited, #nav .active a:hover {
	background: #6699cc url('../images/tab-round.png') no-repeat right 0; /* color of active tab */
	color: #fff
}
	#nav .active a span, #nav .active a:hover span {
		background: url('../images/tab-round.png') no-repeat left 0;
	}

	/* -- LIT -- */

	#nav .lit a:link, #nav .lit a:visited, #nav .lit a:visited, #nav .lit a:hover {
		background: #69a702 url('../images/tab-round.png') no-repeat right -60px; /* color of lit tab */
		color: #fff
	}
		#nav .lit a span, #nav .lit a:hover span {
			background: url('../images/tab-round.png') no-repeat left -60px;
		}

/* -- SUB-NAV -- */

#sub-nav a:link, #sub-nav a:visited {
	background: none;
	color: #fff; /* sub-nav primary color (inactive state) */
	border: 1px solid transparent;
}
#sub-nav a:hover {
	/*background: #336699 url(_../images/tab-round-subnav.png) right 20px;*/
	border: 1px solid #fff;
}
	#sub-nav a:hover span {
		background: url('../images/tab-round-subnav.png') left 20px;
	}
#sub-nav .active a:link, #sub-nav .active a:visited, #sub-nav .active a:hover {
		background-color: #336699; /* sub-nav active color */
		border: 1px solid #7AA7D3;
		border-top: 1px solid #224568;
		border-left: 1px solid #224568;
		color: #fff;
} 
	#sub-nav .active a span, #sub-nav .active a:hover span {
	}


/* -- INTRO -- */

#intro, #intro-lit
{
    padding-top: 0px;
    padding-bottom: 0px;
}
#intro h1
{
    padding-top: 15px;
    padding-bottom: 0px;
}
#intro h1.motto
{
	padding-top: 0px;
	background: url('../images/stripe-intro-since1997.png') no-repeat 0px 0px;
  	margin: 10px;
  	font-family: verdana
}