div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0; padding:0;}
	body, td, p{
	color:#FFFFFF;
	font: 11px Arial, Helvetica, sans-serif;
	text-align: left;
		}
		
		body {
	padding:0px;
	margin:0px;
		
		}
		
		html {
		scrollbar-face-color: #E0E0E0;
		scrollbar-Base-Color:#999999;
		scrollbar-track-color: #ffffff;
		scrollbar-highlight-color: #ffffff;
		scrollbar-darkshadow-color: #ffffff;
		scrollbar-Shadow-Color:#999999;
		scrollbar-arrow-color: #333333;
		}


/* PARAGRAPH STYLES */
H1, H2, H3, H4, H5 {font-size:100%;	font-weight:normal;}
H1 {}
H2 {}
H3 {}
H4 {}
 
UL, OL {list-style: none; }
li {list-style-type:none;}
 
A { color:#;
	text-decoration:underline;
	color: #FFFFFF;
}
/*A:visited{ text-decoration:none; color:#;}*/
A:hover {color:#; text-decoration:none;}
/*A:active { text-decoration:none; color:#;}*/
A:focus {outline:none;}

:focus {outline: 0;}
fieldset, img {border:0;}
q:before, q:after {	content:'';}

input, textarea, select {font-family:inherit; font-size:inherit; font-weight:inherit;}

.clr {clear: both;}
.lF {float:left;}
.rF {float:right;}

/* LAYOUT STYLES START */

	
/* LAYOUT STYLES  END */
/* TOP SECTION START*/
.header {
	border-bottom: 1px solid #7772AA;
	padding-bottom: 10px;
	width: 1000px;
	margin: 0px auto;
}
.header_1 {
	border-bottom: 1px solid #488FBC;
	padding-bottom: 10px;
	width: 1000px;
	margin: 0px auto;
}

.header_portfolio {
	padding-bottom: 10px;
	width: 1000px;
	margin: 0px auto;
}
#moon {
	background: url(../images/moon1.png) no-repeat center top;
	height: 193px;
}
/* TOP SECTION start*/
.topnav_about {
	margin: 0px;
	padding: 0px;

}
.topnav_about ul {
	margin: 10px 0px 5px;
	padding: 0px;
}
.topnav_about  ul li  {
	list-style: none;
	display: inline;
	float: left;
}
.topnav_about  ul li  a {
	display: block;
	width: 55px;
	padding: 4px 5px 0px;
	height: 20px;
	float: left;
	margin-left: 7px;
	text-align: center;
	color: #FFFFFF;
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.topnav_about  ul li  a:hover {
	background: url(../images/topnavonbg.png) no-repeat left top;
	text-decoration: none;
}
.topnav_about  ul li .actabout {background: url(../images/topnavonbg.png) no-repeat left top;}

.topnav_home {
	margin: 0px;
	padding: 0px;
}
.topnav_home   ul {
	margin: 10px 0px 5px;
	padding: 0px;
}
.topnav_home   ul li  {
	list-style: none;
	display: inline;
	float: left;
}
.topnav_home   ul li  a {
	display: block;
	width: 55px;
	padding: 4px 5px 0px;
	height: 20px;
	float: left;
	margin-left: 7px;
	text-align: center;
	color: #FFFFFF;
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.topnav_home   ul li  a:hover {
	background: url(../images/home_onbt.gif) no-repeat left top;
	text-decoration: none;
}
.topnav_home  ul li  .acthome  {background: url(../images/home_onbt.gif) no-repeat left top;	}
.topnav_port {
	margin: 0px;
	padding: 0px;

}
.topnav_port   ul {
	margin: 10px 0px 5px;
	padding: 0px;
}
.topnav_port   ul li  {
	list-style: none;
	display: inline;
	float: left;
}
.topnav_port   ul li  a {
	display: block;
	width: 55px;
	height: 20px;
	float: left;
	margin-left: 7px;
	text-align: center;
	color: #FFFFFF;
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.topnav_port  ul li a:hover {
	text-decoration: none;
	background-image: url(../images/portfolio_onbt.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.topnav_port  ul li .actport  {
	background-image: url(../images/portfolio_onbt.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.topnav_client {
	margin: 0px;
	padding: 0px;

}
.topnav_client    ul {
	margin: 10px 0px 5px;
	padding: 0px;
}
.topnav_client    ul li  {
	list-style: none;
	display: inline;
	float: left;
}
.topnav_client    ul li  a {
	display: block;
	width: 55px;
	height: 20px;
	float: left;
	margin-left: 7px;
	text-align: center;
	color: #FFFFFF;
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.topnav_client   ul li  a:hover {
	text-decoration: none;
	background-image: url(../images/clients_onbt.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.topnav_client   ul li  .actclient  {
	background-image: url(../images/clients_onbt.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.h_line {
	background: url(../images/h_line.gif) repeat-x left center;
	margin-top: 8px;
	margin-bottom: 8px;
	height: 1px;
}
/* TOP SECTION END*/


#aboutsection {
  margin: 0px auto;
  height:680px;
}
#aboutmiddlesection {
  margin: 0px auto;
   width: 1000px;
}
#aboutsectionbg {
	background: #5AC6FF url(../images/mainbg.jpg) repeat-x left top;
	height: 960px;
}
#starbg {
	background: url(../images/starbg.png) no-repeat center top;
}
/* left_showhidelayer*/
#mainly {
	position: relative;
	height: 450px;
	
}

#aboutly {
	position:absolute;
	z-index:1;
	height: 450px;
	visibility: visible;
	margin: 0px;
	padding: 0px;
	width: 1000px;

}
#servicesly {
	position:absolute;
	width:1000px;
	z-index:2;
   height: 450px;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
	left: 0;
	top: 0;

}
#contactly {
	position:absolute;
	width:1000px;
	z-index:3;
height: 450px;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
	left: 0;
	top: 0;

		
}
/*contact*/
.contactbox p {
	margin:5px 0 0 0;
	color: #FFFFFF;
}
.mrgnone {margin:0 !important; padding:0 !important;}
				/*.contactbox form input{ width:142px;}*/
.nowidth {width:auto !important;}
.contactbox .lf1 {
	float: left;
	width: 175px;
	text-align: left;
}
.contactbox .rf1 {
	text-align: left;
	float: right;
	width: 175px;
}
.contactbox .bt {
	background: #573481;
	width: 80px;
	color: #FFFFFF;
	font: 11px Arial, Helvetica, sans-serif;
	border: 1px solid #362F49;
}
/*contact*/
/* left_showhidelayer*/

/* MIDDLE SECTION START*/
.middle {
	padding-top: 20px;
	padding-bottom: 15px;
	height: auto;
	min-height:600px;
	height:auto !important;
	text-align: left;
	width: 1000px;
	margin: 0px auto;
}
.middleleft {
	float:left; 
	width: 154px;
	padding-top: 50px;
}
.middleright {
	float: right;
    width: 846px;
}

.middleright_left {
	float:left;
	width: 350px;
	text-align: left;

}
.middleright_right {
	float:right;
	width: 470px;
	text-align: left;
	padding-left: 26px;

}
.leftnav {
}
.leftnav  ul {
	margin: 0px;
	padding: 0px;
}
.leftnav  ul li  {
	list-style: none;
	float: left;
}
.leftnav ul li  a {
		display: block;
	width: 102px;
	padding: 4px 5px 0px 13px;
	height: 20px;
	float: left;
	margin-bottom: 4px;
	text-align: left;
	color: #FFFFFF;
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.leftnav  ul li  a:hover {
	background: url(../images/leftmenu_over.png) no-repeat left top;
	text-decoration: none;
}
.leftnav  ul li.actleft { background: url(../images/leftmenu_over.png) no-repeat left top; }

.pagehead {
	color: #FFFFFF;
	border-bottom: 1px solid #93DDFF;
	padding-bottom: 8px;
	margin-bottom: 8px;
	font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	
}
.pagehead1 {
	color: #FFFFFF;
	border-bottom: 1px solid #797BB0;
	padding-bottom: 8px;
	margin-bottom: 8px;
	font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	
}
.righthead  {
	color: #FFFFFF;
	border-bottom: 1px solid #797BB0;
	padding-bottom: 8px;
	margin-bottom: 8px;
	font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.cont {
	text-align: left;
	font: 11px/15px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
/* MIDDLE SECTION START*/
.blk20 {
	font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #08445D;
	margin-bottom: 10px;
	text-align: left;
}
.cont1 {
	text-align: justify;
	font: 12px/15px Arial, Helvetica, sans-serif;
	color: #1B333C;
}


#homesection {
	margin: 0px auto;
	background: url(../images/mainsection_bg.jpg) no-repeat center top;
	height: 700px;
}
#homesectionbx  p {
    margin:5px 0 0 0;
	color: #3C6F83;
	text-decoration: none;
}
#homelinks {}
#homelinks ul  {
	margin: 0px;
	padding: 0px;
}
#homelinks ul li  {
	list-style: none;
}
#homelinks ul li A  {
	background: url(../images/arrow3.png) no-repeat left top;
	padding-left: 18px;
	color: #3C6F83;
	font-weight: bold;
	margin-bottom: 2px;
}
#homelinks ul li A:hover {}


#homesectionbx p  A {
	color: #3C6F83;
	text-decoration: underline;
}
#homesectionbx p  A:hover {color: #3C6F83;

}
#homesectionbx .lf {
	float: left;
	width: 60px;
	
}

#homesectionbx .rf {
	text-align: left;
	float: right;
	width: 200px;
	
}
.homemiddle1 {
	width: 1000px;
	margin: 0px auto;
	padding-top: 20px;
}
.homemiddle_left {
	width: 230px;
	float: left;
	padding-left: 222px;
 padding-top: 70px;
}
.homemiddle_right {
	width: 548px;
	float: right;
}
.homemiddleright_left {
	width: 264px;
	text-align: left;
	float: left;
	color: #3C6F83;
	padding-right: 10px;
}
.homemiddleright_right {
	padding-top: 39px;
	text-align: left;
	float: left;
	width: 264px;
	padding-right: 10px;
	color: #3C6F83;
}
                             /*  --------------------------------------PORTFOLIO SECTION --------------------------------------*/
#portfoliosection {
	margin: 0px auto;
	background: url(../images/portfolio_bg.jpg) repeat-x left top;
	height:800px;	
	
}
.header_portfolio {
	padding-bottom: 10px;
	width: 1000px;
	margin: 0px auto;
	
}
.middleport {
	border: 1px solid #498FBC;
	margin: 0px auto;
	width: 998px;
	height: 500px;
	text-align: left;
	padding-top: 20px;
	background: url(../images/works_img.png) no-repeat 30px bottom;
}
.pagehead20 {
	font: 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-left: 17px;
}

.porttab  {
	background: url(../images/porttab_bg.png) no-repeat center top;
	height: 30px;
	padding-left: 50px;
	padding-bottom: 14px;
}
.porttab ul {
	margin: 0px;
	padding: 0px;
}
.porttab ul li {
	list-style: none;
	display: inline;
}
.porttab ul li A {
	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	float: left;
	width: 172px;
	padding-left: 8px;
	height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #478AB7;
}


.porttab ul li A:hover {
	height: 20px;
	width: 172px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	background: url(../images/porttab_onbg.png) no-repeat left top;
	border-bottom: 1px solid #0D6DA9;
}
.porttab ul li .acttab { height: 20px;
	width: 172px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	background: url(../images/porttab_onbg.png) no-repeat left top;
	border-bottom: 1px solid #0D6DA9;}

.porttabin {
	padding-right: 30px;
	padding-left: 30px;
}

#projectmainly {
   visibility: visible;
   width:938px;
	position:absolute;
	z-index: 11;
	margin: 0px;
	padding: 0px;
}
.portsection_left {
	float: left;
	width: 468px;
	height:110px;
}
.portsection_left1 {
	float: left;
	width: 234px;
}
.portsection_left2 {
	float: right;
	width: 234px;
	text-align: left;
}
.portsection_right {
	float: right;
	width: 468px;
	height:110px;
}

.portsection_right1 {
	margin: 0px;
	width: 234px;
	float: left;
}
.portsection_right2 {
	margin: 0px;
	width: 234px;
	float: right;
}
.porthline {
	background: url(../images/port_h_line.gif) repeat-x left center;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.projecthead {
	background: url(../images/port_bullet1.gif) no-repeat left 5px;
	font-weight: bold;
	padding-left: 20px;
	margin-bottom:5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.link1 {
	color: #FFFFA6;
	margin-top: 5px;
}
.link1 A {
	color: #FFFFA6;
	text-decoration: underline;
	font-weight: bold;
	
}
.link1  A:hover{
	color: #FFFFFF;
}
.link2 {
	color: #FFFFA6;
	margin-top: 5px;
}
.link2 A {
	color: #3C6F83;
	text-decoration: underline;
	font-weight: bold;
	
}
.link2  A:hover{
	color: #FFFFFF;
}
.portbull {}	
.portbull ul {
	margin: 0px;
	padding: 0px;
}
.portbull ul li  {
	list-style: none;	
}
.portbull ul li A {
	padding-left: 15px;
	display: block;
	background: url(../images/port_bullet.gif) no-repeat left 7px;
	margin-bottom: 2px;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #80D4FF;
	text-decoration: none;
}
.portbull ul li A:hover {
	color: #FFFFFF;
}
.portbull ul li .actbull {
	color: #FFFFFF;
	text-decoration: none;
}
.imgborder1 {
	border: 1px solid #4582B0;
}
.portbull ul li A:hover {
	color: #FFFFFF;
}


.projectleft {
	float: left;
	width: 469px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.projectrigt {
	float: right;
	width: 469px;
}
	
#porttably {
	position: relative;
	width: 998px;
	height: 500px;
}

#flashly {
	position: absolute;
	z-index:21;
	height: 550px;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
	width: 998px;
}
#webdevelopmently {
	position: absolute;
	z-index:22;
	visibility: visible;
	height: 550px;
	    margin: 0px;
	padding: 0px;
	width: 998px;
	
}
#graphicly {
position: absolute;
	z-index:23;
	height: 550px;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
	width: 998px;
	}
#ecommercely {
position: absolute;
	z-index:24;
	height: 550px;
	visibility: hidden;
     margin: 0px;
	padding: 0px;
	width: 998px;
	}
#applicationly {
    position: absolute;
	z-index:25;
	height: 550px;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
	width: 998px;}
	
	/* -------------------------------------------PORTFOLIO SECTION -------------------------------------------------------*/
	  /* ----------------------------------------------CLIENTS SECTION -------------------------------------- -----------------*/
#clientsectionbg {
	height:800px;
	background: url(../images/clients_bg1.jpg) no-repeat center top;
}
#clientsection {
	margin: 0px auto;
	width: 1000px;
	}
#clientleft {
	width: 323px;
	float: left;
	padding-right: 10px;
}
#clientmiddle {
	width: 457px;
	float: left;
	padding-right: 10px;
	
}
#clientright {
	width: 200px;
	float: right;
}
.imgmarrgt {
	margin-right: 10px;
	margin-bottom: 10px;
}

.middleclients {
	margin: 0px auto;
	width: 998px;
	text-align: left;
	padding-top: 20px;
}
.header_clients {
	border-bottom: 1px solid #4174A4;
	padding-bottom: 10px;
	width: 1000px;
	margin: 0px auto;
}
.clienttab  {
	background: url(../images/porttab_bg.png) no-repeat center top;
	height: 30px;
	padding-left: 50px;
	padding-bottom: 14px;
}
.clienttab ul {
	margin: 0px;
	padding: 0px;
}
.clienttab ul li {
	list-style: none;
	display: inline;
}
.clienttab ul li A {
	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	float: left;
	width: 172px;
	padding-left: 8px;
	height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #478AB7;
}
.clienttab ul li A:hover {
	height: 20px;
	width: 172px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	background: url(../images/porttab_onbg.png) no-repeat left top;
	border-bottom: 1px solid #024687;
}
.clienttab ul li .clienttab {
 height: 20px;
	width: 172px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	background: url(../images/porttab_onbg.png) no-repeat left top;
	border-bottom: 1px solid #024687;}

.clienttabin {
	padding-right: 30px;
	padding-left: 30px;
}
.clientborder {
	border-right: 1px solid #4178A9;
	border-bottom: 1px solid #4178A9;
	border-left: 1px solid #4178A9;
	padding: 10px 30px;
	width: 938px;
	height: 410px;
}
.clientin_left {
	float: left;
	width: 140px;
	text-align: left;
}
.clientin_right {
font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	float: right;
	width: 798px;
}

.clientbox p {
	margin: 0 0 12px;
	color: #FFFFFF;
}

.clientbox .lf3 {
	float: left;
	width: 140px;
	text-align: left;
}
.clientbox .rf4 {
	text-align: left;
	float: right;
	width: 798px;
}
#cleintmainly {
position:relative;
	width: 1000px;
	z-index:30;
	height: 300px;
	visibility: hidden;
	left: 0;

}
#australialy {
	position:absolute;
	width: 1000px;
	z-index:30;
	height: 300px;
	visibility: hidden;
	left: 0;
}
#usaly {
	position:absolute;
	width: 1000px;
	z-index:31;
	height: 300px;
	visibility: visible;
}                         

#restworld {
	position:absolute;
	width: 1000px;
	z-index:32;
	height: 300px;
	visibility: hidden;
	left: 0;
	}

.clientsection_left {
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	float: left;
	width: 300px;
	padding-right: 12px;
}
.clientsection_right {
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	float: right;
	width: 626px;
	
}

.clientsection_right1 {
	margin: 0px;
	width: 292px;
	float: left;
	border-left: 1px dotted #478AB7;
	padding-left: 10px;
	padding-right: 10px;
}
.clientsection_right2 {
	margin: 0px;
	width: 302px;
	float: right;
	border-left: 1px dotted #478AB7;
	padding-left: 10px;
}