/** HTML ELEMENTS *************************************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}

h1 {
	padding: 0 18px;
	font-size: 20px;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	color: #666666;
	background: #FBDF84;
}

h2 {
	margin: 20px 0 10px 0;
	font-size: 24px;
	font-weight: normal;
	color: #BD8400;
}

h3 {
	margin: 30px 0 10px 0;
	font-size: 14px;
	font-weight: normal;
	color: #666666;
	line-height: 25px;
}

p {
	color: #333;
	margin: 20px 0;
	font-size: 15px;
	line-height: 18px;
}

a {
	color: #E88700;
	text-decoration: none;
}
a.url { white-space: nowrap; }

/** OBJECT CLASSES *************************************************/

/* div containing buttons floated right / buttons defined in source order */
.right-buttons { float: right; }

/* button object that contains text replaced via MIR; often contained in either .right-buttons or .left-buttons */
.button { display: block; float: left; }
.button span { display: none; }

.left-callouts { position: absolute; }

.callout { display: block; color: #FFF; font-family: Verdana, Arial, Helvetica, sans-serif; }


/** PAGE ELEMENTS **************************************************/

/* Site Frame */

.site-frame {
	position: relative;
	width: 800px;
	margin: 0 auto;
	text-align: left;
}

/* Top Bar */

.site-frame { padding-top: 20px; } /* page must clear re-located top-bar */

.top-bar {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 20px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	background: #666;
}

.top-bar ul.left { float: left; padding-left: 20px; }
.top-bar ul.right { float: right; padding-right: 20px; }

.top-bar ul li {
	float: left;
	height: 20px;
	line-height: 18px;
	padding-left: 10px;
	margin-right: 10px;
	background: url(../../images-new/bullet_orange.gif) no-repeat left center;
}

.top-bar ul.left li.first,
.top-bar ul.right li.first { padding-left: 0; background: none; }
.top-bar ul.right li.last { margin-right: 0; }

.top-bar ul li a { color: #FFF; white-space: nowrap; }
.top-bar ul li a:hover {
	color: #E88700;
}

/* Header */

.header {
	position: relative;
	height: 75px;
	width: 800px;
}

.header .logo {
	position: absolute;
	bottom: 16px; left: 17px;
	width: 272px;
	height: 47px;
	background: url(../../images-new/logos/Trufina-ID-Large.gif) no-repeat;
	overflow: hidden;
}
.header .logo span { display: none; }

.header .center-buttons { position: absolute; bottom: 14px; right: 300px; }
.header .right-buttons { position: absolute; bottom: 14px; right: 10px; }
.header .button { height: 62px; width: 150px; margin-left: 5px; }
.header .login { background: url(../../images-new/button_login.gif) no-repeat; }
.header .signup { background: url(../../images-new/button_signup.gif) no-repeat; }
.header .enter-button { height: 62px; width: 110px; margin-left: 5px; background: url(../../images-new/button_signup.gif) no-repeat; }
.header .signup_id {background: url(../../images-new/button_signup_for_id.gif) no-repeat;}
.header .signup_id_crim {background: url(../../images-new/button_signup_for_id_crim.gif) no-repeat;
}

/* Global Nav */

.global-nav {
	height: 37px;
	padding: 0 15px 0 15px;
	color: #FFF;
	background: #000;
}

.global-nav ul li {
	float: left;
	height: 30px;
	margin-right: 15px;
}

.global-nav ul li.last { margin-right: 0; }

.global-nav ul li a {
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 0px;
	color: #FFF;
}
.global-nav ul li a span { display: none; }

.global-nav ul li a.home { width: 55px; background: url(../../images-new/gnav_home.gif) no-repeat; background-position: 10px 12px;  }

.global-nav ul li a.identity_verification { width: 120px; background: url(../../images-new/gnav_identity_check.gif) no-repeat; background-position: 10px 12px; }
.global-nav ul li a.identity_management { width: 230px; background: url(../../images-new/gnav_identity_management_services.gif) no-repeat; background-position: 10px 12px; }
.global-nav ul li a.api { width: 40px; background: url(../../images-new/gnav_api.gif) no-repeat; background-position: 10px 12px; } 
.global-nav ul li a.about-us { width: 80px; background: url(../../images-new/gnav_about_us.gif) no-repeat; background-position: 10px 12px; }
.global-nav ul li a.faqs { width: 55px; background: url(../../images-new/gnav_faqs.gif) no-repeat; background-position: 10px 12px; }

/* 	.global-nav ul li a.why-trufina { width: 93px; background: url(../images-new/gnav_why-trufina.gif) no-repeat; background-position: 10px 12px; }
	.global-nav ul li a.using-trufina { width: 110px; background: url(../images-new/gnav_using-trufina.gif) no-repeat; background-position: 10px 12px; }
	.global-nav ul li a.trufina-for-business { width: 139px; background: url(../images-new/gnav_trufina-for-business.gif) no-repeat; background-position: 10px 12px; } 
	.global-nav ul li a.products { width: 62px; background: url(../images-new/gnav_products.gif) no-repeat; background-position: 10px 12px; } 
	.global-nav ul li a.contact-us { width: 72px; background: url(../images-new/gnav_contactus.gif) no-repeat; background-position: 10px 12px; }
*/
/* Page Frame */

.page-frame {
	position: relative;
}

.page-frame p strong {
	font-weight: bold;
	color: #E88700;
}

/* Callouts */

.online-view-id-card, .online-socialnetwork-naymz, .online-icouldbe, .online-dating, .online-auctions, .online-identity, .online-upperbid, .online-trustplus { width: 250px; height: 126px; margin-bottom: 10px; font-size: 11px; line-height: 14px}

.online-auctions { position: relative;  background: url(../../images-new/callouts/callout_online-auctions-bg.jpg) no-repeat; }
.online-auctions a {
	position: absolute;
	left: 15px; bottom: 10px;
	width: 210px;
	padding-top: 32px;
	background: url(../../images-new/callouts/callout_online-auctions-header.gif) no-repeat;
}

.online-dating { position: relative; background: url(../../images-new/callouts/callout_online-dating-bg.jpg) no-repeat; }
.online-dating a {
	position: absolute;
	left: 15px; bottom: 10px;
	width: 200px;
	padding-top: 32px;
	background: url(../../images-new/callouts/callout_online-dating-header.gif) no-repeat;
}

.online-socialnetwork-naymz { position: relative; background: url(../../images-new/callouts/callout_online-socialnetwork-naymz-bg.jpg) no-repeat; }
.online-socialnetwork-naymz a {
	position: absolute;
	left: 15px; bottom: 10px;
	width: 200px;
	padding-top: 32px;
	background: url(../../images-new/callouts/callout_online-socialnetwork-naymz-header.gif) no-repeat;	
}

.online-view-id-card { position: relative; background: url(../../images-new/callouts/callout_view_id_card-bg.gif) no-repeat; }
.online-view-id-card a {
	position: absolute;
	left: 15px; bottom: 10px;
	width: 153px;
	padding-top: 32px;
	background: url(../../images-new/callouts/callout_view_id_card-header.gif) no-repeat;
}

.online-icouldbe { position: relative; background: url(../../images-new/callouts/callout_icouldbe-bg.jpg) no-repeat; }
.online-icouldbe a {
	position: absolute;
	left: 50px; bottom: 45px;
	width: 200px;
	padding-top: 0px;
	background: url(../../images-new/callouts/callout_icouldbe-header.gif) no-repeat;
}

.online-identity { position: relative; background: url(../../images-new/callouts/callout_online-identity-bg.jpg) no-repeat; }
.online-identity a {
	position: absolute;
	left: 15px; bottom: 45px;
	width: 200px;
	padding-bottom: 0px;
}

.online-upperbid { position: relative; background: url(../../images-new/callouts/callout_online-upperbid-bg.jpg) no-repeat; }
.online-upperbid a {
	position: absolute;
	left: 15px; bottom: 40px;
	width: 230px;
	padding-bottom: 0px;
}

.online-trustplus { position: relative; background: url(../../images-new/callouts/callout_trustplus-bg.jpg) no-repeat; }
.online-trustplus a {
	position: absolute;
	left: 20px; bottom: 35px;
	width: 250px;
	padding-bottom: 0px;
	color:#E88700
}

.input-email {
	position: absolute;
	background-color: #FFFFFF;
	top: 40px;
	left: 10px;
	font-size: 12px;
}
.input-code {
	position: absolute;
	background-color: #FFFFFF;
	top: 83px;
	left: 10px;
	font-size: 12px;
}
.input-view {
	position: absolute;
	right: 5px;
	bottom: 5px;
	height: 20px;
	width: 57px;
}

.help-button {
	position: absolute;
	top: 5px; right: 5px;
}

/* Secondary Navigation */

.secondary-nav {
	float: left;
	width: 155px;
	margin-top: 14px;
	font-size: 11px;
}

.secondary-nav ul ul { margin: 7px 0 -7px -7px; }

.secondary-nav ul li { font-weight: bold; padding: 7px; border-bottom: 1px dotted #ECAC12; line-height: 14px; }
.secondary-nav ul ul li { font-weight: normal; padding-left: 23px; border-bottom: none; border-top: 1px dotted #ECAC12; }

.secondary-nav ul li a {
	color: #006CE1;
}
.secondary-nav ul li a.current {
	color: #82332C;
	font-weight: bold;
}
.secondary-nav ul li a:hover {
	color: #0063DE;
	text-decoration: underline;
}

/* Content */

.content { padding-right: 24px; }

.content img { border: 1px solid black; }

.content ul { margin-left: 10px; }

.content ul li {
	background: url(../../images-new/list-bullet.gif) no-repeat;
	padding-left: 15px;
}

/* Blog Links */

.blog-links { margin: 20px 150px 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; }
.blog-links h3 {
	margin: 0;
	width: 115px;
	height: 12px;
	background: url(../../images-new/h3_from-our-blog.gif) no-repeat;
}
.blog-links h3 span { display: none; }
.blog-links p { margin: 8px 0; line-height: 15px; }
.blog-links .date { display: block; font-size: 9px; color: #999; }
.blog-links .title { display: block; font-size: 11px; }
.blog-links a.read-more { display: block; font-size: 9px; }

/* Verified by */

.verified-by { float: right; }
.verified-by div { margin-bottom: 10px; }
.verified-by div span { display: none; }
.verified-by .truste { width: 171px; height: 47px; background: url(../../images-new/finalmark.gif) no-repeat; }
.verified-by .truste a { display: block; width: 171px; height: 47px; }
.verified-by .geotrust { width: 115px; height: 55px; background: url(../../images-new/geotrust.gif) no-repeat; }

/* Footer */

.footer { border-top: 1px dotted #ECAC12; padding: 10px 0 20px 0; color: #999; }

.footer ul { margin: 3px 0; }
.footer ul li { display: inline; font-size: 12px; }
.footer ul li a { font-size: 10px; }

.footer p.copyright { margin: 15px 0 0 0; clear: left; font-size: 10px; color: #999; }

/** HEADERS */

h1 span { display: none; }

h1.id_verification { background: #ecac12 url(../../images-new/h1_identity_verification.gif) no-repeat 25px center; }
h1.about { background: #ecac12 url(../../images-new/h1_about.gif) no-repeat 25px center; }
h1.help_FAQs { background: #ecac12 url(../../images-new/h1_help_FAQs.gif) no-repeat 25px center; }

/* 	h1.products { background: #ecac12 url(../images-new/h1_products.gif) no-repeat 25px center; }
	h1.using { background: #ecac12 url(../images-new/h1_using.gif) no-repeat 25px center; }
	h1.why { background: #ecac12 url(../images-new/h1_why.gif) no-repeat 25px center; }
	h1.for_business { background: #ecac12 url(../images-new/h1_partners.gif) no-repeat 25px center; } 
	h1.contact_us { background: #ecac12 url(../images-new/h1_contact_us.gif) no-repeat 25px center; }
*/
/** SPECIFIC PAGES */

/* Home */

.home .page-frame { padding-top: 220px; background: url(../../images-new/billboard.jpg) no-repeat center -12px; }
.home .content { margin-left: 292px; }
.home .billboard { position: absolute; top: 0; left: 0; width: 728px; height: 220px; background: url(../../images-new/billboard_text.gif) no-repeat 41px 71px; }
.home .billboard span { display: none; }
.home .content p.introduction { margin-top: 8px; }

/* Interior */

.interior .content, .interior .footer { margin-left: 200px; }
.content-right {margin-left: 10px; }

/* Input form on */

.inputform {
	background-image: url(../../images-new/callouts/callout_view_id_card-bg.gif);
	background-repeat: no-repeat;
	height: 126px;
	width: 250px;
	text-transform: none;
}

.contentslide{
/* padding: 8px;*/
width: 250px;
height: 126px;
}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
/* moz-opacity: 1; */
opacity: 1;

}

.contentslide .contentdiv{
display: none;
}
	
.pagination{
width: 250px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
/* background-color: navy;
/*border: 10px solid navy;*/
border-width: 0 0px; /*Left/ right border width of pagination DIV.*/
padding: 0 0 4px 0;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 250px; /*IE5 width*/
w\idth: 250px; /*IE6 width*/
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #BE8500;
background-color: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}