body {
	background:url(/img/bg.jpg) center top no-repeat #6d859f;
	margin:0;
	font-family:'lato';
}
a {text-decoration:none;}
#header, #footer {
	width:100%;
	background:#1a2c3c;
	min-width:990px;
}
#header {
	height:125px;
	border-bottom:solid 6px #b2c7d5;
}
.logo {
	float:left;
	height:125px;
	width:331px;
}
.logo img {
	border:0;
	}
#headerContent {
	text-align:right;
	height:125px;
	line-height:35px;
	}
#headerContent span {
	color:#dae4ee;
	font-size:20px;
	font-weight:normal;
	margin:25px 0 0 0;
	padding:0;
	display:inline-block;
	line-height:18px;
	}
#headerContent a {
	color:#6ba4d5;
	text-decoration:none;
	font-size:18px;
	}
#headerContent a:hover {
	color:#f0a225;
	}
#headerContent ul {
    list-style:none;
    height:25px;
    float:right;
    margin:15px 0 0 0;
    padding:0;
}
#headerContent ul li {
    display:inline-block;
    float:left;
    color:#7088a2;
}
#headerContent ul li.spacer {
	padding:0 5px 0 5px;
	}
#headerContent ul li a {
    color:White;
    font-size:14px;
}
#headerContent ul li a:hover {
    text-decoration:underline;
    color:White;
}
.wrapper {
	width:960px;
	margin:auto;
	}
#footer {
	border-top:solid 6px #b2c7d5;
	min-height:178px;
	color:#7088a2;
	}
#footer a:hover {
	text-decoration:underline;
	}
#footer .wrapper div {
	float:left;
	background:url(/img/ftVr.jpg) left top no-repeat;
	min-height:178px;
	}
#footer .rtFtVr {
	background:url(/img/ftVr.jpg) no-repeat !important;
	float:right !important;
	height:178px;
	width:3px;
	}
#footer #ftLeft {
	width:405px;
	}
#footer #ftLeft a {
	font-size:11px;
	}
#footer #ftLeft ul {
	list-style:none;
	height:25px;
	padding:0;
	margin:25px 0 25px 21px;
	}
#footer #ftLeft li {
	float:left;
	display:inline-block;
	}
#footer #ftLeft li.spacer {
	padding:0 5px 0 5px;
	}
#footer #ftLeft p {
	font-family:'lato';
	font-size:14px;
	margin:0 0 0 27px;
	}
#footer #ftRight {
	width:555px;
	font-size:18px;
	}
#footer #ftRight p {
	margin:25px 21px 0 21px;
	}
#footer #ftRight .phNumbers {
	text-align:right;
	}
#footer #ftRight .phNumbers span {
	color:white;
	}
#footer a {
	color:white;
	}
	
#banner {
	height:260px;
	width:960px;
	background:white;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:22px 0 0 0;
	}
#banner .container {
	height:100%;
	width:100%;
	background:url(/img/worldTruck.jpg) right no-repeat #fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position:relative;
}
#banner .container2 {
	height:100%;
	width:100%;
	background:url(/img/oceanShipping.jpg) right no-repeat #fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position:relative;
}
#taglines h1 {
	position:relative;
	top:64px;
	left:30px;
	color:#a2b5c7;
	font-size:35px;
	font-family:'lato';
	font-variant:small-caps;
	line-height:39px;
	letter-spacing:-0.5px;
	font-weight:800;
	}
#taglines span {
	color:#3178b7;
	}
.taglines {
    display:block;
}
.taglines h1 {
	position:relative;
	top:64px;
	left:30px;
	color:#a2b5c7;
	font-size:35px;
	font-family:'Lato';
	font-variant:small-caps;
	line-height:39px;
	letter-spacing:-0.5px;
	font-weight:400;
	margin-top:0;
	white-space:nowrap;
	}
.taglines span {
	color:#3178b7;
	}	
#banner .con, #services .con {
	position:relative;
	top:75px;
	left:155px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	color:white;
	border:solid 4px white;
	-moz-box-shadow:0 1px 1px 1px #e2e2e2;
	-webkit-box-shadow:0 1px 1px 1px #e2e2e2;
	background:#fb9b00;
	font-weight:bold;
	font-size:18px;
	line-height:48px;
	height:48px;
	width:205px;
	text-align:center;
	display:block;
	cursor:pointer;
	}
#banner .con:hover {
	background:#f0a225;
}
.clear {clear:both;}
#left {
	float:left;
	height:354px;
	width:400px;
	background:white;
	margin:14px 14px 14px 0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#64707c;
	}
#left h1 {
	text-align:center;
	font-size:17px;
	text-transform:uppercase;
	margin:16px 0 14px 0;
	}
#left p {
	margin:0 25px 21px 25px;
	}
#left p {
	font-size:13px;
	line-height:17px;
	}
#left p span, #right p span {
	font-size:18px;
	}
#left a {
	font-weight:bold;
	color:#3178b7;
	}
#left a:hover {
	color:#f0a225;
	}
#right {
	float:left;
	height:354px;
	width:546px;
	background:white;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:14px 0 0 0;
	color:#64707c;
	}
#right h1 {
	text-align:center;
	margin:16px 0 0 0;
	color:#3178b7;
	font-size:32px;
	font-family:'lato';
	font-variant:small-caps;
	line-height:32px;
}
#right h2 {
	text-align:center;
	font-variant:small-caps;
	font-family:'lato';
	color:#a2b5c7;
	font-size:28px;
	white-space:nowrap;
	margin:0 0 15px 0;
}
b {
	font-weight:800;
	font-family:'lato';
	}
#right p {
	font-size:14px;
	margin:0 25px 10px 25px;
	}
#right .btn, #services .btn {
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	color:white;
	border:solid 4px white;
	-moz-box-shadow:0 1px 1px 1px #e2e2e2;
	-webkit-box-shadow:0 1px 1px 1px #e2e2e2;
	font-size:14px;
	line-height:14px;
	padding:10px 0 0 0;
	height:38px;
	width:146px;
	text-align:center;
	display:inline-block;
	float:right;
	margin:0 10px 0 10px;
	}
#right .btn img, #services .btn img{
	border:0;
	display:block;
	margin:0 0 0 10px;
	float:left;
	}
#right .bLic, #services .bLic {
	background:#6ba4d5;
}
#right .bLic:hover, #services .bLic:hover {
	background:#559bd8;
	}
#right .sSched, #services .sSched {
	background:#41883e;
}
#right .sSched:hover, #services .sSched:hover {
	background:#409f3c;
	}
#bottomLeft {
	float:left;
	margin: 0 14px 22px 0;
	width:400px;
	color:white;
	font-size:20px;
	font-family:'lato';
}
#bottomLeft h1 {
	color:#e1efff;
	margin:0;
	font-size:20px;
	}
#bottomLeft h1 span {
	font-family:'lato';
	}
#bottomLeft p {
	padding-left:30px;
	background:url(/img/quotes.png) left top no-repeat;
	line-height:33px;
	margin:10px 0 10px 0;
	}
#bottomLeft div {
	text-align:right;
	}
#bottomLeft div a {
	font-size:12px;
	color:white;
	}
#bottomRight {
	float:left;
	margin:0 0 14px 0;
	width:546px;
}
#bottomRight h1 {
	margin:0;
	font-size:20px;
	font-family:'lato';
	color:#ebeef2;
	text-align:right;
	}
#bottomRight h1 span a {
	font-family:'lato';
	color:#ebeef2;
	}
#bottomRight h1 span a:hover {
    text-decoration:underline;
}
#bottomRight #galleries {
	width:100%;
	padding:0;
	}
#bottomRight #galleries img {
	float:left;
	background:#ccc;
	height:75px;
	width:96px;
	margin:10px 0 0 10px;
	border:solid 1px white;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	-moz-box-shadow:2px 2px 2px #555;
    -webkit-box-shadow:2px 2px 2px #555;
    opacity:0.7;
	}
#bottomRight #galleries img:hover {
    opacity:1;
}
.tooltip {
	display:none;
	background:transparent url(/img/sm_black_arrow.png);
	font-size:12px;
	height:54px;
	width:113px;
	padding:15px;
	color:#fff;	
}
.modalBig {
	background-color:#fff;
	display:none;
	padding:15px;
	text-align:left;
	border:2px solid #333;
	opacity:1;
	margin-top:-50px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-box-shadow: 0 0 0 5px rgba(255,255,255,0.7);
	-webkit-box-shadow: 0 0 0 5px rgba(255,255,255,0.7);
}
.modal {
	background-color:#6d859f;
	display:none;
	width:600px;
	text-align:left;
	border:2px solid #333;
	opacity:1;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-box-shadow: 0 0 0 5px rgba(255,255,255,0.7);
	-webkit-box-shadow: 0 0 0 5px rgba(255,255,255,0.7);
}

.closebutton {
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border:solid 3px white;
	-moz-box-shadow:2px 2px 2px #333;
	background:black;
	color:white;
	height:30px;
	width:30px;
	line-height:30px;
	position:absolute;
	right:-15px;
	top:-15px;
	margin-left:10px;
	font-weight:bold;
	padding:0;
	}
.closebutton:hover {
	background:#BF0000;
	}
/* Below Footer */
#belowFooter {
    font-size:12px;
    color:#314a65;
    font-family:'lato';
	float:none !important;
	background:none !important;
}
#belowFooter a {
    color:#3178ba;
    cursor:pointer;
}
#belowFooter h2 {
    font-size:14px;
    margin:0 0 10px 0;
}
#belowFooter hr {
    width:100%;
    border:solid 1px #364e64;
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
}
/* Gallerific */
div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: right;
	width: 550px; 
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 550px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	border: 1px solid #ccc;
}
div.download {
	float: right;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 550px;
	top: 0;
	left: 0;
}
div.caption {
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}
/*EMAIL FORM*/
#eMail {
height:450px;
width:600px;
background:#738ba5;
position:relative;
}
#eMail .eMailHeader {
height:100px;
border-bottom:solid 2px #aed5ff;
text-align:center;
line-height:75px;
background:#1a2b3b;
}
#eMail .eMailHeader h1 {
    height:25px;
    font-size:24px;
    color:#dfefff;
    margin:0;
}
#eMail .eMailHeader h2 {
    font-size:17px;
    color:#738ba5;
    margin:0;
}
#eMail .eMailBody {
color:#1a2b3b;
padding:10px;
font-size:12px;
}
#eMail .eMailBody input, #eMail .eMailBody textarea {
width:99%;
margin:auto;
}
#eMail .eMailBody textarea {
height:100px;
}
#eMail .eMailBody button {
float:right;
}
#eMail .eMailFooter a {
    color:White;
}
#eMail .eMailFooter {
height:30px;
width:580px;
border-top:solid 2px #aed5ff;
position:absolute;
bottom:0;
text-align:right;
font-size:10px;
color:#738ba5;
background:#1a2b3b;
padding:10px;
}