/*Umasankar*/
body{background:url(images/bg.jpg) center top no-repeat #ffffff;
	margin-top:10px;
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;
	color:#FFFFFF;
	}
a{outline:none;
	text-decoration:none;
	color: #f95902;
	}
a:hover{outline:none;
	text-decoration:none;
	color: #ffffff;
	}
.menu{margin:0px;
	padding:0px;
	font-family: Arial,Tahoma, Verdana;
	}
.menu ul{margin:0px;
	padding:0px;
	list-style:none;
	}
.menu ul li{ border-right:#666666 solid 1px;
	padding:0px 15px 0px 15px;
	color:#FFFFFF;
	display:inline;
	}
.menu a{color:#FFFFFF;
	text-decoration:none;
	}
.menu a:hover{color: #f95902;
	text-decoration:none;
	}
.bordertop{background:url(images/border_top.gif) repeat-x;
	}
.footer{padding:10px 5px 10px 5px;
	color:#666666;
	background-color:#000000;
	}
.headertext{font-size:24px;
	padding-bottom:8px;
	border-bottom:#666666 solid 1px;
	color:#FF6600;
	} 
	
/*gallery*/

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 937px; /*Width of Carousel Viewer itself*/
height: 440px; /*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:0px 10px 0px 0px;/*margin around each panel*/
width:937px; 
background-color: #FF6600;
height:441px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.footertext{padding:5px 50px 5px 50px;
	color:#FFFFFF;
	}
.tip-tip-tip { background-color:#000000;
padding:15px 5px 15px 5px ;
border:1px solid #000000;
color:#FFFFFF;
float:left;
font-weight:bold;
}
/* end gallery*/