/* set all the styles to 0 */
html, body, table, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
/* Firefox will always display a scroll bar */
html {
	min-height: 100%;
	margin-bottom: 1px;
}
html, body {
	height:100%;
}
img, div, input { 
	behavior: url("iepngfix.htc")
}
body {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	text-align:center;
	margin:0px;
	padding:0px;
	background-color: #FFFFFF;
}
a {
	cursor: pointer;
	outline:none;
}
img {
	border:0px;
	outline:none;
}
p {
	padding:3px 0px;
	margin:0px;
}
.clear {
	clear:both;
}
.container-pertange {
	float:left;
	width:100%;
	overflow:auto;
}
.container {
	margin:0px auto;
	padding:0px;
	height:auto;
	text-align:left;
	width:980px;
}
.master {
	margin:0px;
	padding:0px;
	height:auto;
	width:980px;
	float:left;
}
/* top part css start from here */
.top-part {
	float:left;
	width:100%;
	background-color:#f0f0f0;
	background-image: url(../images/bg-header.gif);
	background-repeat: repeat-x;
	background-position:left top;
	padding:10px 0 42px 0;
}
.top-part-main {
	float:left;
	width:980px;
}
.logo {
	float:left;
	width:300px;
	padding:0px 0 0 15px;
}
.logo h1 {
	margin:0;
	padding:0;
	font-size:1px;
}
.navigation-top {
	float:right;
	width:663px;
}
.navigation-top ul {
	padding:15px 0 0 0;
	margin:0;
	list-style:none;
}
.navigation-top ul li {
	padding:0;
	margin:0 14px 0 0;
	display:inline;
	float:left;
}
.navigation-top ul li a {
	padding:0px 0 0px 5px;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000;
	text-decoration:none;
	float:left;
	display:block;
}
.navigation-top ul li a span {
	padding:3px 10px 0px 5px;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000;
	text-decoration:none;
	float:left;
	height:29px;
	cursor:pointer;
}
.navigation-top ul li a:hover {
	background-image: url(../images/bg-top-l.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.navigation-top ul li a:hover span {
	background-image: url(../images/bg-top-r.gif);
	background-repeat: no-repeat;
	background-position: right top;
	color:#fff;
}
.navigation-top .current a {
	background-image: url(../images/bg-top-l.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
.navigation-top .current a span {
	background-image: url(../images/bg-top-r.gif);
	background-position: right top;
	background-repeat: no-repeat;
	color:#fff;
}
.header {
	float:left;
	width:980px;
	padding:45px 0 45px 0;
	background:url(../images/header.gif) no-repeat 16px 21px;
	height:170px;
}
.header-l {
	float:left;
	width:450px;
}
.header-r {
	float:left;
	width:530px;
}
.header-r-b {
	float:left;
	width:530px;
	text-align:right;
	padding:10px 0 0 0;
}
.header h1 {
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:27px;
	color:#fff;
	text-decoration:none;
}
.header h1 span {
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#fff;
	text-decoration:none;
}
/*end of top part */

/*Middle part */
.middle-part {
	float:left;
	width:100%;
	background-color:#FFF;
	background-image: url(../images/bg-middle.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding:0px 0 13px 0;
}
.middle-part-main {
	float:left;
	width:980px;
}
.middle-part-main-wrapper {
	float:left;
	width:980px;
	padding:0 0 10px 0;
	
	}
.middle-middle {
	border:solid 1px #d3d3d3;
	background-color: #fff;
	float:left;
	width:978px;
	padding: 25px 0 25px 0;
	position:relative;
	margin:0;
	overflow:hidden;
	
}
.middle-middle h3 {
	padding: 0 0 0 25px;
	margin:0;
	font:normal 30px arial;
	text-decoration:none;
	color:#00a0dc;
}

.middle-middle-b {
	border:solid 1px #d3d3d3;
	background-color: #fff;
	float:left;
	width:978px;
	padding:25px 0;
	margin:12px 0 0 0;
	display:inline;
}
.middle-middle-b h3 {
	padding: 0 0 0 0px;
	margin:0;
	font:normal 30px arial;
	text-decoration:none;
	color:#00a0dc;
}
.middle-b-box {
	float:left;
	width:438px;
	padding:0 25px 0px 25px;
}
.middle-b-box p {
	font:normal 12px arial;
	color:#666;
	text-decoration:none;
	margin:0;
	padding:0 0 10px 0;
}
.middle-b-box ul {
	list-style:none;
	padding:0;
	margin:0;
}
.middle-b-box ul li {
	padding:0 8px 0 0;
	margin:0;
	float:left;
}
.form {
	float:left;
	width:438px;
	
}
.form br {
	clear:left;
}
.form label {
	float:left;
	padding:2px 5px 0 5px;
	margin:0 0 10px 0;
	text-align:right;
	font:bold 12px arial;
	color:#333;
	text-decoration:none;
	width:50px;
}
.form .input {
	float:left;
	padding:2px 4px 2px 4px;
	margin:0 0 10px 0;
	font:normal 12px arial;
	color:#666;
	text-decoration:none;
	width:145px;
	height:18px;
}
.b-l {
	border-left:solid 1px #d3d3d3;
}
/*end of Middle part */

/*footer part */
.footer-part {
	float:left;
	width:100%;
	background-color:#fff;
	background-image: url(../images/bg-footer.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding:0px 0 13px 0;
}
.footer-part-main {
	float:left;
	width:980px;
}
.footer-pan {
	float:left;
	width:980px;
	padding:25px 0 0 0;
}
.footer-pan-l {
	float:left;
	width:400px;
	padding:0 50px 0 25px;
}
.footer-pan-r {
	float:left;
	width:480px;
	padding:0 0px 0 20px;
	border-left:1px solid #fff;
}
.footer-pan-r-l {
	float:left;
	width:140px;
	padding:0 0px 0 0px;
}
.footer-pan-r-r {
	float:left;
	width:505px;
	padding:0 0px 0 0px;
}
.footer-pan h4 {
	padding:0 0 5px 0;
	margin:0;
	font:bold 30px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}
.footer-pan ul {
	padding:0;
	margin:0;
	list-style:none;
}
.footer-pan ul li {
	padding:0 0 10px 0;
	margin:0;
	width:380px;
	float:left;
	
}
.footer-pan ul li a {
	padding:0 0 10px 18px;
	margin:0;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	background:url(../images/arrow.gif) left 5px no-repeat;
	color:#b3def3;
	
}
.footer-pan ul li a:hover {
	color:#fff;
}
.footer-navigation {
	float:left;
	width:980px;
	padding:50px 0 0 0;
	font:normal 12px/22px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#666;
	text-align:center;
}
.footer-navigation a {
	padding:0px 6px 0 6px;
	font:normal 12px/22px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#666;
}
.footer-navigation a:hover {
	color:#000;
}
.footer-navigation h5 {
	font:normal 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#666;
	padding:0;
	margin:0;
}
.footer-navigation h5 a {
	font:normal 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#666;
}
.footer-navigation h5 a:hover {
	color:#000;
}
/*end of footer part */


/* Easy Slider */
	
#slider {
	width:890px;
	position:relative;
	margin:0 0 0 45px;
			
}
#slider div, #slider div {
	margin:0;
	padding:0;
	width:890px;	

}
#slider div {
	/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
	width:890px;		
	padding:0 0 0 0px;
}
#slider div ul {
	list-style:none;
	padding:0;
	float:left;
	width:890px;		
}

#slider div  ul li {
	list-style:none;
	padding:10px 14px 0px 13px;
	margin:0;
	width:269px;
	border-right:1px solid #ccc;
	float:left;
	display:block;		
}
#slider div  ul li img{
	border:4px solid #ededed;
}
#slider div  ul li h4 {
	font:bold 16px arial;
	text-decoration:none;
	color:#000;
	margin:0;
	padding:0 0 10px 0;
}
#slider div ul li p {
	font:normal 11px arial;
	text-decoration:none;
	color:#666;
	margin:0;
	padding:0 0 10px 0;
}

#prevBtn, #nextBtn {
	display:block;
	width:35px;
	height:62px;
	position:absolute;
	left:10px;
	top:130px;
}
#nextBtn {
	left:935px;
}
#prevBtn a, #nextBtn a {
	display:block;
	width:35px;
	height:62px;
	background:url(../images/btn_prev.gif) no-repeat 0 0;
	margin:0 25px 0 0px;
}
#nextBtn a {
	background:url(../images/btn_next.gif) no-repeat 0 0;
}		
.b-r {
	border-right:0 !important;
}
/* // Easy Slider */

.tabbedPanelsContent-box-table {
	padding: 0px 19px 0 20px;
	float:left;
	width:900px;
}
.tabbedPanelsContent-box-table-l {
	padding: 0px 0 0 0px;
	float:left;
	width:160px;
}
.tabbedPanelsContent-box-table-r {
	padding: 0px 0 0 0px;
	float:left;
	width:740px;
	font:normal 12px/16px arial;
	color:#666;
	text-decoration:none;
}

.tabbedPanelsContent-box-table-r  p {
	font:normal 12px/16px arial;
	color:#666;
	text-decoration:none;
	padding:0 0 15px 0;
	margin:0;
}

.tabbedPanelsContent-box-table h2 {
	margin:0;
	padding:0 0 15px 0;
	font:bold 16px arial;
	color:#666;
	text-decoration:none;
}
.middle-int-main {
	width:980px;
	float:left;
	padding:0 0 2px 0;
	background:url(../images/bg-int-b.gif) no-repeat bottom left;
}
.middle-bg {
	background:url(../images/bg-m.gif) repeat-y left top;
	float:left;
	width:980px;
}
.middle-int {
	border-top:solid 1px #d3d3d3;
	float:left;
	width:640px;
	padding: 25px 20px;
	margin:0 11px 0 0;
	display:inline;
}
.middle-int h2 {
	padding: 0 0 20px 0px;
	margin:0;
	font:normal 30px arial;
	text-decoration:none;
	color:#00a0dc;
}
.middle-int h3 {
	padding: 0 0 10px 0px;
	margin:0;
	font:normal 18px arial;
	text-decoration:none;
	color:#00a0dc;
}
.middle-int p {
	padding: 0 0 12px 0px;
	margin:0;
	font:normal 13px/18px arial;
	text-decoration:none;
	color:#666;
}
.middle-int img {
	float:left;
	padding:5px 12px 12px 0;
}
.middle-int a {
	font:bold 15px arial;
	text-decoration:underline;
	color:#4c63a4;
}
.middle-int a:hover {
	text-decoration:none;
}
.middle-int ul {
	list-style:none;
	padding:0 0 10px 0;
	margin:0;

}
.middle-int ul li {
	padding:0 0 5px 5px;
	margin:0;
	font:normal 13px arial;
	text-decoration:none;
	color:#666;
}
.middle-intul li a {
	padding:0 0 0 3px;
	margin:0;
	font:normal 13px arial;
	text-decoration:none;
	color:#666;
}
.middle-int ul li a:hover {
	text-decoration:underline;
}
.middle-int-right-pan {
	border-top:solid 1px #d3d3d3;
	float:left;
	width:253px;
	padding: 7px 18px 7px 18px;
}
.middle-int-right-pan h2 {
	padding: 20px 0 10px 0px;
	margin:0;
	font:bold 17px arial;
	text-decoration:none;
	color:#00a0dc;
}
.middle-int-right-pan h2  a{
	font:bold 17px arial;
	text-decoration:none;
	color:#00a0dc;
}

.middle-int-right-pan ul {
	list-style:none;
	padding:0 0 10px 0;
	margin:0;
	border-bottom:1px solid #ccc;
}
.middle-int-right-pan ul li {
	padding:0 0 5px 0;
	margin:0;
}
.middle-int-right-pan ul li a {
	padding:0 0 0 3px;
	margin:0;
	font:normal 14px arial;
	text-decoration:none;
	color:#666;
}
.middle-int-right-pan ul li a:hover {
	text-decoration:underline;
}

.middle-int-right-pan p {
	padding: 0 0 12px 0px;
	margin:0;
	font:normal 13px/18px arial;
	text-decoration:none;
	color:#666;
}
.margin-t {
	padding:11px 0 0px 0;
}
.validation {
	font:normal 12px arial;
	text-decoration:none;
	color:#666;
	float:left;
	width:340px;
	padding:0px 0 0 60px;
}
.thank-you {
	font:normal 12px arial;
	text-decoration:none;
	color:#333;
	float:left;
	width:auto;
	padding:35px 0 0 0;
	height:80px;
}
/*fixed feedback */

#fixed {display:block; top:173px; left:0px; position:fixed;}
/*fixed feedback */


.brand-icons {
	float:left;
	width:640px;
	
}
.brand-icons ul {
	list-style:none;
	padding:0;
	margin:0;	
}
.brand-icons ul li {
	padding:0 10px 10px 0;
	float:left;
	width:150px;
	margin:0;	
}
/*expand collapse*/
#content {
    display:none;
}
.expand {
	width:auto;
	float:right;
	padding:0px 0px 10px 0;
	
}
.expand a {
	color:#0c4566;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:0px 30px 0px 0;
	background:url(../images/plus.gif) right center no-repeat;
}


.collapse {
	width:auto;
	float:right;
	padding:0px 0px 0px 0;
	
}
.collapse a {
	color:#0c4566;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:0px 30px 0px 0;
	background:url(../images/minus.gif) right center no-repeat;
}
/*end of expand collapse*/




.middle-int-links-content {
	float:left;
	width:640px;
	padding:0 0 40px 0;
}
.middle-int-links-content a {
	color:#0c4566;
	font:bold 12px/26px Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:0 20px 0 0;
}
.middle-int-links-content a:hover {
	color:#666;
}


/*portfolio css*/
.middle-int-main-p {
	width:948px;
	float:left;
	border:1px solid #d3d3d3;
	background-color:#fff;
	padding:15px;
}


.middle-int-main-p h2 {
	padding: 0 0 20px 0px;
	margin:0;
	font:normal 30px arial;
	text-decoration:none;
	color:#00a0dc;
}
.middle-int-main-p h3 {
	padding: 0 0 10px 0px;
	margin:0;
	font:normal 18px arial;
	text-decoration:none;
	color:#00a0dc;
}
.middle-int-main-p p {
	padding: 0 0 12px 0px;
	margin:0;
	font:normal 13px/18px arial;
	text-decoration:none;
	color:#666;
}
.middle-int-main-p-container {
	width:948px;
	float:left;
}
.middle-int-main-p-container-left {
	width:467px;
	float:left;
}
.middle-int-main-p-container-left-1 {
	width:455px;
	float:left;
	padding:5px;
	border:1px solid #bfbfbf;
	text-align:center;
}
.middle-int-main-p-container-left-1-logo {
	width:455px;
	float:left;
	padding:25px 5px 25px 5px;
	border:1px solid #bfbfbf;
	text-align:center;
}
.middle-int-main-p-container-left-2 {
	width:457px;
	float:left;
	padding:5px 5px 5px 5px;
}
.middle-int-main-p-container-left-2-tech {
	width:268px;
	float:left;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#666;
	padding:0 5px 0 0;
}
.middle-int-main-p-container-left-2-type {
	width:184px;
	float:left;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#666;
}

.middle-int-main-p-container-left-3 {
	width:457px;
	float:left;
	padding:5px 5px 5px 5px;
	display:none;
}
.middle-int-main-p-container-left-3 p {
	padding: 0 0 12px 0px;
	margin:0;
	font:normal 12px/18px arial;
	text-decoration:none;
	color:#666;
}

.middle-int-main-p-container-left-4 {
	width:434px;
	float:left;
	padding:5px 5px 5px 28px;
	background-color:#30b2e3;
	background-image:url(../images/bg-link.jpg);
	background-position:5px center;
	background-repeat:no-repeat;
	color:#fff;
}
.middle-int-main-p-container-left-4 a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}
.middle-int-main-p-container-left-4 a:hover {
	text-decoration:underline;
}

.middle-int-main-p-container-right {
	width:467px;
	float:right;
}



/*Portfolio gallery page */

.technology { 
width:437px;
cursor: pointer;
font: bold 13px Arial, Helvetica, sans-serif;
margin: 10px 0 10px 0;
color:#fff;
text-decoration:none;
background-color:#30b2e3;
float:left;
}


.openlanguage{ 
font: bold 13px Arial, Helvetica, sans-serif;
margin: 0px 0 10px 0;
color:#fff;
text-decoration:none;
background-color:#30b2e3;
padding:7px 15px 7px 15px;
float:left;

}

.closedlanguage{ 
	font: bold 13px Arial, Helvetica, sans-serif;
	margin: 0px 0 10px 0;
	color:#fff;
	text-decoration:none;
	background-color:#30b2e3;
	padding:7px 15px 7px 15px;
	float:left;
}
.thelanguage {
	width:456px;
	border:1px solid #ccc;
	padding:0px 0px 9px 9px;
	margin:0 0 10px 0;
	float:left;
}
.thelanguage ul {
	list-style:none;
	margin:0;
	padding:0;
}
.thelanguage ul li {
	padding:0;
	margin:0;
	width:152px;
	float:left;
}
.thelanguage ul li a {
	padding:0;
	margin:10px 10px 0px 0;
	display:inline;
	border:1px solid #ccc;
	float:left;
	opacity:0.5;
	filter:alpha(opacity=50);
}
.thelanguage ul li a:hover {
	border:1px solid #30b2e3;
	opacity:1;
	filter:alpha(opacity=100);
}
.thelanguage .selected{
	border:1px solid #0b8acb;
	opacity:1;
	filter:alpha(opacity=100);
}
.thelanguage .unselected{
	opacity:0.5;
	filter:alpha(opacity=50);
}

/*small button gallery */
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 456px; /*Width of Carousel Viewer itself*/
height:329px; /*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 0px 0 0; /*margin around each panel*/
width: 456px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.circle {
	width: 443px; 
	text-align:right; 
	float:left;
	padding:7px 0 3px 0;
}
#test, #test1,#test2,#test3,#test4,#test5,#test6,#test7,#test8,#test9,#test10,#test11,#test12,#test13,#test14,#test15,#test16,#test17,#test18,#test19,#test20,#test21,#test22,#test23,#test24,#test25,#test26,#test27,#test28,#test29,#test30,#test31,#test32,#test33,#test34,#test35,#test36,#test37,#test38,#test39,#test40,#test41,#test42,#test43,#test44,#test45,#test46,#test47,#test48,#test49,#test50,#test51,#test52,#test53,#test54,#test55,#test56,#test57,#test58,#test59,#test60,#test61,#test62,#test63,#test64,#test65,#test66,#test67,#test68,#test69,#test70,#test71,#test72,#test73,#test74,#test75,#test76{
	visibility:hidden;
	display:none;
	float:left;
	width:auto;
}

/*small button gallery */
/* Portfolio gallery page */



/*contact form in contact page */
.form-contact {
	float:left;
	width:600px;
	
}
.form-contact br {
	clear:left;
}
.form-contact label {
	float:left;
	padding:2px 15px 0 5px;
	margin:0 0 10px 0;
	text-align:right;
	font:bold 12px arial;
	color:#333;
	text-decoration:none;
	width:150px;
}
.form-contact .input {
	float:left;
	padding:2px 4px 2px 4px;
	margin:0 0 10px 0;
	font:normal 12px arial;
	color:#666;
	text-decoration:none;
	width:185px;
	height:18px;
}
.form-contact .txtarea {
	float:left;
	padding:2px 4px 2px 4px;
	margin:0 0 10px 0;
	font:normal 12px arial;
	color:#666;
	text-decoration:none;
	width:185px;
	height:80px;
	overflow:auto;
}
.validation-cnt {
	padding:10px 0 0 180px;
}