/*   
Theme Name: Complete Innovations
Description: Custom Theme for Complete Innovations
Author: Salt & Pepper Design
Author URI: http://addsaltandpepper
Template: thematic
Version: 1.0
.
*/
/* Add a basic layout */
@import url('../thematic/library/layouts/3c-fixed.css');

body { 
/*	background:url(../thematic/library/grids/960_grid_12_col.gif) repeat-y top center; */
	color: #333; 
}
li a,
p a {
	color: #014e85;
}
h1 {
  display: inline;
  font-weight: bold;
}
#header {
	width: 940px;
	margin:25px auto 5px auto;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
}

#branding {
	width:270px;
	display: inline;
	float: left;
	margin:0;
	background: url('images/header-logo.gif') no-repeat scroll top left;
	height: 61px;
	padding: 0;
}
#blog-title a {
	display: block;
	width:150px;
	height: 61px;
}
#blog-title a span {
	display: none;
}
#access ul.sf-menu { /*top nav*/
	display: inline;
	float: left;
	list-style-type: none;
	background: url('images/top_nav-bg.png') no-repeat scroll top left;
	width: 660px;
/*	height: 52px;*/
	padding: 0 5px;
	margin: 5px 0 0 0;
	position: relative;
}
#access {
	overflow: visible;
	height: 50px;
}
#access ul li {
	display: inline;
	float: left;
	line-height: 50px;
	font-size: 16px;
	color: #004972;
	position: relative;
}
#access ul li a {
	color: #004972;
	text-decoration: none;
	font-weight: bold;
	height: 50px;
	display: block;
	padding: 0 22px;
}
#access ul li ul {
	display: none;
	position: absolute;
	background: #e4e4e4 url('images/drop-down-bg.png') repeat-x;
/*	background: #e4e4e4;*/
/*	background: #fff;*/
	z-index: 1000;
	margin: 0;
/*	padding-left: 21px;*/
	padding-left: 12px;
	margin-top: -10px;
	margin-left: 10px;
}
#access ul li ul li {
	clear: left;
	height: 24px;
	min-width: 100px;
/*	min-width: 160px;*/
	font-size: 11px !important;
	line-height: 24px !important;
}
#access ul li ul li a {
	padding: 0;
	height: 24px;
	font-size: 11px !important;
	line-height: 24px !important;
	color: #333;
	font-weight: normal;
}
#belowheader {
	margin: 0 auto;
	width: 940px;
}
#breadcrumbs {
	font-size: 11px;
	width: 850px;
	display: inline;
	float: left;
}
#breadcrumbs strong,
#breadcrumbs h1 {
	color: #000;
}

#breadcrumbs a {
	text-decoration: none;
	color: #333;
}
#contact_number {
	color:#004972;
	width: 90px;
	font-weight: bold;
	display: inline;
	float: right;
	text-align: right;
}
/* page-template-homepage-php */

.sub-header {
	color: #fff;
	background: url('images/sub-header-bg.jpg') no-repeat scroll top left;
	width: 900px;
	height: 120px;
	padding: 18px 20px 0 20px;
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
	letter-spacing: -1px;
}
.sub-header-bigger {
	color: #fff;
	background: url('images/sub-header-bigger-bg.jpg') no-repeat scroll top left;
	width: 900px;
	height: 155px;
	padding: 18px 20px 0 20px;
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
	word-spacing: -3px;
}
.sub-header-bigger span {
	opacity: 0.99;
	-moz-opacity: 0.99;
	filter:alpha(opacity=0.99);
}
.sub-header-box {
	display: inline;
	float: left;
	background: url('images/sub-header-box-bg.jpg') no-repeat scroll top left;
	padding: 18px 20px 18px 20px;
	width: 260px;
	height: 289px;
	margin-right: 10px;
}
.company-header-box {
	background: url('images/sub-header-box-company-bg.jpg') no-repeat scroll top left;
	width: 260px;
	height: 454px;
}

.page-template-homepage-php #content {
	margin: 0;
	
}
.page-template #content {
	margin: 0;
	width: 940px;
}
.single #content {
  margin: 0;
  width: 940px;
}
.entry-title { 
	display: none;
}
.home_panel {
	background: url('images/home-panel-bg.png') no-repeat scroll top left;
	width: 260px;
	height: 175px;
	display: inline;
	float: left;
	margin:0 10px;
	margin-bottom: 20px;
	padding: 0 20px 10px 20px;
}
.home_panel h2 {
	text-transform: capitalize;
	color: #333;
	font-size: 23px;
	font-weight: bold;
	line-height: 33px;
	border-bottom: 1px solid #929292;
	margin-bottom: 10px;
}
.home_panel h3 {
	font-size: 12px;
}
.home_panel h3 a {
	color:#09548a;
	text-decoration: none;
	font-weight: bold;
}
.home_panel a.date_link {
	font-size: 10px !important;
	text-decoration: none;
	color: #000;
}
#in-the-news-panel {
	margin-left: 0;
}
#key-awards-panel {
	margin-right: 0;
}

.partners p,
.case-studies p,
.careers p,
.values p {
	display: inline;
	float: left;
	line-height: 1.2em;
}
.contact-support {
	background: url('images/building.jpg') no-repeat scroll top left;
	width: 300px;
	height: 211px;
	display: inline;
	float: left;
	margin-right: 10px;
}
/*.wpcf7 {
	width: 450px;
}
*/
.wpcf7 {
	width: 440px;
}
.wpcf7 p {
	clear: left;
}
.wpcf7-checkbox {
  width: 325px;
  display: block;
}
.wpcf7-list-item {
	margin-left: 0 !important;
	width: 102px;
	display: inline;
	float: left;
}

.company {
	display: inline;
	float: left;
	width: 620px;
	margin-left: 10px;
}
div.fact {
	display: inline;
	float: left;
	width: 620px;
	margin-left: 10px;
}
div.fact-img {
	display: inline;
	float: left;
	width: 300px;
	margin-right: 10px;
}
div.case-study {
  display: inline;
  float: left;
  width: 620px;
  margin-left: 10px;
}
div.case-study-img {
  display: inline;
  float: left;
  width: 300px;
  margin-right: 10px;
}
div.category-professional-services {
  display: inline;
  float: left;
  width: 940px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
div.professional-service {
  display: inline;
  float: left;
  width: 620px;
  margin-left: 10px;
}
div.professional-service-img {
  display: inline;
  float: left;
  width: 300px;
  margin-right: 10px;
}
div.professional-services-page-description {
  width: 900px;
  margin-bottom: 40px;
}
div.professional-services-page-description h4 {
  color:#0090C8;
  font-size:18px;
  font-weight:bold;
  padding-bottom: 10px;
  border-bottom: 1px solid #d7d7d7;
  margin-top: 30px;
  margin-bottom: 10px;
  margin-left: 325px;
}
div.professional-services-page-description p {
  font-size: 16px;
  margin-left: 1em;
}
div.professional-services-page-description li {
  font-size: 16px;
  line-height: 26px;
  margin-left: 2em;
}
.news {
	display: inline;
	float: left;
	width: 620px;
	margin-left: 10px;
}
.contacts {
	display: inline;
	float: left;
	width: 620px;
	margin-left: 10px;
}

.product-columns {
	display: inline;
	float: left;
	background: url('images/product-column-bg.png') repeat-y;
	width: 950px;
}
#product-links {
	clear: left;
}
.description {
	display: inline;
	float: left;
	width: 300px;
/*	padding-left: 22px;
	padding-right: 20px;
*/	
	margin-right:10px;
	margin-left: 10px;
}
.description h2 {
	
	font-size: 24px;
	line-height: 24px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 90px;
	margin-bottom: 20px;
}
.description p {
	margin-left: 20px;
	margin-right: 20px;
}
#product-descriptions .courier-complete {
	background: url('images/product-cc-bg.png') no-repeat scroll top left;
	margin-left: 0;
}
#product-descriptions .fleet-complete {
	background: url('images/product-fc-bg.png') no-repeat scroll top left;
}

#product-descriptions .fuel-fast {
	background: url('images/product-ff-bg.png') no-repeat scroll top left;
}

.company-facts {
	width: 940px !important;
	display: inline;
	float: left;
}
#product-links div {
	display: inline;
	float: left;
	width: 300px;
	height: 257px;
	margin-right: 10px;
	margin-left: 10px;
}
#product-links div a span {
	display: none;
}

#product-links div a {
	display: block;
	width: 300px;
	height: 257px;
}

#product-links .courier-complete {
	margin-left: 0;
	background: url('images/product-cc-link.jpg') no-repeat scroll top left;
}
#product-links .fleet-complete {
	background: url('images/product-fc-link.jpg') no-repeat scroll top left;
}
#product-links .fuel-fast {
	background: url('images/product-ff-link.jpg') no-repeat scroll top left;
}

.partners .hentry,
.case-studies .hentry,
.contact .hentry,
.careers .hentry,
.company-facts .hentry,
.case-studies .hentry,
.values .hentry {
	clear: left;
	display: inline;
	float: left;
	border-top: 1px solid #ccc;
	margin-bottom: 0;
	padding-bottom: 15px;
	padding-top: 25px;
	width: 960px;
}
.news .hentry {
  clear: left;
  display: inline;
  float: left;
/*  border-top: 1px solid #ccc;*/
/*  margin-bottom: 0;*/
  border-bottom: 1px solid #ccc;
  margin-bottom: 25px;
  padding-top: 25px;
  width: 620px;
}
.news-archives .hentry {
  clear: left;
  display: inline;
  float: left;
/*  border-top: 1px solid #ccc;*/
/*  margin-bottom: 0;*/
/*  border-bottom: 1px solid #ccc;*/
  margin-bottom: 0;
  padding-top: 0;
  width: 620px;
}
.news-archive .hentry {
  clear: left;
  display: inline;
  float: left;
/*  border-top: 1px solid #ccc;*/
/*  margin-bottom: 0;*/
  border-bottom: 1px solid #ccc;
  margin-bottom: 25px;
/*  padding-top: 25px;*/
  width: 620px;
}
.value {
	padding-bottom: 20px;
}
.values .hentry {
	width: 620px;
}
.partners .p1,
.careers .p1,
.contact .p1 {
	border-top: none;
	padding-top: 0;
}
.video-players h2,
.partners  h2,
.company  h2,
.careers  h2,
.contact  h2,
.company-facts  h2,
.case-studies  h2,
.news  h2,
.news-archives  h2,
.news-archive  h2,
.values h2,
.professional-services h2, #written-case-study, #video-case-study {
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 20px;
	color: #333;
	font-weight: bold;
}
#written-case-study, #video-case-study{
	margin: 20px 0 0;
}
.category-professional-services h2, #video-case-study {
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

div.career-support {
	border-bottom: 1px solid #ccc;]
	position: relative;
	display: inline;
	float: left;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
div.career-support-img {
	background: url('images/career-support.jpg') no-repeat scroll top left;
	width: 300px;
	height: 206px;
	display: inline;
	float: left;
}

div.become-dealer-support-img {
	display: inline;
	float: left;
	background: url('images/become.jpg') no-repeat scroll top left;
	margin-top: 0;
	width: 285px;
	height: 205px;
}
div.partner-img {
	display: inline;
	float: left;
	width: 300px;
	margin-right: 10px;
}
div.partner {
	display: inline;
	float: left;
	width: 620px;
/*	margin-left: 10px;*/
}

#some_customers {
	background: url('images/some-of-our-customers.jpg') no-repeat scroll top left;
	width: 940px;
	height: 94px;
}
.page-description {
	display: inline;
	float: left;
	width: 620px;
	margin-left: 10px;
	color: #333;
}
p {margin-bottom: 1.2em;}
.page-description h2 {
	font-size: 24px;
	margin: 20px 0;
	font-weight: bold;
}
.page-description ul {
	margin: 0 14px;
}
.entry-content h3,
.page-description h3,
.page-description li {
	color: #024f86;
	font-size: 16px;
	margin: 0 0 20px 0;
	font-weight: bold;
}
.professional-services-page-description h3 {
  margin-left: 15px;
  margin-top: 30px; 
}
#in-the-news-panel h3 {
	font-size: 12px;
	margin-bottom: 0;
}

#values-support {
	margin: 0 10px 0 0;
	display: inline;
	float: left;
	background: url('images/employees-diagram.jpg') no-repeat scroll top left;
	width: 273px;
	height: 273px;
}

.values .list {
	width: 620px;
	margin:0 0 0 10px;
	display: inline;
	float: left;
}
.careers .list {
	width: 620px;
	margin:0 0 0 310px;
	display: inline;
	float: left;
}
.become-dealer .list {
	width: 620px;
	margin:0 0 0 10px;
	display: inline;
	float: left;
}

#news-support {
	background: url('images/news.jpg') no-repeat scroll top left;
	width: 300px;
	height: 437px;
	margin: 0 10px 0 0;
	display: inline;
	float: left;
}
.news {
    width: 620px;
  /*  margin:0 0 0 310px;*/
    display: inline;
    float: left;
}
.news .list {
  width: 620px;
/*  margin:0 0 0 310px;*/
  display: inline;
  float: left;
}
.news h3 {
  font-weight: bold;
  margin-bottom: 1em;
}
.news-archives, .news-archive {
    width: 620px;
  /*  margin:0 0 0 310px;*/
    display: inline;
    float: left;
}
.news-archives .list {
  width: 620px;
/*  margin:0 0 0 310px;*/
  display: inline;
  float: left;
}
.news-archives h3 {
  color: #333;
  font-weight: bold;
  padding-bottom: 0;
  margin-bottom: 0;
/*  border-bottom: 1px solid #ccc;*/
}
.news-archives h3 a {
  color: #014e85;
  text-decoration: none;
}
.news-archives h3 a:hover {
  text-decoration: underline;
}
.news-archive h3 {
  color: #333;
  font-weight: bold;
  padding-bottom: 1em;
  border-bottom: 1px solid #ccc;
}
a.pdf_link {
	display: block;
	background: url('images/download-pdf.png') no-repeat scroll top left;
	width: 111px;
	height: 28px;
	margin-bottom: 5px;
}
a.pdf_link span {
	display: none;
}
a.readmore_link {
	display: block;
	background: url('images/read-more-btn.png') no-repeat scroll top left;
	width: 99px;
	height: 28px;
}
a.readmore_link span {
	display: none;
}
.video-players {
	display: inline;
	float: left;
	width: 937px;
	height: 531px;
	margin: 20px 0 25px 0;
	background: url('images/video-skin-background.png') no-repeat scroll top left;
}
.testimonial-video {
	display: inline;
	float: left;
	width:300px;
	margin-right: 10px;
}
.video-testimonial {
	display: inline;
	float: left;
	width: 620px;
	margin-left: 10px;
}
.video-testimonial  em {
	color: #024f86;
}
/*.video-players .hentry {
	margin: 0;
	display: inline;
	float: left;
	width: 400px;
	font-size: 12px;
	line-height: 14px;
	color: #333;
}*/
.pdf-break {
	width: 140px;
	display: inline;
	float: left;
}
#fatfooter {
	width: 920px;
	margin: 10px auto 5px auto;
	height: 89px;
	padding: 20px 10px;
	border-bottom: 1px solid #ccc;
	background: #fff url('images/fatfooter-bg.png') no-repeat top left;
	font-size: 11px;
	line-height: 14px;
}
#fatfooter a {
	text-decoration: none;
	color: #666;
}
#fatfooter .top-level {
	font-weight: bold;
	color:#000;
}
#fatfooter .fat-nav {
	display: inline;
	float: left;
	width: 130px;
	padding-left: 10px;
	margin: 0 10px;
}
#fatfooter ul {
	margin: 0;
	list-style-type: none;
}
#fatfooter ul li {
	display: inline;
	float: left;
}
#fatfooter ul li a {
	display: block;
	width: 115px;
}
#fatfooter .double-wide {
	width: 270px;
}
#fatfooter .double-wide ul li a {
	width: 135px;
}
#footer-home {
	padding-left: 0 !important;
	margin-left: 0 !important;
}
#footer-home a {
	display: block;
	background: url('images/fatfooter-logo.png') no-repeat scroll top left;
	width: 71px;
	height: 20px;
	padding-top: 39px;
}

#footer {
	font-size: 10px;
}

.clearfix {
	clear: both;
}

#attachments {
border:0 none;
float:left;
height: 94px;
margin-left: 175px;
overflow:hidden;
position:relative;
width:760px;
}

#attachments .items {
display: inline;
float: left;
clear:both;
position:absolute;
/*width:20000em;*/
width: 5000px;
}

#attachments .items img {
  display: block;
  float: left;
}

#some_customers .browse {
  display: none;
}

/* youtube embed */
#youtube_video {
	display: inline;
	float: left;
	margin: 5px 0 0 6px;
	background: url('images/left-content-video-skin.png') no-repeat scroll top left;
	height: 520px;
	width: 507px;
}
#youtube_list {
	display: inline;
	float: left;
}
#youtube_list ul {
	margin-left: 15px;
	margin: 5px 0 0 15px;
	overflow-y: auto;
	width: 407px;
	height: 519px;
}
#youtube_list li {
	list-style-type: none;
	background: url('images/video-thumb-background.png') no-repeat top left;
	width: 390px;
	height: 104px;
}
.video-desc {
	margin-top: 2px;
	min-height: 40px;
}
.video-thumb-link {
	clear: left;
	display: inline;
	float: left;
	display: block;
	padding: 5px 0;
	background: url('images/video-thumbnail-background.png') no-repeat top left;	
	width: 128px;
	height: 94px;
	margin-right: 8px;
}
.video-thumb-details {
	width: 380px;
	float: none;
}
.video-thumb-details strong{
	color: #005c86;
}
.video-thumb-details p{
	margin-top: 2px;
	font-size: 10px;
	line-height: 12px;
}
#youtube_video object{
	position: relative;
	top: 4px;
	left: 4px;
}
#youtube_video .video-title{
	color: #005C86;
	font-weight: bold;
	margin: 6px 0 0 7px;
}
#youtube_video .video-desc{
	margin-left: 7px;
	font-size: 10px;
	line-height: 12px;
	overflow-y: auto;
	width: 98%;
	height: 60px;
}
#youtube_list a img {
	border: 0;
	position: relative;
	top: -1px;
	left: 4px;
}