body {
	margin:0px;
	padding:10px 0px;
	background-image:url(../images/bg-main.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#86cde9;
	}
	
.top-menu {
	background:url(../images/top-menu-bg.png) no-repeat;
	height:39px;
	font:12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:0px 0px 0px 0px;
	margin:0px;
	text-decoration:none;
	}
.top-menu a{
	color:#FFFFFF;
	margin:0px;
	padding: 0px 30px;
	text-decoration:none;
	}
.top-menu a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	}

.top-center-bg {
	background:url(../images/top-center-bg.jpg) no-repeat top left;
	background-color:#FFFFFF;
	}	
	
.index-text {
	font:12px Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:18px;
	text-decoration:none;
	}	
.index-text a{
	color:#666666;
	text-decoration:underline;
	}	
.index-text a:hover{
	color:#666666;
	text-decoration:none;
	}	



.index-text b{
	font:14px Arial, Helvetica, sans-serif;
	color:#666666;
	font-weight:bold;
	line-height:18px;
	text-decoration:none;
	}
	
.more-about {
	background:url(../images/more-about-us.jpg) no-repeat;
	width:178px;
	height:32px;
	font:13px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:2px 0px 0px 15px;
	text-decoration:none;
	}
.more-about a{
	color:#FFFFFF;
	text-decoration:none;
	}
.more-about a:hover {
	color:#FFFFFF;
	border-bottom:1px dotted #FFFFFF;
	text-decoration:none;
	}	

.application-bg {
	background:url(../images/application-bg.jpg) no-repeat;
	width:216px;
	height:183px;
	}
	
.graphics-bg {
	background:url(../images/graphics-bg.jpg) no-repeat;
	width:216px;
	height:183px;
	}

.hosting-bg {
	background:url(../images/hosting-bg.jpg) no-repeat;
	width:216px;
	height:183px;
	}

.web-bg {
	background:url(../images/web-bg.jpg) no-repeat;
	width:216px;
	height:183px;
	}			
	
.index-service-heading {
	font:18px Arial, Helvetica, sans-serif;
	color:#fe7200;
	text-align:left;
	text-decoration:none;
	line-height:20px;
	}
.index-service-heading b{
	font:14px Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:left;
	text-decoration:none;
	}	

.index-service-text{
	font:12px Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:16px;
	text-align:left;
	text-decoration:none;
	}	
	
.index-service-more{
	font:12px Arial, Helvetica, sans-serif;
	color:#71a921;
	line-height:16px;
	text-align:right;
	text-decoration:none;
	}	
.index-service-more a{
	color:#71a921;
	text-decoration:none;
	border-bottom:1px dotted #71a921;
	}	
.index-service-more a:hover{
	color:#71a921;
	text-decoration:none;
	border:none;
	}
	
.dream-templete {
	font:24px Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:left;
	}

.feel-free {
	font:16px Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:left;
	}
	
	
.input-box {
	height:18px;
	border:1px solid #c7c7c7;
	background-color:#f1f1f1;
	font:11px Arial, Helvetica, sans-serif;
	color:#666666;
	}
	
.multi-box {
	border:1px solid #c7c7c7;
	background-color:#f1f1f1;
	font:11px Arial, Helvetica, sans-serif;
	text-align:left;
	color:#666666;
	}	
	
.email-text {
	font:11px Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:right;
	}

.bottom-services {
	font:11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	}
.bottom-services a{
	color:#FFFFFF;
	margin:0px;
	padding: 0px 3px;
	text-decoration:none;
	}
.bottom-services a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	}
	
	
.copyright {
	font:11px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-align:left;
	background:url(../images/footer-shadow.jpg) top right no-repeat;
	height:32px;
	}			
			
.email-bg {
	background:url(../images/email.jpg) no-repeat top right;
	}			
	
/***** inner page css ***/

.top-inner-center-bg {
	background:url(../images/top-inner-center-bg.jpg) no-repeat top left;
	background-color:#FFFFFF;
	}	
	
.inner-tab-link {
	z-index:1;
	padding:196px 0px 0px 0px;
	position:absolute;
	float:left;
	}

.inner-tab-link h3 {
	font:16px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:left;
	font-weight:normal;	
	background:#4e4e4e;
	opacity:0.7;
	filter:alpha(opacity=20);
	width:647px;
	padding:4px 0px 4px 6px;
	margin:0px;
	text-decoration:none;
	}			
.inner-tab-link h3 a{
	color:#FFFFFF;
	border-bottom:1px dotted #FFFFFF; 
	text-decoration:none;
	}			
.inner-tab-link h3 a:hover{
	color:#FFFFFF;
	border:none;
	text-decoration:none;
	}	


h2 {
	font:16px Arial, Helvetica, sans-serif;
	color:#fe7200;
	font-weight:bold;
	text-align:left;
	padding:0px;
	margin:0px;
	}
	
h3 {
	font:18px Arial, Helvetica, sans-serif;
	color:#fe7200;
	font-weight:bold;
	padding:0px;
	margin:0px;
	}
	
h3 span{
	font:18px Arial, Helvetica, sans-serif;
	color:#769437;
	font-weight:bold;
	padding:0px;
	margin:0px;
	}	
	
h4 {
	font:16px Arial, Helvetica, sans-serif;
	color:#769437;
	font-weight:bold;
	text-align:left;
	padding:0px;
	margin:0px;
	}	
	
h5 {
	font:14px Arial, Helvetica, sans-serif;
	color:#769437;
	text-align:left;
	font-weight:bold;
	padding:0px;
	margin:0px;
	}
	
h6 {
	font:16px Arial, Helvetica, sans-serif;
	color:#fe7200;
	text-align:left;
	padding:5px 0px 0px 10px;
	margin:0px;
	}			
	
.inner-text {
	font:12px normal Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:18px;
	padding:0px 6px;
	text-align:left;
	text-decoration:none;
	}
.inner-text a{ 
	color:#fe7200;
	border-bottom:1px dotted #fe7200;
	text-decoration:none;
	}
.inner-text a:hover{ 
	color:#666666;
	border-bottom:1px dotted #000000;
	text-decoration:none;
	}	
	

.inner-text ul{
	list-style:none;
	background:none;
	padding:0px;
	margin:0px;
	}
.inner-text li{
	background:url(../images/arrow.gif) no-repeat left;
	font:12px Arial, Helvetica, sans-serif;
	color:#888888;
	text-align:left;
	height:24px;
	line-height:24px;
	padding:0px 0px 0px 28px;
	margin:0px;
	text-decoration:none;
	}
.inner-text li a{
	color:#888888;
	text-decoration:none;
	}	
.inner-text li a:hover{
	color:#fe7200;
	text-decoration:underline;
	}				
	
	
/*****inner-request css***/	

.request-call-bg {
	background:url(../images/request-bg.png) bottom right no-repeat;
	height:242px;
	}
	
.input-box-sm {
	height:16px;
	border:1px solid #c7c7c7;
	background-color:#f1f1f1;
	font:11px Arial, Helvetica, sans-serif;
	color:#666666;
	}	
	
.services-border {
	border:1px solid #dfdfdf;
	}
	
.our-services {
	background:url(../images/our-services.jpg) no-repeat top;
	height:38px;
	font:16px Arial, Helvetica, sans-serif;
	color:#4a4a4a;
	padding:0px 0px 4px 10px;
	}

.our-services-text {
	background:url(../images/our-services-bg.jpg) repeat-x bottom;
	height:208px;
	}

.our-services-text ul{
	list-style:none;
	background:none;
	padding:0px;
	margin:0px;
	}

.our-services-text li{
	background:url(../images/services-link-tab.png) no-repeat left;
	font:12px Arial, Helvetica, sans-serif;
	color:#888888;
	text-align:left;
	height:28px;
	line-height:28px;
	padding:0px 0px 0px 28px;
	margin:0px;
	text-decoration:none;
	}	
.our-services-text li a{
	color:#888888;
	text-decoration:none;
	}	
.our-services-text li a:hover{
	color:#fe7200;
	text-decoration:underline;
	}		


/*****portfolio css***/			


.portfolio {
	font:12px Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:18px;
	text-decoration:none;
	}
.portfolio a{
	color:#666666;
	text-decoration:none;
	border-bottom:1px dotted #769437;
	}
.portfolio a:hover{
	color:#666666;
	text-decoration:none;
	border:none;
	}
	
.portfolio-img-border {
	border:1px solid #ebebeb;
	}		
	
.dotted {
	background:url(../images/dotted-lines.png) repeat-x top left;
	height:33px;
	}
	
.paging {
	font:11px Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration:none;
	text-align:right;
	}
.paging a{
	color:#666666;
	border:1px solid #b9b9b9;
	text-decoration:none;
	padding:0px 2px;
	}					

.paging a:hover{
	color:#666666;
	border:1px solid #b9b9b9;
	text-decoration:underline;
	}						
	

/*****Services css***/	

.servces-box {
	background:url(../images/services-box-bg.jpg) repeat-x bottom;
	height:110px;
	width:310px;
	border:1px solid #e7e7e7;
	}
.servces-box:hover{
	background:url(../images/services-box-bg.jpg) repeat-x bottom;
	border:1px solid #c8c8c8;
	}	
	
.service-text {
	font:12px Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:left;
	line-height:18px;
	padding:5px 10px 0px 0px;
	text-decoration:none;
	}	
.service-text a{
	color:#666666;
	float:right;
	text-align:right;
	text-decoration:underline;
	}	
.service-text a:hover{
	color:#666666;
	text-align:right;
	text-decoration:none;
	}	
	
.quick-contact-bg {
	background:url(../images/quick-contact-bg.png) no-repeat;
	width:303px;
	height:211px;
	}