/*  
Theme Name: Logisitcs
Theme URI: http://www.webxpress.com
Description: Logisitics
Version: 1.0
Author: John Walker
Author URI: http://webxpress.com

*/

body{
    font-family: Arial;
    font-size: 0.80em;
    color:#999999;
    margin:0px;
	 background:url('images/header.jpg') #e4e5e7 repeat-x;
}
h1{
    font-size:18px;
    color:#F06A11;
    font-weight:200;
	background-image: url('images/grad-underline-grey.png');
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 15px;
	width: 97%;
	font-family:  Tahoma, Arial;
}
h2{
    font-size:14px;
font-family:  Tahoma, Arial;
}
a img{
	border: 0px;
}
a {
	color:#F06A11;
}
.tlb{
	font-weight: bold;
	color:#F06A11;
}
#site {
    margin:0px;
	height: 100%;
}
#header {
    width:100%;
    margin:0px;
    text-align:center;
	 background: url('images/header.jpg') repeat-x 0% 0%;
}
#header-zm {
    width:100%;
    margin:0px;
    text-align:center;
	background-image: url( 'images/header-zm.jpg' );
    background-position:top;
    background-repeat:repeat-x;
}
#header-env {
    width:100%;
    margin:0px;
    text-align:center;
	background-image: url( 'images/header-env.jpg' );
    background-position:top;
    background-repeat:repeat-x;
}
#zm-intro-header{
	font-size:10px;
	padding-right:15px;
	padding-left:15px;
	margin-top:20px;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:20px;
	background-color:#cee2e9;
}
#zm-intro-header img{
	float:right;
	margin-left:10px;
}
#img-holder{
	width:60px;
	float:right;
}
#dock-manager{
	margin-top:7px;
}
#zone-h1{
	color:#123074;
	font-size:13px;
	line-height:15px;
	margin:0px;
}
#header #menu, #header-zm #menu, #header-env #menu{
    width:100%;
    position:absolute;
    top:0px;
}
#header #menu ul, #header-zm #menu ul, #header-env #menu ul{
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    margin-top:0px;
    margin-bottom:0px;
    height:36px;
}
#header #menu ul li, #header-zm #menu ul li, #header-env #menu ul li{
    float:left;
    height:36px;
    padding-right:0px;
    padding-left:0px;
    display:inline;
	width:105px;
	
	text-align: center;
}
#header #menu ul li#telephone, #header-zm #menu ul li#telephone, #header-env #menu ul li#telephone{
	padding-left: 10px;
	width:170px;
	line-height:35px;
	color: #55c1cb;
	font-weight: bold;
	font-size: 14px;
	background-image: none;
}
#header #menu ul li#menu-about-us a, #header-zm #menu ul li#menu-about-us a, #header-env #menu ul li#menu-about-us a{
	line-height:38px;
	color: #55c1cb;
	font-weight: bold;
	font-size: 14px;
	background-image: none;
}
#header #menu ul li#telephone img, #header-zm #menu ul li#telephone img, #header-env #menu ul li#telephone img{
	margin-right: 10px;
	margin-top: 10px;
}
#header #menu ul li a, #header-zm #menu ul li a, #header-env #menu ul li a{
    font-weight:bold;
    color:#ffffff;
    text-decoration:none;
    vertical-align:middle;
    line-height:35px;
}
#header #menu ul li.selected, #header-zm #menu ul li.selected, #header-env #menu ul li.selected{
    float:left;
    height:36px;
    background-color:#1a5a91;
    border-bottom:0px;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	background-image: url( 'images/header-li-selected.jpg' );
    background-position:top;
    background-repeat:repeat-x;
}
#header-zm #menu ul li.selected-zm{
	background-color:#0f6c84;
	background-image:none;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}
#header-env #menu ul li.selected-env{
	background-color:#21706e;
	background-image:none;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}
#header #title-bar-container, #header-zm #title-bar-container, #header-env #title-bar-container{
    height:289px;
}
#header #title-bar, #header-zm #title-bar, #header-env #title-bar{
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    text-align:left;
	padding-left: 80px;
}
#header-zm #title-bar{
    width: 890px;
}
#header #title-bar #logo{
	padding-top: 53px;
	width: 300px;
	float: left;
}
#header-zm #title-bar #logo{
	padding-top: 57px;
	width: 300px;
	float: left;
}
#header-env #title-bar #logo{
	padding-top: 52px;
	width: 300px;
	float: left;
}
#header #title-bar #logo p, #header-zm #title-bar #logo p, #header-env #title-bar #logo p{
	margin-top: 5px;
	color: #1A4D7A;
	font-size: 13px;
	margin-left:35px;
	margin-bottom:0px;
}
#header #title-bar #logo p #icon-phone, #header-zm #title-bar #logo, #header-env #title-bar #logo  {
	margin-right:10px;
}
#header #title-bar #balls{
	margin-top: 39px;
	float: left;
}
#header-zm #title-bar #hex{
	margin-top: 43px;
	float: left;
	width:434px;
	height:165px;
	margin-left:100px;
}
#header-env #title-bar{
	height:205px;
}
#header-env #title-bar #worlds{
	margin-top: 33px;
	float: left;
	height:170px;
	width:640px;
	padding-top:3px;
	margin-left:0px;
}
#page {
    width:820px;
    margin-right:auto;
    margin-left:auto;
    position: relative;
    top:-80px;
    height:100%;
    background-color:#ffffff;
    padding:20px;
  	padding-top:10px;
    text-align:left;
	background:  url('images/bg-page.gif');
	background-position: top;
	background-repeat:no-repeat;
}
#page-footer{
	background:url('images/bg-page-footer.gif');
	height:10px;
	width:858px;
	margin-right:auto;
    margin-left:auto;
	position: relative;
    top:-80px;
}
#page #homepage-content{
	width:510px;
	float:left;
}
#page #homepage-content h1,#page #homepage-tools h2{
	color:#1a4d79;
	background:none;
	margin-bottom:0px;
	font-size:18px;
	font-weight:normal;
}
#page #homepage-tools h2{
	border-bottom:1px solid #cccccc;
	padding-bottom:14px;
	margin-bottom:15px;;
}
#page #homepage-content #homepage-content-body{
	background:url('images/bg-homepage-content.jpg') no-repeat #c7d9e9;
	padding:15px;
}
#page #homepage-content #homepage-content-footer{
	background:url('images/bg-homepage-content-footer.jpg') no-repeat #c7d9e9;
	height:11px;
	width:510px;
}
#page #homepage-tools{
	float:left;
	width:290px;
	margin-left:20px;
}
#page #homepage-tools #homepage-news{
	
}
#page #homepage-expertise{
	background:url('images/expert-top.gif') no-repeat;
	padding:20px 20px 5px 20px;
}
#page #homepage-expertise-bottom{
	background:url('images/expert-bottom.gif') no-repeat;
	width:480px;
	height:14px;
}
#page .home-service{
	clear:both;
	height:65px;
}
#page .home-service img{
	float:left;
	margin-right:15px;
}
#page .home-service h3, #page .home-service p{
	margin:0px;
}
#page .home-service h3 a{
	text-decoration:none;
}
#searchsubmit{
	width:25px;
	height:19px;
	border:0px;
	background:url('images/bg-button.jpg');
	color:#ffffff;
}
#searchinput{
	height:13px;
	width:200px;
	border:1px solid #000000;
}
#page #homepage-content-body h2{
	background:url('images/bg-homepage-h2.gif') no-repeat;
	text-indent:25px;
	color:#1a4d79;
}
#page #homepage-tools h3{
	margin-bottom:5px;
}
#page #homepage-tools h3 a{
	text-decoration:none;
}
 h3 {
	font-size:15px;
}
#page #homepage-tools #homepage-news img{
	float:left;
	margin-right:10px;
	border:1px solid #cccccc;
	padding:2px;
	width:50px;
}
#page #homepage-tools #homepage-articles, #page #homepage-tools #homepage-news{
	margin-top:30px;
}
#page .breadcrumb{
	color:#1A4D7A;
	margin-top:0px;
	padding-top:0px;
	display:block;
	position:relative;
	left:-40px;
	margin-bottom:20px;
}
#page .breadcrumb li{
	display:inline;
	padding-right:10px;
}
#page .breadcrumb a{
	color:#F06A11;
}
/*#page #page-content img{
	border: 1px solid #cccccc;
	padding: 3px;
	margin-right: 10px;
	margin-left: 10px;
}*/
#page #page-content a{
	color:#F06A11;
}
#page #article-container{
    width:47%;
	padding-right: 3%;
    float:left;
}
#page #article-container #why-use h1{
	color: #1A4D7A;
	font-size: 17px;
	border: 0px;
	margin: 0px;
	margin-top: 20px;
}
#page #article-container #why-use p{
	margin-bottom: 10px;
}
#page #article-container #why-use a{
	font-weight: bold;
	color: #F06A11;
	text-decoration: undrline;
}
#page #article-container .posts .entry{
	height: 110px;
}
#page #article-container .posts img.entry-img{
	border: 1px solid #cccccc;
	padding: 2px;
}
#page #article-container .posts .entry .entry-head a{
	color: #425154;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
}
#page #article-container .posts .entry img{
	float: left;
	margin-right: 10px;
	clear: right;
}
#page #article-container .posts .entry img.entry-img{
	border: 1px solid #cccccc;
	padding: 2px;
}

#page #article-container .posts .entry p{
	margin:0px;
}
#page #navigation-container{
    width:47%;
    float:right;
}
#page #navigation-container #expertise-block h3{
	margin: 0px;
}
#page #navigation-container #expertise-block h3 a{
	background-image: url('images/arrow.gif');
	background-repeat: no-repeat;
	color: #405452;
	padding-left: 25px;
	text-decoration: none;
}
#page #navigation-container #expertise-block h3 a:hover{
	text-decoration: underline;
}
#page #navigation-container #expertise-block p{
	margin: 0px;
	color: #4598CA;
	margin-bottom: 15px;
	padding-left: 25px;
}
#page .post-headline{
	padding-left: 25px;
	margin-bottom: 15px;
    font-weight:200;
	background-image: url('images/file-icon.gif');
	background-repeat: no-repeat;
	vertical-align: top;
}
#page .post-headline a{
    color:#4997C8;
    font-weight:bold;
    text-decoration:none;
    font-size:13px;
}
#page .post-headline img{
    margin-right:10px;
    
}
#page .link-icon{
    margin-right:10px;
    float:right;
	position: relative;
	top: -20px;
}
#page .link-icon-inline{
    margin-left:10px;
	position: relative;
	top: 5px;
}
#footer-container{
	width:100%;
    height:57px;
	background-color:#213536;
	padding-top: 10px;
}
#footer{
    width: 950px;
    margin-left: auto;
    margin-right: auto;
}
#footer .title{
	color:#F06A11;
	font-weight: bold;
}
#footer ul li{
    float:left;
    height:35px;
    padding-right:7px;
    padding-left:7px;
    display:inline;
	vertical-align: text-bottom;
}
#footer ul li a{
	color:#4997C8;
	font-weight: bold;
	text-decoration: underline;
}
.cb {
    clear:both;
    font-size:0px;
    line-height:0px;
}
/* ************** page.php **************** */
#page .content{
	width: 67%;
	float: left;
}
#page .page-post h1, #page .content h1 a, #page .content h1{
	color: #1B4A76;
	font-size:20px;
	font-weight: 200;
	text-decoration: none;
	font-family: tahoma;
	background:none;
}
/*#page .page-post img,#page .content img{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}*/
/* ************** sidebar.php ************** */
#page .sidebar{
	width: 30%;
	float: right;
}
#page .sidebar ul{
	list-style: none;
}
#page .sidebar ul li{
	background-image: url('images/link-icon.gif');
	background-repeat:  no-repeat;
	background-position: 5px left;
	padding-left: 40px;
	line-height: 23px;
	list-style: none;
	border-bottom: 1px dashed #cccccc;
	margin-bottom: 10px;
	position: relative;
	left: -30px;
}
#page .sidebar ul li a{
	color:#1a4d79;
    font-weight:bold;
    text-decoration:none;
    font-size:13px;
}
#page .sidebar ul li ul.children li{
	border-bottom:0px;
	left: -65px;
	background-image:none;
}
#page .sidebar h2{
	margin-left: 10px;
	margin-top: 40px;
	color: #405452;
}
#page .sidebar .services li a{
	color:#F06A11;
}
.sidebar #searchform{
	margin-left: 10px;
}
#home #searchform{
	margin-left: 0px;
}
.sidebar #searchform input, #home #searchform input{
	width: 180px;
	font-size: 11px;
	border: 1px solid #000000;
}
.sidebar #searchform input#searchsubmit, #home #searchform input#searchsubmit{
	width: 25px;
	height: 18px;
	background:  url('images/search-go.png');
	border: 0px;
	color: #ffffff;
	font-weight: bold;
}
/* ************* path.php ******************** */
#page .path{
	color: #1C4D76;
}
#page hr{
	border: 0px;
	border-bottom: 1px solid #cccccc;
}
#page .path a{
	color:#F06A11;
	text-decoration: underline;
}
/* ************* categories.php ****************** */
.entry-img-block{
	/*height:80px;
	width:100px;
	float:left;*/
	float:left;
	width:75px;
	height:75px;
	border: 1px solid #cccccc;
	padding:2px;
	margin-right:10px;
}
#page #category-container .posts .entry{
	height: 110px;
	width: 95%;
}
#page #category-container .posts .entry .entry-head a{
	color: #425154;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
}
#page #category-container .posts .entry strong{
	color: #1A4D7A;
}
#page #category-container .posts .entry img{
	/*float: left;
	margin-right: 10px;
	clear: right;*/
	padding:0;
	margin:0;
	float:none;
}
#page #category-container .posts .entry img.entry-img{
	/*border: 1px solid #cccccc;
	padding: 2px;*/
}
#page #category-container h1{
	background: none;
}
/* ????? what did i put this in for?
#page #category-container .posts .entry p{
	margin:0px;
}
*/
#page #category-container h1{
	color: #1A4D7A;
	font-size: 17px;
	border: 0px;
	margin: 0px;
	margin-top: 20px;
}
#page #content #category-container .entry-brief a{
	color:#F06A11;
	text-decoration: underline;
	line-height: 21px;
}
#page #content #category-container .entry-brief img{
	float: left;
	margin-right: 10px;
	clear: right;
}
/* ************ related items plugin *************** */
#related-items h3{
	color: #1A4D7A;
	font-size: 16px;
	font-weight: 400;
	border: 0px;
	margin: 0px;
	margin-top: 20px;
}
#related-items ul li{
	background-image: url('images/link-icon.gif');
	background-repeat:  no-repeat;
	background-position: 0% 50%;
	padding-left: 40px;
	line-height: 23px;
	list-style: none;
	margin-bottom: 10px;
	position: relative;
	left: -30px;
}
#related-items ul li a{
	color:#F06A11;
	text-decoration: underline;
}
/* ************* search.php ******************* */
#page #content-search-results{
	float: left;
	width: 67%;
}
#page #content-search-results .post h3 a{
	color: #1B4A76;
	text-decoration: none;
}
#page #content-search-results a{
	color:#F06A11;
}

/* ************** category-39.php *************** */
#page #content #client-container h1{
	color: #1A4D7A;
}
#page #content #client-container .posts .post-left{
	width: 49%;
	float: left;
	vertical-align:top;
}
#page #content #client-container .posts .post-right{
	width: 49%;
	float: left;
	vertical-align:top;
}
#page #content #client-container .posts h2{
	clear: both;
	line-height: 35px;
	color: #405452;
}
#page #content #client-container .posts a{
	background-image: url('images/arrow-small.png');
	background-repeat:  no-repeat;
	background-position: 0% 10%;
	padding-left: 40px;
	line-height: 23px;
	margin-bottom: 10px;
	color:#F06A11;
}
/* **************** intouch plugin ******************* */
#intouchform{
	width: 95%;
}
#intouchform label{
	display: block;
	width: 150px;
	margin-top: 10px;
	font-weight: bold;
}
#intouchform input.default{
	display: block;
	width: 200px;
	margin-top: 10px;
	font-weight: bold;
}
#intouchform #usermessage{
	border: 1px solid #cccccc;
	margin: 20px;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	color:#F06A11;
}
#intouchform .default,#intouchform .error {
	width:300px;
}
/* ***************** linkfile.php plugin ******************* */
a.linkfile{
	background-image: url('images/arrow-small.png');
	background-repeat:  no-repeat;
	background-position: 0% 50%;
	padding-left: 30px;
	line-height: 23px;
	margin-bottom: 10px;
	color:#F06A11;
}

/* intoch */
/* Clear floats without structural markup
		   courtesy of htmldog.com/positioniseverything.net */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/* End hide from IE-mac */

div.intouch {
	margin: 20px auto 40px auto;
}

div.intouch  form {
	float: left;
	width: 100%;
}

div.intouch div.inputfield { 
	padding: 4px 0px;
	position: relative;
}

div.intouch label { 
	display: block;
	float: left;
	clear: left;
	width: 25%; 
	text-align: right;
}

div.intouch div.inputfield input, div.intouch div.inputfield textarea {
	float: left;
	margin-left: 10px;
}

div.intouch div.inputfield input {
	width: 40%;
}

div.intouch div.inputfield textarea {
	width: 50%;
}

div.intouch div.inputfield input.submitbutton {
	width: auto !important;
	padding: 2px;
	margin-left: 10px;
	left: 25%;
	position: absolute;
}

div.intouch div#usermessage {
	margin-bottom: 10px;
	text-align: center;
}

div.intouch .error {
	border: 1px solid #FF0000 !important;
	padding: 1px;
}
.balls-map{
	border:0px;
}
.key-words, #page #navigation-container #expertise-block .key-words{
	margin:0px;
	font-size:10px;
	padding-left:0px;
	color:#999;
}
.inputfield_clearfix{
	clear:both;
}
.inputfield_clearfix label{
	float:left;
	width:125px;
	height:25px;
	display:block;
}
 .required{
	float:left;
	width:65px;
	height:25px;
	display:block;
	margin-left:10px;
}
.inputfield_clearfix input, .inputfield_clearfix textarea{
	float:left;
}