/* UNIVERSAL PAGE STYLES */

body
{
	margin: 0px;
	padding: 0px;
	/*-webkit-text-size-adjust: 100%; */
	/* Prevent font scaling in landscape while allowing user zoom */
}

.div-centered
{ 
 max-width: 1200px; 
 text-align: left; 
 /*border: 1px black solid;*/ 
 margin: 0 auto; 
}

/* HEADINGS */
h1 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 2.0em;
	color: rgb(0,0,127);
}

h2 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color: rgb(0,0,127);
	margin: 40px 0px 0px 0px
}

/* PARAGRAPHS */

p
{
	line-height:22px;
}

/* LISTS */
ul
{
	line-height:30px;
}





/* SECTION: HEADER */
#div-header
{
	
	padding: 0px 0px 0px 0px;
	position: fixed;
  	top: 0;
  	width: 100%;
  	height: 100px;
  	z-index:9999;
}

	#div-header-standard
	{
		background-color:rgb(240,240,240);
	}
	
		#div-header-standard-1
		{
			max-width: 1200px;
			margin:0px auto;
			padding: 20px 0px 0px 0px;
			text-align:center;
		}
	
			#div-header-standard-logo
			{
				display:inline-block;
				height:50px;
				margin: 0px 20px 0px 0px;
			}
		
			#div-header-standard-menu
			{
				display:inline-block; 
				height:50px;
				vertical-align:middle;
				font-family: "Open Sans","Arial";
    			line-height: 25px;
   				font-weight: 700;
    			font-style: normal;
    			color: #404040;
    			font-size: 1.0em;;
			}
		
				.a-header-standard-menu-item
				{
					color: rgb(65,65,65);
					text-decoration:none;
					margin: 0px 10px 0px 10px;
				}
					
				.a-header-standard-menu-item:hover
				{
					text-decoration:underline;
				}
			

/* SECTION: MESSAGE */
#section-message
{
	position:fixed; 
	display:block; 
	max-width:750px; 
	left: 0; 
	right: 0;
	top:90px; 
	margin-top:0px; 
	margin-left: auto; 
	margin-right: auto;
	font-family:"Open Sans";
	font-size: 0.9em;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	display: none;
	z-index: 10;
}

	.div-message-caution
	{
		background-color:rgba(201,200,176,0.2); /* light gold */
	}

	.div-message-error
	{
		background-color:rgb(245,229,229); /* light red */
	}
	
	.div-message-help
	{
		background-color:rgba(196,216,240,0.2); /* light blue */
	}
	
	.div-message-complete
	{
		background-color:rgb(205,237,179); /* light green */
	}

	#td-message-icon
	{
		padding: 5px;
		vertical-align:top;
	}
	
	#td-message-text
	{
		padding: 5px;		
	}
	
	#td-message-close
	{
		padding: 5px;
		text-align:right;		
	}
	
	.td-message-text-caution
	{
		color: rgb(0,0,0);
	}

	.td-message-text-error
	{
		color: rgb(128,0,0);
	}
	
	.td-message-text-help
	{
		color: rgb(15,36,52);
	}
	
	.td-message-text-complete
	{
		color: rgb(63,108,25);
	}


/* SECTION: BANNER */
#section-banner
{
	width:100%;
	min-height:900px;
	margin: 95px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image:url('../images/banners/banner_captain_courier_04_1920x960.jpg');
	text-align:center;
	
	/* Parallax Scrolling Effect */
	background-attachment: fixed;
  	background-position: center center;
  	background-repeat: no-repeat;
  	background-size: cover;
}

	#div-banner-overlay
	{
		padding: 20px;
	}
	
		#div-banner-overlay-left
		{
			display:inline-block; 
			width:45%; 
			min-height:500px; 
			vertical-align:top;
		}	

			#div-banner-title
 			{
				display:none;
				text-align:center; 
				/*height:100%;*/ 
				/*vertical-align:top;*/
			}
	
				.div-banner-title-inner
				{
					color:rgb(255,255,255); 
					/*position: absolute; 
					transform: translate(-50%,-50%);*/
					line-height:1.1;
					margin: 30px 0px 0px 0px;
				}
	
					#div-banner-title-inner-1
					{
						font-family:"Open Sans",Verdana;
						font-size: 3.5em;
						text-shadow: 2px 2px 4px #000000;
					}
			
					#div-banner-title-inner-2
					{ 
						font-family:"Open Sans",Verdana;
						font-size: 2.5em;
						text-shadow: 2px 2px 4px #000000;
						margin-top: 15px;
					}
			
					#div-banner-title-inner-3
					{				
						font-family:"Open Sans",Verdana;
						font-size: 2.5em;
						text-shadow: 2px 2px 4px #000000;
						margin-top: 15px;
					}

		#div-banner-overlay-right
		{
			display:inline-block; 
			min-height:500px; 
			text-align:left;
		}
		
			#div-banner-overlay-right-form
			{
				margin-top:20px;
				font-family:Verdana, Geneva, Tahoma, sans-serif; 
			}
			
			.div-request-quote-label
			{
				margin: 0px 0px 5px 0px;
			}
			
				#form-request-quote
				{
	
				}
				
				.a-request-quote
				{
					color: rgb(0,0,127);
					text-decoration:none;
				}

				.a-request-quote:hover
				{
					text-decoration:underline;
				}
				
				.a-request-quote-new-challenge
				{
					font-size:0.9em;
				}
				
					#fieldset-request-quote
					{
						
					}
					
						#legend-request-quote
						{
							font-family:Verdana, Geneva, Tahoma, sans-serif; 
							color:#ffffff;
						}
						
							#div-request-quote-column-1
							{
								width:270px; 
								height:490px; 
								background-color:rgba(205,205,255,0.7); 
								padding:10px; 
								display:inline-block; 
								vertical-align:top;	
							}
							
								.div-request-quote-column-1-title
								{
									margin: 0px 0px 10px 0px;
									font-size:0.9em;
									font-weight:bold;
								}
								
								.div-request-quote-column-1-field-group
								{
									margin: 0px 0px 10px 0px;
									font-size:0.9em;
								}
								
								.input-text-request-quote
								{
									height:30px; 
									border-radius:5px;
									padding: 0px 0px 0px 5px; 
								}			
	
								.input-text-request-quote:focus
								{
									/*outline: 2px solid rgb(224,194,181);*/
									outline: 2px solid rgb(255,123,0);
									outline-offset: 2px;  		
									/*box-shadow: 0 0 3px 2px rgb(224,194,181);	*/
								}
								
								.input-text-request-quote-address
								{
									width:230px;
								}
								
								.input-text-request-quote-city
								{
									width:130px;
								}
								
								.input-text-request-quote-region
								{
									width:80px;
								}

								.input-text-request-quote-postal-code
								{
									width:80px;
								}
							
							#div-request-quote-column-2
							{
								width:270px; 
								height:490px; 
								background-color:rgba(255,214,177,0.7); 
								padding:10px; 
								display:inline-block; 
								vertical-align:top;
							}
							
								.div-request-quote-column-2-title
								{
									margin: 0px 0px 10px 0px;
									font-size:0.9em;
									font-weight:bold;
								}
								
								.div-request-quote-column-2-field-group
								{
									margin: 0px 0px 10px 0px;
									font-size:0.9em;
								}
								
								.input-text-request-quote-name
								{
									width:220px;
								}
								
								.input-text-request-quote-phone
								{
									width:105px;
								}
								
								.input-text-request-quote-email
								{
									width:220px;
								}
								
								#input-textarea-request-quote-description
								{
									width:220px; 
									height:50px; 
									border-radius:5px;
									padding: 5px 0px 0px 5px; 
									border: 2px rgb(0,0,0) solid;
									font-family:Verdana, Geneva, Tahoma, sans-serif; 
									vertical-align:top;

								}
							
							#div-request-quote-column-3
							{
								width:270px; 
								height:490px; 
								background-color:rgba(205,205,255,0.7); 
								padding:10px; 
								display:inline-block; 
								vertical-align:top;	
							}
							
								.div-request-quote-column-3-title
								{
									margin: 0px 0px 10px 0px;
									font-size:0.9em;
									font-weight:bold;
								}
								
								.div-request-quote-captcha-instructions
								{
									margin: 20px 0px 10px 0px;
									font-size:0.9em;
						
								}
								
								.div-text-request-quote-captcha
								{
									margin: 20px 0px 10px 0px;
								}



/* SECTION: SERVICES */
#section-services
{
	width:100%;
	min-height:900px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-color: rgb(205,205,255);
}

	#div-services-layer-1
	{
		/*border: 1px blue solid;*/ 
		padding: 20px; 
		width:1200px; 
		margin:0px auto;
		font-family:Verdana, Geneva, Tahoma, sans-serif;
	}


/* SECTION: STATS */
#section-stats
{
	width:100%;
	min-height:900px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

	#div-stats-layer-1
	{
		/*border: 1px blue solid;*/ 
		padding: 20px; 
		width:1200px; 
		margin:0px auto;
		font-family:Verdana, Geneva, Tahoma, sans-serif;
	}
	
	#div-stats-layer-3
	{
		/*border: 1px blue solid;*/ 
		padding: 20px; 
		width:1200px; 
		margin:0px auto;
		font-family:Verdana, Geneva, Tahoma, sans-serif;
	}


	.stats
	{
		text-align:center;
	}

	#div-stats-odometer-deliveries-value
	{
		
	}

		.odometer.plus
		{
			position:relative;
		}
	
		.odometer.plus::after
		{
			content:"+";
			position: absolute;
			top: 0px;
			right: -16px;	
		}
		
		.odometer.percent
		{
			position:relative;
		}
	
		.odometer.percent::after
		{
			content:"%";
			position: absolute;
			top: 0px;
			right: -16px;	
		}
	
	#div-stats-odometer-deliveries-label
	{
		
	}

	

/* SECTION: CUSTOMERS */
#section-customers
{
	width:100%;
	min-height:900px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-color: rgb(255,214,177);
	font-family:Verdana, Geneva, Tahoma, sans-serif;
}


	#div-customers-layer-1
	{
		/*border: 1px blue solid;*/ 
		padding: 20px;
		text-align:center; 
		/*width:1200px; 
		margin:0px auto;*/
	}
	
		.a-customers-layer-1-number
		{
			text-decoration:none;  
			font-size:3.0em;
			color:rgb(100,100,100);
		}
	
	
	
	#div-customers-layer-2
	{
		text-align:center;
	}
	
		.div-customer-category
		{
			width:330px; 
			height:auto; 
			display:inline-block; 
			border:1px black solid; 
			text-align:left;
			margin: 10px;
			background-color: rgb(205,205,255);
			-moz-border-radius-topleft: 5px;
			border-top-left-radius: 5px;
			-moz-border-radius-topright: 5px;
			border-top-right-radius: 5px;
			-moz-border-radius-bottomleft: 5px;
			border-bottom-left-radius: 5px;
			-moz-border-radius-bottomright: 5px;
			border-bottom-right-radius: 5px;
		}
		
		.div-customer-category:hover
		{
			background-color: rgb(220,220,255);
			cursor:default;
		}
		
			.div-customer-category-image
			{
				display:inline-block; 
				vertical-align:top;
			}
			
			.div-customer-category-text
			{
				display:inline-block; 
				vertical-align:top;
				margin: 5px 0px 0px 0px;
				/*border:1px black solid;*/ 

			}
			
				.div-customer-category-text
				{
					
				}
				
					.div-customer-category-text-label
					{
						max-width:220px; 
						font-weight:bold; 
						margin-bottom:3px;
					}
					
					.div-customer-category-text-body
					{
						max-width:200px; 
						font-size:0.8em;
					}


			
								
	.image-customer-category
	{
		-moz-border-radius-topleft: 5px;
		border-top-left-radius: 5px;
		-moz-border-radius-topright: 5px;
		border-top-right-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		border-bottom-right-radius: 5px;
	}

/* SECTION: CONTACT US */
#section-contact
{
	width:100%;
	min-height:900px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-color: #FFFFF;
	text-align:center;
	
}

	#div-contact-layer-1
	{
		text-align:center;
		padding: 20px;
		/*border: 1px blue solid; 
		padding: 20px; 
		width:1200px; 
		margin:0px auto;*/
	}
	
	
		.h2-contact-layer-1
		{
			text-align:left;
		}
	
	
		#div-contact-layer-1-left
		{
			display:inline-block;
			width: 780px;
			vertical-align:top;
			padding-right:20px;
			/*border: 1px blue solid;*/
			text-align:left;
			font-family:Verdana, Geneva, Tahoma, sans-serif; 
		}
		
			.h2-contact-layer-1-left
			{
				margin: 0;
				padding: 0;
				text-decoration:none; 
				color:rgb(0,0,127); 
				font-family:"Open Sans";
				/*font-size:1.1em;*/
				text-align:left;

			}
		
			.input-text-contact
			{
				height:30px; 
				border-radius:5px;
				padding: 0px 0px 0px 5px; 
			}			
	
			.input-text-contact:focus
			{
				/*outline: 2px solid rgb(224,194,181);*/
				outline: 2px solid rgb(255,123,0);
				outline-offset: 2px;  		
				/*box-shadow: 0 0 3px 2px rgb(224,194,181);	*/
			}
			
			.input-textarea-contact
			{
				height:30px; 
				border-radius:5px;
				padding: 5px 0px 0px 5px; 
				border: 2px rgb(0,0,0) solid;
				font-family:Verdana, Geneva, Tahoma, sans-serif; 
				vertical-align:top;
			}			
	
			.input-textarea-contact:focus
			{
				/*outline: 2px solid rgb(224,194,181);*/
				outline: 2px solid rgb(255,123,0);
				outline-offset: 2px;  		
				/*box-shadow: 0 0 3px 2px rgb(224,194,181);	*/
			}
			
			
			.div-text-contact
			{
				margin: 10px 0px 10px 5px;
			}
			
			.div-textarea-contact
			{
				margin: 10px 0px 10px 5px;
				
			}

			
			.div-text-contact-captcha
			{
				margin: 20px 0px 10px 5px;
			}
			
			.div-text-contact-captcha-inputs
			{
				margin: 5px 0px 0px 5px;
			}


			
			#div-text-contact-name-label
			{
				
			}
			
						
			#input-text-contact-name
			{
				width: 400px;
			}
			
			#input-text-contact-email
			{
				width: 400px;
			}
			
			#input-text-contact-subject
			{
				width: 400px;
			}
			
			#input-textarea-contact-message
			{
				width: 600px;
				height: 100px;
			}
			
						
			
			.a-contact
			{
				color: rgb(0,0,127);
				text-decoration:none;
			}

			.a-contact:hover
			{
				text-decoration:underline;
			}

			



		
		#div-contact-layer-1-right
		{
			display:inline-block;
			width: 380px;
			vertical-align:top;
			margin-top: 75px;
			/*border: 1px blue solid;*/ 
		}
		
		
			#div-contact-layer-1-right-call-header
			{			
				background: linear-gradient(to right, rgb(0,0,127) 0%, rgb(0,0,127) 100%);
				border-top: 1px rgb(200,200,200) solid;
				border-left: 1px rgb(200,200,200) solid;
				border-right: 1px rgb(200,200,200) solid;
				border-bottom: 1px tranparent solid;
				padding: 10px;
				-moz-border-radius-topleft: 5px;
				border-top-left-radius: 5px;
				-moz-border-radius-topright: 5px;
				border-top-right-radius: 5px;
				font-family: Verdana, Geneva, Tahoma, sans-serif;
				font-size:1.3em;
				font-weight:bold;
				color:rgb(255,255,255);
				text-align:left;
			}
			
			#div-contact-layer-1-right-call-detail
			{
				background: rgb(250,250,250);
				border-left: 1px rgb(200,200,200) solid;
				border-right: 1px rgb(200,200,200) solid;
				border-bottom: 1px rgb(200,200,200) solid;
				padding: 10px 10px 10px 10px;
				-moz-border-radius-bottomleft: 5px;
				border-bottom-left-radius: 5px;
				-moz-border-radius-bottomright: 5px;
				border-bottom-right-radius: 5px;
				
				
			}
			
				.h2-contact-layer-1-right
				{
					margin: 0;
					padding: 0;
					text-decoration:none; 
					color:rgb(255,255,255); 
					font-family:"Open Sans";
					font-size:1.1em;
					text-align:left;
				}
				
								

			
				#div-contact-layer-1-right-call-detail-number
				{
					
				}
				
					.a-contact-layer-1-right-call-detail-number
					{
						text-decoration:none;  
						font-size:3.0em;
						color:rgb(100,100,100);
					}
				
				#div-contact-layer-1-right-call-detail-text
				{
					font-family:'Open Sans';
					text-align:center;
					font-size:0.9em;
					color:rgb(100,100,100); 
				}
				
					#div-contact-layer-1-right-call-detail-text-1
					{
						
					}
					
					#div-contact-layer-1-right-call-detail-text-2
					{ 
						font-style:italic;  
						margin: 0px 0px 10px 0px;
					}
				
			#div-contact-layer-1-right-visit-header
			{			
				margin: 20px 0px 0px 0px;
				background: linear-gradient(to right, rgb(0,0,127) 0%, rgb(0,0,127) 100%);
				border-top: 1px rgb(200,200,200) solid;
				border-left: 1px rgb(200,200,200) solid;
				border-right: 1px rgb(200,200,200) solid;
				border-bottom: 1px tranparent solid;
				padding: 10px;
				-moz-border-radius-topleft: 5px;
				border-top-left-radius: 5px;
				-moz-border-radius-topright: 5px;
				border-top-right-radius: 5px;
				font-family: Verdana, Geneva, Tahoma, sans-serif; 
				font-size:1.3em;
				font-weight:bold;
				color:rgb(255,255,255);
				text-align:left;
			}
			
			
			#div-contact-layer-1-right-visit-detail
			{
				background: rgb(250,250,250);
				border-left: 1px rgb(200,200,200) solid;
				border-right: 1px rgb(200,200,200) solid;
				border-bottom: 1px rgb(200,200,200) solid;
				padding: 10px 10px 10px 10px;
				-moz-border-radius-bottomleft: 5px;
				border-bottom-left-radius: 5px;
				-moz-border-radius-bottomright: 5px;
				border-bottom-right-radius: 5px;
				
			}
			
			#div-contact-layer-1-right-connect-header
			{			
				padding: 10px;
				font-family: Verdana, Geneva, Tahoma, sans-serif;
				font-size:1.3em;
				font-weight:bold;
				text-align:left;
			}
			
				.h2-contact-layer-1-right-inverse
				{
					margin: 0;
					padding: 0;
					text-decoration:none; 
					color:rgb(0,0,127); 
					font-family:"Open Sans";
					font-size:1.1em;
					text-align:left;
				}
			
			#div-contact-layer-1-right-connect-detail
			{
				padding: 0px 10px 10px 10px;;
				font-family: Verdana, Geneva, Tahoma, sans-serif;
			}