/*-----------------------------------------------------------------
	ITI Internet Services
	Trace Products
	
	Thor Hanks Does Not Claim Credit For This Site
	
	Color List:
	#250E0E		Background - Main (Off Red)
	#EFEFEF		Background - Content (off white)
	#E6CF3D		Background - Nav Bar (yellow)
	#B3B3B3		Background - Nav Element Not Active (Slightly dark gray)
	#CECECE		Background - Nav Element Active Highlight (light gray)
	#4C1E1E		Text - Primary Nav (Dark Red)
	#000000		Text - Secondary Nav (Black)
	#000000		Text - Content (black)
	
	Contents:
		1. Misc Styles
		2. Logo header
		3. Banner
		4. Primary Nav
		5. Content
		   A. index.html
		   B. signup.html
		   C. terms.html
		   D. phoneTrace.html, addressTrace.html, bankTrace.html, checkTrace.html
		6. Footer
------------------------------------------------------------------*/

/*-----------------------------------------------------------------
	1. Misc Styles
------------------------------------------------------------------*/
body {
	background:#250E0E url(../images/trace_background_main.png) repeat-x top left;}

.debug {
	background:#FFF;}

.debug2 {
	background:#000;}
	
em {
	font-weight:bold;
	text-decoration:none;
	font-style:italic;}


/*-----------------------------------------------------------------
	2. Logo Header
------------------------------------------------------------------*/
#logoHeaderContainer {
	height:50px;
	margin:10px 0 10px 0;}
	
	#logoContainer {
		float:left;
		border:0;
		text-decoration:none;}
		
	#loginContainer {
		height:50px;
		color:#FFF;
		float:right;
		text-align:right;}
		
		.loginLabel {
			height:35px;
			padding:15px 5px 0 10px;
			float:left;}
			
		.loginInput {
			height:36px;
			padding:14px 0 0 0;
			float:left;}
			
			.loginInput input {
				width:100px;}
			
		#loginSubmitButton {
			height:37px;
			float:left;
			padding:13px 0 0 20px}



/*-----------------------------------------------------------------
	3. Banner
------------------------------------------------------------------*/
#bannerContainer {
	height:130px;
	background:url(../images/trace_banner.png) no-repeat top left;}
	
	#bannerLinkContainer {
		height:70px;
		width:400px;
		margin:20px 0 0 500px;}
		
		.bannerLink {
			height:70px;
			width:100px;
			cursor:pointer;
			float:left;}


/*-----------------------------------------------------------------
	4. Primary Nav
------------------------------------------------------------------*/
#primaryNavContainer {
	height:60px;
	text-align:center;
	background:#E6CF3D;}
	
	#navWrapper {
		width:910px;
		height:50px;
		margin:0 auto 0 auto;}
	
	.navElement {
		padding:5px 20px 0 20px;
		height:55px;
		float:left;
		text-align:left;
		border-right:1px solid #E6CF3D;
		background:#B3B3B3;}
		
		.navElement a:link, .navElement a:visited, .navElement a:hover, .navElement a:active {
			text-decoration:none;}
		
		.navElement:hover {
			background:#CECECE;}
		
	.navElementActive {
		background:#CECECE;
		border-right:1px solid #E6CF3D;
		padding:5px 20px 0 20px;
		text-align:left;
		float:left;
		height:55px;}
		
		.navElementActive a:link, .navElementActive a:visited, .navElementActive a:hover, .navElementActive a:active {
			text-decoration:none;}
		
	.navElementName {
		color:#4C1E1E;
		font-weight:bold;
		font-size:1.5em;
		font-family:Palatino Linotype, Palatino, URW Palladio L, Book Antiqua, Baskerville, Bookman Old Style, Bitstream Charter, Nimbus Roman No9 L, Garamond, New Century Schoolbook, Century Schoolbook, Century Schoolbook L, Georgia;}
		
	.navElementSubtext {
		color:#000000;
		font-size:0.9em;
		font-family:Arial, Helvetica Neue, Helvetica, sans-serif;}


/*-----------------------------------------------------------------
	5. Content
------------------------------------------------------------------*/
#contentContainer {
	background:#EFEFEF;
	color:#000;
	font-family:Arial, Helvetica Neue, Helvetica, sans-serif;}
	
	#content {
		margin:40px 20px 20px 20px;}
		
		#content a:link, #content a:visited, #content a:hover, #content a:active {
			color:#4C1E1E;
			text-decoration:underline;
			font-weight:bold;}
			
		#content a:hover {
			text-decoration:underline;}


/*-----------------------------------------------------------------
	5. Content
	   A. index.html
------------------------------------------------------------------*/
#serviceBlurbContainer {
	height:300px;}
	
	#serviceBlurbContainer a:link, #serviceBlurbContainer a:visited, #serviceBlurbContainer a:hover, #serviceBlurbContainer a:active {
		text-decoration:none;
		font-weight:normal;
		cursor:pointer;
		color:black;}
	
	.serviceBlurb {
		width:194px;
		float:left;
		padding:15px;
		text-align:justify;}
		
		.serviceBlurbIcon {
			float:left;
			margin:0 10px 5px 0;}
			
		.serviceBlurbDescription {
			height:120px;}
			
		.serviceBlurb h3 {
			padding:0;
			margin:0;}
			
		.serviceBlurbBulletElement {
			height:20px;
			margin:10px 0 0 0;}
			
			.serviceBlurbBulletImage {
				background:url(../images/trace_icon_arrow_right.gif) no-repeat 0px 2px;
				height:20px;
				width:20px;
				float:left;}
				
			.serviceBlurbBulletText {
				height:20px;
				margin:0 0 0 0;}
				
	.serviceBlurbBorder {
		border-right:1px solid gray;}

.tagline {
	text-align:center;}
	
	
/*-----------------------------------------------------------------
	5. Content
	   B. signup.html
------------------------------------------------------------------*/
#signupContainer {
	font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
	margin:0 200px 0 200px;
	padding-bottom:50px;
	text-align:justify;}
	
	#signupContactInfo {
		margin:0 0 0 60px;}
	
	#signupContainer img {
		float:right;
		margin:50px 0 80px 30px;}
		
	#signupContinueLink {
		margin:0 0 0 90px;}	


/*-----------------------------------------------------------------
	5. Content
	   C. terms.html
------------------------------------------------------------------*/
#termsContainer {
	margin:0 150px 0 150px;}

	
/*-----------------------------------------------------------------
	5. Content
	   D. phoneTrace.html, addressTrace.html, bankTrace.html, checkTrace.html
------------------------------------------------------------------*/
#serviceContainer {
	margin:0 150px 50px 150px;}
	
	.serviceIcon {
		float:left;
		margin:0 20px 20px 0;}
		
	.serviceFeeTableContainer {
		float:right;
		width:220px;
		margin:0 0 20px 20px;}
		
		.serviceFeeTableTitle {
			text-align:center;
			font-size:1.2em;
			font-weight:bold;}
		
		.serviceFeeTableCol1 {
			text-align:right;
			width:140px;
			border:1px solid #EFEFEF;
			background:#B3B3B3;
			padding:5px 5px 5px 0;
			color:#000000;}
			
		.serviceFeeTableCol2 {
			text-align:left;
			width:70px;
			padding:5px 0 5px 5px;
			border:1px solid #EFEFEF;
			background:#B3B3B3;
			color:#000000;}
			
		.serviceFeeTableCaption {
			text-align:center;
			font-size:0.8em;}
			
	.serviceRoutingExampleContainer {
		margin:15px 0 15px 0px;
		text-align:center;}
		
	.serviceRoutingExampleContainer img {
		border:1px dashed black;
		margin:10px 0 10px 0;}


/*-----------------------------------------------------------------
	6. Footer
------------------------------------------------------------------*/	
#footerContainer {
	font-size:0.9em;
	font-family:Cambria, Hoefler Text, Utopia, Liberation Serif, Nimbus Roman No9 L, Times, Times New Roman;
	color:white;
	padding:20px 0 0 0;
	margin:0 0 300px 0;
	text-align:center;}
	
	#footerContainer a:link, #footerContainer a:visited, #footerContainer a:hover, #footerContainer a:active {
		text-decoration:none;
		color:#FFE9A4;
		font-weight:bold;}
		
	#footerContainer a:hover {
		text-decoration:underline;}