/* CSS Document */

html, body {
	margin : 0;
	padding : 0;
	font-size : 12px;
	font-family : verdana, arial;
	background-color : #FFFFFF;
	color : #4C4B4B;
}

* {
	margin : 0;
	padding : 0;
	border : 0;
}

img {
	border : 0;
	margin : 0;
	padding : 0;
}

.lightblue {
	color : #0185C6;
}

.phone {
	font-size : 16px;
	color : #333333;
}

a {
	text-decoration : none;
	color : #000000;
}

#container {
	width : 825px;
	margin : 0 auto;
}

#container * {
	margin : 0;
	padding : 0;
	border : 0;
	line-height : 20px;
}

#container input, #container textarea {
	border : 1px solid #CCCCCC;
	padding : 3px;
	margin : 3px;
	font-size : 12px;
	font-family : verdana, arial;
}

#container h1 , #container h2, #container h3 {
	margin : 0;
	padding : 0;
	font-weight : normal;
}

#container h1 {
	color : #012156;
	font-size : 18px;
	font-weight : bold;
	margin-bottom : 4px;
}

#container h2 {
	color : #012156;
	font-size : 18px;
	margin-bottom : 4px;
}

	#container #header {
		height : 320px;
	}
		
		#container #header #logo {
			position : relative;
			top : 5px;
		}
		
		#container #header #menu {
			float : right;
			width : 260px;
			text-align : right;
		}
			
			#container #header #menu a {
				margin-right : 20px;
				position : relative;
				top : 22px;
				font-size : 12px;
				color : #666666;
			}
			
			#container #header #menu img {
				float : right;
			}
			
		#container #header #banner {
			position : relative;
			top : 28px;
			clear : both;
			background-image : url(../images/banner.jpg);
			background-repeat : no-repeat;
			height : 123px;
		}
			
			#container #header #banner #truck {
				float : right;
				position : relative;
				top : -72px;
			}
			
			#container #header #banner p {
				color : #FFFFFF;
				position : relative;
				top : 45px;
				left : 20px;
				font-family : "Times New Roman", arial;
				font-size : 20px;
				line-height : 25px;
			}
			
	#container #content {
		clear : both;
		position : relative;
		top : -35px;
	}
		
		#container #content ul {
			margin-left : 25px;
		}
		
		
		#container #content #why {
			float : right;
			width : 220px;
		}
		
		#container #content .box2 {
			width : 240px;
			height : 182px;
			display : block;
			float : left;
			margin-left : 15px;
			margin-right : 15px;
			background-repeat : no-repeat;
		}
		
		#container #content .box {
			width : 240px;
			height : 182px;
			display : block;
			float : left;
			margin-left : 15px;
			margin-right : 15px;
			background-image : url(../images/box.jpg);
			background-repeat : no-repeat;
		}
			
			#container #content .box h2 {
				font-weight : normal;
				color : #FFFFFF;
				font-size : 12px;
				position : relative;
				top : 3px;
				left : 10px;
			}
		
		
		#container #content #boxes {
			clear : both;
			position : relative;
			top : 30px;
			height : 185px;
			display : block;
		}
			
			#container #content #boxes .box {
				width : 240px;
				height : 182px;
				display : block;
				float : left;
				margin-left : 15px;
				margin-right : 15px;
				background-image : url(../images/box.jpg);
				background-repeat : no-repeat;
			}
				
				#container #content #boxes .box h2 {
					font-weight : normal;
					color : #FFFFFF;
					font-size : 12px;
					position : relative;
					top : 3px;
					left : 10px;
				}
				
				#container #content #boxes .box p {
					color : #3A3B3B;
					position : relative;
					width : 80px;
					font-size : 11px;
					position : relative;
					top : 5px;
					margin-left : 10px;
				}
				
				#container #content #boxes .box img {
					float : right;
					position : relative;
					top : 1px;
				}
			
		#container #footer {
			position : relative;
			top : 20px;
			padding-top : 10px;
			clear : both;
			height : 32px;
			background-color : #013D75;
			text-align : center;
			color : #CCCCCC;
			font-size : 10px;
		}
			
			#container #footer a {
				color : #FFFFFF;
			}