@charset "utf-8";
/* CSS Document */

body {
	background-color: #5ab8eb;
	background-image: url('/images/bg.jpg');
	background-position: top left;
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	overflow-x: hidden;
	}
	
* {
	margin: 0px;
	padding: 0px;
	}
	
header, nav, article, footer, address { display:block; }
	
a, a img {
	border: none;
	outline: none;
	}
	
	#siteWrap {
		width: 100%;
		height: auto;
		float: left;
		}
	
		#headerCont {
			background-image: url('/images/bg-header.png');
			background-position: top left;
			background-repeat: repeat-x;
			width: 100%;
			height: 195px;
			float: left;
			}
			
			header {
				width: 1000px;
				height: 140px;
				margin: auto;
				}
				
				#logoLink {
					background-image: url('/images/logo-penns-tow.png');
					background-position: top left;
					background-repeat: no-repeat;
					display: block;
					width: 425px;
					height: 137px;
					float: left;
					margin-top: 3px;
					}
					
				#ctaBox {
					width: 575px;
					height: 47px;
					float: left;
					margin-top: 40px;
					color: #dadada;
					}
					
					#ctaBox table {
						border-collapse: collapse;
						border-spacing: 0px;
						float: right;
						}
					
					.arrowBox {
						background-image: url('/images/header-arrow.png');
						background-position: top right;
						background-repeat: no-repeat;
						font-weight: normal;
						font-style: italic;
						font-size: 20px;
						line-height: 32px;
						padding: 0px 45px 0px 0px !important;
						vertical-align: top;
						}
						
					.nonArrowBox {
						font-size: 24px;
						line-height: 28px;
						padding: 4px 0px 0px 5px !important;
						}
						
						.nonArrowBox span {
							font-size: 16px;
							color: #b1b1b0;
							}
				
			nav {
				width: 100%;
				height: 30px;
				float: left;				
				}
				
				#shadowBox {
					background-image: url('/images/sub-bg.png');
					width: 100%;
					height: 30px;
					float: left;
					visibility: hidden;
					}
				
				#navList {
					background-image: url('/images/divider.png');
					background-position: bottom right;
					background-repeat: no-repeat;
					position: relative;
					width: 998px;
					padding-right: 2px;
					height: 30px;
					margin: auto;
					}
				
				nav li {
					display: inline;
					list-style: none;
					}
					
					.mainLink {
						background-image: url('/images/divider.png');
						background-position: bottom left;
						background-repeat: no-repeat;
						text-decoration: none !important;
						color: #b9b9b9;
						font-size: 17px;
						font-weight: normal;
						line-height: 30px;
						padding: 0px 17px 0px 20px;
						height: 30px;
						display: inline-block;
						float: right;
						}
						
						.mainLink:hover {
							color: #9adafb;
							}
								
								.subList {
									height: 30px;
									position: absolute;
									bottom: -30px;
									z-index: 50;
									float: right;
									text-align: right;
									font-style: italic;
									color: #fff;
									font-size: 13px;
									line-height: 30px;
									}
									
						/* controls sub nav text placement */
									
									ul#subList1 {
										width: 670px;
										padding-right: 330px;
										}
									
									ul#subList2 {
										width: 800px;
										padding-right: 200px;
										}
									
									ul#subList3 {
										width: 870px;
										padding-right: 130px;
										}
									
									#subList4 {
										width: 990px;
										padding-right: 10px;
										}
								
									.subList a {
										text-decoration: none;
										color: #fff;
										font-size: 13px;
										font-style: normal;
										line-height: 30px;
										padding: 0px 10px;
										}
										
										.subList a:hover {
											color: #9adafb;
											text-decoration: none;
											}
					
							#navList li ul {
								visibility: hidden;
								}
			
		#contentWrap {
			background-image: url('/images/bg-scene.png');
			background-position: bottom center;
			background-repeat: no-repeat;
			position: relative;
			width: 100%;
			float: left;
			height: auto;
			float: left;
			}
			
			#content {
				width: 1000px;
				min-height: 400px;
				height: auto;
				margin: auto;
				}
				
				#contentBox {
					background-image: url('/images/bg-content.png');
					width: 650px;
					float: right;
					margin: 30px 0px;
					padding-bottom: 50px;
					border-right: 2px solid #8ccdf1;
					border-bottom: 2px solid #8ccdf1;
					-moz-box-shadow: 7px 7px 0px 0px #5b9abe;
					-webkit-box-shadow: 7px 7px 0px 0px #5b9abe;
					box-shadow: 7px 7px 0px 0px #5b9abe;
					}
					
					#contentBox h1 {
						background-image: url('/images/bg-headline-arrows.png');
						background-position: center left;
						background-repeat: no-repeat;
						border-bottom: 1px solid #064262;
						padding-left: 65px;
						margin: 10px 20px 10px 20px; 
						color: #8ccdf1;
						font-style: italic;
						font-weight: normal;
						font-size: 29px;
						}
						
					#contentBox p {
						color: #fff;
						padding: 5px 30px 5px 85px;
						font-size: 14px;
						line-height: 20px;
						}

		#contentBox ul.bullets {margin: 5px 30px 5px 105px;color: #fff;font-size: 14px;line-height: 20px;}	
			#contentBox ul.bullets li {list-style:square;}

/* tables still need cellspacing to match in the markup */
table {border-collapse:separate; border-spacing:1px;}
th, td {color: #fff; padding: 5px 5px 5px 5px; font-size: 14px; line-height: 20px; font-weight:normal;}

/* DEFAULT LINK STYLES ***********************************************************************************************************************/
a, a:visited, a:focus {color: #fff; font-weight: bold; text-decoration: none; font-family: Arial, Helvetica, sans-serif;}
a:hover {color:#7d969e; text-decoration:underline;}
				
				#highlightText {
					background-image: url('/images/bg-highlight.png');
					padding: 30px;
					width: 255px;
					color: #fff;
					font-size: 16px;
					line-height: 20px;
					font-weight: normal;
					margin: 80px 0px 0px 0px;
					float: left;
					border-right: 2px solid #8ccdf1;
					border-bottom: 2px solid #8ccdf1;
					-moz-box-shadow: 7px 7px 0px 0px #5b9abe;
					-webkit-box-shadow: 7px 7px 0px 0px #5b9abe;
					box-shadow: 7px 7px 0px 0px #5b9abe;
					}
					
					#highlightText h4 {color: #8ccdf1;}
					
					#highlightText p {padding-top: 10px;}
						
						#highlightText p.centered {text-align: center; color: #8ccdf1;}
					
					#highlightList {margin: 10px 0px 0px 50px; font-size: 14px; color: #8ccdf1; }
					
						#highlightList li {padding: 2px 0px;}
					
						#highlightList span {font-size: 16px; color: #fff;}
						
					#highlightText img {float: right; padding-top: 20px; padding-right: 40px;}
			
		#subFooterCont {
			background-color: #000;
			background-image: url('/images/pavement.jpg');
			background-position: top center;
			background-repeat: no-repeat;
			width: 100%;
			height: 172px;
			float: left;
			}
			
			#subFooter {
				position: relative;
				width: 1000px;
				height: 172px;
				margin: auto;
				}
				
				.trucks {
					position: absolute;
					bottom: 30px;
					margin-left: -350px;
					}
				
				.aaa {
					float: right;
					margin: 30px 50px;
					}
				
		#footerCont {
			background-color: #000;
			background-image: url('/images/bg-footer.jpg');
			background-position: top left;
			background-repeat: repeat-x;
			border-top: 1px solid #1d1d1d;
			width: 100%;
			height: 200px;
			float: left;
			}
			
			footer {
				background-image: url('/images/bg-footer.png');
				background-position: top left;
				background-repeat: no-repeat;
				width: 1000px;
				height: 200px;
				margin: auto;
				color: #5d5c5c;
				}
				
				efootr a, footer span {
					color: #c0bfbf;
					}
					
					footer a {
						text-decoration: none !important;
						font-size: 12px;
						font-weight: normal;
						}
					
				footer ul {
					float: left;
					}
					
					#list, #list1, #list2 {line-height: 25px;}
				
					footer li {
						list-style: none;
						display: inline;
						}
				
				#footerTop {
					width: 1000px;
					border-bottom: 1px solid #1c1c1c;
					padding-top: 50px;
					padding-bottom: 5px;
					}
					
					#footerTop span {
						font-size: 20px;
						padding: 0px 0px 0px 17px;
						}
						
					.social a {
						display: inline-block;
						float: right;
						padding-left: 2px;
						}
					
						.social img {
							width: 40px;
							}
					
					.pennImg {
						padding: 0px 30px 0px 0px;
						}
					
					.linkTitle {
						padding-right: 100px;
						}
						
						#list1 {
							margin-left: 86px;
							}
							
						#list2 {
							margin-left: 48px;
							}
					
				#footerBottom {
					width: 1000px;
					padding-top: 5px;
					}
					
					.cardsAccepted {
						padding: 0px 7px;
						}
					
					#footerBottom span {
						display: inline-block;
						line-height: 25px;
						padding: 0px 60px 0px 10px;
						margin-left: 100px;
						}
					
					#footerBottom ul {
						float: left;
						}
					
					#footerBottom ul li {
						display: list-item;
						}
						
/*---image styles---*/
img.rightAlign {float:right; margin-left:10px; margin-bottom:5px; border:1px solid #ccc; }
img.leftAlign {float:left; margin-right:10px; margin-bottom:5px; border:1px solid #ccc; }