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


/*********************** 
************************
- CSS RESET - 
************************
***********************/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*********************** 
************************
- SITE STYLE - 
************************
***********************/

* { padding: 0; margin: 0; }

html { 
min-height: 100%; 
margin-bottom: 1px; }

body {
behavior:url("../script/csshover3.htc");
background-image:url(../images/wrap-bg-shad.jpg);
background-position:top;
background-repeat: repeat-x;
background-color:white;
}

#container {
width:1000px;
height:100%;
background-image:url(../images/cont_bg.png);
background-position:top;
background-repeat:no-repeat;
margin-left: auto;
margin-right: auto;}

#wrapper {
width:950px;
min-height:835px;
height:100%;
margin-left: auto ;
margin-right: auto ;
background-color:white;}

#header {
width:950px;
height: 127px;
float:left;
background-color: white;
}

#logo {
width: 400px;
height: 127px;
float:left;}

#head_contact {
width:400px;
height: 127px;
float:right;}

#nav {
width:885px;
height: 40px;
float:left;
z-index:1000;
margin-left: 34px;
position:relative;
top: 0;
background-image:url(../images/nav_bg.png);
background-repeat:no-repeat;}

#rot-image{
width:951px;
height:297px;
float:left;
border-bottom:3px solid white;
position:relative;
margin-bottom:-40px;
top: -40px;
z-index:0;}

#stat-image{
width:951px;
height:185px;
float:left;
border-bottom:3px solid white;
position:relative;
margin-bottom:-40px;
top: -40px;
z-index:0;}


#q-bar{
width:950px;
height:40px;
float:left;
background-image:url(../images/get-q-bg.jpg);
background-repeat:no-repeat;
border-bottom:3px solid #d50d1b;}

#cont-left{
width:200px;
min-height:300px;
height:auto;
margin-left: 34px;
border-top: 2px solid #b6babd;
margin-top:10px;
float:left;}

#news{
height:33px;
width:188px;
background-image:url(../images/news.png);
background-repeat:no-repeat;
margin-top:4px;}

#tools{
height:33px;
width:188px;
background-image:url(../images/tools.png);
background-repeat:no-repeat;
margin-top:2px;}

#trackbox{
height:300px;
width:213px;
background-image:url(../images/track-bg.jpg);
background-repeat:no-repeat;
background-position:top;
margin-top:4px;
position:relative;}

#trackmap{
height:136px;
width:184px;
background-image:url(../images/track-ship.png);
background-repeat:no-repeat;
position:relative;
top:10px;
left:10px;}

#cont-mid{
width:440px;
min-height:400px;
height:auto;
margin: 10px 15px 0px 20px;
padding-bottom: 50px;
float:left;
position:relative;}

#cont-mid-case{
width:680px;
min-height:400px;
height:auto;
margin: 10px 15px 0px 20px;
padding-bottom: 50px;
float:left;
position:relative;}

.case-study{
width:210px;
height:430px;
float:left;
padding: 0px 4px 0px 0px;}

.contact-btn{
position:relative;
bottom:14px;
left:322px;}

#cont-mid-area{
width:650px;
min-height:400px;
height:auto;
margin: 10px 15px 0px 20px;
padding-bottom: 50px;
float:left;
position:relative;}

#foot-links{
width:auto;
height:25px;
clear:both;
position:absolute;
bottom:0;}

#cont-right{
width:215px;
height:374px;
background-image:url(../images/case-bg.png);
background-repeat:no-repeat;
background-position:top;
margin: 5px 0;
float:left;}

#cont-right-sub{
width:215px;
height:374px; /* POSSIBLY CHAnGE TO aUTO*/
background-position:top;
margin: 5px 0;
float:left;}

.case{
width:200px;
height: auto
margin: 5px; 10px 5px 10px;
float:left;}

#footer {
width: 884px;
height: 35px;
margin-top:0px;
float:left;
margin-left:34px;
position:relative;}



/* TEXT */

.personal{
font-family:Arial, Helvetica, sans-serif;
color:#b1b3b6;
font-size:13px;
text-align:right;
margin-right:0px;
margin-top:60px;
font-weight:bold;
text-shadow: 2px 1px 1px #d5d5d5;}

.phone{
font-family:Arial, Helvetica, sans-serif;
color: #730204;
font-size: 20px;
font-style:italic;
font-weight:bold;
text-align:right;
margin-right:0px;
margin-top:5px;
text-shadow: 2px 1px 1px #d5d5d5;}

.operator
{
float:right;
z-index:250;
position:relative;
bottom:-25px;
margin-top:11px;
margin-right: 20px;
}


/*
***************
 QUOTE SECTION
***************
 */

#quote{
height:auto;
width:auto;
float:left;}

#quote_btn{
height:auto;
width:auto;
float:left;
margin-top:12px;
margin-left:25px;}

.quote{
font-family:Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 17px;
font-weight:normal;
text-align:left;
margin: 12px 0px 0px 35px;
text-shadow: 1px 1px 1px #000; }

.quote-small{
font-family:Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 13px;
font-weight:normal;
text-align:left;
margin: 14px 0px 0px 35px;
text-shadow: 1px 1px 1px #000;}

/*
***************
TEXT
***************
*/

.tracklink{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#2d79b9;
font-weight:bold;
padding: 10px 0px 0px 10px;}

a:link { color:#2d79b9; text-decoration:none; font-weight:bold;}
a:visited {color:#2d79b9;}
a:hover { text-decoration:underline;}
a:active {}


a.tracklink:link { color: #2d79b9; text-decoration:none;}
a.tracklink:visited { color: #2d79b9; }
a.tracklink:hover { text-decoration:underline; text-shadow: 1px 1px 3px #c0c0c0; }
a.tracklink:active {color: #2d79b9; } 

.t1{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #2d79b9;
font-weight:bold;
margin: 5px 0px 0px 15px;}

.t2{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #7b7e8a;
font-weight:bold;
margin: 5px 15px 0px 15px;
}

.c1{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #2d79b9;
font-weight:bold;
margin: 15px 0 0 15px;}

.c2{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #2d79b9;
font-weight:bold;
margin: 10px 0px 0px 20px;}

.c-text{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #7b7e8a;
font-weight:normal;
margin: 5px 0 0 20px;}

.c-text-i{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #7b7e8a;
font-weight:normal;
}

a.footlink:link {font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #b8b9bc; font-weight:bold; text-decoration:none;}
a.footlink:visited {font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #b8b9bc; font-weight:bold; text-decoration:none;}
a.footlink:hover { text-decoration:underline; text-shadow: 1px 1px 3px #c0c0c0; }
a.footlink:active {color: #b8b9bc; } 

a.c-text-i:link {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color: #363636; text-decoration:none;}
a.c-text-i:visited {font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #363636;  text-decoration:none; font-weight:normal;}
a.c-text-i:hover { text-decoration:underline;font-weight:normal; color:#2d79b9; }
a.c-text-i:active {color: #b8b9bc; font-weight:normal; } 

.f-text{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #b8b9bc;
font-weight:bold;
text-align:right;
padding: 6px 0 6px 0;}

h1{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:15px;
color: #363636;
}

h2{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:italic;
font-size:19px;
color: #363636;
padding-top:3px;}

h3{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;
color: #363636;
word-spacing: -0.05em;
line-height: 1.2em;
}

h4{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:11px;
color: #363636;
word-spacing: -0.05em;
line-height: 1.2em;
margin: 0 5px 0 5px;
}

.fieldNameCSS{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color: #363636;
word-spacing: -0.05em;
line-height: 1.2em;
}

.fieldValueCSS{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;
color: #363636;
word-spacing: -0.05em;
line-height: 1.2em;
}


/*
***************
SPACING AND IMAGES
***************
 */
 
.m-top2{
margin-top:2px;}
 
.t-left15{
margin-left: 10px;}

.p-left15{
padding-left: 15px;}

.mail-btn{
margin: 20px 0px 0px 22px;}

.img-case{
margin:10px 0px 0px 20px}

.img-top10{
margin-top:10px;}

#half_right{
width: 220px;
float:right;}

#half_left{
width: 210px;
float:left;}

#cont_full{
width: 430px;
float:left;}

.img-rt-20{
margin-left:20px;}

.site-hed-txt{
width:250px; 
height:15px; 
background-color:#f7f4f4; 
vertical-align:middle; 
padding-top:1px; 
padding-left:5px;}

.site-txt{
margin-left:20px;}

a.site-hed-txt:link { color:red;}
a.site-hed-txt:visited {}
a.site-hed-txt:hover { color: red; text-decoration:none;}
a.site-hed-txt:active {} 

a.site-txt:link { color: red;}
a.site-txt:visited {}
a.site-txt:hover {}
a.site-txt:active {} 

/*
***************
BREAD CRUMBS
***************
*/

#bread{
width:950px;
height:20px;
float:left;
font-weight:normal;
padding-left:238px;}


#breadcrumb{
font: 11px Arial, Helvetica, sans-serif;
background-image:url('../images/bc_bg.png');
background-repeat:no-repeat;
height:30px;
line-height:30px;
font-weight:normal;
color:#767676;
width:400px;
overflow:hidden;
margin:0px;
padding:0px;}

#breadcrumb li{
list-style-type:none;
float:left;
background-image:url('../images/bc_separator.png');
background-repeat:no-repeat; 
background-position:right;
padding-right: 15px;
font-weight:normal;
padding-left:15px;}

#breadcrumb a{
height:30px;
font-weight:normal;
display:block;
/*background-image:url('../images/1bc_separator.png');
background-repeat:no-repeat; 
background-position:right;*/
padding-right: 10px;
text-decoration: none;
color:#767676;}

.home{
border:none;
margin: 8px 0px;}

#breadcrumb a:hover{
color:#464646;
text-decoration:underline;}


#cont-right-sub {overflow:hidden;height:auto;width:208px;} /* Fix images going over object bounds */
body.home {margin:0;}
body.home #cont-mid {width:435px;} /* Push right column over to line up with footer. Requires class="home" be added to body tag in index.php */

#cont-mid-case h4 {margin-left:0;} /* An h4 shouldn't be used this way. Pretty big SEO problem here */
#breadcrumb li:last-child {background-image:none;} /* Hide last arrow in breadcrumbs */

/* Line up bulleted lists with edge of content frame, keep hanging indents */
#cont-mid ul {list-style: disc outside none;}
#cont-mid ul li {margin:0 15px;}

/* Adjust phone display */
.personal {margin-top:56px;text-shadow:none;font-style:italic;}
.phone {padding-bottom:4px;margin-top:4px;} 
/* Crop left white space of operator image */
.operator { width:85px; overflow:hidden; } 
.operator img {float:right;}

/* Keep submenu text from ever hitting right edge of white background image. */
/* Solid background color and border for these should be in CSS, not an image */
.sf-menu li li a img { padding-right:10px;background-color:white;}
.sf-menu li li a p img { padding-right:0;background-color:transparent;} /* Don't apply white background to arrow image */

/* Replace background image blur with actual shadow and text shadow for browsers that understand :hover */
.sf-menu li li a:hover {background-image:none !important;}
.sf-menu li li a:hover img {box-shadow: 0 0 10px #D8E3F1;-moz-box-shadow: 0 0 10px #D8E3F1;-webkit-box-shadow: 0 0 10px #D8E3F1;}
.sf-menu li li a:hover .sub-text {text-shadow: #4c6489 2px 2px 2px;}

/* Make footer links like PSD */
#foot-links, #foot-links a {font-size:11px;}
#foot-links {color:#B8B9BC;font-weight:bold;} /* match dividers to link color */
#foot-links a {padding: 0 10px;font-weight:normal;} /* Padding between links */
#foot-links a:first-child {padding-left:0;}