@charset "utf-8";
/* CSS Document */
body{
	font-family:Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	text-decoration:none;
	}
	
p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#333333;
	}
li ul ol {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#ffffff;
	text-decoration:none;
	list-style:none;

	}	
	
	
td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#333333;
	}	

.img{
	border:none;
	}
	
	.left{
	float:left;
	}	
	
.right{
float:right;
}
/*-----------------------main-container-------------*/
	
#main-container{
	width:1010px;
	margin:0 auto;
	background:url(../images/main_bg.gif) repeat-y left top;
	overflow:hidden;
	}
	
#header-container{    
	width:1009px;
	float:left;
	}
.top_bg{
	width:1009px;
	background:url(../images/top_bg.gif) repeat-x left top;
	height:37px;
	float:left;
	}
	
.menu{
	width:1006px;
	float:left;
	background:url(../images/li_bg.gif) repeat-x left top;
	height:47px;
	}
	
.menu ul{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#ffffff;
	text-decoration:none;
	padding:0 27px 0 31px;
	margin:0 0 0 0;
	}
	
.menu ul li{

	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#ffffff;
	text-decoration:none;
	list-style:none;
	line-height:47px;
	display:inline;
	height:35px;

	}
	
.menu ul li a{
    font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#ffffff;
	text-decoration:none;
	list-style:none;
	line-height:47px;
	display:inline;
padding:0 32px 0 32px;
	margin:0 0 0 14px;
	float:left;
	background:url(../images/arrow.gif) no-repeat left center;
	}
	
.menu ul li a:hover{
    font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#1e2d42;
	text-decoration:none;
padding:0 32px 0 32px;
	margin:0 0 0 14px;
	background:url(../images/li_hover.gif) repeat-x left top;
	}
		
.logo-bg{
	width:806px;
	float:left;
	height:295px;
	background:url(../images/logo_bg.gif) no-repeat left top;
	padding-top:3px;
	}	
	
.logo-img{
	width:750px;
	float:left;
	padding:16px 0 0 11px;
	text-align:left;
	}	
.click-text{
	width:750px;
	font-size:19px;
	float:left;
	color:#ffffff;
	padding:177px 0 0 12px;
	}
	
.click-text a{

	font-size:19px;
	float:left;
	color:#ffffff;

	text-decoration:none;
	}	
.left-img{
	width:198px;
	float:left;
	padding-top:1px;
	}	
	
#middle-area{
	width:1009px;
	float:left;
	}	
	
.input{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#343434;
	font-size:12px;
	text-decoration:none;
	width:180px;
	padding-left:2px;
	font-weight:normal;
	border:1px solid #d6d6d6;
	}
	
.text-area{
	background:url(../images/text_bg.gif) #f8f8f8 repeat-x left top;
	width:966px;
	float:left;
	margin:16px 0 0 16px;
	border:#ebebeb solid 1px;

	}
	
.welcome-bg{
	width:500px;
	float:left;
	background:url(../images/welcome_bf.gif) no-repeat left top;
	height:32px;
	color:#ffffff;
    padding:4px 0 0 28px;
	font-size:20px;
	}	
	
.main-text{
	width:910px;
	font-size:12px;
	color:#747474;
	padding:0 20px 0 23px
	}
	
.about-text{
	width:635px;
	font-size:12px;
	color:#747474;
	padding:0 2px 0 15px
	}	
	.sitemap-links {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
}	
	.sitemap-links a{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
}	



.sitemap-links:hover{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	font-size:12px;
	text-decoration:underline;
	font-weight:normal;
}
	
	.links{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#cb170a;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	}
	
.links:hover{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#4472a4;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	}
	
.read-more{
	background:url(../images/read_m.gif) no-repeat left top;
	height:21px;
	font-size:11px;
	width:95px;
	float:right;
	color:#FFFFFF;
	padding:7px 0 0 18px;
	}		
.read-more a{
	height:21px;
	font-size:11px;
	float:right;
	color:#FFFFFF;
	float:left;
	text-decoration:none;
	}
.below-area{
	background:url(../images/text_bg.gif) #f8f8f8 repeat-x left top;
	width:662px;
	float:left;
	margin:16px 0 15px 16px;
	border:#ebebeb solid 1px;
	}
	
.web-designing{
	float:left;
	width:180px;
	background:url(../images/designign.gif) no-repeat left top;
	height:183px;
	margin:21px 0 10px 28px;
	}	
.portfolio-mast{
    float:left;
	width:200px;
	margin:20px 0 10px 14px;
	border:#666666 solid 1px;
	text-align:center;
	height:238px;
	}	
	
.portfolio_imgteer{
	width:189px;
	float:left;
	height:193px;
	padding:5px 0 0 6px;
	}	
	
.colour-area{
	width:178px;
	float:left;
	height:25px;
	margin:2px 0 3px 8px;
	background-color:#000000;
	color:#FFFFFF;
	font-size:11px;
	padding:5px 0 3px 5px;
	}
	
.colour-area a{
	float:left;
	padding:5px 0 3px 5px;
	margin:2px 0 3px 8px;
	background-color:#000000;
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
	}	
	
.colour-area a:hover{
	float:left;
	padding:5px 0 3px 5px;
	margin:2px 0 3px 8px;
	background-color:#000000;
	color:#44a0df;
	font-size:11px;
	text-decoration:none;
	}		
			
	
	
	
.icon-area{
	width:168px;
	float:left;
	padding:6px 0 0 8px;
	font-size:12px;
	color:#26354c;
	}	
	
.box-area{
	width:33px;
	float:left;
	}	
		
.heading-text{
    width:129px;
    float:left;
	font-size:13px;
	color:#4b4b4b;
	font-weight:bold;
	padding:3px 0 0 2px;
	}
	
.heading-text a{
    width:129px;
    float:left;
	font-size:13px;
	color:#4b4b4b;
	font-weight:bold;

	text-decoration:none;
	}
		
.opers-area{
    width:168px;
	float:left;
	padding:10px 0 0 6px;
	text-align:center;
	}	
	
	
	
.kl-area{
	width:168px;
	float:left;
	padding:32px 0 0 6px;
	}	
.quato-text{
	width:390px;
	float:left;
	margin:21px 0 0 28px;
	font-size:11px;
	}
	
.gem-port{
	background:url(../images/text_bg.gif) #f8f8f8 repeat-x left top;
	width:287px;
	float:left;
	margin:16px 0 15px 16px;
	border:#ebebeb solid 1px;
	}
.port-fe{
		width:287px;
	float:left;
	background:url(../images/recent_proj.gif) no-repeat left top;
	height:32px;
	margin:2px 0 0 0;
	}
	
.www-area{
	width:265px;
	float:left;
	padding:23px 0 0 16px;
	}	
	
.blut-text{
	width:260px;
	font-size:14px;
	float:left;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
.blut-text a{
	width:260px;
	font-size:14px;
	float:left;
	color:#000000;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}	
	
.templet_text{
	width:155px;
	float:left;
	font-size:12px;
	color:#585858;
	padding:0px 0 0 0;
	}	
	
.templete{
	width:100px;
	float:left;
	padding:0 0 0 3px;
	}
.skye-text{
	font-size:12px;
	float:left;
	width:140px;
	color:#44a0df;
	padding:0px 0 0px 0;
	}	
.skye-text a{
	font-size:12px;
	float:left;
	width:140px;
	color:#44a0df;
	padding:0px 0 0px 0;
	text-decoration:none;
	}	
	
.contant-syndication{
		background:url(../images/welcome_bf.gif) no-repeat left top;
	height:45px;
	width:500px;
	font-size:16px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	 padding:6px 0 0 28px;

	}
	
.next_area{
	width:662px;
	float:left;
	background-color:#000000;
	height:45px;
	margin:5px 0 5px 0;
	text-align:right;
	}			
	
	
	/*foooter-area-----*/
#footer-area{
    width:1005px;
	float:left;
	background:url(../images/footer.gif) repeat-x left top;
	height:69px;
	padding:0px 0 0 14px;
	font-size:10px;
	color:#FFFFFF;
	}