/*
Turnpike Global Technologies
Last Edited: 12.07.07 - tag - Conbrio Design

-- contents -----------------------------
- Body
- Consistant Styles
- Header Styles
  - Logo
- Index Page Styles
- Sub Page Positioning Styles
- Sub Page Content Styles
- Footer 
-----------------------------------------
*/


/* body styles ----------------------------------------------------------- */

body {
	background: #fff;
	margin: 0px; padding: 0px;
	color: #252525;
	font: small normal "Myriad Web", Helvetica, sans-serif;
	text-align: center;
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size: x-small;} .ack {/*ie hack*/}
/* ----------------------------------------------------------------------- */
/* consistant styles ----------------------------------------------------- */

form, p, h1, h2, h3, h4, ul, ol, dl, li, dt, dd {margin:0; padding:0;}
img {		border: 0px;}
.clear {	clear: both;}
.hide {		display: none; width: 0px; height: 0px;} /* used to not display the printable logo */
abbr {		speak: spell-out; text-decoration: none; border: 0;}
#right {	float: right; clear: left; }
.orange {	color: #EF8333; }
.errorsignup	{color:#ef8333; font-style:italic; font-weight:bold;}
.smaller {	font-size: 9px; }
.date {		color: #5d5f5d; }

a,
a:link,
a:visited {	color: #D06228; text-decoration: none; }
a:hover {	color: #EF8333; text-decoration: underline; }
a:active {	color: #D06228; text-decoration: none; }

#wrapper {
	position: relative;
	top: 10px;
	width: 920px;
	text-align: left;
	margin: 0 auto;
	padding: 0px;
}


/* ---------------------------------------------------------------------- */
/* logo ----------------------------------------------------------------- */

#logo,
#logo a {
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url('../images/shared/logo_back.gif') no-repeat;
	margin: 0px; padding: 0px;
	width: 200px; 
	height: 147px;
}

/* ----------------------------------------------------------------------- */
/* top ------------------------------------------------------------------- */

#top {
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 210px;
	width: 710px;
	height: 147px;
}

/* ----------------------------------------------------------------------- */
/* links ----------------------------------------------------------------- */

#links {
	background: url('../images/shared/link_back.gif') no-repeat;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 157px;
	left: 0px;
	width: 200px;
	height: 296px;
}

	#links ul { 
		list-style: none;
		position: absolute;
		top: 10px;
		left: 8px;
	}

		#links ul li {
			margin: 0px 0px 4px 0px;
			overflow: hidden;
			text-indent: -999em;
		}

		#links a {
			display: block;
			padding-top: 36px;
			overflow: hidden;
			height: 0px !important;
			height /**/:36px; /* IE5/Win */
		}
	
			#links a:hover,
			#links a.on {background-position: 0 36px;}	
			#comp a {width: 184px; background: url('../images/links/company_info.gif');}
			#prod a {width: 184px; background: url('../images/links/products_services.gif');}
			#pref a {width: 184px; background: url('../images/links/preferred_partners.gif');}
			#test a {width: 184px; background: url('../images/links/testimonials.gif');}
			#news a {width: 184px; background: url('../images/links/news_archives.gif');}
			#roi a { width: 184px; background: url('../images/links/roi.gif');}
			#empl a {width: 184px; background: url('../images/links/employment_opportunities.gif');}

/* ----------------------------------------------------------------------- */
/* center ---------------------------------------------------------------- */

#content {
	background: url('../images/shared/content_back.gif') no-repeat;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 157px;
	left: 210px;
	width: 500px;
	height: 448px;
}

	#container {
		display: block;
		overflow: auto;
		top: 157px;
		left: 210px;
		width: 470px;
		height: 400px;
		margin: 20px 0px 0px 20px;
		padding: 0px;
	/* IE & Non-Gecko Browsers Only */
	   scrollbar-face-color:#B9BBBD;
	   scrollbar-arrow-color:#F5933C;
	   scrollbar-track-color:#EFF0F0;
	   scrollbar-shadow-color:#B9BBBD; /* #868686; */
	   scrollbar-highlight-color:#B9BBBD; /* #C9C9C9; */
	/*
	   scrollbar-3dlight-color:#808080;
	   scrollbar-darkshadow-Color:#202020;
	*/   
	}
	
		#container h1 {
			font: 15px normal Geneva, Arial, Helvetica, sans-serif;
			font-weight: 800;
			line-height: 16px;
			text-transform: uppercase;
			margin: 10px 20px 10px 0px; padding: 0px;
			color: #252525;
			text-transform: uppercase;
		}		
		
		#container p {
			margin: 10px 20px 20px 0px;
			padding: 0px;
			font-size: 110%;
			font-style: "Myriad Web", Tahoma, Helvetica, sans-serif;
		}
		
		#container ul { list-style: disc; margin: 0px 0px 3px 5px; font: 13px Arial, Helvetica, sans-serif;}
		#container li { margin: 0px 0px 3px 5px; }
		
		#container dl {
			list-style: none;
			margin: 0px; padding: 0px;
		}
		
		#container dd {
			display: block;
			float: left;
			width: 225px;
			margin: 0px; padding: 0px;	
		}
		
		#container dd.right {
			display: block;
			text-align:right;
			float: left;
			width: 225px;
			margin: 0px; padding: 0px;	
		}
				
		#container dl.contactForm {
			list-style: none;
			margin: 0px; padding: 0px;
		}
		
		#container dl.contactForm dd {
			display: block;
			float: left;
			width: 220px;
			margin-bottom: 8px; padding: 0px;	
		}
			 .inputSubmit {
			 	background: #EF8333 url('../images/shared/submitButton.gif') no-repeat;
				padding-top: 20px;				
				overflow: hidden;
				width: 58px; height: 20px;
				border: 0px;
			 }
			 
				 .inputSubmit:hover {
					background: #EF8333 url('../images/shared/submitButtonOn.gif') no-repeat;
				 }
			 
			 .inputClear {
			 	background: #EF8333 url('../images/shared/clearButton.gif') no-repeat;
				padding-top: 20px;
				overflow: hidden;
				width: 58px; height: 20px;
				border: 0px;
				
			 }
			 
				 .inputClear:hover {
					background: #EF8333 url('../images/shared/clearButtonOn.gif') no-repeat;
				 }
			 
	div.testpeople  {
	font-size:110%;
	padding: 0px 0px 15px 25px;
	color: #333333;
	}

/* ----------------------------------------------------------------------- */
/* center ---------------------------------------------------------------- */

#center {
	background: url('') no-repeat;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 157px;
	left: 210px;
	width: 500px;
	height: 296px;
}


/* ----------------------------------------------------------------------- */
/* products ----------------------------------------------------------- */

#container.pro_bottom_center {
	background: #BDBDBD;
	display: block;
	position: relative;
	width: 455px;
	padding: 0px;
}

#pro_container {
	background: #BDBDBD url(../images/shared/products_bot_bg.gif) no-repeat; 
	width: 455px;
	position: relative;
	margin: 0px; padding: 0px;
}

	#pro_bottom_center a,
	#pro_bottom_center a:link,
	#pro_bottom_center a:visited { color: #252525; text-decoration: underline; }
	#pro_bottom_center a:hover {	color: #252525; text-decoration: underline; }
	#pro_bottom_center a:active {	color: #252525; text-decoration: underline; }

p.products {
			margin: 10px 0px 20px 0px;
			padding: 0px;
			font-size: 110%;
			font-style: "Myriad Web", Tahoma, Helvetica, sans-serif; }

img.productsbot {
		margin: 0px;
		padding:0px;
		float:right;	}
		
img.productsmain {
margin: 10px 0px 0px 0px;
		padding:0px;}
						
img.products {
		margin-bottom: 10px;
		padding:0px 0px 0px 16px;
		float:right;
		
}
	#pro_bottom_center p {
		margin: 0px;
		padding: 1px 0px 3px 16px;
		font: 11px normal Tahoma, Arial, Helvetica, sans-serif;
		line-height: 15px;
	}

/* ----------------------------------------------------------------------- */
/* preferred partners ---------------------------------------------------- */

#pp{
	align: center;	
	}
	
	#container-pp{
		display: block;
		overflow: auto;
		top: 157px;
		left: 210px;
		width: 470px;
		height: 420px;
		margin: 20px 0px 0px 20px;
		padding: 0px;
	/* IE & Non-Gecko Browsers Only */
	   scrollbar-face-color:#B9BBBD;
	   scrollbar-arrow-color:#F5933C;
	   scrollbar-track-color:#EFF0F0;
	   scrollbar-shadow-color:#B9BBBD; /* #868686; */
	   scrollbar-highlight-color:#B9BBBD; /* #C9C9C9; */
	/*
	   scrollbar-3dlight-color:#808080;
	   scrollbar-darkshadow-Color:#202020;
	*/   
	}
	
		#container-pp h1 {
			font: 15px normal Geneva, Arial, Helvetica, sans-serif;
			font-weight: 800;
			line-height: 16px;
			text-transform: uppercase;
			margin: 10px 20px 10px 0px; padding: 0px;
			color: #252525;
			text-transform: uppercase;
		}		
	
	#pp-pods{
		}
		
	.pp-pod{
		width:145px;
		float:left;
		margin-right:6px;
		margin-bottom:6px;
		}
	 
		.pp-top{
			width:145px;
			height:7px;
			float:left;
			background-image:url(../images/shared/pp_top.jpg);
			background-repeat:no-repeat;
			}
			
		.pp-mid{
			width:145px;
			height:75px;
			float:left;
			background-color:#ffffff;
			}
			
			.pp-mid img{
				padding-left:5px;
				}
						
		.pp-bot{
			width:145px;
			height:7px;
			float:left;
			background-image:url(../images/shared/pp_bottom.jpg);
			background-repeat:no-repeat;
			}
			
	.clear{
		clear:both;
		}
			
	 
#pp-topleft	{
text-align:left;
width: 200px; border-right:2px #000000 solid; float:left; }

#pp-topleft p	{
	margin-top: -9px;
	font-size:11px;}
	
#pp-topright	{
	width:230px; float:left;}
	
#pp-topright p	{
	margin-top: -9px;
	font-size:11px;}

/* ----------------------------------------------------------------------- */
/* right ----------------------------------------------------------------- */

#right {
	background: url('../images/shared/right_back.gif') no-repeat;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 157px;
	left: 720px;
	width: 200px;
	height: 296px;
	padding: 0px 10px 0px 10px;
}

	#right h1 {
		font: 12px normal Geneva, Arial, Helvetica, sans-serif;
		font-weight: 800;
		line-height: 12px;
		text-transform: uppercase;
		margin: 8px 0px 22px 0px; padding: 0px;
		color: #252525;
	}
	
	#right p {
		margin: 0px 0px 10px 0px;
		padding: 0px;
		font-size: 10px;
		font-weight: 500;
		width: 180px;
		color: #454545;
	}

	#moreNews {
		position: absolute;
		bottom: 6px;
		left: 0px;
		width: 190px;
		text-align: right;
		color: #D06228;
	}
		#moreNews a:link, 
		#right a:link {		color: #D06228; text-decoration: none; }
		#moreNews a:visited, 
		#right a:visited {	color: #D06228; text-decoration: none; }
		#moreNews a:hover, 
		#right a:hover {	color: #EF8333; text-decoration: underline; }
		#moreNews a:active, 
		#right a:active {	color: #D06228; text-decoration: underline; }
	

/* ----------------------------------------------------------------------- */
/* bottom left ----------------------------------------------------------- */

#bottom_left {
	background: url('../images/shared/bl_back.gif') no-repeat;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 463px;
	left: 0px;
	width: 200px;
	height: 143px;
	margin: 0px;
	padding: 0px;
}

#bl_container {
	width: 165px;
	position: relative;
	margin: 20px 18px 0px 18px; padding: 0px;
}

	#bottom_left a,
	#bottom_left a:link,
	#bottom_left a:visited { color: #252525; text-decoration: none; }
	#bottom_left a:hover {	color: #252525; text-decoration: underline; }
	#bottom_left a:active {	color: #252525; text-decoration: underline; }
	
	
	#bottom_left p {
		margin: 0px 0px 6px 0px;
		padding: 0px 0px 3px 0px;
		font: 10px normal Tahoma, Arial, Helvetica, sans-serif;
	}
	
	p.blBorder {
		width: 165px;
		border-bottom: 1px solid #EF8333;
	}
/* ----------------------------------------------------------------------- */
/* home bottom ----------------------------------------------------------- */
#left-half	{float:left; width: 192px; margin: 8px 9px 8px 8px;}
#innerleft	{float:left; width:248px; margin: 8px 0px 8px 0;}

#innerleft2	{float:left; width:120px; margin: 8px 9px 10px 0;}
#right-half-hand {float:left; width:120px; margin: 8px 9px 10px 0;}

#right-half	{float:left; width:245px;margin: 8px 10px 8px 0;}
#innerright	{float:left; width:192px; margin: 8px 6px 8px 0;}


/* ----------------------------------------------------------------------- */
/* bottom center --------------------------------------------------------- */

#bottom_center {
	background: url('../images/shared/b_back.gif') no-repeat;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 463px;
	left: 210px;
	width: 500px;
	height: 143px;
	margin: 0px;
	padding: 0px;
}

	#bottom_center img {
		display: block;
		position: absolute;
		top: 10px; left: 10px;
		z-index: 22;
	}
	
img.partnerlogo {
		border:thin solid #333333;	
	}

img.article {
		margin: 0px 8px 8px 8px;
		float:right;	
	}
/* ----------------------------------------------------------------------- */
/* bottom right ---------------------------------------------------------- */

#bottom_right {
	background: url('../images/shared/br_back.gif') no-repeat;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 463px;
	left: 720px;
	width: 200px;
	height: 143px;
	margin: 0px;

}

	#bottom_right h1 {
		font: 11px normal Geneva, Arial, Helvetica, sans-serif;
		font-weight: 800;
		line-height: 12px;
		text-transform: uppercase;
		margin: 20px 0px 10px 0px; padding: 0px;
		color: #fff;
	}
	
	#bottom_right dl {
		color: #EF8333;
		font: 11px normal Geneva, Arial, Helvetica, sans-serif;
		font-weight: 800;
		text-transform: uppercase;
		list-style: none;
		margin: 0px; padding: 0px;
	}
	
	#bottom_right dt {
		display: block;
		width: 165px;
		height: 16px;
		margin: 0px; padding: 4px 0px 0px 0px;	
	}
	
	#bottom_right dd {
		display: block;
		width: 165px;
		height: 22px;
		margin: 0px; padding: 0px;	
	}
	
	#bottom_right input {
		display: block;
		border: 0px;
		background: url('../images/shared/input_login_bg.gif') no-repeat;
		font: 12px normal Geneva, Arial, Helvetica, sans-serif;
		width: 165px;
		height: 22px;
		padding: 3px 4px 0px 3px;
	}

#footer {
	display: block;
	overflow: hidden;
	position: absolute;
	top: 610px;
	left: 0px;
	width: 500px;
	height: 143px;
	margin: 0px;
	padding: 0px;
}

#footer h1 {
		font: 8.5px normal Arial, Helvetica, sans-serif;
		font-weight: bold;
		line-height: 12px;
		margin: 8px 0px 10px 13px; padding: 0px;
		color: #000000;
	}

	input#hide {
		display: none;
		width: 0px;
		height: 0px;
	}

/* ----------------------------------------------------------------------- */
/* Video ----------------------------------------------------------------- */

#video {
	position: relative;
	background: #bdbdbd;
	display: block;
	width: 700px; height: 450px;
	text-align: left;
	margin: 0 auto;
	padding: 0px;
}

#video2 {
	position: relative;
	background: #252525;
	display: block;
	width: 750px; height: 500px;
	text-align: center;
	margin: 0 auto;
	padding: 0px;
}

#vlogo {
	display: block;
	overflow: hidden;
	position: absolute;
	top: 20px; left: 440px;
	background: url('../images/video/vlogo.gif') no-repeat;
	margin: 0px; padding: 0px;
	width: 200px; 
	height: 137px;
}

#vnav {
	display: block;
	overflow: hidden;
	position: absolute;
	top: 165px; left: 440px;
	background: url('../images/video/nav.gif') no-repeat;
	margin: 0px; padding: 0px;
	width: 200px; 
	height: 185px;
}
	
	#vnav ul {
		position: absolute;
		top: 0px; left: 8px;
		width: 184px;
		list-style: none;
		margin: 0px; padding: 0px;
	}
	
		#vnav ul li {
			margin: 8px 0px 0px 0px; padding: 0px;
		}
	
#screen {
	position: absolute;
	top: 20px; left: 20px;
	display: block;
	width: 412px; height: 330px;
	background: #252525 url('../images/video/screen.gif') no-repeat;
}

	#vidscreen {
		position: absolute;
		top: 5px; left: 5px;
	}
	
	
/* ----------------------------------------------------------------------- */
/* ----------------------------------------------------------------------- */