/*	MAIN.CSS - Stylesheet for the layout
	(margins, position, width, height, and floats)
	No color or background declarations should be here. */

html, body {
	height: 100%;
}
body {
	background: #00355f url(../images/skin/bg/bg_blank.jpg) center top no-repeat;
	font-family: tahoma;
	font-size: 12px;
	color: #465a64;
	line-height: 22px;
}

body.bg1 {background: #00355f url(../images/skin/bg/bg_guy1.jpg) center top no-repeat;}
body.bg2 {background: #00355f url(../images/skin/bg/bg_guy2.jpg) center top no-repeat;}
body.bg3 {background: #00355f url(../images/skin/bg/bg_girl1.jpg) center top no-repeat;}
body.bg4 {background: #00355f url(../images/skin/bg/bg_girl2.jpg) center top no-repeat;}

#wrapper {
		background: url(../images/skin/bg/background_body.png) center top repeat-y;
		min-height: 100%;
		position: relative;
}

.sf_expandableList li { margin-bottom: 1em; }
.section-inner { 
	width: 970px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.w-w2 {	
	min-width: 970px;
	padding-top: 215px;  /* Change to height of header */
}

.table-border {border-top: 1px solid #000;}

/* --HEADER-- */
#header, .h-w1, .h-w2 { height: 215px; } /* Change to correct height */
#header {
	top: 0; left: 0;
	position: absolute;
	width: 100%;
	z-index: 10;
}
	.h-w2 {
		background: url(../images/skin/bg/logo.png) no-repeat;
	}
	#mainnavigation, #utilities, #logo {
		position: absolute;
	}
	#mainnavigation {
		z-index: 20;
		bottom: 0;
		right: 0;
	}
		#mainnavigation li { float: left; list-style: none; }
			#mainnavigation li a { 
				display: block;
				height: 1px;
				padding-top: 43px;
				overflow: hidden;
			}
				#mainnavigation li a:hover { 
					background-position: 0 -44px;
				}
				#mainnavigation li a.active {
					background-position: 0 -88px;
				}
					#nav1 a {background: url(../images/skin/nav/nav01_remove-your-record.png); width: 212px;}
					#nav2 a {background: url(../images/skin/nav/nav02_enter-the-usa.png); width: 172px;}
					#nav3 a {background: url(../images/skin/nav/nav03_check-your-record.png); width: 207px;}
					#nav4 a {background: url(../images/skin/nav/nav04_fingerprinting.png); width: 173px;}
					#nav5 a {background: url(../images/skin/nav/nav05_common-questions.png); width: 206px;}

	#logo {
		top: 0px;
		left: 0px;
		display: block;
		width: 388px;
		height: 1px;
		padding-top: 162px;
		overflow: hidden;
		
	}
	#utilities {
		top: 0px;
		right: 0px;
		width: 582px;
		height: 172px;
		/*display: none;	Activate this to change the banner in the template through sitefinity */
		/*background:url(../images/skin/bg/banner_placeholder.jpg);*/
	}
		#utilities ul { 
			margin: 0px; 
			padding: 0px;
			position: absolute;
			right: 20px;
			top: 0px;
		}
			#utilities li { float: left; list-style: none;}
				#utilities a { 
					display: block;
					overflow: hidden;
					height: 1px;
					padding-top: 36px;
				}
				#utilities a:hover { 
					background-position: 0 -37px;
				}
				#util-blog {background: url(../images/skin/nav/utility_blog.png); width: 58px;}
				#util-events {background: url(../images/skin/nav/utility_events-media.png); width: 117px;}
				#util-testimonials {background: url(../images/skin/nav/utility_testimonials.png); width: 107px;}
				#util-login {background: url(../images/skin/nav/utility_client-login.png); width: 110px;}
				
				#util-french {background: url(../images/skin/nav/utility_francais.png); width: 84px; position: absolute; right: 14px;}
		#header-banner {
			position: absolute;
			top: 0;
			right: 0;
		}
	#utilities2 {
		position: absolute;
		left: 0px;
		top: 0px;		
	}
		#utilities2 ul { 
			margin: 0px; 
			padding: 0px;
		}
			#utilities2 li { float: left; list-style: none;}
				#utilities2 a { 
					display: block;
					overflow: hidden;
					height: 1px;
					padding-top: 36px;
				}
				#utilities2 a:hover { 
					background-position: 0 -37px;
				}
				#util-home {background: url(../images/skin/nav/utility_home.png); width: 57px;}
				#util-about {background: url(../images/skin/nav/utility_about-us.png); width: 87px;}
				#util-contact {background: url(../images/skin/nav/utility_contact-us.png); width: 101px;}
							
				
						

/* --CONTENT-- */
#main { 
	position: relative; 
	background: url(../images/skin/bg/background_content.png) center top no-repeat;
	padding-top: 20px;
	/* margin-top: 215px; */
}
	#main .m-w1 {
	}
	#main .m-w2 { 
		overflow: hidden; 
	}
	#subnav, #content {
		float: left;
	}
	#ctas {
		width: 191px;
		margin-bottom: 30px;
		float: right;
	}
		.cta a {
			display: block;
			width: 191px;
			height: 1px;
			overflow: hidden;
		}	
				#cta-apply-now, #ctl00_CTA_cta_apply_now {background:url(../images/skin/bg/cta01_apply-now.png); padding-top: 100px; }
				#cta-live-chat {background:url(../images/skin/bg/cta02_live-chat.png); padding-top: 70px; }
				#cta-private-consultation {background:url(../images/skin/bg/cta03_private-consultation.png); padding-top: 90px; }
					
					#cta-apply-now:hover, #ctl00_CTA_cta_apply_now:hover, 
					#cta-live-chat:hover,
					#cta-private-consultation:hover { 
				 		background-position: -191px 0px;
					}
					
	/* Subnav appears after content-body in markup, 
		but often is shifted to the left */
	#subnav { 
		width: 183px;
		position: relative;
		left: -550px; /* Negative width of #content */
		top: 0;
		padding: 0px 27px 0px 15px;
	}
		#subnav ul {
			margin: 0px;
			padding: 0px;
		}
			#subnav ul li {
				list-style: none;
			}
				#subnav ul li a {
					color: #00355f;
					display: block;
					font-size: 13px;
					text-decoration: none;
					border-bottom: 1px solid #cbd7e1;
					padding: 10px 0px 10px 15px;
				}
				#subnav ul li a:hover, #subnav ul li a.active {
					color: #b40000;
					background: url(../images/skin/bg/bg-subnav-arrow.png) left 15px no-repeat;
				}
	#content {
		width: 550px;
		position: relative;
		left: 225px; /* Positive width of #subnav */
		top: 0;
		padding-top: 30px;
	}
	/* -- content-wide is for wide template (by Michael Jia) -- */
	#content-wide {
		width: 870px;
		position: relative;
		left: 50px; /* Positive width of #subnav */
		top: 0;
		padding-top: 30px;
	}
	/* -- content-blog is for blog template (by Michael Jia) -- */
	#content-blog {
		width: 679px;
		position: relative;
		left: 50px; /* Positive width of #subnav */
		top: 0;
		padding-top: 30px;
		float: left;
	}
	#content-blog-2 
	{
	    width: 740px;
		position: relative;
		left: 20px; /* Positive width of #subnav */
		top: 0;
		padding-top: 30px;
		float: left;
	}
	.sitemap ul li {
		list-style: none outside none;
		float: none;
	}
		#content-blog .sitemap a {
			text-decoration: none;
		}
		#content-blog .sitemap a:hover {
			text-decoration: underline;
		}
		#content-blog .sitemap .nav .L1 {
			font-size: 12px;
			
			text-transform: capitalize;
		}
		#content-blog .sitemap .nav .L1 .more {
			font-size: 12px;
		}
		#content-blog .sitemap .nav .L2 {
			margin-left: 10px;
			font-size: 12px;
			font-weight: normal;
		}
		
		

/* --FOOTER-- */
#footer { 
	height: 220px;
	position: relative;
	background: url(../images/skin/bg/bg-footer.png) center 75px no-repeat;
}

#footer .f-w2 {
	border-top: 1px solid #000000;
	height: 220px;
	padding: 0;
}
	#footer #footer-cta {
		margin: 0px;
		padding: 0px;
		top: 15px;
		position: absolute;
	}
		#footer-cta li {
			list-style: none;
			float: left;
		}
			#footer-cta li a {
				display: block;
				height: 1px;
				padding-top: 51px;
				overflow: hidden;
			}
				#footer-cta li a:hover {
					background-position: 0 -52px;
				}
				#footer-cta li a#cta-refer 
				{
				    display: block;
				}
		#cta-facebook { background: url(../images/skin/bg/footer_facebook.png); width: 46px;}
		#cta-twitter { background: url(../images/skin/bg/footer_twitter.png); width: 46px;}
		#cta-youtube {background: url(../images/skin/bg/footer_you-tube.png); width: 46px;}
		#cta-refer {background: url(../images/skin/bg/footer_refer-a-friend.png); width: 124px;}

#footer-link {margin: 0px; padding: 0px; position: absolute; right: 0px; top: 3px;}
	#footer-link li {
		list-style: none;
		float: left;
	}
		#footer-link li a {
			display: block;
			width: 63px;
			height: 1px;
			padding-top: 71px;
			overflow: hidden;
		}	
			#footer-link li #bbb {
				background: url(../images/skin/bg/home-bbb.gif) no-repeat;
				width: 90px;
			}
			#footer-link li #ccja {
				background: url(../images/skin/bg/home-ccja.gif) no-repeat;
				width: 116px;
			}
			#footer-link li #psc {
				background: url(../images/skin/bg/footer_psc.png) no-repeat;
				width: 144px;
			}
			#footer-link li #payment {background: url(../images/skin/bg/footer-link_credit.png); width:163px;}
			#footer-link li #paypal {background: url(../images/skin/bg/footer-link_paypal.png); width: 91px;}
#home-subscribe {
	position: absolute;
	top: 28px;
	left: 265px;
	display: none;
}
	#home-subscribe li {
		float: left;
	}
	#home-subscribe input {
		border: none;
	}
	#home-subscribe #subscribe_field {
		background: url(../images/skin/bg/footer-subscribe.gif) no-repeat 0 0;
		height: 30px;
		width: 234px;
		vertical-align: top;
	}
	#home-subscribe li input.news-email 
	{
	    margin: 5px 0 0 81px;
		padding: 0;
		background: transparent;
		/*position: relative;
		top: 5px;*/
	}
	#email {
		margin: 5px 0 0 81px;
		padding: 0;
		background: transparent;
		/*position: relative;
		top: 5px;*/
	}
	#home-subscribe li #email-submit:hover {
		background-position: 0 -64px;
	}
	#email-submit {
		background: url(../images/skin/bg/footer_subscribe.png) no-repeat 0px -12px;
		display: block;
		width: 55px;
		height: 30px;
		cursor: pointer;
		overflow: hidden;
	}
	#home-subscribe li .news-button:hover {
		background-position: 0 -64px;
	}
	#home-subscribe li .news-button {
		background: url(../images/skin/bg/footer_subscribe.png) no-repeat 0px -12px;
		display: block;
		width: 55px;
		height: 30px;
		cursor: pointer;
		overflow: hidden;
	}
#copyright {
	position: absolute;
	top: 72px;
	left: 360px;
	font-size: 11px;
	color: #00355f;
}
	#copyright a {color: #e4e8eb; text-decoration: none; padding: 0px 2px;}
	#copyright a:hover {color: #e4e8eb; text-decoration: underline;}
	
#bottomlinks {
	position: absolute;
	top: 72px;
	left: 20px;
	font-size: 11px;
	color: #00355f;
}

#bottomlinks a {
	font-size: 11px;
	color: #e4e8eb;
	text-decoration: none;
}

#bottomlinks a:hover {text-decoration: underline;}

#credit {
	position: absolute;
	top: 190px;
	left: 10px;
	font-size: 11px;
	color: #779cba;
}

#credit a {
	font-size: 11px;
	color: #779cba;
	text-decoration: none;
}

	#credit a.credit-name {text-decoration: underline;}
	#credit a:hover {text-decoration: underline;}
	#credit a.credit-name:hover {text-decoration: none;}
/* STICKY FOOTERS: Uncomment to enable */
/*
html,body {	height:100%; }
#wrapper { min-height: 100%; position: relative; }
#footer { 
	position: absolute; bottom: 0; left: 0; width: 100%; 
	height: 60px; 
}
#main { padding-bottom: 60px; }
*/
/* END STICKY FOOTERS */