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

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-smooth: always;}
	

#bodyWrap {
	background:url(../images/layout/bg.png) repeat-x top left #FFFFFF;}
	
#bodyWrap2 {
	background:url(../images/layout/bg2.png) repeat-x top left #FFFFFF;}
	
	
/*//////////////////Header layout///////////////////*/
	
#topWrapper {
	width:940px;
	margin:0 auto;
	padding:0 10px;}
	
#topWrapper #logo {
	background:url(../images/layout/logo.png) no-repeat top left;
	width:248px;
	height:147px;
	float:left;}

#topWrapper #login {
	margin:0;
	float:right;
	padding-top:15px;
	padding-right:5px;}
	
#topWrapper #nav {
	float:right;
	width:610px;	
	margin-top:70px;
	white-space:nowrap;}
	
/*////////////////// menu layout ///////////////////*/

#menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  font-family: 'Arial Black', Gadget, sans-serif;
  font-size:14px;}
  
#menu li {
	float: left;
	position: relative;
	margin:0 3px;
	padding:0;
	background: none;
	z-index:50;}

/*//////////////////banners layout///////////////////*/

#bannerWrap {
	background:url(../images/layout/header-bg.jpg) no-repeat 50% 0;
	height:440px;
	padding-top:30px;}

#slider1 {
	width:940px;
	margin:0 auto;
	padding-top:15px;}
	
#pagetitleWrap {
	background:url(../images/layout/header-bg2.jpg) no-repeat 50% 0;
	height:79px;}

#pagetitle {
	width:940px;
	margin:0 auto;
	padding-top:25px;
	padding-left:15px;}


/*//////////////////home content layout///////////////////*/

#contentWrapper {
	width:960px;
	margin:0 auto;
	padding:0;}

#greenFleet {
	margin-top:20px;
}

#contentWrapper #LeftColumn {
	width:460px;
	margin:0 10px;
	float:left;
}

#contentWrapper #LeftColumn #ctsadvWrap {
	/*background-image: url(../images/layout/cts-advantage.png);*/
	background-repeat:no-repeat;
	background-position:right 50px;
	background-attachment: inherit;}

#contentWrapper #rightColumn {
	width:460px;
	float:left;
	margin:0 10px 10px 10px;}
	
#contentWrapper #rightColumn #quote {
	background-image:url(../images/layout/quote-top.png);
	background-repeat: no-repeat;
	background-position: 0 50px;
	background-attachment:inherit;
	padding:0;
	margin:0;}
	
#contentWrapper #rightColumn #videoWrap {
	background:url(../images/layout/vid-bg.png) repeat-y;}
	
#contentWrapper #rightColumn #videoWrap #videoTop {
	background:url(../images/layout/vid-top.png) no-repeat top left;
	height:17px;}
	
#contentWrapper #rightColumn #videoWrap #videoPlayer {
	padding:0 0 0 20px;}
	
#contentWrapper #rightColumn #videoWrap #videoBottom {
	background:url(../images/layout/vid-btm.png) no-repeat top left;
	height:17px;}
	
.smFeatureWrap {
	width:300px;
	float:left;
	margin:10px;}
	
#roi {
	background:url(../images/layout/feature-sm-roi.png) no-repeat top left;
	height:209px;
	padding:8px 0 8px 5px;}
	
#sm-vid {
	background:url(../images/layout/feature-sm-vid.png) no-repeat top left;
	height:209px;
	padding:8px;}
	
#news {
	background:url(../images/layout/feature-sm-news.png) no-repeat top left;
	height:209px;
	padding:8px;}
	
	
/*//////////////////footer layout///////////////////*/

	
#footer {
	background:url(../images/layout/footer-bg.png) no-repeat 50% 0;
	height:255px;}
	
#footerWrap {
	width:960px;
	padding:0;
	margin:0 auto;}
	
.footerInfo {
	width:210px;
	margin:10px;
	float:left;
	padding-left:10px;}
	
	
/*//////////////////secondary page content layout///////////////////*/

#sideBar {
	width:221px;
	float:left;
	margin:15px 0 20px 20px;
	padding-bottom:20px;
	background:#e3e3e3;
	border:1px solid #c7c7c7;}

#leftContent {
	width:680px;
	float:left;
	margin:20px 0 20px 20px;}
	
#mainContent {
	width:920px;
	float:left;
	margin:20px;}

/*//////////////////slideshow layout///////////////////*/


#myController span{
	background:#FFF;
	cursor:pointer;}

#jFlowSlide{
}

#myController span.jFlowSelected {
background:#F00;}

.jFlowPrev, .jFlowNext{
cursor:pointer;}

#slide-top { 
	background:url(images/slides-top.png) no-repeat; 
	height:14px; 
	width:459px; 
	margin:0 auto;}
	
#slideshow { 
	width:900px; 
	margin:0 auto; 
	padding:0; }
	
#slide-btm { 
	background:url(images/slides-btm.png) no-repeat; 
	height:14px; 
	width:459px; 
	margin:0 auto;}

#prevNext { 
	margin:-240px auto 0 auto; 
	width:980px; 
	position:relative; 
	z-index:25; 
	background:transparent;}
	
.hidden { 
	display:none;}

.jFlowPrev { 
	float:left;
	background: url(../images/previous.png) no-repeat 0 -56px;
	width:52px;
	height:56px;
	margin:0;
	padding:0;
	border:none;}

.jFlowPrev:hover {	
	background-position:0 -1px; }

.jFlowNext { 
	float:right;
	background: url(../images/next.png) no-repeat 0 -56px;
	width:52px;
	height:56px;
	margin:0;
	padding:0;
	border:none;}

.jFlowNext:hover {	
	background-position:0 -1px; }
	
/*end slideshow styles*/

.clear { clear:both;}