﻿/* ADD Any additional Home Page Styles or overrides here*/
		.clientBar {float:left; width:960px; height:83px; background:transparent url(../images/client-bar-back.png) repeat-x scroll 0 0; margin:10px 0; display:block;}
		.clientBar p {font:11px/normal Helvetica; text-align:right; float:left; width:140px; color:#717171; margin-top:20px;}
		.clientBar p .big {font:23px/normal Helvetica; color:#2f2f2f;}
		.clientBar a, #clientBar a:active, #clientBar a:hover, #clientBar a:link, #clientBar a:visited {color:#2e5a78 !important; font-size:11px; text-decoration:none;}
		.clientBar a:hover {text-decoration:underline;}
		.clientBar img {margin-top:8px;}
		
		.recentWork, .ourService  {width:225px; padding:0 25px 20px 0; float:left;}
		.recentWork.last, .ourService.last {padding:0 0 20px 0;}
		.recentWork img{display:block;}
		.recentWork h3 {font:bold 13px/19px Helvetica; border-bottom:#ededed 1px solid;}
		.recentWork h3 a {font:bold 13px/19px Helvetica; color:#000000;text-decoration:none;}
		.recentWork p, .ourService p {font:12.5px Helvetica; color:#343434; clear:both;}
		.ourService img {float:left;}
		.ourService a {float:left; margin:auto 10px 10px 0;}
		.ourService h3 {font:bold 15px/19px Helvetica; color:#464646; float:left; margin:0; width:100px;}
		.ourService h3 a {font:bold 15px/19px Helvetica; color:#464646; float:left; text-decoration:none;margin-top: 25px;}
		
		.RightCol-without-right {float: left;
    min-height: 250px;
    width: 725px !important;}
    /*HomepageSlider--------------------------------------------------------------------------------Start*/	
.stepcarousel{
	position: relative; /*leave this value alone*/
	padding:0px;
	margin:0px;
	overflow: scroll; /*leave this value alone*/
	width: 800px; /*Width of Carousel Viewer itself*/
	height: 75px; /*Height should enough to fit largest content's height*/
	border:0px solid blue;
}
.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	/*margin around each panel*/
	width: 134px;
	padding-left:0px;
	border:0px solid red;
 /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.stepcarousel .panel ul{
	width:134px;
	padding:0px;
	margin:0px;
	list-style:none;
}
.stepcarousel .panel ul li{
	width:134px;
	margin:0 15px 0 0;
	padding:0px;
	float:left;
	list-style:none;
	text-align:center;
}
.stepcarousel .panel ul li a{
	margin:0 15px 0 0;
	padding:0px;
	font-size:13px;
	font-weight:bold;
	color:#176807;
	text-decoration:none;
}
.stepcarousel .panel ul li a:hover{
	color:#8eb41a;
}
/*HomepageSlider--------------------------------------------------------------------------------End*/	
/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
width: 100%; 
height: 75px; 
/*margin-top:8px; */
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
/*top: 8px;*/
width: 100%;
height:75px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;
float:left;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
list-style:none;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 20px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 