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

body{
	margin:0;
	padding:0;
	
}

a{
	font-family:Verdana, Geneva, sans-serif;
	color:#333;
	font-size:12px;
	text-decoration:none;
}

.topmenu{
	float:left;
	height:30px;
	width:650px;
	padding-top:10px;
	padding-left:17px;
	text-align:right;
}

.menuseparator{
	float:left;
	padding:0px 20px;
}

.banner{
	height:315px;
	width:960px;
	float:left;
}
	
.ourworks{
	width:960px;
	height:100px;
	float:left;
}
.ourworks img{
	border:1px solid #FFF;
	padding:0px 5px;
}

.ourworks img:hover{
	border:1px solid #CCC;
}

.followus{
	float:left;
}

.followus img{
	padding:2px;
	float:left;
	border:0px;
}

.box{
	height:350px;
	width:960px;
	padding-top:15px;
	}

.topmenu a{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:10pt;
	text-decoration:none;
	padding-bottom:10px;
}

.topmenu a:hover{
	color:#CCC;
}

.testimonial{
	height:240px;
	width:960px;
	float:left;
}

.testimonial_text{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10pt;
	color:#999;
	font-style:italic;
	text-align:left;
}

.footer{
	height:200px;
	width:960px;
		float:left;
}

.footer a, p{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:10pt; 
	color:#FFF; 
	text-decoration:none; 
		line-height:150%;
	
}

.footer a:hover{
	color:#CCC;
}

.reco{
	padding-top:40px;
	padding-left:120px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#387CB9;
	font-style:italic;
}

.maintext{
	font-family:Verdana, Geneva, sans-serif; 
	font-size:10pt; 
	color:#666; 
	text-align:left;
	text-decoration:none; 
	line-height:150%;
	padding:15px;
}

.head3{
	padding-top:20px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:16pt; 
	color:#FFF; 
	text-align:center;
}
.head2{
	padding-top:0px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:16pt; 
	color:#06C; 
	text-align:left;
	padding-left:10px;
}

.headlink {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12pt; 
	color:#000; 
	
}
.headlink a{
	padding-top:0px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:10pt; 
	color:#06C; 
	text-align:left;
	padding-left:10px;
	text-decoration:none;
}

.services  a{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#666;
	line-height:15px;
	text-align:left;
}
.services  ul{
	list-style-type:none;
}

.services a:hover{
	color:#000;
}




.stepcarousel{
position: relative; /*leave this value alone*/
border: 1px solid white;
overflow: scroll; /*leave this value alone*/
width: 750px; /*Width of Carousel Viewer itself*/
height: 98px; /*Height should enough to fit largest content's height*/
}

.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: 10px; /*margin around each panel*/
/*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel .panel:hover{
	border:1px solid #CCC;
}