/*
» GB Packing Website
» Main CSS
» Design | Strong Studio
» Developer site | http://strongstudio.com
*/

/*--Header--*/
#GBMain {
	position:relative;
	margin:0 auto 15px auto;
	height:80px;
	width:765px;
	background-color:#114471;
	z-index:999;
	-webkit-box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, .15);
	box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, .15);
}

#logo {
	position:relative;
	margin:0 auto 0 auto;
	width:521px;
	height:57px;
	padding-top:10px;
}

#logo:hover {
	opacity:.75;	
}

nav {
	position:relative;
	margin:0 auto 0 auto;
	height:35px;
	width:765px;
	background-color:#6E6D71;
	z-index:999;
	border-top:4px solid #2987C8;
	border-bottom:4px solid #2987C8;
	-webkit-box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, .15);
	box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, .15);
}
	nav ul {
		position: relative;
		list-style: none;
		width: 735px;
		margin: 0px auto 0 auto;
		padding:0px;
		height:20px;
		text-align:center;
		vertical-align:middle;
		
	}
		nav ul li {
			display:inline-block;
		}
			nav ul li a {
				display: block;
				text-align: center;
				text-decoration: none;
				font-family:Arial, Helvetica, sans-serif;
				font-size: 12px;
				font-weight:bold;
				color: #fff;
				
			}
			
			nav ul li a:hover {
				color: #114471;
			}

.regnav{
	width: auto;
	height: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left:10px;
	padding-right:10px;
}

.current{
	background-color:#2987C8;	
}

.bulletnav {
	width:30px;
	height:20px;
	text-align: center;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	vertical-align:middle;
}

a img {
	border: 0;
}


/*--Body--*/
body{
	margin:0px;
	padding:0px;
	background-color:#CECAC8;
}

header {
	position:relative;
	width:705px;
	margin:0 auto 0px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight:bold;
	color: #114471;
	text-align:center;
	text-transform:capitalize;
	border-bottom:solid 2px #2987C8;
	z-index:99;
	height: 25px;
	top:15px;
}

#content {
	background-color:#fff;
	width:765px;
	margin:0 auto 0 auto;
-webkit-box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, .15);
-moz-box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, .15);
box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, .15);
}

.homepage{
	height:780px;
}

.about{
}

.freequote {
	height:1650px;
}

#home {
	position:relative;
	margin:25px auto 0 auto;
	height:710px;	
	width:705px;
}


#about {
	position:relative;
	margin:25px auto 0 auto;
	height:665px;	
	width:705px;
}

#export {
	position:relative;
	margin:25px auto 0 auto;
	height:940px;	
	width:705px;
}

#heavy {
	position:relative;
	margin:25px auto 0 auto;
	height:390px;	
	width:705px;
}

#air {
	position:relative;
	margin:25px auto 0 auto;
	height:450px;	
	width:705px;
}

#ocean {
	position:relative;
	margin:25px auto 0 auto;
	height:470px;	
	width:705px;
}


#trucking {
	position:relative;
	margin:25px auto 0 auto;
	height:720px;	
	width:705px;
}

#freequote {
	position:relative;
	margin:25px auto 0 auto;
	height:1550px;	
	width:705px;
}

#services {
	position:relative;
	margin:25px auto 0 auto;
	height:1195px;	
	width:705px;
}

#contact {
	position:relative;
	margin:25px auto 0 auto;
	height:615px;	
	width:705px;
}

#links {
	position:relative;
	margin:25px auto 0 auto;
	height:575px;	
	width:705px;
}

#col1{
	position:relative;
	width:335px;
	float:left;
	margin-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	line-height: 17px;
}

#col2{
	position:relative;
	width:345px;
	float:right;
	margin-top:20px;
}

.callout {
	font-size: 15px;
	line-height: 21px;
}

.bold {
	font-weight:bold;
}

.dkblue {
	color:#114471;
}

.twelve {
	font-size:12px;
}

#homebox1{
	position:relative;
	width:162px;
	float:left;	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
}

#homebox2{
	position:relative;
	width:162px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
}

#aboutbox1{
	position:relative;
	width:162.5px;
	float:left;	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}

#aboutbox2{
	position:relative;
	width:170px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}

.category {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#114471;
	border-bottom:2px solid;
}

.category a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#114471;
	border-bottom:2px solid;
	text-decoration:none;
}

.category a:hover {
color:#2987C8;
}

.freequote{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
	color:#114471;
}

.freequote:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#2987C8;
}

.aboutemail{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:underline;
	color:#114471;
}

.aboutemail:hover{
	text-decoration:none;
	color:#2987C8;
}

.HPlinks {
	width:162px;
	position:relative;
	margin:0 auto 0 auto;
	text-align:center;
}

.HPlinks a {
	text-decoration:none;
	color:#114471;
}

.HPlinks a:hover {
	color:#2987C8;
}

.contactCallout {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}

.contactAddress {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

.contactemail{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
	color:#000;
}

.contactemail:hover{
	text-decoration:none;
	color:#2987C8;
}
	
/*--Footer--*/
footer {
	position:relative;
	margin:0 auto 0px auto;
	height:85px;
	width:765px;
	background-color:#114471;
	z-index:999;
	border-top:4px solid #2987C8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	color:#fff;
	bottom:0px;
	-webkit-box-shadow: 0px -3px 5px 2px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0px -3px 5px 2px rgba(0, 0, 0, .15);
	box-shadow: 0px -3px 5px 2px rgba(0, 0, 0, .15);

}

footer a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	color:#fff;
}

footer a:hover {
	color:#2987C8;
	}
#box1{
	position:relative;
	width:382.5px;
	height:80px;
	float:left;
	margin-top:20px;
}

#box2{
	position:relative;
	width:382.5px;
	height:80px;
	float:right;
	margin-top:20px;
}

.bullet {
	font-size:11px;
	color:#114471;
	vertical-align:20%;
}

.bth{
	position:relative;
	margin:0 auto 0 auto;
	text-align:center;
	width:130px;
}

.bth a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#114471;
	text-decoration:none;
}

.bth a:hover {
	color:#2987C8;
}

.imgspc {
	margin-bottom:10px;	
}

#logoshadow {
	position:relative;
	width:200px;
	height:94px;
	top:40px;
	margin:0 auto 0 auto;
}

.caps {
	text-transform:uppercase;
}