/* CSS Document */
body {
	margin:0px;
	padding:0px;
	/*background:url(images/bg.jpg) top left repeat-x #18343c;*/
	background:url(images/main-bg.jpg) top left repeat;
	}
img{
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	}
.fleft{
	float:left;
	}
.fright{
	float:right;
	}
h1{
	font-family: "Myriad Pro", Arial, Verdana;
	font-size:28px;
	color:#12abdb;
	font-weight:normal;
	margin:0px 0px 0px 0px;
	padding:0px 0px 15px 0px;
	}
h1 span{
	color:#FFFFFF;
	}
h1 img{
	float:right;
	border:none;
	}	
h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#ffffff;
	font-weight: normal;
	margin:0px 0px 0px 0px;
	padding:0px 0px 15px 0px;
	text-decoration:underline;
	}
.padding{
	font-weight:bold;
	text-decoration:none;
	color:#f6f2f2;
	font-size:16px;
	margin:0px;
	padding:9px 0px 5px 0px;
	}
h6{
	color:#FFFFFF;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px 0px 8px 0px;
	padding:0px;
	}		
body #wrapper-t{
	background:url(images/main-bg-t.jpg) top left repeat;
	}
body #wrapper-f{
	background:url(images/main-bg-f.jpg) bottom left repeat-x;
	height:290px;
	}
#wrapper{
	display:block;
	width:1024px;	
	margin-left:auto;
	margin-right:auto;
	background:url(images/bg.jpg) top left repeat-x #18343c;
	}
#header{
	height:161px;
	/*margin-top:24px;*/
	}
#header .logo{
	/*margin-left:24px;*/
	float:left;
	margin-left:10px;
	margin-top:24px;
	}
#nav{	
	float:left;
	width:752px;
		
	}
#nav .left{
	float:left; 
	margin-top:19px;
	}
.banner-link{
	position:absolute; 
	display:block; 
	width:350px; 
	height:60px; 
	background:none; 
	top:0px; 
	margin-top:197px; 
	margin-left:618px;
	}
/*#nav .right{
	float:right; 
	margin-top:19px;
	}	*/
	

	
#container{
	display:block;
	float:left;
	width:903px;
	margin-top:31px;
	margin-left:66px;
	margin-right:66px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#d0d0d0;	
	}
#contact{
	width:803px;
	margin-top:31px;
	margin-left:66px;
	margin-right:66px;
	}
#contact p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	display:block;
	width:500px;
	color:#d0d0d0;
	line-height:24px;
	font-weight:normal;
	}
#contact .img{
	float:right;
	display:block;
	width:400px;
	}
#contact p a{
	text-decoration:none;
	color:#f6f2f2;
	font-weight:bold;
	}
#contact p a:hover{
	text-decoration:none;
	color:#d0d0d0;
	}	 	
#container p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#d0d0d0;
	line-height:24px;
	font-weight:normal;
	margin:0px 0px 0px 0px;
	padding:0px 0px 20px 0px;
	}
#container p a{
	text-decoration:none;
	color:#f6f2f2;
	font-weight:bold;
	}
#container p a:hover{
	text-decoration:none;
	color:#d0d0d0;
	}	
#container .contain ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	list-style:none;
	}
#container .contain ul li{
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	background: url(images/bullet.png) left 0.5em no-repeat;
	margin:0px 0px 0px 20px;
	padding:0px 0px 0px 25px;
	line-height:25px;
	font-size:12px;
	color:#d0d0d0;
	}
#container .contain ul li a{
	text-decoration:none;
	color:#f6f2f2;
	font-weight:bold;
	}
#container .contain ul li a:hover{
	text-decoration:none;
	color:#d0d0d0;
	}
.more{
	margin-left:800px;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	background:url(images/btn-bg.jpg) top left repeat;
	height:21px;	
	color:#FFFFFF;
	width:105px;
	text-align:center;
	padding:4px 0px 0px 0px;
	/*margin:5px 0px 9px 0px;	*/	
	}
.more a{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;	
	}
a.more:hover{
	text-decoration:underline;
	}	
/*.read{
	-moz-border-radius:10px 10px 10px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	background:url(images/btn-bg.jpg) top left repeat;
	height:25px;	
	padding-bottom:3px;
	margin:5px 0px 9px 0px;
	width:105px;	
	border:none;
	}
.read a{
	width:105px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	}*/
#testi{
	background:#132d34;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	width:895px;
	margin-top:0px;	
	padding-top:25px;
	margin-bottom:27px;
	padding-bottom:25px;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
#testi ul{
	margin:0px 0px 0px 0px;
	padding:0px;
	/*padding:20px 0px 0px 0px;*/
	list-style:none;
	}
#testi ul li{
	list-style:none;
	padding-bottom:5px;
	line-height:16px;
	color:#7d7e7e;
	background:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0px 20px 20px 20px;
	}
.read-more{
	margin-left:780px;
	/*padding-bottom:10px;*/
	margin-top:10px;
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	background:url(images/btn-bg.jpg) top left repeat;
	height:21px;	
	color:#FFFFFF;
	width:105px;
	text-align:center;
	padding:4px 0px 0px 0px;	
	}
.read-more a{
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	}
.read-more a:hover{
	text-decoration:none;
	}	
#footer{
	background:url(images/footer.jpg) top left repeat-x;
	background-color:#0a1215;
	height:290px;
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	}
#footer #container-f{
	/*margin:0px 0px 0px 70px;*/
	margin:0px 0px 0px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(images/footer.jpg) top left repeat-x;
	background-color:#0a1215;
	height: 290px;	
	color:#7d7e7e;
	font-size:11px;
	}
#footer .link{
	display:block;
	width:180px;	
	float:left;
	color:#7d7e7e;
	margin-top:45px;
	margin-left:10px;	
	}
.link ul{
	margin:0px;
	padding:0px;
	float:left;
	}
.link ul li{
	display:block;
	width:250px;
	float:left;
	color:#7d7e7e;
	font-weight:normal;
	line-height:18px;
	}
.link ul li a{
	color:#7d7e7e;
	text-decoration:none;
	}		
.link ul li a:hover{
	text-decoration:none;
	color:#b8b8b8;
	}	
	
#footer .link2{
	display:block;
	width:180px;	
	float:left;
	color:#7d7e7e;
	margin-top:65px;
	margin-left:80px;	
	}
.link2 ul{
	margin:0px;
	padding:0px;
	float:left;
	}
.link2 ul li{
	display:block;
	width:400px;
	float:left;
	color:#7d7e7e;
	font-weight:normal;
	line-height:18px;
	}
.link2 ul li a{
	color:#7d7e7e;
	text-decoration:none;
	}		
.link2 ul li a:hover{
	text-decoration:none;
	color:#b8b8b8;
	}	
	
#footer .link3{
	display:block;
	width:180px;	
	float:left;
	color:#7d7e7e;
	margin-top:45px;
	margin-left:180px;	
	}
.link3 ul{
	margin:0px;
	padding:0px;
	float:left;
	}
.link3 ul li{
	display:block;
	width:250px;
	float:left;
	color:#7d7e7e;
	font-weight:normal;
	line-height:18px;
	}
.link3 ul li a{
	color:#7d7e7e;
	text-decoration:none;
	}		
.link3 ul li a:hover{
	text-decoration:none;
	color:#b8b8b8;
	}	
.left{
	display:block;
	width:100%;
	height:10px;
	float:left;
	margin-left:10px;
	margin-top:5px;	
	}	
.osc{
	width:250px;
	height:40px;
	float:left;
	margin-left:10px;
	margin-top:60px;
	
	}	
.osc2{
	width:250px;
	height:40px;
	float:left;
	margin-left:10px;
	margin-top:60px;
	
	}	
.follow{
	padding-top:17px;
	padding-bottom:12px;
	}
.follow img{
	margin-right:10px;
	margin-top:2px;
	}
.cloud{
	float:right; 
	margin-top:30px;
	display:block; 
	width:250px; 
	height:192px;
	margin-right:10px; 
	/*margin-right:47px;*/
	}
.cloud a{
	color:#7d7e7e;
	text-decoration:none;
	font-size:14px;
	font-family:"Myriad Pro", Arial, Verdana;	
	}
.cloud a:hover{
	text-decoration:underline;
	}	
.serv-l{
	float:left; 
	width:300px;
	}
.serv-r{
	float:right; 
	width:500px;
	}
/*.welcome {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	line-height: normal;
	font-weight: 450;
	font-variant: normal;
	text-transform: none;
	color: ea2300;
}*/
input, textarea, select{
	background:#132d34;
	border:1px solid #d0d0d0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#d0d0d0;
	padding-left:3px;
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	margin:0px 0px 5px 0px;
	}
.button{
	-moz-border-radius:10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	background:url(images/btn-bg.jpg) top left repeat;
	height:27px;	
	color:#FFFFFF;
	width:105px;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:10px 0px 10px 35px;
	color:#FFFFFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	}
	
/****************** Easy Slider - Start *********************/

.graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */		

				
	#content{
		position:relative;		
		}			

/* Easy Slider */

	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		/*width:696px;
		height:241px;*/
		overflow:hidden;
		width:1024px;
		height:282px;		
		/*height:396px; */
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:100px;
		}	
	#nextBtn{ 
		/*left:696px;*/
		left:1024px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background:url(images/btn_prev.png) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(images/btn_next.png) no-repeat 0 0;	
		}	

/****************** Easy Slider - End *********************/

/****************** Software Development - Start *********************/
#expert{
	display:block;
	float:left;
	border-right:1px dashed #CCCCCC;
	}
#expert ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	list-style:none;
	}
#expert ul li{
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	background: url(images/bullet.jpg) left 0.5em no-repeat;
	margin:0px 0px 0px 20px;
	padding:0px 0px 0px 25px;
	line-height:25px;
	font-size:12px;
	color:#d0d0d0;
	}
#expert p{
	margin:0px;
	padding:0px 0px 0px 20px;
	}
/****************** Software Development - End *********************/
/****************** Portfolio - Tabs - Start *********************/
#tabs{
	display:block;
	background:none;
	width:900px;
	float:left;
	/*margin-bottom:10px;*/
	padding-bottom:10px;
	}
#tabs ul{
	margin:5px 0px 0px 0px;
	padding:0px;
	list-style:none;
	display:inline;	
	}
#tabs ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	height:41px;
	list-style:none;
	font-weight:bold;
	line-height:41px;
	/*background:#12abdb;*/
	/*-moz-border-radius:5px;*/
	/*padding:5px 10px;*/
	margin:0px;
	padding:0px 10px 0px 0px;	
	display:inline;
	float:left;
	background:none;
	}
#tabs ul li a{
	text-decoration:none;
	color:#FFFFFF;
	padding:12px 20px;
	background:#062128;
	-moz-border-radius:8px 8px 0px 0px;
	-webkit-border-radius:8px 8px 0px 0px;
	}
#tabs ul li a:hover{
	/*border-top:2px solid #9900CC;
	padding-top:5px;*/
	/*position:relative;*/
	-moz-border-radius:8px 8px 0px 0px;
	-webkit-border-radius:8px 8px 0px 0px;
	background:#12abdb;
	padding:12px 20px;
	color:#FFFFFF;
	}
	
	#tabs ul li .active{
		
	-moz-border-radius:8px 8px 0px 0px;
	-webkit-border-radius:8px 8px 0px 0px;
	background:#12abdb;
	padding:12px 20px;
	color:#FFFFFF;
	}
	
#tabs .tabcon{
	display:block;
	margin-top:-1px;
	width:900px;
	background:#062128;
	float:left;	
	}
#tabs .paging{
	display:block;
	width:800px;
	background:#062128;
	float:left;	
	}
#tabs .paging ul{
	margin:0px;
	padding:0px;
	list-style:none;
	}
#tabs .paging ul li{
	float:left;
	padding:3px 5px;
	color:#000000;
	}
#tabs .paging ul li a{
	text-align:center;
	background:#07333e;
	color:#074758;
	padding:3px 10px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	text-decoration:none;
	}
#tabs .paging ul li a:hover{
	text-align:center;
	background:#235461;
	color:#c1c4c7;
	}
/****************** Portfolio - Tabs - End *********************/
/****************** Testimonials *********************/
#testimo{
	display:block;
	width:900px;
	float:left;
	}
#testimo ul li h6{
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	background-color:#0d4858;
	float:right;
	}
#testimo ul{
	margin:0px;
	padding:0px;
	list-style:none;
	}
#testimo ul li{
	display:block;
	width:900px;
	float:left;
	background:url(images/test-line.png) bottom left no-repeat;
	/*border-bottom:1px dashed #159fdb;*/
	margin:0px 0px 10px 0px;
	padding:0px 0px 15px 0px;
	list-style:none;
	line-height:24px;
	}
.back{
	display:block;
	width:150px;
	margin:0px;
	padding:0px 0px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:center;
	line-height:29px;
	vertical-align:middle;
	
	}
.back a{
	text-decoration:none;
	-moz-border-radius:8px;	
	-webkit-border-radius:8px;	
	color: #666666;
	border:1px solid #CCCCCC;
	padding:5px 8px 5px 25px;
	background:url(images/back.png) 0.5em 0.3em no-repeat #e0e0e0;
	/*background-color:#e0e0e0;*/
	}
.back a:hover{
	position:relative;
	color: #000000;
	background:url(images/back-ho.png) 0.5em 0.3em no-repeat #f1f1f1;
	/*background-color:#f1f1f1;*/
	}
#kwick_1 { 
	/*background-color: #53b388;*/	
	background:url(images/cake-php.png) top right no-repeat #000000;
	/*border:1px solid #225563;*/
}
#kwick_2 {
	/*background-color: #5a69a9;*/
	background:url(images/os.png) top right no-repeat #4a9a58;
	color:#000000;
}
#kwick_3 {
	/*background-color: #c26468;*/
	background:url(images/code.png) top right no-repeat #484846;
}
#kwick_4 { 
	/*background-color: #bf7cc7;*/
	background:url(images/pro-b.png) top right no-repeat #fbb300;
	color:#000000;
}
#kwick_5 { 
	/*background-color: #bf7cc7;*/
	background: url(images/fundraising-icons.jpg)top right no-repeat #fbb300; background-color:#1489AF;
	
}
#kwick_6 { 
	/*background-color: #bf7cc7;*/
	background: url(images/fiverr-clone-icons.jpg)top right no-repeat #fbb300; background-color:#FF9D3C;
	
}
#kwick_7 { 
	/*background-color: #bf7cc7;*/
	background: url(images/groupon-icons.jpg)top right no-repeat; background-color:#7D7D7D;
	
}
.bigLetter{
	padding-left:2px;
	font-size:14px;
	font-family:"Arial Rounded MT Bold", Arial, "Arial Black";
	line-height:22px;	 
	padding-top:5px; color:#FFFFFF; text-decoration:none;
	}
.bigLetter2{
	padding-left:2px;
	font-size:14px;
	font-family:"Arial Rounded MT Bold", Arial, "Arial Black";
	line-height:25px;	 
	padding-top:5px; text-decoration:none; color:#FFFFFF;
	}
.bigLetter3{
	padding-left:2px;
	font-size:14px;
	font-family:"Arial Rounded MT Bold", Arial, "Arial Black";
	line-height:25px;	 
	padding-top:5px; color: #FFFFFF; text-decoration:none;
	}
.smallLetter3{
	padding-right:100px; 
	padding-left:5px;	
	/*text-align:justify;*/
	font-size:11px;
	line-height:14px; color:#000000;
	}
.smallLetter{
	padding-right:100px; 
	padding-left:5px;	
	/*text-align:justify;*/
	font-size:11px;
	line-height:14px;
	}
.web-dev{
	text-align:left;
	width:803px;
	padding-bottom:20px;
	}
.web-dev table{
	border:1px solid #0b5b71;
	padding:2px;	
	}
.web-dev table th{
	background:#E0E0E0;
	}
.web-dev tr.alter td{
	background:#1c434e;
	padding:8px;
	}
.web-dev tr.alter:hover td{
	background:#224954;
	}
.web-dev tr.alter1 td{
	background: #215563;
	padding:8px;
	}
.web-dev tr.alter1:hover td{	
	background:#246374;
	}
.bottomtopheadder{ font-family:Arial, Helvetica, sans-serif;color:#12abdb; font-size:15px;
	font-weight: bold;
	line-height:18px;}
	
.bottomtext{ font-family:Arial, Helvetica, sans-serif;color:#12abdb; font-size:12px;
	}
	
.toplink {
	text-decoration:none;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px; 
	}	
.toplink a{
	text-decoration:none;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
.toplink a:hover{
	text-decoration:none;
	color: #00CCFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}	
	
.name{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration: none;}	

.name a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration: none;}	

.name a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#12ABDB; text-decoration: none;}	

.tt{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}

.tttop{ font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#FFFFFF;}

.topheadder{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#12ABDB; font-weight:bold;}