/* Composition Styles */

	.addToCal {
		display: block;
		float: left; 
		width: 120px;
		/* width: 45%; */
		}
		.conferenceOptions .addToCal {
			float: none;
			margin-left: 25px;
			width: auto;
			}
	.addToCal a.submit {
		margin-right: 0;
		}
		.conferenceOptions a.submit {
			background: none;
			color: #003399;
			display: inline;
			float: none;
			font: normal 0.95em Arial, Helvetica, sans-serif;
			margin: 0 10px 0 0;
			padding: 0;
			text-decoration: underline;
			}
	.addToCal .googleCal {
		font-size: 0.75em; 
		line-height: 1.1em; 
		float: right; 
		width: 75px;
		}
		.conferenceOptions .addToCal .googleCal {
			display: inline;
			float: none;
			width: auto;
			}
			
	.addToCalRow {
		border-top: 1px solid #efefef; 
		clear: both; 
		padding: 8px 0 0;
		}
	
	#breadcrumb {
		font-size: 79%;
		font-weight: bold;
		margin: 0 0 8px;
		}
		#breadcrumb a {
			font-weight: normal;
			}
	 
	 #c1 {
		background-color: #fff;
		margin: 0;
		padding: 0;
		}
		#c1 img, 
		#home #c2 img, #home #c3 img {
			border: 1px solid #968D7F;
			padding: 1px;
			}
	 #c2 {
		}	
		#home #c2 {
			border-left: 1px dotted #DCD9D4;
			border-right: 1px dotted #DCD9D4;
			}		
			
	.col2 {
		float: left;
		margin-left: 30px;
		width: 250px;
		}
	#contact {
		clear: left;
		}
		#contact span {
			display: block;
			float: left;
			padding: 5px 10px 5px 0;
			}	
	.content {
		margin: 0;
		padding: 0 20px 15px;
		}
		#c2 .content {
			padding: 0;
			}
		#home .content {
			padding: 5px 30px;
			}
		#sidebar .content { 
			padding-right: 0;
			}
	#copyright {
		clear: both;
		padding: 0;
		}
	
	.customer {
		font-weight: bold;
		padding: 15px 0;
		}
		.customers .customer {
		clear: left;
		padding-bottom: 10px;
		width: 485px;
		}
		.customer .extraPadding {
			padding-bottom: 100px;
			}
		.customerLogo {
			border-right: 1px solid #968D7F;
			float: left;
			margin-right: 10px;
			text-align: center;
			width: 170px;
			}
				
			#c1 .customerLogo img, #c1 img.noBorder {
				border: 0;
				}
				#c1 .customerLogo img.extraPadding2 {
					padding-bottom: 20px;
					}
		.customerInfo {
			font-weight: normal;
			}
			.customerInfo h2 {
				color: #333;
				font-size: 110%;
				font-weight: bold;
				line-height: 100%;
				padding: 4px 0 1px;
				}
				.customerInfo h2 span {
					font-weight: normal;
					}
			.customerInfo p {
				line-height: 125%;
				margin-bottom: 3px;
				}
				.customerInfo .clearLogo {
					clear: left;
					padding-top: 5px;
					}
					
	.demo {
		margin-bottom: 5px;
		}
		.home .demo {
			margin-bottom: 0;
			}
	.demo a, .demo a:visited, .demo a:hover {
		background: url(/assets/images/ui/bg_demo_interior.jpg) no-repeat 0 0;
		color: #fff;
		display: block;
		padding: 17px 9px; 
		text-decoration: none;
		text-shadow: #660000 0 -1px 0;  
		}
		.home .demo a, .home .demo a:visited, .home .demo a:hover {
			background: url(/assets/images/ui/bg_demo_home.gif) no-repeat 0 0;
			font-size: 119%;
			padding: 17px 9px;  
			}			
	.demoLink {
		border-right: 1px dotted #DCD9D4;
		float: left;
		margin: 0 1.5% 0 0;
		padding-right: 1.5%;
		width: 28%;
		}
		.demoLink.last {
			border-right: none;
			}
	.demoLink h3 a {
		font-weight: bold;
		}
		
	.faq {}
		.faq dt {
			background: #F3F2F0;
			border-top: 2px dotted #DCD9D4;
			margin-top: 20px;
			padding: 3px;
			}
			.faq dt a {
				font-weight: normal;
				text-decoration: none;
				}
		.faq dd {
			padding: 5px 3px 3px;
			}
		.faq .manage {
			font-size: 89%;
			font-weight: bold;
			}
		.faq span {
			color: #990000;
			font-weight: bold;
			}
		
	
	#footer {
		background: #fff;
		border-top: 1px solid #968d7f;
		clear: both;	
		font-size: 79%;
		line-height: 100%;
		margin: 0;
		padding: 8px 15px;
		position: relative;
		}
/*		#home #footer {
			padding-bottom: 600px;
			} */
		
	
	#header {
		background: url("/assets/images/ui/bg-header.jpg") no-repeat top left; 
		height: 167px;
		padding: 0;                               
		width: 960px;
			position: relative;
			z-index: 20;                
			}
			#home #header {
				border: medium none;
   			background: none;
				height: 125px;
				}
		#header .logoBox {
			padding: 10px;
			}
		#header a#logo {
			background: url("/assets/images/ui/logo-alpha.png") no-repeat scroll 0 0 transparent;
			display: block;
			height: 80px;
			width: 185px;                 
			}
		#header h1 { 
			padding: 0;
			text-indent: -5000px;
			}		
		#header .tagline {
			color: #CAD1D7;
			font: 0.95em helvetica,arial,sans-serif;
			letter-spacing: 0.05em;
			padding: 0;
			position: absolute;
				left: 88px;
				top: 56px;                       
			text-shadow: 3px 3px 4px #000000;  
			}
		#header div#searchBox {
			position: absolute;
				top: 45px;
				right: 25px;
			width: 275px;
			}
			 #header div#searchBox label {
					float: left;
					font-weight: bold;
					margin-right: 5px;
					}
			 #header #searchBox input#search {
				 float: left;
				 width: 189px;
				 }
			 #header #searchBox #submit {
				 background: none;
				 margin: 0 0 -4px 5px;
				 padding: 0;
				 width: 20px;
				 }


	#home .backgroundImage {
		height: 470px;
		position: absolute;
			top: 0;
			left: 0;
		width: 960px;
		z-index: 1;
		}
		#home #image1 {
			background: url(/assets/images/ui/bg-home-ocean.jpg) no-repeat top left;
			}
		#home #image2 {
			background: url(/assets/images/ui/bg-home-tracks.jpg) no-repeat top left;
			}
		#home #image3 {
			background: url(/assets/images/ui/bg-home-road.jpg) no-repeat top left;
			}
		#home #image4 {
			background: url(/assets/images/ui/bg-home-sky.jpg) no-repeat top left;
			}
		
	#home #marketing {
		height: 330px;
		line-height: 140%;
    margin: 0 0 0 525px;
		padding: 15px 0 0;
		position: relative;
    width: 395px;
		z-index: 10;
		}
		#home #marketing p.pitch {
			margin-bottom: 0;
			}
			
		#marketing ul {
			padding: 0 0 0 5px;
			}
		#home #marketing ul li {
			background: url("/assets/images/ui/bg-check.gif") no-repeat 0 0;
			line-height: 110%;
			padding: 4px 0 4px 15px;  
			}
		#home #marketing .spotlight {
			color: #fff;
			line-height: 120%;
			margin-left: -380px;
			margin-top: -70px;
			width: 350px;
			}
			#home #marketing .spotlight a,
			#home #marketing .spotlight a:visited {
				color: #fff;
				}
			#home #marketing .spotlight h3 {
				color: #fff;
				font-size: 119%;
				padding-bottom: 3px;
				}
	#home #c1 ul { 
		list-style: none;
		margin: 0px; 
		padding: 0px; 
		zoom: 100%;
		}   
	#home #c1 ul li {
		 background: url(/assets/images/ui/li_arrow.jpg) no-repeat 0 5px;
		 line-height: 105%;
		 padding-left: 33px;
		 }
	#home .inner {
		overflow: hidden;
		}
		 
	.iphone .iphone_icon {
		margin-top: 10px;
		}
	#c1 .iphone img {
		border: none;
		float: left;
		margin-right: 20px;
		vertical-align: middle;
		}
	.iphone p {
		clear: left;
		}
	.iphone strong {
		display: block;
		padding-top: 55px;
		}
		 
	.listFloats {
		padding: 10px 0; 
		}
	.location {
		clear: both;
		float: left;
		width: 350px;
		}
	.map {
		float: right;
		margin-bottom: 30px;
		width: 350px;
		}		
				
	.logo {
		text-align: center;
		}
	
	#navHeader {
		position: absolute;
			right: 45px;
			top: 5px;
		width: 300px;
		z-index: 125;
		}
		#navHeader ul {
			background: transparent;	
			list-style: none;
			margin: 0;
			padding: 0;
			}
			#navHeader li {
				border-right: 1px solid #D0D2DA;
				float: right;
				margin: 0;
				padding: 0;
				position: relative;                          
				}
				#navHeader li ul { 				
					position: absolute; 
						left: 0;
						top: 21px;
					width: 150px;
					display: none;
					}
					#navHeader li li {
						border: none;
						border-top: 1px solid #ccc;
						width: 150px;
						}
						#navHeader li li:hover a {
							background: #f1f4f9;
							}
				#navHeader li.last { 
					border: none; 
					}
					#navHeader li li.first {
						border-left: none;
						}
				#navHeader li a {
					color: #122E7D;
					display: block;
					font-size: 100%;
					line-height: 100%;
					margin: 0;
					padding: 5px 10px 4px;
					text-decoration: none;				
					}
					#navHeader li:hover a {
						background: #DCD9D4;
						}
				#navHeader li:hover ul { 
					display: block;
					}	
					
					
		#navPrimary {
			font-size: 110%;
			line-height: 100%;
			margin: 0;
			padding: 0;
			position: absolute;
				top: 87px;
			width: 960px;
			z-index: 100;
			zoom: 1;
			}
			#navPrimary ul {
				background: rgb(0, 0, 51);
				background: rgba(0, 0, 51, 0.85);
				height: 38px;
				line-height: 100%;
				list-style-type: none;
				margin: 0 0 10px;
				padding: 0;
				width: 960px;
				-moz-box-shadow: 0 0 8px #8895c2;
				-webkit-box-shadow: 0 0 8px #8895c2;
				box-shadow: 0 0 8px #8895c2;
				z-index: 100;
				}
			#navPrimary li {
				border-right: 1px solid #2B2E4F;
				float: left;
				margin: 0;
				padding: 0px;
				position: relative;
				z-index: 100;
				}
				#navPrimary li.last {
					border: none;
					}
			#navPrimary li a {
				color: #fff;
				display: block;
				float: left;
				font-size: .8em;
				font-weight: bold;
				height: 30px;
				line-height: 100%;
				margin: 3px 0 0;	
				padding: 5px 25px 0;
				text-align: center;
				text-decoration: none;
				}	
				#navPrimary li.nav_advantages a,
				#navPrimary li.nav_customers a,
				#navPrimary li.nav_results a {
					padding-top: 10px;
					height: 25px;
					}
				#navPrimary li a:hover,
				.threepl #navPrimary li.nav_3pl a,
				.brokerage #navPrimary li.nav_brokerage a,
				.shipper #navPrimary li.nav_shipper a,
				.advantages #navPrimary li.nav_advantages a,
				.customers #navPrimary li.nav_customers a,
				.results #navPrimary li.nav_results a,
				.alliances #navPrimary li.nav_alliances a,
				.news #navPrimary li.nav_news a,
				.support #navPrimary li.nav_support a {
					border-top: 3px solid #968D7F;
					margin-top: 0;
					}
					
			#navPrimary li ul { 
				background: none;
				display: none;
				position: absolute; 
					left: 0;
					top: 38px;
				width: 160px;
				-moz-box-shadow: none;
				-webkit-box-shadow: none;
				box-shadow: none;
				}
				#navPrimary li:hover ul {
					display: block;
					}
			#navPrimary li li,
			#navPrimary li li.last {
				background: rgb(0, 0, 51);
				background: rgba(0, 0, 51, 0.9);
				clear: left;
				border-right: none;
				border-top: 1px solid #2B2E4F;
				width: 160px;
				}
				#navPrimary li li.last {
					border-bottom: 1px solid #2B2E4F;
					}
				#navPrimary li li:hover {
					background: rgb(150, 141, 127);
					background: rgba(150, 141, 127, 0.9);
					}
			#navPrimary li li a,
			#navPrimary li.nav_advantages li a,
			#navPrimary li.nav_customers li a,
			#navPrimary li.nav_results li a {
				float: none;
				font-weight: normal;
				height: auto;
				margin: 0;
				padding: 7px 12px 7px 20px;
				text-align: left;
				}		
				#navPrimary li li a:hover,
				.threepl #navPrimary li.nav_3pl li a,
				.brokerage #navPrimary li.nav_brokerage li a,
				.shipper #navPrimary li.nav_shipper li a,
				.advantages #navPrimary li.nav_advantages li a,
				.cusomters #navPrimary li.nav_customers li a,
				.results #navPrimary li.nav_results li a,
				.alliances #navPrimary li.nav_alliances li a,
				.news #navPrimary li.nav_news li a,
				.support #navPrimary li.nav_support li a {
					border-top: none;
					margin: 0;	
					}
					#navPrimary li li a:hover {
						color: #000;
						}
						
			#navPrimary li:hover ul ul { 
				display: none;
				}
		#navPrimary span { 
			display: block;
			}

		#home li.nav_home {
			display: none;
			}
			
	#c2 ul {
		}
		#c2 li {
			margin: 0;
			padding: 0;
			}
		#c2 li a {
			border-top: 1px solid #968D7F;
			display: block;
			font-weight: bold;
			padding: 5px 10px;
			text-decoration: none;
			}
			#c2 li.last a {
				border-bottom: 1px solid #968D7F;
				}
		
		#c2 li ul {
			display: none;
			}
			
	.navSocial {
		position: absolute;
			top: 15px;
			right: 10px;
		}
		.navSocial li {
			float: left;
			margin-right: 3px;
			}
			.navSocial li.facebook {
				background: url("/assets/images/ui/facebook.png") no-repeat;
				}
			.navSocial li.linkedin {
				background: url("/assets/images/ui/linkedin.png") no-repeat;
				}
			.navSocial li.youtube {
				background: url("/assets/images/ui/youtube.png") no-repeat;
				}
		.navSocial li a {
			display: block;
			height: 32px;
			text-indent: -5000px;
			width: 32px;
			}
			
 					
	#navUtility {
		}
		#navUtility li {
			float: left;
			margin: 0;
			padding: 4px 0;
			}
			#navUtility li a {
				border-left: 1px solid #B8B2A9;
				display: block;
				padding: 0 10px;
				}
			#navUtility li.first a {
				border: none;
				padding-left: 0;
				}	
				#navUtility li a:hover {
					text-decoration: none;
					}		
		#navUtility ul {
			list-style: none;
			margin: 0;
			padding: 0;
			}
			
	.onlineDemo td {
		border: none;
		vertical-align: bottom;
		}
			
		
	.quote {
		background: url(/assets/images/ui/quote-bg.jpg) no-repeat bottom right;
		border-bottom:1px solid #DCD9D4;
		clear: both;
		margin: 0 0 20px;
		padding: 0;
		position: relative;
		width:174px;
		}
		p.quoteText {
			background: url(/assets/images/ui/quote-top.png) no-repeat top left;             
			font: italic 130%/130% "Times New Roman", Times, serif; 
			margin-bottom: 6px;                  
			padding: 25px 3px 0 15px;
			position: relative;
			/*width: 80%;*/
			}
		p.quoteName {
			font-size: 79%;
			line-height: 105%;
			padding: 0 5px 0 15px;
			}
			
	.releaseSchedule dt {
		clear: left;
		padding-top: 10px;
		}
	
	.releaseSchedule dd {
		border-top: 1px solid #DCD9D4;
		clear: left;
		line-height: 1.05em;
		margin: 0;
		padding: 5px 0;
		overflow: hidden;
		width: 100%;
		}
	.releaseSchedule dd span {
		display: block;
		float: left;
		width: 175px;
		}

/*	.seoText {
		font-size: 79%;
		padding: 15px 15px 0;
		position: absolute;
			bottom: 0;
			left: 0;
		} */
	
	#sidebar {
		border-left: 2px dotted #DCD9D4;
		clear: none;
		float: right;
		margin: 0 0 20px 20px;
		padding: 0;
		width: 250px;
		}
		
	#sitemap #c1 li {
		font-weight: bold;
		}
		#sitemap #c1 li li {
			font-weight: normal;
			}

	.slide {
		border-bottom: 2px dotted #dcd9d4;
		margin-bottom: 10px;
		padding-bottom: 10px;
		}
	table {
		border-collapse: collapse;
		margin: 10px 0 15px;
		padding: 0;
		}
		th {
			background: #968d7f;
			border: 1px solid #fff;
			color: #fff;
			margin: 0;
			padding: 2px 4px;
			text-align: left;
			}
			th.first {
				border-left: 1px solid #968d7f;
				}
			th.last {
				border-right: 1px solid #968d7f;
				}
		td {	
			border: 1px solid #968d7f;
			margin: 0;
			padding: 2px 4px;
			vertical-align: top;
			}
			td.enroll a {
				background: #4970B3;
				border: 1px solid #1B4090;
				display: block;
				font-weight: bold;
				padding: 0 4px;
				}
				td.enroll a:link, td.enroll a:hover, td.enroll a:visited {
					color: #fff;
					text-decoration: none;
					}
					td.enroll a:hover {
						background: #1B4090;
						}
			.events td {
				background: #efefef;
				border: none;
				border-top: 2px solid #fff;
				padding: 3px 4px 4px;
				}
		table.agenda {
			background: #F5F5F5;
			width: 100%;
			}
			table.agenda td {
				border: none;
				}
				table.agenda td.time {
					font-weight: bold;
					width: 100px;
					}
			table.agenda tr.bgRow {
				background: #EAE9E6;
				border: none;
				}
				
	#c1 .thumbnailSlides {
		margin: 0;
		padding: 0;
		}
		#c1 .thumbnailSlides li {
			background: none;
			float: left;
			margin: 0; 
			padding: 0 8px 13px 0;
			width: 165px;
			}
			#sidebar .thumbnailSlides li {
				float: none;
				padding-right: 0;
				}
		#c1 .thumbnailSlides img {
			display: block;
			margin: 0 0 1px;
			padding: 0;
			}
	#c1 ul.news_archive li {
		background-image: none;
		border-left: 1px solid #b8b2a9;
		display: block;
		float: left;
		list-style-type: none;
		padding: 0 10px;
		}
	#c1 ul.news_archive li.first {
		border: none;
		}
	h2#industry_news {
		margin-top:15px;
		}
	h2#industry_news,
	h2#mgate_news {
		padding-bottom:0px;	
		}		
	ul.left {
		float: left; padding-right:20px;
		}
	
	
.videoCTA {
	background: #000044; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 20px 0 30px; 
	padding: 5px; 
	text-align: center;
	overflow: hidden;
	}
#sidebar .videoCTA h3 {
	font-size: 1.2em; 
	line-height: 1.25em; 
	padding: 10px;
	text-align: left; 
	}
	.videoCTA h3 span { 
		display: block; 
		font-size: 1.5em;
		line-height: 1.2em;
		}
.videoCTA a {
	color: #fff; 
	text-decoration: none;
	}
.side-by-side p {
	float: left;
	font-size: .9em;
	line-height: 110%;
	padding: 0 3%;
	text-align: left;
	width: 44%;
	}
			
		
	/* forms */
		
		#c1 form {
			margin: 0;
			padding: 0;
			}
			#c1 form h2 {
				margin: 0 0 5px;
				}
		
		#c1 fieldset {
			border: none;
			clear: left;
			margin: 0;
			padding: 0;
			}
			#c1 fieldset.boxed {
				background: #EAE9E6;
				float: left;
				margin: 0 0 4px;
				padding-bottom: 10px;
				width: 100%;
				}
				#c1 fieldset.boxed h2, #c1 fieldset.boxed p {
					color: #333;
					font-size: 100%;
					margin: 0;
					padding: 5px 0 0 10px;
					}
			#c1 fieldset div {
				clear: left;
				padding: 8px 0;	
				width: 100%		
				}
				#c1 fieldset div.checkbox {
					margin-left: 165px;
					}
					#demo #c1 fieldset div.checkbox {
						margin-left: 0;
						}
				
				#c1 fieldset div.radio-option {
					padding: 2px 0;
					}
		
		#c1 input {
			}	
			.buttons {
				margin-left: 38%;
				}
			.checkbox input, .radio input {
				position: absolute;
				}	
			.select select, .text input, .textarea textarea, 
			#c1 fieldset .radio-options {	
				clear: none;
				float: left;
				width: 50%;
				}	
			.submit input, a.submit {
				background: url(/assets/images/ui/bg_submit.jpg) repeat-x 0 50%;
				border: none;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				color: #fff;
				margin-left: 165px;
				padding: 1px 6px;
				}		
				a.submit {
					display: block;
					float: left;
					font-weight: bold;
					margin: 0 15px 0 0;
					padding: 3px 10px;
					text-decoration: none;
					}
		
		#c1 label, #c1 legend {	
			font-size: 95%;
			}
			#c1 label,
			#c1 fieldset .required div.radio-heading {
				display: block;
				float: left;
				padding-right: 15px;
				text-align: right;
				width: 150px;
				}
				#c1 .checkbox label, #c1 .radio label {
					display: inline;
					float: none;
					padding: 0 0 0 22px;
					text-align: left;
					width: 100%;
					}		
				label span, legend span {
					font-size: 89%;
					}
				.required label, .required legend, legend.required, p.required, td.required, .required .radio-heading {
					font-weight: bold;
					}
					.required label b, .required label strong, .required legend b, .required legend strong {
						font-weight: normal;
						}			
			#c1 legend {
				color: #000; /* for IE */
				position: relative; /* for IE */
					left: -5px;  /* for IE */
				}
		#c1 .conferenceOptions {
			padding: 15px 0;
			}
		#c1 .conferenceOptions p.option {
			margin-left: 165px;
			position: relative;
			}
		#c1 .conferenceOptions p.title {
			float: left;
			width: 160px;
			}
		#c1 .conferenceOptions label {
			padding-left: 17px;
			width: auto;
			}
		#c1 .conferenceOptions input {
			margin-left: 0;
			margin-top: 0;
			position: absolute;
			}
		
	/*	.full {
			width: 95%;
			}				
		.half {
			width: 46%;
			}	
		.quarter {
			width: 22%;
			}			
		.third {
			width: 33%;
			}
		.three-quarters {
			width: 70%;
			}			
		.two-thirds {
			width: 60%;
			}	
	*/		
