body {
	margin: 0;
	font-family: Tahoma, Geneva, Arial, sans-serif;
	font-size: 11px;
	color: #232630;
	background: #294060;
}

h1 {
	margin: 0;
	font-family: Helvetica, Tahoma, sans-serif;
	font-size: 16px;
	color: #e96127;
	letter-spacing: -1px;
	line-height: normal;
}

h2 {
	margin: 0;
	font-family: Helvetica, Tahoma, sans-serif;
	font-size: 14px;
	color: #294060;
	letter-spacing: -1px;
	line-height: normal;
}

h3 {
	margin: 0;
	font-family: Helvetica, Tahoma, sans-serif;
	font-size: 12px;
	color: #294060;
	letter-spacing: -1px;
	line-height: normal;
}

a {color: #6092b5; text-decoration: underline;}
a:visited {color: #32566f; text-decoration: underline;}
a:hover {color: #3b9bde; text-decoration: underline;}
a:focus {outline: none;}

ul {
	margin: 15px 0 0 20px;
	padding: 0;
}

	ul li {
		margin: 0;
		padding: 0 0 0 13px;
		list-style: none;
		background: url(../graphics/list-bullet.gif) 0 7px no-repeat;
	}

p {margin-top: 15px; margin-bottom: 0;}

#container {
	width: 766px;
	margin: 0 auto;
	border-top: 1px solid #1b223c;
	line-height: 18px;
}

	#left-pane {
		width: 555px;
		background: #ffffff;
		float: left;
	}
	
		#header {
			width: auto;
			height: 118px;
			background: url(../graphics/bg-header.jpg) no-repeat;
		}
		
			#atlas-logo {
				width: 269px;
				height: 85px;
				display: block;
				float: left;
			}
		
		#date-bar {
			width: auto;
			padding: 3px 15px;
			font-size: 10px;
			line-height: 12px;
			color: #ffffff;
			background: #6a7a87;
		}
		
		#sub-nav {
			width: auto;
			height: 29px;
			background: #0E2358;
			line-height: normal;
		}
		
		*html #sub-nav {height: 24px;}
		
			#sub-nav ul {margin: 0; padding: 0;}
				#sub-nav ul li {margin: 0; padding: 0; background: none; float: left;}
					#sub-nav ul li a {
						padding: 8px 15px;
						color: #8dd0ff;
						text-decoration: none;
						display: block;
						float: left;
					}
					
					#sub-nav ul li a:hover, #sub-nav ul li a.active {color: #ffffff; background: #1d4598;}
		
		#body {
			width: auto;
			padding: 20px 15px;
			min-height: 320px;
		}
		
		*html #body {height: 320px;}
		
			.col-left {
				width: 250px;
				float: left;
			}
			
			.col-right {
				width: 250px;
				float: right;
			}
			
			.col-3-left {
				width: 165px;
				float: left;
			}
			
			.col-3-middle {
				width: 165px;
				margin-left: 15px;
				float: left;
			}
			
			.col-3-right {
				width: 165px;
				float: right;
			}
	
	#right-pane {
		width: 211px;
		float: left;
	}
	
		#nav {
			width: 211px;
			height: 278px;
			padding-top: 26px;
			background: url(../graphics/bg-nav.jpg) no-repeat;
		}
		
			#nav ul {
				margin: 0;
				padding: 0;
			}
			
				#nav ul li {
					margin: 0;
					padding: 0;
					list-style: none;
					background: none;
				}
				
					#nav ul li a {
						width: 211px;
						height: 31px;
						display: block;
						background-repeat: no-repeat;
					}
					
					#nav ul li a:hover, #nav ul li a.active, #nav ul li a.active:hover {background-position: -211px 0;}
					
					.nav-home {background: url(../graphics/nav/nav-home.jpg);}
					.nav-transportation {background: url(../graphics/nav/nav-transportation-solutions.jpg);}
					.nav-logistics {background: url(../graphics/nav/nav-logistical-experts.jpg);}
					.nav-warehouse {background: url(../graphics/nav/nav-warehouse-services.jpg);}
					.nav-about-us {background: url(../graphics/nav/nav-about-us.jpg);}
					.nav-contact-us {background: url(../graphics/nav/nav-contact-us.jpg);}
					.nav-make-payment {background: url(../graphics/nav/nav-make-payment.jpg);}
					.nav-request-quote {background: url(../graphics/nav/nav-request-quote.jpg);}
					
		#bottom-right {
			width: auto;
			padding: 20px 15px;
			background: url(../graphics/bg-bottom-right.gif) #3f6498 repeat-x bottom;
			color: #ffffff;
		}
		
	#footer {
		width: auto;
		padding: 25px 0;
		text-align: center;
		color: #ffffff;
	}
	
		#footer a, #footer a:visited {color: #ffffff;}
		#footer a:hover {color: #8dd0ff;}

.framed-picture {
	padding: 4px;
	border: 1px solid #9ca3b2;
	background: #fff;
}

.picture-right {
	float: right;
	margin: 0 0 6px 12px;
}

.picture-left {
	float: left;
	margin: 0 12px 6px 0;
}

.hide {display: none;}
.clear {clear: both;}
.float-left {float: left;}
.float-right {float: right;}

.text-white {color: #ffffff;}
.text-light-blue {color: #8dd0ff;}

.required {font-size: 12px; color: #900;}

.content-10 {font-size: 10px; line-height: 14px;}

table {border-collapse: separate;}

.margin-top-4 {margin-top: 4px;}
.margin-top-8 {margin-top: 8px;}
.margin-top-15 {margin-top: 15px;}
.margin-top-25 {margin-top: 25px;}
.margin-top-35 {margin-top: 35px;}

form {margin: 0;}

.width-20 {width: 20px;}
.width-25 {width: 25px;}
.width-40 {width: 40px;}
.width-60 {width: 60px;}
.width-70 {width: 70px;}
.width-80 {width: 80px;}
.width-100 {width: 100px;}
.width-110 {width: 110px;}
.width-140 {width: 140px;}
.width-160 {width: 160px;}
.width-200 {width: 200px;}
.width-250 {width: 250px;}

.input-text, .textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	padding: 3px;
	border: 1px solid #9ca3b2;
}

.textarea {height: 92px;}