/* CSS Document */

/****************Top****************************/
/****************Top****************************/

body{
	margin:0px;
}
img{
	border:none;
}
div#top{
	width:100%;
	height:125px;
	background-image:url(../images/bgtop.jpg);
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
}

div#header{
	width:1000px;
	margin:0 auto;
}
div#logo{
	float:left;
	width:197px;
	height:101px;
	
}
div#toplinks{
	color:#b2b2b2;
	font-size:13px;
	padding-top:15px;
	float:right;
}
div#toplinks a{
	color:#b2b2b2;
	text-decoration:none;
}
div#toplinks a:hover{
	color:#c2c2c2;
}
div#menu{
	width:790px;
	margin-left:200px;
}
#nav {
	height:43px;
	width:790px;
	float:left;
	font-size:12px;
	margin-top:20px;
	}
	
	#nav ul {
		background:#f6f6f6 ;
		position:absolute;
		top:43px;
		left:-9999px;
		min-height: 150px;
		line-height:31px;
		padding-left:10px;
		z-index:5000;
		
		
		}
		
	#nav ul.agency {width:377px;}

	#nav li:hover ul.agency, #nav li.sfhover ul.agency {left:-2px;}		

	#nav ul.services {width:360px; }
		#nav ul.servicesc {width:240px; }

	#nav ul.backoffice {width:300px;}

	#nav ul.portfolio {width:385px;}
     #nav ul.portfolioo {width:300px;}
	#nav ul.blog {width:300px;}

	#nav ul.contact {width:100px;}

	#nav li:hover ul, #nav li.sfhover ul {left:-1px;}
	
#nav li {
	list-style:none;
	float:left;
	border-left:1px solid #e5e5e5;
	height:36px;
	padding-top:7px;
	position:relative;
	
	}
	
	#nav li li {
		border:none;
		height:39px;
		padding:0 0 0 10px;
	
		
		}
	
#nav li a {
	font:bold 1em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	padding: 11px 40px 11px 15px;
	color:#737380;
	line-height:36px;
	background:url(../image/linkstyle.jpg) no-repeat right center;
	text-decoration:none;
	}
	
	#nav li li a, #nav li:hover li a, #nav li.sfhover li a {
		padding:0;
		color:#737380;
		font:normal 1em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
		background:none;
		}
	
#nav li a:hover, #nav li:hover a, #nav li.sfhover a {
	color:#cccccc;
	text-decoration:none;
	}
	
	#nav li:hover li a:hover, #nav li.sfhover li a:hover {
		color:#cccccc;
		text-decoration:none;
		}

/****************MId****************************/
/****************MId****************************/
/****************MId****************************/
div#mid{
	width:100%;
}
div#cotainer{
	width:1000px;
	margin:0 auto;
}
div#lft-side{
	width:650px;
	float:left;
}
div#indx-slider{
	margin-top:20px;
}
div#news-quick{
	width:621px;
	height:100px;
}
div#ar-pano{
	width:130;
	height:94;
	float:left;
	margin-top:10px;	
}
div#events{
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	color:#A7A7A7;
	margin-left:20px;
	float:left;
	width:203px;
	height:100px;
}
h3.head{
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	color:#A7A7A7;
	margin:0px;
	font-size:16px;
	font-weight:500;
	padding-top:10px;
}
div.news{
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	color:#A7A7A7;
	font-size:10px;
}
div#quk-link{
	width::287px;
	float:right;
}
div#shade{
	background-image:url(../images/grey.gif);
	background-repeat:repeat-x;
	width:100%;
	height:26px;
	clear:both;
}
div#rgt-side{
	float:right;
	
}
div#rgt-top{
	background-image:url(../images/rgt-bg.gif);
	background-repeat:repeat-x;
	width:339px;
	margin-top:30px;
}
p#para{
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size:11px;
	color:#8F8F8F;
	text-align:justify;
	line-height:15px;
}
p#para a{
	text-decoration:none;
	color:#9F9F9F;
	font-weight:bold;
}
p#para a:hover{
	
	color:#6F6F6F;
}
div#rotator{
	float:left;
	width:154px;
}
div#login{
	float:left;
}
div#content{
	width:1000px;
	margin:0 auto;
}
div#lft-cnt{
	width:364px;
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size:11px;
	float:left;
}
div#mid-cnt{
	width:320px;
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size:11px;
	float:left;
	margin-left:20px;
	margin-top:30px;
	border-left:#EFEEEE solid thin;
	padding-bottom:60px;
}
ul.blog-list{
	color:#8A8989;
	padding-left:20px;
	padding-top:20px;
}
ul.blog-list li a{
	text-decoration:none;
	color:#8A8989;
}
ul.blog-list li a:hover{
	color:#C5C3C3;
}
div#rght-cnt{
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	color:#8A8989;
	font-size:11px;
	border-left:#EFEEEE solid thin;
	width:280px;
	margin-top:20px;
	margin-left:10px;
	padding-bottom:60px;
}
div#new-tech{
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	color:#8A8989;
	font-size:11px;
	
}
table#page{
	margin:0 auto;
	margin-top:20px;
	
}
table#page td{
	height:20px;
	vertical-align:top;
	text-align:center;
	font-size:13px;
	background-color:#f2f2f2;
	
	
}
table#page td:hover{
	background-color:#999999;
}
table#page td a{
	display:block;
	height:20px;
	padding-top:2px;
}
table#page td a:hover{
	color:#E2E0E0;
	
}
table#page td a.selctd_page{
	background-color:#999999;
	color:#E2E0E0;
}

/****************footer****************************/
/****************footer****************************/
/****************footer****************************/
div#footer{
	background-image:url(../images/bg-footer1.gif);
	width:100%;
	background-repeat:repeat-x;
	clear:both;
	background-color:#61616a;
	height:350px;
}
div#foot-cnt{
	width:1000px;
	margin:0 auto;
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	
}
div#link-top{
	font-size:14px;
	background-image:url(../images/ico-top.jpg);
	background-position:right;
	background-repeat:no-repeat;
	text-align:right;
	padding-right:10px;
	margin-top:20px;
	padding-top:10px;
	height:20px;
	
}
div#link-top a{
	color:#BABABF;
	text-decoration:none;
	
}
div#link-top a:hover{
	color:#CCCCCC;
}
div#foot-clmn1{
	color:#BABABF;
	width:240px;
	font-size:13px;
	line-height:20px;
	float:left;
}
div#foot-clmn1 a{
	color:#ffffff;
	text-decoration:none;
}
div#foot-clmn1 a:hover{
	text-decoration:underline;
}
div#foot-clmn2{
	color:#BABABF;
	width:210px;
	font-size:13px;
	line-height:20px;
	float:left;
	margin-left:30px;
	
	
}
div#foot-clmn3{
	color:#BABABF;
	width:240px;
	font-size:13px;
	line-height:20px;
	float:left;
	margin-left:30px;
	
}
div#foot-clmn3 a{
	color:#ffffff;
	text-decoration:none;
}
div#foot-clmn3 a:hover{
	text-decoration:underline;
}
div#foot-clmn4{
	color:#BABABF;
	font-size:13px;
	line-height:20px;
	float:left;
	margin-left:30px;
	text-align:justify;
	
}
div#foot1-container{
	width:100%;
	clear:both;
	background-color:#B1B1B5;
	height:440px;
}
div#footer1{
	width:1000px;
	margin:0 auto;
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	
}
div#footer1-clmn1{
	color:#ffffff;
	width:220px;
	font-size:11px;
	line-height:15px;
	float:left;
	padding-top:30px;
}
div#footer1-clmn1 a{
	text-decoration:none;
	color:#ffffff;
}
div#footer1-clmn1 a:hover{
	
	color:#D3D1D1;
}
div#footer1-clmn2{
	color:#ffffff;
	width:250px;
	font-size:11px;
	line-height:15px;
	float:left;
	margin-left:30px;
	padding-top:30px;
}
div#footer1-clmn2 a{
	text-decoration:none;
	color:#ffffff;
}
div#footer1-clmn2 a:hover{
	
	color:#D3D1D1;
}
div#footer1-clmn3{
	color:#ffffff;
	width:230px;
	font-size:11px;
	line-height:15px;
	float:left;
	margin-left:30px;
	padding-top:30px;
	
}
div#footer1-clmn3 a{
	text-decoration:none;
	color:#ffffff;
}
div#footer1-clmn3 a:hover{
	
	color:#D3D1D1;
}
div#footer1-clmn4{
	color:#ffffff;
	width:210px;
	font-size:11px;
	line-height:15px;
	float:left;
	margin-left:30px;
	padding-top:30px;
}
div#footer1-clmn4 a{
	text-decoration:none;
	color:#ffffff;
}
div#footer1-clmn4 a:hover{
	
	color:#D3D1D1;
}
div#footer2{
	width:100%;
	background-image:url(../images/bg-footer2a.gif);
	background-repeat:repeat-x;
	height:114px;
	clear:both;
}
div#footer2-cnt{
	margin:0 auto;
	width:1000px;
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;	
	color:#BABABF;
	font-size:11px;
	padding-top:20px;
}
div#footer2-cnt a{
	text-decoration:none;
	color:#BABABF;
}
div#footer2-cnt a:hover{
	text-decoration:none;
	color:#ffffff;
}
.newBrowser{
	background-attachment:scroll;
	background-image:url(../images/icon_external.gif);
	background-position:right center;
	padding:7px 15px 0 0;
	background-repeat:no-repeat;
}
.skype{
	background-attachment:scroll;
	background-image:url(../images/Skype-48.png);
	background-position:right;
	padding:2px 15px 0 10px;;
	background-repeat:no-repeat;
}
/****************inner****************************/
/****************inner****************************/
/****************inner****************************/
div#abt-ban{
background-image:url(../images/tree.JPG);
height:146px;
background-repeat:no-repeat;
background-position:right;
}
h3.ban-head{
	font-family:Arial,Helvetica, sans-serif;
	color:#A7A7A7;
	font-weight:500;
	font-size:30px;
	padding-top:70px;
}
h3.prd-head{
	font-family:tahoma, Helvetica, sans-serif;
	color:#A7A7A7;
	font-weight:500;
	font-size:30px;
	padding-top:20px;
}
div#inner-left{
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	color:#8A8989;
	font-size:11px;
	width:680px;
	margin-top:20px;
	margin-left:10px;
	padding-bottom:20px;
}
div#why-ban{
	background-image:url(../images/dd.JPG);
	height:146px;
	background-repeat:no-repeat;
	background-position:right;
}
div#green-ban{
	background-image:url(../images/dss.jpg);
	height:146px;
	background-repeat:no-repeat;
	background-position:right;
}
div#opensc-ban{
	background-image:url(../images/lifes.JPG);
	height:146px;
	background-repeat:no-repeat;
	background-position:right;
}
div#mission-ban{
	background-image:url(../images/teamone.jpg);
	height:146px;
	background-repeat:no-repeat;
	background-position:right;
}
div#met-ban{
	background-image:url(../images/met.jpg);
	height:146px;
	background-repeat:no-repeat;
	background-position:right;
}
div#exprt-ban{
	background-image:url(../images/expert.JPG);
	height:146px;
	background-repeat:no-repeat;
	background-position:right;
}
div#team-ban{
	background-image:url(../images/careerrun.JPG);
	height:146px;
	background-repeat:no-repeat;
	background-position:right;
}
div#life-ban{
	background-image:url(../lifeimg/lifes.jpg);
	height:146px;
	background-repeat:no-repeat;
	background-position:right;
}
div#skill-ban{
	background-image:url(../images/care.jpg);
	height:146px;
	background-repeat:no-repeat;
	background-position:right;
}
div#res-ban{
	background-image:url(../images/res.JPG);
	height:146px;
	background-repeat:no-repeat;
	background-position:right;
}
div#ivy-ban{
	background-image:url(../images/dev.jpg);
	height:146px;
	background-repeat:no-repeat;
	background-position:right;
}
div#social-ban{
	background-image:url(../images/social.JPG);
	height:146px;
	background-repeat:no-repeat;
	background-position:right;
}
div#press-ban{
	background-image:url(../images/mic.JPG);
	height:146px;
	background-repeat:no-repeat;
	background-position:right;
}
div#case-ban{
	background-image:url(../images/casestudy.jpg);
	height:146px;
	background-repeat:no-repeat;
	background-position:right;
}
div#net-ban{
	background-image:url(../images/vsmain.jpg);
	height:146px;
	background-repeat:no-repeat;
	background-position:right;
}
div#java-ban{
	background-image:url(../images/sunlogo.JPG);
	height:146px;
	background-repeat:no-repeat;
	background-position:right bottom;
}
div#php-ban{
	background-image:url(../images/phplo.JPG);
	height:146px;
	background-repeat:no-repeat;
	background-position:right bottom;
}
div#flex-ban{
	background-image:url(../images/flex.jpg);
	height:146px;
	background-repeat:no-repeat;
	background-position:right bottom;
}
div#ruby-ban{
	background-image:url(../images/rails.JPG);
	height:146px;
	background-repeat:no-repeat;
	background-position:right bottom;
}

.price{
	width:200px;
	font-size:10px;
}
div.green{
	 width:192px;
	 height:73px;
	 float:left;
}
div#shadow{
	background-image:url(../images/shade1.jpg);
	width:280px;
	height:27px;
	margin-top:15px;
}
div#inner-right{
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	color:#8A8989;
	font-size:11px;
	border-left:#EFEEEE solid thin;
	width:280px;
	margin-top:20px;
	margin-left:10px;
	padding-bottom:20px;
}
ul#met-list{
	padding-top:20px;
	padding-bottom:10px;
}
ul#met-list li{
	list-style:none;
	padding-bottom:10px;
	font-weight:bold;
}
ul#met-list2{
	padding-top:20px;
	padding-bottom:10px;
	padding-left:15px;
}
ul#met-list2 li{
	padding-bottom:10px;
}
.txt-enqr{
	font-size:10px;
	width:225px;
}
table#enquire-now{
	color:#8A8989;
	width:280px;
}
table#enquire-now td{
	vertical-align:top;
}
.applu-listbx{
	font-size:10px;
	color:#8A8989;
}
table#tabl-apply{
	text-align:left;
	margin-top:20px;
}
table#tabl-apply td{
	vertical-align:top;

}
div#open-menu{
	height:150px;
	padding:2px;
	width:200px;
}
div#open-menu a{
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	text-decoration:none;
	white-space:nowrap;
}
div#prd1{
	border:#f2f2f2 solid thin;
	float:left;
	padding-top:10px;
}
div#prd1:hover{
	background-color:#f2f2f2;
}
div#web1{
	width:210px;
	
	float:left;
}

div#sitemp1{
	width:215px;
	font-size:11px;
	line-height:15px;
	float:left;
	padding-top:30px;
	
}
div#sitemp1 a{
	text-decoration:none;
	color:#B8B6B6;
}
div#sitemp1 a:hover{
	
	color:#e2e2e2;
}
table#arion360{
}
table#arion360 td{
	vertical-align:top;
	padding:5px;
}

/****************twitter**************************/
/****************twitter**************************/

small {
	font-style:italic;	
 }

div#tweets li {
	font-size:10px;
	background-image:url(../images/twitter.png);
	background-repeat:no-repeat;
	float:left;
	padding-left:20px;
	margin-left:10px;
	margin-top:8px;
	list-style-type:none;
	height:47px;
	
}

#tweets .hash { color:#0066CC; } 

#tweets .reply { color:#0066CC; } 

#tweets a:link { text-decoration:none; color:#0066CC;}
#tweets a:active { text-decoration:none; color:#0066CC;}
#tweets a:hover { text-decoration:underline; color:#0066CC;}
#tweets a:visited { text-decoration:none; color:#0066CC;}


/****************life@arion image**************************/
/****************life@arion image**************************/
/****************life@arion image**************************/
div#FrogJS{
	width: 600px;
	margin: 0 auto;
	margin-top:30px;
}
div#FrogJSCredit{
	text-align: right;
	font-size: 80%;
	color: #999;
	padding: 1px;
}
div#FrogJSCaption{
	text-align: left;
	line-height: 140%;
}
/****************life@arion image**************************/
/****************life@arion image**************************/
/****************life@arion image**************************/




/****************tabbed**************************/
/****************tabbed**************************/
/****************tabbed**************************/
a{
color: #000;
text-decoration: none;
}
a:hover{
color: #DFE44F;
}
p{
margin: 0;
padding: 5px;
line-height: 1.5em;
text-align: justify;
border: 1px solid #;
}
#wrapper{
width: 600px;
margin: 0 0;
}
.box{
background: #fff;
}
.boxholder{
clear: both;
padding: 10px;
background: #;
}
.tab{
float: left;
height: 44px;
width: 146px;
margin: 0 30px 0 0;
padding:10;
text-align: center;
background: # url() no-repeat;
}
.tabtxt{
margin: 0;
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 9px 0 0 0;
}
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; color:#999999;
}
.style3 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	 font-weight: bold; 
	 color:#999999; 
}

/****************thumbnailpreview**************************/
/****************thumbnailpreview**************************/
a:hover {
	text-decoration:none;
}

a {
	text-decoration:none;
}

#interface1 {
	z-index:1;
}

#loader_container {
    text-align:center;
    position:absolute;
    top:40%;
    width:100%}

#loader {
	font-family:Tahoma, Helvetica, sans;
	font-size:10px;
	color:#000000;
	background-color:#FFFFFF;
	padding:10px 0 16px 0;
	margin:0 auto;
	display:block;
	width:135px;
	border:1px solid #6A6A6A;
	text-align:left;
	z-index:255;
}

#progress {
	height:5px;
	font-size:1px;
	width:1px;
	position:relative;
	top:1px;
	left:10px;
	background-color:#9D9D94
}

#loader_bg {
	background-color:#EBEBE4;
	position:relative;
	top:8px;left:8px;height:7px;
	width:113px;font-size:1px
}

.border_preview{
	z-index:100;
	position:absolute; 
	background: #fff;
	border: 1px solid #444;
}

.preview_temp_load {
	vertical-align:middle;
	text-align:center;
	padding: 10px;
}
.preview_temp_load img{	
	vertical-align:middle;
	text-align:center;
}



/*Image Title Styling*/

.title_h2 {
 padding:12px 0 0 18px;
}

h2 {
	font-size:14px;
	padding:0;
	margin:0;
	font-family: "century gothic";
}


/****************thumbnailpreview**************************/
/****************thumbnailpreview**************************/