/* Start of CMSMS style sheet 'carousel' */
.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 550px; /*Width of Carousel Viewer itself*/
	height: 516px; /*Height should enough to fit largest content's height*/
	margin-top:-10px;
	float:left;
}

.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*/
	width: 550px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height:520px;
	position:relative;
}

.stepcarousel .panel .projectDetails {
	float:left;
	width:310px;
	margin:315px 0 0 10px;
	color:#333;


}
.stepcarousel .panel .projectDetails .title {
	font-size:15px;
	font-weight:bold;
	color:#506264;
	font-family:Arial, Helvetica, sans-serif;
}

.stepcarousel .panel .projectDetails p {
	margin-top:5px;

}
.stepcarousel .panel .projectDetailsRight {
	float:left;
	width:190px;
	margin:315px 0 0 16px;
	color:#333;
	z-index:0;
	position:relative;
	font-size:12px;
	line-height:12px;
}

.stepcarousel .panel .projectDetailsRight .title {
	font-size:12px;
	font-weight:bold;
	margin:0 0 5px 0;
	font-family:Arial, Helvetica, sans-serif;
}
.stepcarousel .panel .projectDetailsRight p {
	margin:0 0 6px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}


.stepcarousel .panel .projectImg {
	position:absolute;
	top:0px;
	left:4px;
}
.lightbox img{
	border:3px solid #bbbbbb;
	}
.lightbox img:hover{
	border:3px solid #415656;
	}
 .portfolio
{
line-height:12px;
font-size:11px;
height:40px;
}
.portfolio a
{
line-height:12px;
font-size:11px;
height:40px;
}
.left{
float:left;
margin-top:8px;
margin-right:5px;
}
a.numb{
	background:url(images/cms/numb.gif) top left no-repeat;
	width:20px;
	height:20px;
	line-height:20px;
	margin:5px 3px 0 0;
	float:left;
	text-decoration:none;
	text-align:center;
	}
a.numb:hover{
	background:url(images/cms/numb-hover.gif) top left no-repeat;
color:#666666;
	}
/* End of 'carousel' */