@charset "utf-8";
/* CSS Document */

body{
	padding:0px;
	margin:0px;
	
}
img
{  border-style: none;
}
#container{
	display:block;
	clear:both;
	width:1000px;
	margin: 0 auto;
}

#top1{
	display:block;
	clear:both;
	height:83px;
	width:970px;
	padding-left:30px;
	background:url(../images/bg_top-right.png) right top  no-repeat;
	border:0px;
}


#top2{
	display:block;
	clear:both;
	font:18px  "Calibri", Arial, Helvetica, sans-serif;
	color:#666666;
	text-transform:uppercase;
	text-align:right;
	height:28px;
	padding-right:30px;
}

#navigation{
	display:block;
	clear:both;
	height:30px;
	font:bold 1.1em "Calibri", Arial, Helvetica, sans-serif;
	color:#7C9F11;
	width:970px;
	padding-left:30px;
}

#navigation UL{ list-style-type:none; margin:0px; padding:0px; margin-left:20px}
#navigation UL LI{ list-style-type:none; display:inline;margin:0px; padding:0px; padding-left:20px; padding-right:20px;}

#navigation a{ text-decoration:none; color:#7C9F11; }
#navigation a:visited{ text-decoration:none; color:#7C9F11; }
#navigation a:hover{ text-decoration: none; color:#333333; }




#top-shadow{
	display:block;
	clear:both;
	height:31px;
	background:url(../images/top-shadow.jpg) no-repeat ;
	width:1000px;
}

#content{
	width:1000px;
	display:block;
	clear:both;
	background:url(../images/bg_content-shadow.jpg) repeat-y;
}


#content H1{
	display:block;
	clear:both;
	margin:0px;
	padding:0px;
	font:2em "Calibri", Arial, Helvetica, sans-serif;
	color:#999999;
	background:url(../images/heading-bg.gif) no-repeat right;
	height:55px;
	text-decoration:underline;
	//padding-left:10px;
	
}

#content H2{
	margin:0px;
	padding:0px;
	font:1.5em "Calibri",Helvetica, sans-serif, Arial;
	color:#3399FF;
	//padding-left:10px;
	padding-top:10px; /* ayaz */
	
}

#main1{
	width:892px;
	display:block;
	clear:both;
	margin-left:59px;
/*	border:1px solid blue; */
}

#main1 #address {
	background:url( ../images/phone.png ) no-repeat right;
	height:267px;
	width:174px;
	float:right;
	margin-right:100px;

}


#main1 P
{
	font:0.8em/1.5em "Calibri", Arial, Helvetica, sans-serif; 
	color:#333333; 
	padding:0px; 
	margin:0px; 
	padding-left:10px;
	/*margin-right:350px;*/
}

	/* ayaz */
	#main1 p.indented {
		padding-top: 20px;
		margin-right: 450px;
		padding-bottom: 50px;
	}



.box-blue{
	width:337px;
	height:166px;
	float:right;
	padding:10px;
	padding-top:30px;
	background: url(../images/blue-box.gif) no-repeat;
	margin-top:10px;
	margin-left:10px;
	font:bold 1.3em "Calibri", Arial, Helvetica, sans-serif;
	color:#fff;
}

	.box-blue #text {
		padding: 10px;
	}


.box-blue H3 { 
	position: relative;
	font:0.6em "Calibri", Arial, Helvetica, sans-serif; 
	display:block; 
	clear:both; 
	text-align:left; 
	float:right;
}


.box-green{
	width:271px;
	height:157px;
	float:right;
	padding:10px;
	padding-top:20px;
	background: url(../images/green-box.gif) no-repeat;
	margin-top:10px;
	margin-left:40px;
	margin-right:40px;
	margin-top:20px;
	font:bold 1em "Calibri", Arial, Helvetica, sans-serif;
	color:#fff;
}

.box-green UL{ padding-left:15px; margin:0px;}


.box-lite-green{
	width:338px;
	height:177px;
	float:right;
	padding:10px;
	background: url(../images/lite-green-box.gif) no-repeat;
	margin-left:40px;
	margin-right:30px;
	margin-top:20px;
	font:bold 1.0em "Calibri", Arial, Helvetica, sans-serif;
	color:#333;
}


.box-mobile{
	width:271px;
	height:245px;
	float:right;
	padding:10px;
	padding-top:20px;
	background: url(../images/mobile-phone.gif) no-repeat;
	margin-top:10px;
	margin-left:40px;
	margin-right:40px;
}
.box-software{
	width:271px;
	height:245px;
	float:right;
	padding:10px;
	padding-top:20px;
	background: url(../images/mobile-software.jpg) no-repeat;
	margin-top:10px;
	margin-left:40px;
	margin-right:40px;
}

#box-blank{ 
		display:block;
		clear:both;
		margin-top:20px;
		width:100%;}

#box-blank h2{ margin-top:30px;}

#cmntact-form{
	display:block;
	margin-top:20px;
	clear:both;
	width:822px;
	padding:20px;
	height:390px;
/*	background: url(../images/contact-bg.gif) no-repeat;*/
	background: url(../images/bluebackground.png) no-repeat;
}
	#contact-form #thanks {
		text-align:center;
		font-weight:bold;
		color:red;
	}

#contact-form H2{ font:bold 1.5em "Calibri", Arial, Helvetica, sans-serif;	color:#333;}
#contact-form TABLE { 
	width:600px; 
	border:0px; 
	font:1em "Calibri", Arial, Helvetica, sans-serif;	
/*	color:#333;*/
	color:#ffffff;
}
#contact-form FORM INPUT{ padding:6px; background:#fff; border:1px solid #333; width:250px}textarea
#contact-form FORM textarea{ padding:6px; background:#fff; border:1px solid #333; width:400px; height:100px;}

#flash-header{
	width:882px;
	height:390px;
	display:block;
	clear:both;
	margin-left:59px;
}

#recent-clients{
	width:882px;
	height:98px;
	display:block;
	clear:both;
	margin-left:59px;
	color:#000000;
}

#caption {
	display: inline;
	padding:40px 5px 35px 10px;
	position:absolute;
	font: 18px arial, helvetica, sans-serif;
}

#recent-clients IMG{ display:inline; float:right}

#btm-shadow{
	display:block;
	clear:both;
	width:1000px;
	background:url(../images/btml-shadow.jpg) no-repeat;
	font:bold 14px "Calibri", Arial, Helvetica, sans-serif;
	height:31px;
}


#page{
	display:block;
	clear:both;
	/*width:950px;*/
	width:500px;
	/*margin-left:30px;*/
	/*height:280px;*/
}

.middleRect {
	background:transparent url(../images/rect_middle.png) no-repeat; /*repeat-y scroll 0 0;*/
	clear:both;
	display:block;
	width:1000px;
	margin-left:38px;
	padding:10px;
}

.c1{ /*width:526px;height:280px;*/}
.c2{ width:164px; padding-left:20px; background:url(../images/bg_c2.gif) left no-repeat; height:280px;}
.c2 img{ border:1px solid #ccc; margin-bottom:15px; margin-right:10px;}
.c3{ 
	width:240px; background:url(../images/bg_c3.gif) left no-repeat; 
	height:225px; 
	padding-top:55px;
	padding-left:20px;
}

.c3 IMG{ float:right; margin-right:10px; margin-bottom:15px; }

.bar2 { 
	background:url(../images/bg_c2.gif) left no-repeat; 
	padding-left:10px;
}
	.bar2 img {
	}

.bar3 {
	background:url(../images/bg_c3.gif) left no-repeat;
}

.news{
	display:block;
	clear:both;
	margin-top:15px;
	margin-right:10px;
	float:right;
	/*width:490px;	*/
	width:450px;	
	padding-left:15px;
}

.news a{ text-decoration:none; color:#333333; }
.news a:visited{ text-decoration:none; color:#333333; }
.news a:hover{ text-decoration: underline; color:#A5CF10; }


.news TH{ border-bottom:0px ; height:35px; font:bold 18px "Calibri", Arial, Helvetica, sans-serif; text-align:left;}
.news TD{ 
	border-bottom:1px dotted #999999; 
	height:26px;
	width:470px; 
	padding-left:20px; 
	background:url(../images/dot.gif) no-repeat left;
	/*font:bold 12px/22px "Calibri", Arial, Helvetica, sans-serif; */
	font: 14px Arial, Helvetia, sans-serif;
	text-align:left;
	color:#666666;
	}
#date{
	display:inline;
	float:right;
	width:70px;
	margin-right:5px;
	font:bold 14px "Calibri", Arial, Helvetica, sans-serif;
	color:#7C9F11;

}

#more{
	padding:4px;
	padding-bottom:0px;
	/*float:right;*/
	border:0px;
	/*text-align:right;*/
	position:relative; /*ayaz*/
}

.left {
	float:left;
	text-align:left;
}
.right {
	float:right;
	text-align:right;
}
.center {
	float: none;
	text-align:center;
}

#more IMG{ padding:0px; margin:0px; border:0px;}

#footer{
	width:800px;
	padding-right:130px;
	height:40px;
	padding-top:16px;	
	/*background: url(../images/socoto-footer.gif) top right no-repeat * #000000;*/
	background:url(../images/footer.png) top right no-repeat;
	margin-left:40px;
	font:bold 14px "Calibri", Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:right;
}

#footer a{ text-decoration:none; color:#A4C90E; }
#footer a:visited{ text-decoration:none; color:#A4C90E; }
#footer a:hover{ text-decoration: underline; color:#333333; }



#footer2{
	display:block;
	clear:both;
	width:940px;
	padding-left:60px;
	background:url(../images/btml-shadow.gif) no-repeat;
	font:bold 12px "Calibri", Arial, Helvetica, sans-serif;
	color:#A4C90E;
	height:31px;
	padding-top:30px;
	vertical-align:text-top
}

#footer2 a{ text-decoration:none; color:#A5CF10; }
#footer2 a:visited{ text-decoration:none; color:#A5CF10; }
#footer2 a:hover{ text-decoration: underline; color:#333333; }

#footer2 IMG{ padding-top:10px;}


.footer2b { 
	background:url(../images/socoto-studios.gif) no-repeat right; 
	height:20px; 
	padding-top:10px; 
	margin-right:600px;
}


.about2{
	display:block;
	clear:both;
	border:0px;
	font:0.8em/1.5em "Calibri", Arial, Helvetica, sans-serif; color:#333333; padding:0px; margin:0px;
	margin-left:9px;
}


.about2 td.whitespace {
	width:50px;
}
.about2 td div.padded {
	padding:20px;
	padding-right:30px;
}

table.padded {
	padding:10px;
}

#the-team{
	display:block;
	clear:both;
	border:0px;
	width:80%;
	font:0.8em/1.5em "Calibri", Arial, Helvetica, sans-serif; color:#333333; padding:0px; margin:0px;
}
#the-team P{ display: block; clear:both; width:540px; font-size:100%;}
#the-team IMG{ border:4px solid  #666666; margin-left:20px;}

#the-team  H2{
	margin:0px;
	padding:0px;
	font:1.9em "Calibri", Helvetica, sans-serif, Arial;
	color:#3399FF;
	//padding-left:10px;	
}

#the-team H3{ 
	margin:0px;
	padding:0px;
	font:bold 1.4em "Calibri", Arial, Helvetica, sans-serif; color:#666666;
	color:#464646;
	padding-left:10px;
	}
	
#the-team H4{ 
	margin:0px;
	padding:0px;
	font:1.2em "Calibri", Arial, Helvetica, sans-serif; color:#666666;
	color:#6BA21C;
	padding-left:10px;
	}

#ourwork {
	padding-left:20px;
	height:306px;
/*	border:1px solid red; */
}

#ourwork div.header_img {
	background:url(../images/Red_rectangle.png) no-repeat left; 
	width:485px;
	height:169px;
/*	border:1px solid yellow; */
	float:left;
}

#ourwork div.header_text {
	margin-left:500px;
	padding:10px 15px;
/*	border:1px solid green; */
}

#ourwork div.header_text p {
	margin:0;
}

#ourwork div.header_img_taskeedo {
	background:url(../images/taskeedo_rectangle.png) no-repeat left; 
	width:485px;
	height:306px;
/*	border:1px solid yellow; */
	float:left;
}
#ourwork div.header_img_widgets {
	background:url(../images/androidwidgets_rectangle.png) no-repeat left; 
	width:485px;
	height:306px;
/*	border:1px solid yellow; */
	float:left;
}

#ourwork div.header_img_lifestyleapps {
	background:url(../images/cinema_rectangle.png) no-repeat left; 
	width:485px;
	height:306px;
/*	border:1px solid yellow; */
	float:left;
}

#ourwork div.header_img_educational {
	background:url(../images/exam_rectangle.png) no-repeat left; 
	width:485px;
	height:306px;
/*	border:1px solid yellow; */
	float:left;
}

#ourwork div.header_img_social {
	background:url(../images/footy_rectangle.png) no-repeat left; 
	width:485px;
	height:306px;
/*	border:1px solid yellow; */
	float:left;
}

#ourwork_container {
	padding-left: 20px;
/*	position:relative; */
/*	border:1px solid gray; */
}

#ourwork_container p {
	margin:0;
	padding:15px 5px 15px 5px;
}

#ourwork_container div.box_left {
	float:left;
	margin-right:470px;
	border:1px solid orange; 
}

#ourwork_container div.box_right {
	margin-left:450px;
	margin-right:30px;
	border:1px solid brown; 

}


#outbox {
}

#inbox {
	display: table-cell;
/*	width: 850px; */
	padding-left: 20px;
}

#inbox div.row {
	display:table-row;
}

#inbox div.row div.cell {
	display:table-cell;
	width:400px; 
/*	border:1px solid green; */
}

#inbox div.row div.cell p {
	margin:0;
	padding:15px 15px 15px 5px;
}

#outbox table {
	width:850px;
	margin-left:20px;
/*	border:1px solid blue;*/
}

#outbox table tbody tr {
}

#outbox table tbody tr td {
	width:400px;
}

#outbox table tbody tr td p {
	margin:0;
	padding:15px 30px 15px 5px;
}



#whatWeDo {
	padding-left:20px;
/*	border:1px solid red;  */
}

#whatWeDo div.headerImg {
	background:url(../images/blackboard.jpg) no-repeat left; 
	width:403px;
	height:277px;
/*	border:1px solid yellow;*/
	float:left;
}

#whatWeDo div.headerText {
	margin-left:420px;
	padding:10px 15px;
/*	border:1px solid green; */
}

#whatWeDo div.headerText p {
	margin:0;
	padding:15px 30px 15px 5px;
}

#whatWeDoTabular table {
	width:850px;
	margin-left:20px;
/*	border:1px solid blue;*/
}

#whatWeDoTabular table tbody tr {
}

#whatWeDoTabular table tbody tr td.wide {
	width:450px;
}

#whatWeDoTabular table tbody tr td.right {
	float:right;
	padding-right:10px;
}

#whatWeDoTabular table tbody tr td p {
	margin:0;
	padding:15px 30px 15px 5px;
}




#box {
	width:1000px;
	padding-left: 15px;
}

#contactForm {
	display:inline;
	margin-top:20px;
	clear:both;
	width:445px;
	padding:20px;
	height:572px;
	background: url(../images/contact_background.png) no-repeat;
	float:left;
	color: gray;
}


#map {
	display:inline;
	margin-top:20px;
	/*clear:both;*/
}

#sendButton {
	width: 102px;
	height: 47px;
	background: url(../images/send_button.png) no-repeat;
	float:right;
	margin-right: 50px;
	border: none;
}