/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 75%;
  color: #222; 
  background: #fff;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;}



/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;}



/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

.content-text a {color:#014785;}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

cite 		{ color:#afafaf; font-style:normal;}



/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%;}
th          { font-weight: bold;}
thead th 		{ background: #054b87; color:#ffffff;}
th,td,caption { padding: 4px 10px 4px 5px;}
tr.even td  { background: #f5f5f5;}
tfoot       { font-style: italic;}
caption     { background: #eee;}


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/* End css reset
----------------------------------------------------------------*/

body{
	margin:0;
	font: 16px Arial, Verdana, Helvetica, sans-serif;
	color:#717171;}

img{
	margin:0;
	border:none;}

form,fieldset{
	margin:0;
	padding:0;
	border:none;}

#wrapper{
	width:960px;
	overflow:hidden;
	margin:0 auto;
	position:relative;}

#main{
	display:table;
	overflow:hidden;
	width:100%;}

h1{
	width:135px;
	height:48px;
	margin:0;
	position:absolute;
	top:22px;
	left:29px;
	text-indent:-9999px;
	background: url(../images/logo-logistics.jpg) no-repeat;
	z-index: 999;}

h1 a{
	display:block;
	height:100%;}


/* CONTENT
-------------------------------------------------------------- */
#content{
	display:table-footer-group;
	overflow:hidden;
	width:100%;}

#content .content-area{
	width:100%;
	margin:15px 0 0;
	overflow:hidden;}

#content .advertisement{
	width:100%;
	overflow:hidden;
	font-size:16px;
	line-height:21px;
	color:#666;}

#content .advertisement a{
	color:#666;}

#content .advertisement a:hover{
	text-decoration:none;}

#content .advertisement h2{
	margin:10px 0;
	font-size:20px;
	color:#666;
	font-weight:normal;}

#content .advertisement img.left{
	float:left;
	margin:6px 13px 0 0;}

#content .advertisement p{
	margin:10px 0;}

.advertisement .gray{
	width:334px;
	float:left;
	background:#f8f8f8;
	color:#878787;}

.advertisement .gray a{
	color:#878787;}

#content .advertisement .gray p{
	margin:2px 30px 0 0;}

.advertisement .gray .holder-area{
	width:100%;
	overflow:hidden;}

.advertisement .gray .holder-area{
	background: url(../images/bg-top-gray.gif) no-repeat;}

.advertisement .gray .gray-area{
	padding:20px 20px 23px 41px;
	overflow:hidden;
	height:1%;
	background: url(../images/bg-bottom-gray.gif) no-repeat 0 100%;}

#content .advertisement .gray h2{
	font-size:44px;
	color:#9c9c9c;
	margin:0 0 2px;
	line-height:50px;
	font-weight:bold;
	letter-spacing:-3px;}

.advertisement .advertisement-box{
	width:307px;
	float:left;
	padding:10px 10px 33px 16px;
	border-right:1px solid #f0f0f0;}

#content .newsletter{
	width:260px;
	float:left;
	padding:9px 0 0 15px;}

.newsletter form div{
	margin:14px 0 0;
	overflow:hidden;
	width:100%;
	float:left;}

.newsletter form .text{
	width:190px;
	border:1px solid #dfdfdf;
	font: 14px Arial, Verdana, Helvetica, sans-serif;
	color:#afafaf;
	padding:8px 5px 7px;
	margin:0 5px 0 0;
	float:left;}

.newsletter form .submit{
	padding:0;
	float:left;
	border:none;
	margin:5px 0 0;
	line-height:0;
	text-indent:-9999px;
	cursor:pointer;}

#content .content-text{
	width:660px;
	float:left;
	color:#717171;
	font-size:16px;
	line-height:20px;
	padding:15px 0 0 24px;}

#content .content-text h2{
	color:#004785;
	font-size:36px;
	line-height:40px;
	margin:16px 0 28px;
	font-weight:bold;}

#content .content-text h3{
	color:#004785;
	font-size:20px;
	line-height:25px;
	margin:17px 0;
	font-weight:normal;}

#content .content-text h4{
	color:#004785;
	font-size:16px;
	line-height:20px;
	margin:17px 0;
	font-weight:normal;}

#content .content-text h2 a,
#content .content-text h3 a,
#content .content-text h4 a{
	color:#004785;
	text-decoration:none;}

#content .content-text h2 a:hover,
#content .content-text h3 a:hover,
#content .content-text h4 a:hover{
	text-decoration:underline;}

#content .content-text p{
	margin:15px 0 0;}

#content .content-text a:hover{
	text-decoration:none;}

.content-text ol{
	margin:18px 0;
	padding:0 0 0 41px;
	line-height:19px;}

.content-text ul{
	margin:18px 0;
	padding:0;
	list-style:none;
	line-height:19px;}

.content-text ul li{
	padding:0 0 0 41px;
	background: url(../images/bg-list.gif) no-repeat 21px 9px;}

.content-text form div{
	width:385px;
	overflow:hidden;
	margin:0 0 26px;}

.content-text form legend{
	color:#004785;
	font-size:20px;
	line-height:57px;
	padding:0;
	margin:0;
	overflow:hidden;
	width:100%;
	display:block;}

.content-text form label{
	width:178px;
	float:left;
	margin:6px 0 0;}

.content-text form .text{
	width:190px;
	border:1px solid #dfdfdf;
	font: 16px Arial, Verdana, Helvetica, sans-serif;
	color:#717171;
	padding:6px 5px;
	margin:0 5px 0 0;
	float:left;}

.content-text form .submit{
	font-size:20px;
	color:#aaa;
	font-weight:bold;
	margin:0 3px 0 0;
	padding:0 16px 0 0;
	border:none;
	float:right;
	cursor:pointer;
	background: url(../images/bg-btn-submit.gif) no-repeat 100% 50%;
	text-align:right;}

.content-text .date {
	font-size:.85em;}

/*-- SPECIAL TABLES --*/

table.comparison {
	padding-top:15px;
	margin-top:15px;
	border-collapse:collapse;
	border:1px solid #054b87;}
	
table.comparison tr td:first-child {
	text-align:left;
	padding-left:15px;}

table.comparison td{text-align:center;}

table.comparison th strong{
	font-weight:bold;
	color:#f0c600;
	text-transform:uppercase;}

table.comparison td strong {
	font-weight:bold;
	color:#c5a300;
	text-transform:uppercase;}	
	
/*-- IMAGE GALLERY --*/

#gallery{text-align:left}
#gallery p{display:inline}
#gallery span{margin:0 5px 5px 5px; vertical-align:top; width:172px; display:table-cell; display:inline-table; display:inline-block}
#gallery p img{margin-bottom:5px}

#gallery li{
	background:#FFF;
	padding:0px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:5px;}


#gallery  a span{
/*\*/
	position:absolute;
	left:-9999px;
	text-align:center;}

#gallery a:hover span{	
	top:0px;
	left:0px;
	width:93%;
	padding:3px;
	font-weight:bold;
	background:#f1f1f1;
	color:#454545;
	font-size:80%;
	border-bottom:1px solid #bbbbbb;
	filter: alpha(opacity=80);
	-moz-opacity:.8;
		opacity:.80;
	margin: 0 auto;	} 


#gallery img{
	border:1px solid #999;}	
	



/* SIDEBAR
-------------------------------------------------------------- */
#sidebar{
	width:261px;
	float:right;
	background:#ffd203;
	margin:30px 0 0;
	font-size:14px;
	color: #000000;
	line-height:23px;}

#sidebar .sidebar-top{
	width:100%;
	overflow:hidden;
	background: url(../images/bg-sidebar-top.gif) no-repeat;}

#sidebar .sidebar-bottom{
	overflow:hidden;
	padding:3px 20px 25px;
	height:1%;
	background: url(../images/bg-sidebar-bottom.gif) no-repeat 0 100%;}

#sidebar h4{
	color:#836e09;
	line-height:26px;
	font-size:20px;
	font-weight:bold;
	margin:23px 0 1px;}

#sidebar p{
	margin:0 0 12px;}

#sidebar a{
	color:#717171;}

#sidebar a:hover{
	text-decoration:none;}

#sidebarr form div{
	margin:14px 0 0;
	overflow:hidden;
	width:100%;
	float:left;}

#sidebar form .text{
	width:190px;
	border:1px solid #dfdfdf;
	font: 14px Arial, Verdana, Helvetica, sans-serif;
	color:#afafaf;
	padding:8px 5px 7px;
	margin:0 6px 0 0;
	float:left;}

#sidebar form .submit{
	padding:0;
	float:left;
	border:none;
	margin:5px 0 0;
	line-height:0;
	text-indent:-9999px;
	cursor:pointer;}


/* HEADER
-------------------------------------------------------------- */
#header{
	display:table-header-group;
	width:100%;}

#header .header-area{
	width:100%;
	background: url(../images/bg-header.jpg) no-repeat;
	min-height:100px;}

#header .header-area:after {
	content:"";
	display:block;
	clear:both;}

* html #header .header-area{
	height:100px;
	overflow:visible;}


/* NAVIGATION
-------------------------------------------------------------- */
#navigation{
	margin:37px 5px 0 0;
	padding:0;
	list-style:none;
	float:right;
	font-size:14px;
	line-height:29px;
	color:#fff;
	z-index:99;
	position:relative;}

#navigation a{
	color:#fff;
	text-decoration:none;
	padding:0 0 0 9px;
	float:left;}

#navigation a span{
	float:left;
	padding:0 25px 0 0;}



#navigation li{
	float:left;
	margin:0 8px 0 0;}
	
#navigation a:hover,
#navigation li:hover a,
#navigation li.hover a{
	background: url(../images/link-nav-over.gif) no-repeat;}

#navigation a:hover span,
#navigation li:hover a span,
#navigation li.hover a span{
	background: url(../images/link-span-nav-over.gif) no-repeat 100% 0;
	cursor:pointer;}	
	

#navigation li:hover a.nodrop,
#navigation li.hover a.nodrop{
	background: url(../images/link-nav-over-nodrop.gif) no-repeat;
	margin:0px;}

#navigation li:hover a.nodrop span,
#navigation li.hover a.nodrop span{
	background: url(../images/link-span-nav-over-nodrop.gif) no-repeat 100% 0;
	cursor:pointer;}

#navigation li:hover,
#navigation li.hover{
	position:relative;}

#navigation li:hover a,
#navigation li.hover a{
	color:#715c00;}

#navigation li:hover .holder-drop,
#navigation li.hover .holder-drop{
	display:block;
	z-index: 999;}

#navigation .holder-drop{
	display:none;
	width:239px;
	overflow:hidden;
	position:absolute;
	top:29px;
	left:-21px;}

#navigation li.last .holder-drop{
	left:auto;
	right:-21px;}

#navigation .drop{
	width:100%;
	overflow:hidden;
	background: url(../images/bg-holder-drop.png) repeat-y;}

#navigation .bottom-drop{
	width:239px;
	height:29px;
	overflow:hidden;
	background: url(../images/bg-bottom-nav.png) no-repeat;}

#navigation ul{
	margin:0;
	padding:0 22px;
	list-style:none;
	width:195px;
	overflow:hidden;}

#navigation ul li{
	width:100%;
	margin:-1px 0 0;
	border-top:1px solid #f0c600;}

#navigation ul a{
	width:186px;}

#navigation li:hover ul a,
#navigation li.hover ul a{
	background:none;}

#navigation ul a:hover,
#navigation li:hover ul a:hover,
#navigation li.hover ul a:hover{
	background:#f0c600;}

/*-- banner --*/
#banner{
	width:100%;
	overflow:hidden;
	float:left;
	margin:49px 0 0;
	z-index: 1;}

#banner img{
	display:block;}


/* FOOTER
-------------------------------------------------------------- */
#footer{
	width:960px;
	margin:35px auto 0;
	overflow:hidden;
	font-size:12px;
	line-height:15px;
	padding:12px 0 50px;
	color:#a7a5a5;
	border-top:6px solid #f0f0f0;}

#footer ul{
	margin:0;
	padding:0;
	list-style:none;
	text-transform:uppercase;
	overflow:hidden;}

#footer li{
	display:inline;
	float:left;
	padding:0 20px;
	margin:0 17px 0 -19px;
	background: url(../images/bg-footer-nav.gif) no-repeat 0 50%;}

#footer li a{
	color:#a7a5a5;
	text-decoration:none;}

#footer li a:hover{
	text-decoration:underline;}