@charset "utf-8";
/* CSS Document */

body {
	margin: 0 auto;
	padding: 0;
	font: 82% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000;
	background: #52a5e6 url(/images/ui/page-bg.jpg) center top repeat-x;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
}
#maincontainer {
	position: relative;
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

h1#logo {
	margin: 0;
}

h1#logo a {
	margin: 0;
	padding: 85px 0 0;
	width: 277px;
	height: 0;
	overflow: hidden;
	background: url(/images/ui/cp-logo.gif) no-repeat;
	position: absolute;
	top: 12px;
	left: 16px;	
}

h2 {
	margin-top: 0;
	font-size: 3em;
	letter-spacing: -.05em;
	font-style: italic;
	font-weight: bolder;
	color: #f17a19;
}

h3 {
	font: 1.4em;
	font-weight: normal;
	color: #666;
}

h4 {
	font-weight: bold;
	color: #f17a19;
}
p {
	line-height: 1.5em;
}
ul {
	margin: 0 0 0 18px;
	padding: 0;
}
li {
	margin: .5em 0;
}
/*HEADER----------------------------------------------------------------------------------------------------------------*/

#header {
	position: relative;
	text-align: left;
	margin: 0 0 8px 0;
	width: 960px;
	height: 112px;
	background: #f17a19 url(/images/ui/header-bg.jpg) no-repeat;
}

#user-info {
	position: absolute;
	top: 50px;
	left: 595px;
	width: 338px;
	height: 42px;
	padding: 6px 12px;
	background: url(/images/ui/loginfo-short-bg.gif) no-repeat;
	font-size: .84em;
	line-height: 1.9em;
}
#user-info .log-in {
	position: absolute;
	bottom: 6px;
	right: 22px;
	margin: 0;
}
#user-info .log-in img {
	float: left;
	margin: 2px 4px 0 0;	
}
#user-info .log-in a:link, #user-info .log-in a:visited {
	color: #600;
}
#user-info .log-in a:hover {
	color: #c30;
}


/*ANCHORS-----------------------------------------------------------------------------------------------------------------------*/

a:link, a:visited {
	color: #f17a19;
	text-decoration: none;
}

a:hover, a.selected:link, a.selected:visited {
	color: #fcca21;
}

/*NAV-BAR-----------------------------------------------------------------------------------------------------------------------*/

ul#navbar {
	position:relative;
	left: -3px;
	width: 960px;
	list-style:none;
	margin:0;
	padding:0;
}

ul#navbar li {
	float: left;
	margin:0;
}

ul#navbar li a{
	height: 0;
	display: block;
	padding: 51px 0 0;
	overflow: hidden;
	background: #f17a19 url(/images/ui/navbar.jpg) no-repeat;
}

/* IMAGE NAVBAR----------------------------------------------------------------------------------------------------------------*/

ul#navbar li#nav-home a:link, ul#navbar li#nav-home a:visited {
	width: 75px;
	background-position:0 0;
}
ul#navbar li#nav-home a:hover {
	background-position: 0 -51px;
}
ul#navbar li#nav-home a:active, ul#navbar li#nav-home a.selected:link, ul#navbar li#nav-home a.selected:visited {
	background-position: 0 -102px;
}

ul#navbar li#nav-how a:link, ul#navbar li#nav-how a:visited {
	width: 126px;
	background-position:-75px 0;
}
ul#navbar li#nav-how a:hover {
	background-position: -75px -51px;
}
ul#navbar li#nav-how a:active, ul#navbar li#nav-how a.selected:link, ul#navbar li#nav-how a.selected:visited {
	background-position: -75px -102px;
}

ul#navbar li#nav-faq a:link, ul#navbar li#nav-faq a:visited {
	width: 58px;
	background-position:-201px 0;
}
ul#navbar li#nav-faq a:hover {
	background-position: -201px -51px;
}
ul#navbar li#nav-faq a:active, ul#navbar li#nav-faq a.selected:link, ul#navbar li#nav-faq a.selected:visited {
	background-position: -201px -102px;
}

ul#navbar li#nav-members a:link, ul#navbar li#nav-members a:visited {
	width: 99px;
	background-position:-259px 0;
}
ul#navbar li#nav-members a:hover {
	background-position: -259px -51px;
}
ul#navbar li#nav-members a:active, ul#navbar li#nav-members a.selected:link, ul#navbar li#nav-members a.selected:visited {
	background-position: -259px -102px;
}

ul#navbar li#nav-new a:link, ul#navbar li#nav-new a:visited {
	width: 144px;
	background-position:-358px 0;
}
ul#navbar li#nav-new a:hover {
	background-position: -358px -51px;
}
ul#navbar li#nav-new a:active, ul#navbar li#nav-new a.selected:link, ul#navbar li#nav-new a.selected:visited {
	background-position: -358px -102px;
}

ul#navbar li#nav-testimonials a:link, ul#navbar li#nav-testimonials a:visited {
	width: 123px;
	background-position:-502px 0;
}
ul#navbar li#nav-testimonials a:hover {
	background-position: -502px -51px;
}
ul#navbar li#nav-testimonials a:active, ul#navbar li#nav-testimonials a.selected:link, ul#navbar li#nav-testimonials a.selected:visited {
	background-position: -502px -102px;
}

ul#navbar li#nav-cashpal-card a:link, ul#navbar li#nav-cashpal-card a:visited {
	width: 127px;
	background-position:-625px 0;
	cursor: default;
}
ul#navbar li#nav-cashpal-card a:hover {
	background-position: -625px -51px;
	cursor: default;
}
ul#navbar li#nav-cashpal-card a:active, ul#navbar li#nav-cashpal-card a.selected:link, ul#navbar li#nav-cashpal-card a.selected:visited {
	background-position: -625px -102px;
}

ul#navbar li#nav-about a:link, ul#navbar li#nav-about a:visited {
	width: 96px;
	background-position:-752px 0;
}
ul#navbar li#nav-about a:hover {
	background-position: -752px -51px;
}
ul#navbar li#nav-about a:active, ul#navbar li#nav-about a.selected:link, ul#navbar li#nav-about a.selected:visited {
	background-position: -752px -102px;
}

ul#navbar li#nav-contact a:link, ul#navbar li#nav-contact a:visited {
	width: 112px;
	background-position:-848px 0;
}
ul#navbar li#nav-contact a:hover {
	background-position: -848px -51px;
}
ul#navbar li#nav-contact a:active, ul#navbar li#nav-contact a.selected:link, ul#navbar li#nav-contact a.selected:visited {
	background-position: -848px -102px;
}

/*CONTENT CONTAINER--------------------------------------------------------------------------------------------------------------*/

#content-container {
	position: relative;
	width: 955px;
	margin: 0;
	padding: 0 2px;
	text-align: left;
	background: url(/images/ui/content-bg.png) repeat-y;
}

/*SIDE BAR--------------------------------------------------------------------------------------------------------------------------*/

#sidebar {
	position: relative;
	float: left;
	width: 212px;
	margin: 0 auto;
	text-align: left;
	background: #e9e9e9;
}

#sidebar p{
	margin: 0;
}

#sidebar p.quote {
	padding: 25px 25px 0 25px;
	font: 1.8em Arial, Helvetica, sans-serif;
	font-style: italic;
	text-align: left;
	color: #666;
}

#sidebar p.author {
	font: 1.2em Arial, Helvetica, sans-serif;
	text-align:center;
	padding: 0 25px 0 25px;
	font-weight: bold;
	color: #333;
}

/*CONTENT--------------------------------------------------------------------------------------------------------------------------*/

#content {
	position: relative;
	float: left;
	width: 685px;
	margin: 0 ;
	text-align: left;
	padding: 30px 20px 0 35px;
	background: #fff url(/images/ui/head-shade.gif) repeat-x;
}

/*FAQ-----------------------------------------------------------------------------------------------------------------------------*/

dl.faq {
	margin: .5em 0;
}
dl.faq dt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	margin: 1em 0 .25em;
	color: #666;
}
dl.faq dd {
	margin: .25em 0 .5em 18px;
	line-height: 1.5em;
}

dl.testimonials {
	width: 300px;
	margin: .5em 0;
}
dl.testimonials dt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	font-style: italic;
	margin: 1em 0 .25em;
	color: #666;
}
dl.testimonials dd {
	margin: .25em 0 .5em;
	line-height: 1.5em;
	font-weight: bold;
}


/*APPLY-----------------------------------------------------------------------------------------------------------------------------*/

ol#apply {
	position: relative;
	float: left;
	width: 400px;
	margin:35px 0 0 0;
	padding: 0;
}
ol#apply li {
	list-style: none;
	height: 60px;
	padding:8px 0 0 60px;
	color: #666;
}

ol#apply li.step-one{
	background:url(/images/content/step-01.gif) no-repeat;
	color: #f17a19;
}
ol#apply li.step-two{
	background:url(/images/content/step-02.gif) no-repeat;
}
ol#apply li.step-three{
	background:url(/images/content/step-03.gif) no-repeat;
}
ol#apply li.step-four{
	background:url(/images/content/step-04.gif) no-repeat;
}

/*ADVERTISEMENT-------------------------------------------------------------------------------------------------------------------*/

#advertisement {
	position: relative;
	float: right;
	width: 285px;
	text-align:center;
}

/*FOOTER---------------------------------------------------------------------------------------------------------------------------*/

#footer {
	padding: 50px 0 20px;
	background: url(/images/ui/bottom-content-bg.png) left top no-repeat;
	color: #fff;
	text-align: right;
	font-size: .8em;
}


.login-text span {
	position: relative;
	display: block;
	float: left;
	padding: 4px 8px;
}