/*
Theme Name: Bus Solution
Theme URI: http://thecodecentral.com
Version: 1.0
Author: Cuong Tham & contrastcreative
Author URI: http://thecodecentral.com

Description:  Theme designed by contrast creative ltd.: http://www.contrastcreative.co.uk Developed by http://thecodecentral.com
*/


@import 'reset.css';
@import 'dropdown.css';
.clear{
  clear:both;
}


strong{font-weight:bold;}
em{font-style:italic;}
entry. blockquote, .entry ul,.entry ol,.entry dl{margin:1em;}
.entry ol,.entry ul,.entry dl{margin-left:2em;}
.entry ol li{list-style:decimal outside;}
.entry ul li{list-style:disc outside;}
.entry dl dd{margin-left:1em;}


body{
  font-family: Helvetica,Verdana,Arial,sans-serif;
  background-color:#fff;
  font-size:12px;
}

.data_sheet {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
padding: 3px;
}

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


p{
  margin-bottom:1em;
}

#layer1Bg{
  background:url('images/top-bg.png') repeat-x;
}

#wrapper{ 
margin:0 0 0 35px;
width:910px;
}

#header{
  height:130px;
  position:relative;
  z-index:1000;
}
#header .logo{
  position:absolute;
  left:0;
  top:25px;
}

#topNav {
position: absolute;
right:0;
bottom:25px;
}
#topNav li{
float:left;
font-size:12px;
font-weight:bold;
padding:35px 15px 0 15px;
background:url('images/top-menu-divider.png') no-repeat top right;

}

#topNav a{
  color:#000;
}



/* column one */
#column-1{
  float:left;
  width:460px;
  position:relative;
  padding-right:250px;
}

#column-1.column-1-wide{
   width:710px;
   padding-right:0;
}

#column-1 .headerImage{

}

#column-1 h1{
color:#00afdb;
font-size:20px;
font-weight:bold;
margin:10px 0pt 20px;
} 

#column-1 h2{
color:#000000;
font-size:16px;
font-weight:bold;
margin:1.2em 0;
text-transform:uppercase;
}

#column-1 h3{
color:#000000;
font-size:13px;
font-weight:bold;
margin:.8em 0;
}
#column-1 h2.blue{
color:#000000;
font-size:16px;
font-weight:bold;
margin:10px 0;
padding:0 0 18px;
background:url('images/main-h2-bg.png') no-repeat left bottom;
text-transform:uppercase;
}

#column-1 h2.wide{
color:#000000;
font-size:16px;
font-weight:bold;
margin:10px 0;
padding:0 0 18px;
background:url('images/main-h2-bg-wide.png') no-repeat left bottom;
text-transform:uppercase;
}

#column-1 .homeFeed{
background:transparent url(images/rss-divider.png) no-repeat scroll 0 0;
height:23px;
padding-left:10px;
position:absolute;
right:15px;
top:197px;
z-index:1;
}


#column-1 a{
  text-decoration:underline;
}
#column-1 a:hover{
  text-decoration:none;
}

#column-1 .homeFeed img{
  padding-top:5px;
}
#column-1.products .postBlock{
  float:left;
  margin:0;
}

#column-1.products .postBlock img{
  margin-right:15px;
}

#column-1.products h2{
 color:#00afdb;
  background:none;
  padding:0;
}
#column-1 .caseBlock{
  width:220px;
  float:left;
  margin-left:15px;
  background:url('images/case-bg.png') repeat-x 0 180px;;
}
#column-1 .clientName{
  font-size:12px;
  border-bottom:1px solid #d3d3d3;
  padding:10px 0;
  margin: 0 10px;
}

#column-1 .caseDescription{
  
  padding:15px 10px 10px 10px;
  font-size:11px;
}
#column-1 .caseHeader{

background-color:#CCCCCC;
border:1px solid #BDBDBD;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
height:22px;
padding-left:12px;
padding-top:8px;

}
#column-1 .caseHeader a {
  color:#fff;
  text-decoration:none;
}
#column-1 .extraMeta{
  margin:12px 0;
  color:#a1a1a1;
  font-size:11px;
}
#column-1 .extraMeta a{
  text-decoration:underline;
}
#column-1 .social img{
  vertical-align:bottom;
}
#column-1 .extraMeta span{
  font-weight:bold;
  font-size:12px;
}
#column-1 .tagSeparator{
  vertical-align:middle;
  margin:0 8px;
}
#column-1  .featuredImage{
  float:left;
  margin-right:20px;
}
#column-1 .social{

  font-size:11px;
}
#column-1 .social a{
  margin:0 4px;
}
#column-1 .tags{
  margin-bottom:10px;
}

#column-1 .postBlock{
  background:url('images/article-block-bg.png') repeat-x left bottom;
  padding: 0 0 20px 0;
  margin: 0 0 25px 0 ;
}

#column-1 .postBlock ul{
  margin-left:1em;
}
#column-1 .postBlock li{
  background:url('images/bullet.png') no-repeat 0 4px;
  padding-left:15px;
}

#column-1 .infoBlock{
  float:right;
  margin:0 0 15px 15px;
  width:240px;
  color:#7b7b7b;
}


#column-1 .infoBlock h2{
 
background:transparent url('images/info-header-bg.png') no-repeat scroll left bottom; 
font-size:14px;
font-weight:bold;
margin:10px 0;
padding:0 0 18px;
color:#000;
}

#column-1 .infoBlock strong{
  color:#00afdb;
  font-weight:bold;
}
#column-1 .infoBlock ul{
  margin:0;
}
#column-1 .infoBlock li{
 background:none;
 border-bottom:1px solid #dbdbdb;
 padding:12px 0;
} 

#column-1 ul li{
  background: url('images/bullet.png') no-repeat 0 2px;
  padding-left:15px;
  margin:5px 0 8px 8px;
}


#column-1 .infoBlock .bullet li{
  background: url('images/bullet.png') no-repeat 0 15px; 
  padding-left:18px;
  margin:0;
}

#column-1 .firstBlock{
  padding-right: 255px;
}

#column-1.search h2{
  background:none;
  color:#00AFDB;
  margin:0 0;
padding:0 0 5px;
}

/* comments */
.commentHeader{
  color:#0e99c6;
  font-size:14px;
  padding-bottom:4px;
  border-bottom:6px solid #dedede;
  margin: 15px 0;
  font-weight:bold;
}
.commentHeader span{}

.commentBlock{
  padding:15px 2px;
  background-color:#fff;
  float:left;
  width:99%;
  margin-bottom:5px;
}
.commentBlock .author{
 color:#000;
}

.commentLeft{
 float:left;
 width:150px;
}
.commentLeft .author{
  font-weight:bold;
  color:#000;
  margin-bottom:8px;
}
.commentLeft .date{
color:#afafaf;
font-size:11px;
}
.commentRight{
  float:right;
  width:540px;
  line-height:1.5em;
  font-size:12px;
  color:#686868;
}
.commentRight p{
  margin:0;
}
.commentFormLeft{
  float:left;
  width:140px;
}

.commentFormRight{
  float:left;
  width:300px;
}

.commentFormGuestRight{
  float:right;
}

.commentFormRight textarea{
  width: 300px;
}
.commentBlock{
  border-bottom:1px solid #dedede;
}
.commentBlock .text{
  width: 125px;
}
.commentHelp{
  color:#afafaf;
  font-size:10px;
}

.commentBlock label{
  font-size: 12px;
  font-weight:bold;
  display:block;
  margin-bottom:10px;
}

#commentform{
  padding-top:15px;
}




/* column 2 */
#column-2{
margin:0;
width:240px;
background-color:#fff;
color:#7b7b7b;
position:absolute;
top:185px;
right:0;
}
#column-2.inNews{
  top:230px;
}

#column-2 h2 {
background:transparent url('images/news-header-bg.png') no-repeat scroll left bottom;
font-size:16px;
font-weight:bold;
margin:10px 0;
padding:0 0 18px;
color:#000;
}

#column-2 ul.bullet li{
 background:transparent url('images/bullet.png') no-repeat scroll left 9px;
 padding-left:15px;
 border-bottom:1px solid #dbdbdb;
 padding:5px 0 5px 15px;
}

#column-2 .rss{
  display:block; 
}

#column-2 .date{
  color:#b1b0b0;
}

#column-2 strong{
  font-weight:bold;
  color:#000; 
  text-transform:uppercase;
  font-size:11px;
}


#column-2 .newsBlock{
  margin-bottom:15px;
}

#column-2 .newsBlock strong a{
  color:#000;
  text-decoration:none;
}
#column-2 li.newsItem{
  background:url('images/icon-news.png') no-repeat;
  padding: 0px 10px 10px 35px; 
  border-bottom: 1px solid #dbdbdb;
  font-size:11px;
  margin:15px 0;
}
#column-2 .newsBlock .date{
  font-weight:bold;
  color:#b1b0b0;
  text-transform:uppercase;
  margin-bottom:2px;
}

#column-2  .blockHeader{
  border:1px solid #bdbdbd;
  background-color:#ccc;
  color:#fff;
  font-weight:bold;
  font-size:14px; 
  height:22px;
  padding-left:12px;
  padding-top:8px;
  text-align:left;
}

#column-2 .subscribeBlock{
  margin-bottom:15px;
}

#column-2  .subscribeBody{
  background:url('images/subscribe-bg.png');
  padding:12px;
} 
#column-2  .subscribeBody input.text{
  color:#737373;
font-weight:bold;
height:22px;
margin-bottom:8px;
padding-top:6px;
width:100px;
}

#column-2 .newsletterTextInput{
 color:#737373;
font-weight:bold;
height:22px;
margin-bottom:8px;
padding-top:6px;
width:200px;
}

#column-2 .bookmarkBody{
  text-align:center;
  background:url('images/subscribe-bg.png');
  padding:15px;
}
#column-2 .bookmarkBody img{
  margin-top:6px;
}

/* column 3 */
#column-3{
  float:right;
  width:180px;
  height:800px;
  background:url('images/sidebar-bg.png') no-repeat;
}


#column-3 .searchBlock{
   height:90px;
   background-color:#00afda;
   padding:16px 0 0 8px;
}

#column-3 .searchField{
  display:block;
  height:22px; 
  width:150px;
  color:#737373;
  font-weight:bold;
  padding-top:6px;
  margin-bottom:8px;
}

#column-3 .serviceBlock{
   
}

#column-3 .serviceBlock h2{
 height:22px;
   background-color:#ccc;
   padding:8px 0 0 8px;
   font-weight:bold;
   color:#fff;
}

#column-3 .serviceNav{
  padding:10px 0 20px 0;
}

#column-3 .serviceNav li{
 padding:9px 10px 10px 0;
}

#column-3 .serviceNav li a{
  background-color:#FFFFFF;
color:#000000;
font-weight:bold;
padding:8px;
text-decoration:none;
}




/* footer */
#footer{
  height:50px;
  font-size:11px;
  color:#666666; 
  height:120px;
  position:relative;
  margin-top:8px;
  border-top:8px solid #eaeaea;
}

#footer a{
  text-decoration:none;
  color:#00afdb;
}
#footer .smallLogo{
  position:absolute;
  top:25px;
  left:0;
}
#footer .address{
left:390px;
position:absolute;
top:20px;
}
#footer .contact{
 position:absolute;
right:165px;
top:20px;
}
#footer .menu1{
left:100px;
position:absolute;
top:20px;
  
}

#footer .menu2{
  left:230px;
position:absolute;
top:20px;
  
}

#footer .distributor{
 position:absolute;
  right:20px;
  top:15px;
} 


.wp-pagenavi{
  margin:10px 0;
}
.breadcrumb{
  color:#929292;
  border-bottom:1px solid #d4d4d4;
  padding:10px 0;
  margin-bottom:10px;
  width:710px;
}
.breadcrumb  img{
  vertical-align:middle;
  padding:0 8px;
}

.alignright {
  float:right;
}

.alignleft{
  float:left;
}