@charset "utf-8";
/* CSS Document */
body{
margin:0 auto 0 auto; 
background-color:#cccccc; 
font-family:Verdana, Arial, Helvetica, sans-serif;}

.left{
float:left;}

.right{
float:right;}

.clear{
clear:both;}
.portfolio
{border:1px solid #cfcdcd;
width:84px;
height:70px;
padding:10px;
}


.broucher-boreder
{border:1px solid #cfcdcd;
width:110px;
height:140px;
padding:10px;
}
ul{
text-decoration:none;
padding:0;
margin:0;
list-style:none;
}

.dottedline
{border-left:1px dotted  #cfcdcd;

}

#wraper{
width:940px; 
height:auto;
margin:0 auto 0 auto;
background:#FFFFFF;}




#quick{
width:212px; 
height:66px;
background:url(../images/quick_support.jpg) no-repeat;
padding-top:30px;

}

#gallery {
		
		width: 600px;
		padding:10px;
		
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline;  }
	#gallery ul img {
		border: 2px solid #d6d4d4;
		padding:10px;
		border-width: 5px 5px 20px;
		
	}
	#gallery ul a:hover img {
		border: 5px solid #999999;
		border-width: 5px 5px 20px;
		color: #999999;
	}
	#gallery ul a:hover { color: #999999; }


#quick_add{
width:212px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:15px;
color:#5d5d5d;
font-size:11px;
font-weight:normal;
padding-bottom:5px;
}



#menu {
	background: url(../images/nav_middle.jpg) repeat-x ;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	height:37px;
	width: 885px;
}
#menu li {
	float: left;
	font: 68.5%    Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#menu a {
	background: url(../images/div.png) center right no-repeat  ;

	color: #666666;
	display: block;
	float: left;
	margin: 0;
	padding:  12px 12px;
	text-decoration: none;
}
#menu a:hover {	
	color: #cc3333;
	
	}
	
#banner{
width:900px;
height:222px;
background:url(../images/banner.jpg) no-repeat;
margin-top:10px;
}


#leftpanel{
width:210px;
height:auto;
border-left:1px solid #d4d0d0;
border-right:1px solid #d4d0d0;
background:#f8f8f8;
}

#left{
width:200px;
height:auto;
}

#left ul{
margin:0px;
padding-left:30px;
text-decoration:none;
}

#left ul li{

padding:0px;
text-decoration:none;
}

#left ul li a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:30px;
color:666666;
font-weight:bold;
text-decoration:none;

}

#left ul li a:hover{

color:red;
}

#welcome_bg{
background:url(../images/welcome_bg.jpg) no-repeat;
width:434px;
margin-left:1px;
height:170px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:15px;
color:#5d5d5d;
font-size:10px;
font-weight:normal;
padding:6px;
line-height:1.5em;
text-align:justify;
border-left:1px solid #dfdcdc;
border-right:1px solid #dfdcdc;
font-weight:normal;
}


#wweb-bg{
background:url(../images/welcome_bg.jpg) no-repeat;
width:434px;
margin-left:1px;
padding:6px;
border-left:1px solid #dfdcdc;
border-right:1px solid #dfdcdc;

}


#leftpanel_white{
width:212px;
height:auto;
border-left:1px solid #d4d0d0;
border-right:1px solid #d4d0d0;

}

.tick {

	
	float: left;
	
	width: 150px;

}


.tick1 {
font: 68.5%    Verdana, Helvetica, sans-serif;
line-height:15px;
color:#5d5d5d;
font-weight:normal;
text-decoration:none;
}

.tick a {
font: 68.5%    Verdana, Helvetica, sans-serif;
line-height:15px;
color:#5d5d5d;
font-weight:normal;
text-decoration:none;
}
.tick a:hover {	
	color: #cc3333;
	
	}
	
	
	.tick_big {
	
	float: left;
	
	width: 150px;

}


.add {
font: 68.5%    Verdana, Helvetica, sans-serif;
line-height:20px;
color:#5d5d5d;
font-weight:normal;
padding-top:10px;
text-decoration:none;
}
.add1 {
font: Verdana, Helvetica, sans-serif;
line-height:1.6em;
color:#5d5d5d;
font-weight:normal;
font-size:11px;
padding-top:10px;
text-decoration:none;
text-align:left;
width:180px;
}


.addred{
font: 68.5%    Verdana, Helvetica, sans-serif;

color:#fe4b0c;
font-weight:bold;
padding-top:10px;
text-decoration:none;
}


.addred1{
font: 68.5%    Verdana, Helvetica, sans-serif;

color:#fe4b0c;
font-weight:bold;
padding-top:2px;
text-decoration:none;
}
.tick_big a {
font: 68.5%    Verdana, Helvetica, sans-serif;
line-height:15px;
color:#5d5d5d;

text-decoration:none;
}
.tick_big a:hover {	
	color: #cc3333;
	
	}
	
	#middlepanel_white{
width:435px;
height:auto;
border-left:1px solid #d4d0d0;
border-right:1px solid #d4d0d0;

}

.form{
width:200px;
height:20px;
border:1px solid #0099FF;}

.dor {
font: 68.5%    Verdana, Helvetica, sans-serif;
line-height:15px;
color:#5d5d5d;

font-weight:normal;
text-decoration:none;
}

.red {
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:15px;
color:#990000;
font-size:11px;
font-weight:normal;
text-decoration:none;
}

.fot {
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:15px;
color:#5d5d5d;
font-size:11px;
font-weight:normal;
text-decoration:none;
}

.fot a {
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:15px;
color:#5d5d5d;
font-size:11px;
font-weight:normal;
text-decoration:none;
}
.fot a:hover {

	color: #cc3333;
text-decoration:underline;

}
#enq{
width:630px;
height:auto;
background:#f1f1f1;
margin-bottom:10px;
margin-left:10px;
border:1px solid #e4e1e1;


}

.enqpadding{

padding-top:5px;
padding-bottom:5px;


}

.enqimgpadding{
padding-left:30px;
padding-top:5px;

}

.enqtext {
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:25px;
color:#5d5d5d;
font-size:11px;
font-weight:normal;
padding-left:30px;
text-decoration:none;
}

.enqsubmit {
font-family:Verdana, Arial, Helvetica, sans-serif;

color:#5d5d5d;
font-size:11px;
font-weight:normal;

text-decoration:none;
}




.enqp {
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:15px;
color:#5d5d5d;
padding-left:10px;
padding-top:10px;

font-size:11px;
font-weight:normal;

text-decoration:none;
}

.enqborder
{border:1px solid #dad7d7;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:5px;
color:#5d5d5d;
font-size:11px;
font-weight:normal;
text-decoration:none;

}

.nom {
	font-family: tahoma;
	font-size: 11px;
	color: #990000;
	}

.nomstar{
	font-family: tahoma;
	font-size: 11px;
color: #2d64ad;
	}
.enqreq
{
	font-family: tahoma;
	font-size: 11px;
color: #2d64ad;
text-align: right;
padding-right:10px;
line-height:20px;
}
.enqfield
{width:150px;
height:20px;
border:1px solid #e1dfdf;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:20px;
color:#5d5d5d;
font-size:11px;
font-weight:normal;

text-decoration:none;


}

.enqfield1
{width:80px;
height:20px;
border:1px solid #e1dfdf;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:20px;
color:#5d5d5d;
font-size:11px;
font-weight:normal;
float:left;


text-decoration:none;


}

#message
{width:132px;
height:47px;
background:url(../images/cover1.jpg) no-repeat;
padding-top:12px;
padding-bottom:12px;
padding-left:5px;

}


.enqfieldbig
{width:190px;
height:50px;
border:1px solid #e1dfdf;
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:20px;
color:#5d5d5d;
font-size:11px;
font-weight:normal;


text-decoration:none;


}
#content{ width:650px; height:auto; font-family:Verdana, Arial, Helvetica, sans-serif;}
#content h1{ font-family: "Microsoft Sans Serif"; font-size:20px; color:#016767; padding:10px 0 0 20px;}
#content h2{ font-family: "Microsoft Sans Serif"; font-size:18px; color:#ff6d0f; padding:10px 0 0 20px;}
#content h3{
	font-family: "Microsoft Sans Serif";
	font-size:14px;
	color:#333333;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
#content h4{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#666666; }
#content h5{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; padding:0 0 0 20px; }
#content ul{ list-style:none;}
#content li{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height:1.5em;}
#content p{ font-family:Tahoma; font-size:11px; color:#777777; line-height:1.5em; text-align:justify; padding:0 25px 0 25px;}
/* ######### CSS for Shade Tabs. Remove if not using ######### */
.indentmenu{
	font: bold 13px Arial;
	width: 653px; /*leave this value as is in most cases*/
}

.indentmenu ul{
	margin: 0;
	padding: 0;
	float: left;
}

.indentmenu ul li{
	display: inline;
	margin: 0px;
	padding: 0px;
}

.indentmenu ul li a{
	float: left;
	color: white; /*text color*/
	padding: 0px;
	text-decoration: none; /*navy divider between menu items*/
	margin: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.indentmenu ul li a:visited{
	color: white;
	margin: 0px;
	padding: 0px;
}

.indentmenu ul li a.selected{
	color: white !important;
	margin: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	filter:alpha(opacity=100);
	-moz-opacity:10;
	-khtml-opacity: 10;
	opacity: 10;
}
.indentmenu p{
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e6e6e6;
}
.tabcontentstyle{ /*style of tab content oontainer*/
	border: 1px solid gray;
	width: 450px;
	margin-bottom: 1em;
	padding: 10px;
}

.tabcontent{
	display:none;
	background-image: url(images/bg-web-design.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 190px;
	width: 653px;
	margin: 0px;
	padding: 0px;
}

@media print {
.tabcontent {
	display:block !important;
}
}
.ourservices {
	margin: 0px;
	padding: 0px;
	height: 190px;
	width: 653px;
}
.ourservices a {
	color: #666666;
	text-decoration: none;
	text-align: right;
	display: block;
	font-weight: bold;
}
.ourservices a:hover {
	color: #0066CC;
	text-decoration: underline;
	text-align: right;
	display: block;
	font-weight: bold;
}

.ourservices h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #25463d;
	margin: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-weight:bold;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 28px;
}
.ourservices p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #666666;
	margin: 0px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 28px;
	width: 390px;
}
.ourservices span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #999999;
	text-align: right;
	margin: 0px;
	padding: 0px;
}
.tabcontentb {
	display:none;
	background-image: url(images/bg-web-development.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 190px;
	width: 653px;
	margin: 0px;
	padding: 0px;
}
.tabcontentc {
	display:none;
	background-image: url(images/bg-shopping-cart-n-store-design.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 190px;
	width: 653px;
	margin: 0px;
	padding: 0px;
}
.tabcontentd {
	display:none;
	background-image: url(images/bg-web-application-development.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 190px;
	width: 653px;
	margin: 0px;
	padding: 0px;
}
.tabcontente {
	display:none;
	background-image: url(images/bg-serch-engine-optimization.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 190px;
	width: 653px;
	margin: 0px;
	padding: 0px;
}
.tabcontentf {
	display:none;
	background-image: url(images/domainhosting.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 190px;
	width: 653px;
	margin: 0px;
	padding: 0px;
}
.nodivbox {
	display: none;
	margin: 0px;
	padding: 0px;
	font-size: 1px;
	line-height: 1px;
	height: 0px;
	width: 0px;
}

.con p
{
	width:300px;
	height:auto;
	line-height:1.5em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#777777;
	text-align:justify;
}
.con h1
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	font-weight:bold;
	padding:10px 0 0 0;
}

.skill_head
{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	font-weight:bold;
	}

.skill_cont
{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	font-weight:normal;
	}	
	
	.skill_cont a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	font-weight:normal;
	text-decoration:none;
	}	
	
	
		.skill_cont a:hover
{

	color:#990000;

		text-decoration:underline;
	}	
	
	
	.skillcont
{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	font-weight:normal;
	}	
	
	.skillcont a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	font-weight:normal;
	text-decoration:none;
	}	
	
.skillcont a:hover{
	color:#990000;
	text-decoration:underline;
	}	
	
	#skill_border{
    border:1px solid color:#666666;
	width:600px;
	height:auto;
	}
	
	#dolphincontainer{position:relative;color:#fff;/*background:#99FFCC;*/ width:660px; height:auto;font-family:Helvetica,Arial,Verdana,sans-serif;}
#dolphinnav{position:relative;height:33px;font-size:12px;text-transform:uppercase;font-weight:bold;background:#fff url(images/dolphin_bg.gif) repeat-x bottom left;padding:0 0 0 0px;}
#dolphinnav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#dolphinnav ul li{display:block;float:left;margin:0 1px;}
#dolphinnav ul li a{display:block;float:left;color:#000000;text-decoration:none;padding:0 0 0 16px;height:33px;}
#dolphinnav ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
#dolphinnav ul li a:hover{color:#fff;}
#dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{color:#ffffff;background:#1D6893 ;line-height:275%;}
#dolphinnav ul li a.current span{display:block;padding:0 15px 0 0;width:auto;background:#1D6893 ;height:33px;}

#dolphin_inner1{color: #000000;; padding: 5px; font-size: 60%; height: 1em;}

#dolphin_inner a:link, #dolphin_inne a:visited, #dolphin_inner a:active{color: #000000;}
#dolphin_inner a:hover{color: yellow}

.innercontent{display: none;}

.greeen
{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#016767;
	font-weight:bold;
	padding-bottom:10px;
	}
	
	#quick_add1{
width:580px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:1.3em;
color:#5d5d5d;
text-align:justify;
font-size:11px;
font-weight:normal;
padding-bottom:5px;
margin:10px;
}

	#quick_add2{
width:auto; 
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:1.3em;
color:#5d5d5d;
text-align:justify;
font-size:11px;
font-weight:normal;
padding-bottom:5px;
}

.h3
{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#016767;
	font-weight:bold;
	padding-bottom:10px;
	}
	
	.box{
background: #fff;
}
.boxholder{
clear: both;
padding: 1px;
background: #fff;
border:1px solid #e5e5e5;
}
.tab{
float: left;
height: 32px;
width: 122px;
margin: 0 1px 0 0;
text-align: center;
background:  url(../images/greentabsmallred2.jpg) no-repeat;
}

.tab1{
float: left;
height: 33px;
width: 73px;
margin: 0 1px 0 0;
text-align: center;
background:  url(../images/greentabsmallred1.jpg) no-repeat;
}
.tabtxt{
margin: 0;
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 9px 0 0 0;
}

#scroll_shadow{ width:650px; height:auto;  float:left}

#scroll_padding{ padding-left:2px;}

#scroll_shadow_img{ width:600px; height:auto; background-image:url(../images/scroll_image.png); height:26px;  border:1px solid #c3c3c3; font-family:"Trebuchet MS"; color:#0c7496; font-weight:bold; font-size:16px;  padding-left:5px;  float:left}


.sem {
font-family:Arial, Helvetica, sans-serif ;
color:#555555;
line-height:20px;
padding-left:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
 padding-top:5px;
font-weight:bold;
text-decoration:none;


}

.p1_ad {
font-family:Arial, Helvetica, sans-serif ;
color:#5d5d5d;
line-height:5px;
display:block;

padding:8px;
font-size:12px;
text-decoration:none;

text-align:justify;

}


.tabtxt{
margin: 0;
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 9px 0 0 0;
}

.subheading{
margin-top:10px;
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
margin-left:10px;
background:url(../images/arrow-head.jpg) no-repeat;
padding-left:18px;
background-position:left;
text-align:left;
color:#5e5e5e;

}

div.scroll
{
background-color:#ffffff;
width:650px;
height:500px;
overflow:scroll;
float:left;

}

a{
color: #5d5d5d;
text-decoration: none;
}
a:hover{
color: #2d64ad;
}


.site-detail{

font-family:Arial, Helvetica, sans-serif;
line-height:15px;
color:#074199;
font-size:16px;
font-weight:normal;
padding-left:5px;
padding-top:5px;
padding-right:5px;
padding-bottom:10px;
line-height:20px;
}

.site-detail-para{

font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:15px;
color:#5f5a5a;
font-size:11px;
font-weight:normal;
padding-left:5px;
padding-right:5px;

}


.site-link {

font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:15px;
color:#db7316;
font-size:11px;
font-weight:normal;
padding-left:13px;
padding-right:5px;
padding-bottom:10px;
padding-top:7px;
text-decoration:none;
background:url(../images/left-arrow.png)  no-repeat;
background-position:left;

}

.site-link a{

font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:15px;
color:#db7316;
font-size:11px;
font-weight:normal;
padding-left:20px;
padding-right:5px;
padding-bottom:10px;
padding-top:5px;
text-decoration:underline;
background:url(../images/handjpg.jpg)  no-repeat;
background-position:left;

}


.site-link a:hover{
color:#5f5a5a;
text-decoration:none;

}


#space
{
margin-top:10px;
margin-bottom:10px;
}
.site-border{
border-top:1px dotted #c7c5c5;

}