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

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

html,
body {
	height:100%;
	/*overflow-Y: scroll;
	padding:0 0 0 9px;*/
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	background:#0d3a1d url(../images/bg_wrapper.jpg) repeat-y;
	background-position:center;
}

/* /////// LAYOUT /////// */

.wrapper {
	width:940px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	padding:0;
	margin: 0 auto -30px auto;
}

.pagecontent {
	width:922px;
	padding:0 9px 0 9px;
	margin:0 auto 0 auto;
	height:100%;
}

/* /////// STYLES /////// */

p {
	padding:10px 0 10px 0;
}

ul,
ol {
	padding:10px 0 10px 0;
}

li {
	margin:0 0 0 40px;
	padding:0 0 5px 0;
}

input,
select,
textarea {
	border:1px solid #999;
}

.button {
	margin:0 10px 0 0;
	background:#333;
	color:#FFF;
}

.button:hover {
	background:#CCC;
	color:#000;
}

a:focus {
    outline:none;
}

h1 {
	font-size:18px;
	color:#732873;
	font-weight:bold;
	padding:10px 0 10px 0;
}

h2 {
	font-size:14px;
	color:#218d47;
	font-weight:bold;
	padding:10px 0 10px 0;
}

#company-name {
	color:#732873;
	font-weight:bold;
}

a {
	color:#1e7d3e;
	text-decoration:underline;
}

a:hover {
	color:#666;
	text-decoration:none;
}

img {
	border:none
}

#quote {
	font-size:10px;
	font-weight:bold;
	margin:0 50px 0 50px;
}

/* /////// TABLES /////// */

table.incoterms tr td {
	border-style:solid;
	border-width:thin;
	text-align:center;
	border-color:#000;
	margin:0;
	padding:3px 3px 3px 3px;
}

table.incoterms {
	border-style:solid;
	border-width:thin;
	text-align:center;
	border-color:#000;
}

tr.boldText,
td.boldText {
	font-weight:bold;
}

td#greyBG {
	background-color:#999;
}

/* /////// HEADER /////// */

.header {
	background:url(../images/bg_header.jpg) repeat-x;
	width:922px;
	height:108px;
	margin:0;
	padding:0;
}

.logo a {
	background:url(../images/btn_logo.jpg) 0 0;
	float:left;
	width:215px;
	height:108px;
}

.logo a:hover {
	background:url(../images/btn_logo.jpg) 0 -108px;
}

.number {
	position:relative;
	float:left;
	top:32px;
	left:560px;
	width:150px;
	height:22px;
	font-size:18px;
	font-weight:bold;
}

/* /////// BANNER /////// */

.flash {
	padding:257px 0 0 0;
}

.banner_home,
.banner_about,
.banner_services,
.banner_services_domestic,
.banner_services_international,
.banner_services_warehouse,
.banner_services_hazard,
.banner_services_crating,
.banner_services_brokerage,
.banner_media,
.banner_forms,
.banner_careers,
.banner_contact {
	width:922px;
	height:100%;
	padding:0 0 290px 0;
	background-position:top;
}

.banner_home {
	background: #FFF url(../images/banner_home.jpg) no-repeat;
}

.banner_about {
	background: #FFF url(../images/banner_about.jpg) no-repeat;
}

.banner_services {
	background: #FFF url(../images/banner_services.jpg) no-repeat;
}

.banner_services_domestic {
	background: #FFF url(../images/banner_domestic.jpg) no-repeat;
}

.banner_services_international {
	background: #FFF url(../images/banner_international.jpg) no-repeat;
}

.banner_services_warehouse {
	background: #FFF url(../images/banner_warehouse.jpg) no-repeat;
}

.banner_services_hazard {
	background: #FFF url(../images/banner_hazard.jpg) no-repeat;
}

.banner_services_crating {
	background: #FFF url(../images/banner_crating.jpg) no-repeat;
}

.banner_services_brokerage {
	background: #FFF url(../images/banner_brokerage.jpg) no-repeat;
}

.banner_media {
	background: #FFF url(../images/banner_media.jpg) no-repeat;
}

.banner_forms {
	background: #FFF url(../images/banner_forms.jpg) no-repeat;
}

.banner_careers {
	background: #FFF url(../images/banner_careers.jpg) no-repeat;
}

.banner_contact {
	background: #FFF url(../images/banner_contact.jpg) no-repeat;
}

/* /////// COLUMNS /////// */

.column-1,
.column-1-home {
	width:521px;
	padding:0 10px 0 30px;
	float:left;
	overflow:hidden;
}

.column-1 {
	margin:300px 0 0 0;
}

.column-single {
	margin:300px 0 0 0;
	padding:0 10px 0 30px;
	float:left;
	overflow:hidden;
}

.column-2 {
	width:342px;
	padding:0;
	background:url(../images/bg_column_2.jpg) repeat-y 0 0;
	float:left;
	margin:290px 0 0 0;
}

.column-2-content-fixed {
	width:282px;
	padding:0 30px 0 30px;
	margin:-230px 0 0 0;
	height:300px;
}
.column-2-home {
	margin:0;
	
}

.column-2-b {
	margin:300px 0 0 0;
}

.column-2-b,
.column-2-home {
	width:342px;
	padding:0;
	float:left;
}

.column-2-content-b {
	width:282px;
	padding:0 0 0 30px;
	
}

.column-2-content {
	width:282px;
	padding:0 30px 0 30px;
	margin:-230px 0 0 0;
}

.column-2-content-lower {
	width:282px;
	padding:0 30px 0 30px;
	margin:-40px 0 0 0;
}

.column-2-bottom {
	width:343px;
	height:22px;
	padding:0;
	margin:0;
	background:url(../images/bottom_column_2.jpg) no-repeat;
}

/* /////// FOOTER /////// */

.footer,
.push {
	height:30px;
}

.footer {
	margin:0 auto 0 auto;
	font-weight:bold;
	padding:10px 0 0 0;
	clear:both;
	background:url(../images/bg_wrapper.jpg) repeat-y;
	width:940px;
	color:#333;
	font-size:8px;
}

.footer_right {
	float:right;
	text-align:right;
	padding:0 30px 0 0;
}

.footer_left {
	float:left;
	text-align:left;
	padding:0 0 0 30px;
}

/* /////// CONTENT /////// */

.certifications {
	width:117px;
	text-align:center;
	font-weight:bold;
	margin:0;
	padding:5px 10px 5px 10px;
	float:left;
}

.forms ul {
	list-style-image:url(../images/form_bullet.jpg);
	margin:20px 0 125px 0;
}

.forms ul li {
	margin:0 0 40px 0;
	vertical-align:middle;
}

/* /////// service icons /////// */

.icons {
	width:210px;
	height:630px;
}

.icon-domestic a,
.icon-international a,
.icon-local a,
.icon-warehouse a,
.icon-crating a,
.icon-brokerage a,
.icon-hazard a {
	float:left;
	width:210px;
	height:65px;
	padding:10px 0 0 85px;
	color:#218d47;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	margin:0 0 20px 0;
}

#icon-list {
	color:#000;
	font-size:12px;
}

.icon-domestic a {
	background:url(../images/icon_domestic.jpg) 0 0 no-repeat;
}

.icon-domestic a:hover {
	background:url(../images/icon_domestic.jpg) 0 -75px no-repeat;
	color:#0d3a1d;
}

.icon-international a {
	background:url(../images/icon_international.jpg) 0 0 no-repeat;
}

.icon-international a:hover {
	background:url(../images/icon_international.jpg) 0 -75px no-repeat;
	color:#0d3a1d;
}

.icon-local a {
	background:url(../images/icon_local.jpg) 0 0 no-repeat;
}

.icon-local a:hover {
	background:url(../images/icon_local.jpg) 0 -75px no-repeat;
	color:#0d3a1d;
}

.icon-warehouse a {
	background:url(../images/icon_warehouse.jpg) 0 0 no-repeat;
}

.icon-warehouse a:hover {
	background:url(../images/icon_warehouse.jpg) 0 -75px no-repeat;
	color:#0d3a1d;
}

.icon-crating a {
	background:url(../images/icon_crating.jpg) 0 0 no-repeat;
}

.icon-crating a:hover {
	background:url(../images/icon_crating.jpg) 0 -75px no-repeat;
	color:#0d3a1d;
}

.icon-brokerage a {
	background:url(../images/icon_brokerage.jpg) 0 0 no-repeat;
}

.icon-brokerage a:hover {
	background:url(../images/icon_brokerage.jpg) 0 -75px no-repeat;
	color:#0d3a1d;
}

.icon-hazard a {
	background:url(../images/icon_hazard.jpg) 0 0 no-repeat;
}

.icon-hazard a:hover {
	background:url(../images/icon_hazard.jpg) 0 -75px no-repeat;
	color:#0d3a1d;
}

/* CSS File for Dagon Design Formmailer Script */
/* http://www.dagondesign.com */

/* COLOR/BORDERS CSS */

form.ddfm h1,
form.ddfm h2 {
	color: #606060;
}

form.ddfm legend, 
form.ddfm label, 
form.ddfm label.fmtextlblwide {
	color: #606060;
}

form.ddfm .fmcheck p, 
form.ddfm .fmradio p,
form.ddfm textarea, 
form.ddfm .fmfullblock, 
form.ddfm .fmhalfblock, 
form.ddfm .fmselect, 
form.ddfm input.fmtext,
form.ddfm input.fmdate,
form.ddfm input.fmverify,
form.ddfm textarea.fmtextwide,
form.ddfm .submit,
form.ddfm .credits {
	color: #404040;
}

form.ddfm .required {
	color: #FF0000;
}

.ddfmerrors {
	color: #FF0000;
}

/* TEXT CSS */

.ddfmwrap {
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
}

form.ddfm h1,
form.ddfm h2 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0;
}


form.ddfm h1 {
	font-size: 140%;
}

form.ddfm h2 {
	font-size: 115%;
}

form.ddfm legend, 
form.ddfm label, 
form.ddfm label.fmtextlblwide {
	font-size: 100%;
	font-weight: bold;
}

form.ddfm .credits {
	font-size: 90%;
}

form.ddfm legend {
	font-size: 110%;
}

.ddfmerrors {
	font-weight: bold;
}




/* STRUCTURE CSS */

.ddfmwrap {
	margin: 15px 0 0 0;
	width: 450px;
}

.ddfmwrap p.fieldwrap {
	padding: 1px;
	margin: 1px;
	clear: left;
}

form.ddfm {
	text-align: left;
	padding: 10px;
	width: 430px; 
}

form.ddfm fieldset {
	padding: 0 10px 2px 10px;
	margin: 0 0 13px 0;
	display: block;
}

form.ddfm legend {
	padding: 0 6px 0 6px;
	margin: 0 0 0 10px;	 
}

form.ddfm label {
	display: block; 
	float: left; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	clear: left;  
}

form.ddfm label.fmtextlblwide {
	display: block;  
	float: left; 
	text-align: left;
	margin: 0 10px 0 1px; 
	padding-bottom: 8px; 
	width: 100%;
}

form.ddfm select.fmselect {
	float: left; 
	display: block;
	width: 65%; 
	margin-bottom: 15px;  
	padding: 3px; 
}

form.ddfm .fmcheck {
	width: 65%; 
	float: left;
	display: block;  
	margin-bottom: 15px;
}

form.ddfm .fmchecklabel {
	display: inline; 
	float: none; 
	clear: none; 
	text-align: left; 
	margin: 0; 
	padding: 0;
}

form.ddfm .fmradio {
	width: 65%;
	float: left;
	display: block;
	margin-bottom: 15px;
}

form.ddfm .fmradiolabel {
	display: inline; 
	float: none; 
	clear: none; 
	text-align: left; 
	margin: 0; 
	padding: 0;
}

form.ddfm .fmcheck p {
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 140%;
}

form.ddfm .fmradio p {
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 140%;
}

form.ddfm textarea {
	float: left; 
	position: relative;
	width: 65%;
	margin-bottom: 15px;
	padding: 3px;
}


/*
	display: block; 
	float: left; 
	width: 26%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	clear: left;  */

form.ddfm .fmfullblock {
	padding-left: 0px;
	float: left; 
	width: 100%;
	margin-bottom: 13px;
	display: block;
}

form.ddfm .fmhalfblock {
	width: 65%;
	padding-left: 29%;
	margin-bottom: 13px;
	float: left; 
	display: block;
}

form.ddfm input.fmverify {
	float: left; 
	width: 22%;
	margin-bottom: 15px; 
	padding: 3px;
	position: relative;
	display: block;
}

form.ddfm img {
	margin: 1px 0 0 10px; 
    float: left;
}

form.ddfm input.fmfile,
form.ddfm input.fmtext {
	float: left; 
	display: block;
	width: 65%;
	margin-bottom: 15px;  
	padding: 3px;
}

form.ddfm input.fmdate {
	float: left; 
	display: block;
	width: 35%;
	margin-bottom: 15px;  
	padding: 3px;
}

form.ddfm textarea.fmtextwide {
	display: block;
	float: left;
	width: 93%;
	margin-right: 2px;
	margin-bottom: 15px; 
	padding: 3px;
}

form.ddfm .credits {
	text-align: right;
	margin-top: 7px;
	width: 97%;
}

form.ddfm .submit {
	clear: both; 
}

.ddfmwrap .ddfmerrors {
	display: block; 
	float: left; 
	width: 27%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
}

.ddfmwrap .errorlist {
	float: left; 
	display: block;
	width: 65%;
	margin-bottom: 15px;  
	padding: 3px;
	text-align: left;
}

.ddfmwrap .recaptcha {
	width: 100%;
	text-align: right;
	clear: both; 
	height: 120px;
	margin-right: 7px;
	padding-bottom: 10px;
}

.ddfmwrap .recaptcha-inner {
	float: right;
	margin-right: 3px;
}


/* DATE SELECTION */

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #404040;
	background-color: #F4F4F4;
	border: 1px solid #999999;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered 
over) */
.dpTDHover {
	background-color: #888888;
	border: 1px solid #888888;
	cursor: pointer;
	color: #000000;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #C0C0C0;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: #555555;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #666666;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #DDDDDD;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #DDDDDD;
	font-weight: bold;
	}

/*///////////////// CSS Dropdown Menus /////////////////////// */

#menu {
	float:right;
	margin:40px 5px 0 0;
	padding:0;
	font-size:9px;
}

#menu h3{
display:block;
border-width:1px;
border-style:solid;
border-color:#ccc #888 #555 #bbb;
white-space:nowrap;
margin:0 0 0 5px;
padding:0;
}

#menu h3{
color:#fff;
text-transform:uppercase
}

#menu h2 {
	font-size:9px;
	color:#fff;
	font-weight:bold;
}

#menu li a{
color:#fff;
background:#000;
display:block;
white-space:nowrap;
margin:5px 10px 0 10px;
padding:0 0 0 0;
text-decoration:none;
}

#menu li a, #menu li a:visited{
color:#fff;
background:#000;
}

#menu li a:hover{
color:#090;
}

#menu li a:active{
color:#FF9;
}

#menu ul{
list-style:none;
float:left;
}

#menu li{
position:relative;
padding:0;
margin:0;
}

#menu ul ul{
position:absolute;
z-index:500;
top:auto;
left:0;
display:none;
margin:-10px 0 0 0;
width:165px;                    /* //////// Size of the submenu boxes //////// */
}

#menu ul ul li a{
padding:0 0 0 10px;
margin:0;
height:20px;
font-size:10px;
}

#menu ul ul ul{
top:0;
left:100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method 

div#menu h3:hover{
background:#000 url(/css/images/expand3.gif) no-repeat -999px -9999px;
}*/

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:normal;
color:#000;
}

#menu a.x:hover{
color:#fff;
background:#000;
}

#menu a.x:active{
color:#060;
background:#ccc;
}

/* End CSS Popout Menu */