/*  

Theme Name: ditindia

Theme URI: http://www.ditindia.com

Description: ditindia-like 2 Columns Wordpress theme created by Yogesh Kubavat (ditindia.com)Version: 1.0.1

Author: Yogesh Kubavat

Author URI: http://www.ditindia.com/



	This theme is released under Creative Commons Attribution 2.5 License.



*/



html, body{



	padding:0;



	margin:0;



	font:normal 12px Arial, Helvetica, sans-serif;



	color:#fff;



	background:#030303 url(images/pg-bg.jpg) repeat-x 0 0;



	}

 

	



img{



	padding:0;



	margin:0;



	border:0;



	}



.clear{clear:both; font-size:1px; height:0;}	



/*fixing firefox outline*/



	



a:active{  outline: none; color:#fff;}

a { color:#fff;}

:focus { outline:none;}

hr {
border-color:-moz-use-text-color -moz-use-text-color #5BA0B0;
border-style:none none dotted;
border-width:medium medium 1px;
}

#pagewidth{	padding:0; 	margin:0 auto 0 auto; width:1003px; border-left:2px solid #353131;  border-right:2px solid #353131;	border-bottom:2px solid #353131;}



	



#header{ border-top:6px solid #595858; background:#313131 url(images/header_bg.jpg) no-repeat 0 0;	width:901px; padding:0 51px 0 51px;	height:303px; }



.post h2 a, .post h2 { text-decoration:none; color:#65d0ef;}

.post h2 a:hover {color:#4baeca}

.post h2 { margin-bottom:0; font-size:20px; margin-top:0;}

.post h3 { margin-bottom:0;}

.postmetadata, .postmetadata a{ color:#a2a2a2; font-size:10px;}



a.more-link { display:block; margin:12px 0 3px 0; color:#ffb53b;}

a.more-link:hover { text-decoration:none;}



#logo{ float:left; margin:15px 0 0 15px;}

#topnav{float:right; width:625px; height:48px; }	
#topnav { padding:14px 0 0 0;	margin:0;	list-style:none;}
#topnav li{ padding:0; margin:0; display:inline; float:left;  text-indent:-9009px;  }
#topnav li a {  display:block; }

#topnav li.page-item-5 a { background:url(images/home.jpg) no-repeat; width:80px; height:48px;   }
#topnav li.page-item-6 a { background:url(images/whatwedo.jpg) no-repeat; width:115px; height:48px;   }
#topnav li.page-item-7 a { background:url(images/whoweare.jpg) no-repeat; width:115px; height:48px;   }
#topnav li.page-item-11 a { background:url(images/howwedo.jpg) no-repeat; width:115px; height:48px;   }
#topnav li.page-item-14 a { background:url(images/ourwork.jpg) no-repeat; width:98px; height:48px;   }
#topnav li.page-item-16 a { background:url(images/contact.jpg) no-repeat; width:98px; height:48px;   }

#topnav li a:hover{background-position:0 -48px;}

.port-bg { background:url(images/portfolio-bg.png) no-repeat; width:611px; height:320px; padding:25px 0 0 25px; position:relative;}

.visit-site { position: absolute; top:200px; right:5px;} 

	



.whitelink {

	color:#FFFFFF;

	text-decoration:underline;}

.whitelink:hover { color: #999999;}



#portfoliopage #portfolio_btn a{



	background:url(images/portfolio_hover.jpg) no-repeat 0 0;



	width:92px;



	height:39px;



	}



	



#contact_btn a:link, #contact_btn a:visited{



	background:url(images/contact.jpg) no-repeat 0 0;



	width:93px;



	height:39px;



	display:block;



	}



	



#contact_btn a:hover{



	background:url(images/contact_hover.jpg) no-repeat 0 0;



	width:93px;



	height:39px;



	}



	



#contactpage #contact_btn a{



	background:url(images/contact_hover.jpg) no-repeat 0 0;



	width:93px;



	height:39px;



	}



	



.cleardiv1{



	clear:both;



	font-size:0;



	height:auto;



	}



	



.cleardiv2{

	clear:both;	font-size:0; height:0;	}



	



.cleardiv3{	clear:both;	font-size:0; height:auto; padding:10px 0 0 0; }



	



.cleardiv4{



	clear:both;



	font-size:0;



	height:auto;



	padding:20px 0 0 0;



	}



	



.cleardiv5{



	clear:both;



	font-size:0;



	height:0;



	padding:12px 0 0 0;



	}







	



#header_left{



	float:left;



	clear:both;



	}



	



#header_right{



	width:420px;



	padding:14px 0 0 9px;



	}



	



#header_right p{



	padding:8px 0 0 0;



	margin:0;



	}



	



#middlearea{



	background:#84002b url(images/violet_bg.jpg) no-repeat 0 0;



	width:901px;



	padding:25px 51px 6px 51px;



	}



	



#firstdiv{



	float:left;



	width:156px;



	padding:0 0 0 25px;;



	}



	



#seconddiv{



	float:left;



	width:219px;



	margin:0 0 0 11px;



	padding:0 0 0 30px;



	}



	



#thirddiv{



	float:left;



	width:204px;



	margin:0 0 0 10px;



	padding:0 0 0 26px;



	}



	



#forthdiv{



	float:left;



	width:176px;



	margin:0 0 0 6px;



	padding:0 0 0 28px;



	}



	



#middlearea ul{



	padding:0 0 0 4px;



	margin:0;



	list-style:none;



	}



	



#middlearea ul li{



	padding:0 0 12px 14px;



	margin:0;



	background:url(images/bullet.gif) no-repeat 0 5px;



	}



	



#bottomarea{



	background:#186476 url(images/blue_bg.jpg) no-repeat 0 0;



	width:901px;



	padding:35px 51px 25px 51px;



	}	



	



#bottom_left{



	float:left;



	width:227px;



	padding:0 20px 0 19px;



	}



	



#bottom_left p{



	padding:18px 0 0 0;



	margin:0;



	}



	



#bottom_right{



	float:right;



	width:609px;



	padding:0 0 0 22px;



	}



	



.cell_wrapper{



	padding:5px 0 0 0;



	}



	



.cell{



	float:left;



	margin:0 12px 30px 0;



	}



	



.pic{ border:1px solid #061a1f; padding:4px; background-color:#fff; }

.pic a img { border:1px solid #ccc; }



.paging span { display:inline-block; padding:3px;}

.paging a:link, .paging a:visited{ border:1px solid #fff; padding:3px; text-decoration: none; display:inline-block;}

.paging a:hover { background:#ccc; color:#000;} 

.shadow{



	background:url(images/shadow.png) no-repeat top left;



	height:13px;



	width:176px;



	margin:0 0 0 3px;



	}



		



.text{



	padding:0;



	}



	



.skybold{



	font-weight:bold;



	color:#cbfaf8;



	}



	



	



#footer{ background:#000 url(images/footer_bg.jpg) repeat-y right; overflow:hidden; height:100%; border-top:4px solid #284a52;  padding:20px 50px;  }



#footer h3 { color:#458593; font-size:18px; margin-bottom:8px; }

#footer .footer_right{ float:right; width:455px; padding:27px 0 0 0; margin-right:-60px; _margin-right:-35px; }	



.fright { float:right; padding-top:8px;  }

.fleft { float:left; width:490px;  }









#footer ul{	padding:0; margin:0 0 -3px -5px; list-style:none;  }

#footer li{ padding:0 5px; margin:0; display:inline; list-style:none; font:normal 11px Tahoma, Arial, Helvetica, sans-serif;  background:url(images/sepretor.jpg) no-repeat right 5px;  }

#footer li a:link, #footer li a:visited{ text-decoration:underline; color:#fff; 	}

#footer a:hover, #footer li a:hover { color:#999999; text-decoration:none; }

#footer ul li a:hover{text-decoration:underline;}

#footer p{ padding:4px 0 0 0; margin:0; color:#fff; font:normal 11px Tahoma, Arial, Helvetica, sans-serif; line-height:18px; }

#footer p.grey, #footer p.grey a { color:#717171;  }





#contactus { width:480px; float:left; }

.cleft { width:225px; float:left;  }



#logo_section { width:375px; float:right; }



#footer .flogo_list { margin:0; padding:0;  }

#footer .flogo_list li { margin:0 12px 10px 0; padding:0; list-style:none; text-align:center; width:138px; display:block; float:left; background:none;  }



.ftextfield { width:225px; border:1px solid #747474; background:#222; padding:3px; margin-bottom:15px; color:#fff; font-size:12px;  }

.ftextarea{ width:225px; height:90px; border:1px solid #747474; background:#222; padding:3px; margin-bottom:8px; color:#fff; font:12px Arial, Helvetica, sans-serif; float:right;  }

.submit_btn{

	border:0;

	background:url(images/bsubmit.gif) no-repeat top left;

	height:28px;

	width:78px;

	margin:0;

}

.send_email{

	border:1px solid #003947;

	background:url(images/send_btn.jpg) no-repeat top left;

        cursor:pointer;

	height:35px;

	width:130px;

	margin:0;

	

	}

.copyright { clear:both; padding:10px 0; }

.twitter {
float:right;
margin:-20px -5px -10px 0;
}


	















/*for inner pages*/







#header_inner{



	border-top:6px solid #595858;



	background:#313131 url(images/headerinner_bg.jpg) no-repeat 0 0;



	width:901px;



	padding:0 51px 0 51px;



	height:74px;



	}







#middlearea_inner{



	background-color:#59001e;



	width:901px;



	padding:30px 51px 25px 51px;



	text-align:center;



	}



	



#bottomarea_inner{



	background:#186476 url(images/blue_bg_inner.jpg) no-repeat 0 0;



	width:901px;



	padding:35px 51px 25px 51px;
	
	margin:0 auto;



	}	



	



#bottominner_left{



	float:left;



	width:220px;



	padding:0 20px 0 24px;



	}



	



#bottominner_left ul{



	padding:5px 0 10px 0;



	margin:0;



	list-style:none;



	}



	



#bottominner_left ul li{



	padding:0 0 8px 0;



	margin:0;



	}



	



#bottominner_left ul li a:link, #bottominner_left ul li a:visited{



	color:#b8d5df;



	text-decoration: underline;



	font:bold 16px Arial, Helvetica, sans-serif;



	}



	



#bottominner_left ul li a:hover{



	color:#fff;



	}



	



.divider{



	background:url(images/divider.jpg) no-repeat 0 0;



	width:171px;



	height:4px;



	font-size:0;



	}



	



.yellow{



	font-weight:bold;



	color:#f1e1b9;



	}



	



.white a:link, .white a:visited{



	text-decoration:underline;



	color:#fff;



	font-weight:bold;



	}



	



.white a:hover{



	text-decoration:none;



	}



	



#bottominner_left p{



	padding:7px 0 0 0;



	margin:0;



	line-height:140%;



	}







#bottomcareer_left{



	float:right;



	width:244px;



	padding:0 20px 0 0;



	}



	



#bottomcareer_left ul{



	padding:0 0 0 0px;



	margin:0;



	list-style:none;



	}



	



#bottomcareer_left ul li{
	padding:0 0 8px 0;
	margin:0;
	}



	



#bottomcareer_left ul li a:link, #bottomcareer_left ul li a:visited{



	color:#b8d5df;



	text-decoration:underline;



	font:13px Arial, Helvetica, sans-serif;



	}



	



#bottomcareer_left ul li a:hover, #bottomcareer_left a:hover{



	color: #999999;



	}



	



.divider2{



	background:url(images/divider2.jpg) no-repeat 0 0;



	width:170px;



	height:4px;



	font-size:0;



	}







.big_divider{



	background:url(images/big_divider.jpg) no-repeat 0 0;



	width:588px;



	height:6px;



	margin:15px 0 22px 0;



	font-size:0;



	}



	



h6{



	padding:0;



	margin:0;



	font: bold 20px Arial, Helvetica, sans-serif;



	color:#ffb53b;



	}



	



#bottom_right ul{



	/*padding:20px 0 20px 0;*/



	margin:0;



	/*list-style:none;*/



	}



	



#bottom_right ul li{



	padding:0 0 3px 0;



	margin:0;



	}



	



#bottom_right ul li a:link, #bottom_right ul li a:visited{



	font:bold 18px Arial, Helvetica, sans-serif;



	color:#ffb53b;



	text-decoration:underline;



	}







#bottom_right ul li a:hover{



	text-decoration:none;



	}



.errorFiled { color:#FF0E0E; line-height:30px; float:left; padding-left:15px; }



.white{



	font:normal 18px Arial, Helvetica, sans-serif;



	color:#fff;



	}



	



.white_bold{



	font:bold 20px Arial, Helvetica, sans-serif;



	color:#fff;



	}



	



.heading_port1{



	float:left;



	width:280px;



	}



		



.heading_port2{



	float:right;



	}



	



.heading_port3{



	float:left;



	padding:15px 370px 0 0;



	}



	



#bottom_right_port{



	float:left;



	width:609px;



	padding:0;
	
	margin-left:24px;



	}	







.big_divider2{



	background:url(images/big_divider.jpg) no-repeat 0 0;



	width:588px;



	height:6px;



	margin:15px 0 15px 0;



	font-size:0;



	}



	



.big_divider3{



	background:url(images/big_divider2.jpg) no-repeat 0 0;



	width:588px;



	height:6px;



	margin:15px 0 22px 0;



	font-size:0;



	}



	



.yelow_bold{



	font:bold 14px Arial, Helvetica, sans-serif;



	color:#ffb53b;



	}



	



.white_small a:link, .white_small a:visited{



	text-decoration:underline;



	color:#fff;



	font-weight:bold;



	font-size:12px



	}



	



.white_small a:hover{



	text-decoration:none;



	}	



	



#filter{



	float:left;



	font:bold 15px Arial, Helvetica, sans-serif;



	color:#95d7e7;



	}



	



.fliterlist{



	background-color:#0d4755;



	border:1px solid #7ea3b1;



	padding:3px;



	font:bold 15px Arial, Helvetica, sans-serif;



	color:#fff;



	margin:0 0 0 5px;



	}



	



#bottom_right_port p{



	padding:12px 0 0 0;



	margin:0;



	}



	

#bottom_right_port .entry p { color:#ccc;}

.port{



	padding:0 25px 0 35px;



	margin:0;



	font:bold 14px Arial, Helvetica, sans-serif;



	color:#fff;



	line-height:140%;



	}



	



.yellow_port a:link, .yellow_port a:visited{



	text-decoration:underline;



	color:#ffca3b;



	}



	



.yellow_port a:hover{



	text-decoration:none;



	}



	



#contact_bg{



	background:url(images/contact_bg.jpg) no-repeat 0 0;



	width:497px;



	height:467px;



	padding:62px 85px 0 42px;



	}



	



.contact_left{



	float:left;



	width:120px;



	font:bold 16px Arial, Helvetica, sans-serif;



	color:#594136;



	text-align:right;



	padding:4px 0 0 0;



	}



	



.contact_right{



	float:right;



	width:365px;



	}



	



.textbox{



	background-color:#f1f1e1;



	border:1px solid #6e6d6d;



	padding:5px;



	width:355px;



	}



.hide{display:none}	

.categories, .linkcat{

	list-style:none;

	margin-top:12px;}

.entry{

	font-size:15px; font-family:Arial, Helvetica,sans-serif, Arial; line-height:20px;

	}

.bold{font-weight:bold}

textarea {

	width:600px;}

.commentlist{

	

	padding-top:20px;

	padding-right:20px;

	}

.commentlist li{

	border-bottom:dashed 2px #FF9900;

	margin-bottom:10px;

	padding-bottom:10px;

}

.commentmetadata a{

	font-weight:bold;

}

#comments{margin-top:20px;}
.breadcrumb {
	background:#104552 url(images/breacrumbbg.gif) repeat-x scroll left top;
	height:100%;
	overflow:hidden;
	padding:6px 8px 4px;
	}
p#breadcrumbs {
	color:#33A1BE;
	margin:0 0 0 60px;
	padding:0;
	}
p#breadcrumbs a {
	color:#33A1BE;
	text-decoration:underline;
	font-size:14px;
	}
p#breadcrumbs strong{
	font-weight:normal;
	}
#bottomcareer_left ul li.aktt_more_updates {
	background:transparent url(images/follow_me_bt.gif) no-repeat scroll left top;
	height:27px;
	overflow:hidden;
	text-indent:-100px;
	width:103px;
	}
#bottomcareer_left ul li.aktt_more_updates a{ display:block}

.info, .info a { color:#ccc; text-decoration:none;}
.info a { color:#b7efff}
.info a:hover { background:#000}

#bottomcareer_left .aktt_tweets li {padding:0 0 12px 0;}