/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
body { background:#FFFFFF left top repeat-x; font:12px  Arial, Helvetica, sans-serif; 
color:#515050; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;  }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; margin:0px; padding:0px; }

/* ### WRAPPER ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### MAIN CONTAINER ### */
#mainCntr { width:100%; position:relative; top:0px;}

	/* ### HEADER CONTAINER ### */
	#headerCntr { background:url("../images/dotbg.png") left top repeat-x; padding:0px 0px 0px 0px; position: relative; width: 980px; height: 139px; overflow:hidden; margin:0 auto; }
	#headerCntr h1{ float:left;}
	#headerCntr h1 a{ background:url("../images/logo.jpg") 0px 0px no-repeat; width:331px; height:59px; display:block; text-indent:-9999px;}
	
		/* ### MENU CONTAINER ### */
		#menuCntr {  width: 980px; float:left;}
		#menuCntr ul{ padding:49px 0px 0px 0px;}
		#menuCntr ul li{ list-style:none; float:left; padding:0px 11px 0px 13px; background-color:#FFFFFF;}
		#menuCntr ul li a{ font:13px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; text-transform:uppercase;}
		#menuCntr ul li a:hover{ color:#e03602;}
		#menuCntr ul li.last{ background:none;}
		
	/* ### BANNER CONTAINER ### */
	#bannerCntr{ padding:0px 0px; width:100%; background:#006990; height:300px;}
	
	
	#bannerCntr .center{ width:980px; position: relative;  margin:0 auto; -moz-border-radius: 8px;
border-radius: 8px; background:url("../images/dotbg.png") left top repeat-x}
	#bannerCntr .center ul{}
	#bannerCntr .center ul li{ list-style:none; float:left; padding:0px 0px 0px 1px;}
	#bannerCntr .center ul li.last{ float:right;}
	
	/* ### HAEDING BOX ### */
	.headingBox { padding:34px 0px 53px 0px; width: 100%; overflow: hidden; border-top:solid 1px #2e2e2e; border-bottom:solid 1px #2e2e2e; background:#191919; }
	.headingBox .heading { width: 980px; overflow: hidden; margin: 0 auto;}
	.headingBox .heading h2 { font-size: 30px; font-family:Myriad Pro; color: #fff; font-weight: normal; }
	
	
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { background:url("../images/dotbg.png") left top repeat; overflow: hidden; width: 980px;  margin:0 auto;}
	#contentCntr h1{ font:24px Lucida Sans , Arial, Helvetica, sans-serif; color:#3399CC; }
	#contentCntr h2{ font:22px Lucida Sans , Arial, Helvetica, sans-serif; color:#000000; }
		/* ### LEFT CONTAINER ### */
		#leftCntr {  padding-top:10px; padding-bottom:10px; float: right; width: 409px; margin-right:0px;}
		#leftCntr 
		.heading{padding:5px 0px 12px 0px; border-bottom:1px solid #ececec;  0px 0px no-repeat; display:block;}
		
		
		/* ### SIDE BAR BOX ### */
		.sidebarBox{width:409px; overflow:hidden;}
		.sidebarBox .top{width:409px; overflow:hidden;}
		.sidebarBox .bottom{ padding:15px 15px 15px 10px; width:368px; overflow:hidden; background-color:#FFFFFF; 
            
            -moz-border-radius: 25px;
border-radius: 25px;}
		.sidebarBox p{ padding:17px 0px 10px 0px; line-height:20px;}
		.sidebarBox ul{ padding:10px 0px 20px 0px;}
		.sidebarBox ul li{ list-style:none;  0px 5px no-repeat; padding:0px 0px 0px 0px; width:176px;}
		.sidebarBox ul li a{ font:12px Arial, Helvetica, sans-serif; color:#515050; font-weight:bold; text-decoration:none; border-bottom:1px solid #e8e7e7; line-height:28px; display:block;}
		.sidebarBox ul li a:hover{}
		.sidebarBox ul li a.last{ border-bottom:none;}
		.sidebarBox a.read{ float:right; padding-bottom:16px;}
		
		/* ### SERVICE BOX ### */
		.heading1{padding:5px 0px 12px 20px; border-bottom:1px solid #ececec;  0px 0px no-repeat; display:block;}
		.serviceBox{ width:309px;  margin-top:32px;}
		.serviceBox .top{ }
		.serviceBox .bottom{  padding:15px 26px 15px 26px;  width:342px; overflow:hidden; background-color:#FFFFFF; 
            
            -moz-border-radius: 25px;
border-radius: 25px;}}
		.serviceBox ul{}
		.serviceBox ul li{ list-style:none; border-bottom:1px solid #ececec; width:332px; overflow:hidden; padding-bottom:20px;}
		.serviceBox ul li p{ padding:17px 0px 0px 0px;  line-height:20px; }
		.serviceBox ul li a{ float:right; display:block; }
		
		.linkBox{ width:257px; position:relative; height:114px; }
		.linkBox a.facebook{ position:absolute; top:79px; left:5px;}
		.linkBox a.in{ position:absolute;left: 102px;top: 89px;}
		.linkBox a.twitter{position:absolute; left: 165px; top: 22px;}
		
		
		/* ### WHAT BOX ### */
		.wsatBox{  width:309px; overflow:hidden;}
		.wsatBox .top{ width:309px; overflow:hidden;}
		.wsatBox .bottom{  padding:15px 26px 12px 26px; width:257px; overflow:hidden;}
		.wsatBox p{ padding:19px 0px 0px 0px; line-height:20px;}
		.wsatBox .heading1{padding:11px 0px 16px 60px; border-bottom:1px solid #ececec;  display:block;}
		.wsatBox img{ margin:0px 11px 0px 0px; float:left; border: solid 4px #c9c9c9;}
		.wsatBox span{ padding-top:29px; font-size:11px; text-align:left; font-style:italic; color:#000000; display:block;}
		.wsatBox .first{ padding-bottom:15px; border-bottom:solid 1px #e5e5e5;}
		
		/* ### CONTACT INFO BOX ### */
		.contactinfoBox{ left top repeat-y; width:309px; overflow:hidden;}
		.contactinfoBox .top{  width:309px; overflow:hidden;}
		.contactinfoBox .bottom{ left bottom no-repeat; padding:15px 26px 0px 26px; width:100px; overflow:hidden;}
		.contactinfoBox p{ padding:0px 0px 26px 0px; line-height:20px;}
		.contactinfoBox .heading1{padding:15px 0px 16px 60px; margin-bottom:22px; border-bottom:1px solid #ececec; 0px 0px no-repeat; display:block;}
		.contactinfoBox .first{ padding-bottom:15px; border-bottom:solid 1px #e5e5e5;}
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr {  padding-left:10px; padding-top:10px; padding-bottom:10px; float: left; width: 440px; }
	
			/* ### COMPANY INFO BOX ### */
			.heading2{padding:5px 0px 15px 26px; border-bottom:0px solid #ececec; display:block;}
			.companyInfoBox{ width:439px;}
			.companyInfoBox .top{}
			.companyInfoBox .bottom{ background-color:#FFFFFF; padding:13px 27px 25px 27px; width:439px; overflow:hidden;
            
            -moz-border-radius: 12px;
border-radius: 12px;
            }
			.companyInfoBox p{ padding:13px 0px 8px 0px; line-height:20px;}
			.companyInfoBox a.read{ float:right; padding:0px 0px 0px 0px;}
		
			/* ### ITEM BOX ### */
			.heading3{padding:15px 0px 20px 95px;  display:block;}
			.heading4{padding:15px 0px 20px 95px; display:block;}
			.itemBox{ width:639px;  margin-top:32px; overflow:hidden;}
			.itemBox .top{ width:639px; overflow:hidden;}
			.itemBox .bottom{ padding:13px 27px 25px 27px; width:585px; overflow:hidden;}
			.itemBox ul{}
			.itemBox ul li{ list-style:none; width:267px; float:left; padding:0px 0px 0px 0px;}
			.itemBox ul li a{ float:right; padding:0px 0px 0px 0px; display:block; border:none;}
			.itemBox ul li p{ padding:21px 0px 0px 0px; line-height:20px;}
			.imaging{ border:4px solid #e8e8e8; margin:8px 0px 0px 0px;}
			.itemBox ul li.last{ padding-left:50px;}
	
			/* ### COMPANY BOX ### */
			.companyBox{ width:639px;}
			.companyBox .top{ background:url("../images/righttop.jpg") left top no-repeat;}
			.companyBox .bottom{ background:url("../images/rightbottom.jpg") left bottom no-repeat; padding:13px 27px 25px 27px; width:585px; overflow:hidden;}
			.companyBox .heading3{padding:11px 0px 16px 56px; margin-bottom:25px; border-bottom:1px solid #ececec; background:url("../images/company_icon1.jpg") 0px 0px no-repeat;}
			.companyBox .heading4{padding:11px 0px 16px 56px; border-bottom:1px solid #ececec; background:url("../images/company_icon2.jpg") 0px 0px no-repeat;}
			.companyBox p{ padding-bottom:27px; line-height:20px;}
			.companyBox a.read{ float:right; padding:0px 0px 0px 0px;}
			.companyBox img{ margin-right: 23px; float:left; border: solid 6px #c9c9c9;}
			.companyBox .last{ padding-bottom:48px;}
			
			/* ### FEATURED BOX ### */
			.featuredBox{ width:639px; background:url("../images/rightbg.jpg") left top repeat-y;}
			.featuredBox .top{ background:url("../images/righttop.jpg") left top no-repeat;}
			.featuredBox .bottom{ background:url("../images/rightbottom.jpg") left bottom no-repeat; padding:13px 27px 0px 27px; width:585px; overflow:hidden;}
			.featuredBox .heading4{padding:8px 0px 24px 57px; border-bottom:1px solid #ececec; background:url("../images/service_icon.jpg") 0px 0px no-repeat;}
			.featuredBox h3{ padding-bottom:16px; font-family: Lucida Sans ,Arial;  margin-bottom:20px; font-weight:normal; color:#000000; font-size:20px; border-bottom:1px solid #ececec;}
			.featuredBox p{ padding-bottom:26px; line-height:20px;}
			.featuredBox img{ padding:0px 40px 10px 23px; float:left;}
			.featuredBox .first{ padding:16px 0px 64px 0px;}
			.featuredBox .featuredBox1{ padding-bottom:32px; width:585px; overflow:hidden;}
			
			/* ### PORTFOLIO BOX ### */
			.portfolioBox{ width:639px; overflow:hidden; background:url("../images/rightbg.jpg") left top repeat-y;}
			.portfolioBox .top{ background:url("../images/righttop.jpg") left top no-repeat;}
			.portfolioBox .bottom{ background:url("../images/rightbottom.jpg") left bottom no-repeat; padding:13px 27px 20px 27px; width:585px; overflow:hidden;}
			.portfolioBox .heading4{padding:16px 0px 24px 77px; border-bottom:1px solid #ececec; background:url("../images/portfolio_icon.jpg") 0px 0px no-repeat;}
			.portfolioBox h3{ padding-bottom:15px; margin-bottom:21px; font-family: Lucida Sans ,Arial;  margin-bottom:20px; font-weight:normal; color:#000000; font-size:20px; border-bottom:1px solid #ececec;}
			.portfolioBox p{ padding-top:23px; line-height:20px;}
			.portfolioBox span{ padding-top:23px; font-style:italic; font-size:12px; color:#797979; line-height:20px;}
			.portfolioBox img{ border: solid 6px #c9c9c9; float:left; margin-right:18px;}
			.portfolioBox .first{ padding:16px 0px 46px 0px;}
			.portfolioBox .portfolioBox1{ padding-bottom:43px; width:585px; overflow:hidden;}
			.portfolioBox .border{ padding-bottom:27px;border-bottom: 1px solid #e5e5e5;}
			.portfolioBox .button{ padding-top:12px; width:120px; overflow:hidden;}
			.portfolioBox .button ul{ margin:0px;}
			.portfolioBox .button li{ padding-left:8px; list-style:none; float:left;}
			.portfolioBox .button li a{ color:#787878; width:31px; display:block;font-size:14px; line-height:28px; text-decoration:none; text-align:center; background:url("../images/button_bg.jpg") left bottom no-repeat;}
			
			
			/* ### CONTACT BOX ### */
			.contactBox{ width:639px; overflow:hidden; background:url("../images/rightbg.jpg") left top repeat-y;}
			.contactBox .top{ background:url("../images/righttop.jpg") left top no-repeat;}
			.contactBox .bottom{ background:url("../images/rightbottom.jpg") left bottom no-repeat; padding:13px 27px 38px 27px; width:585px; overflow:hidden;}
			.contactBox .heading4{padding:16px 0px 24px 67px; border-bottom:1px solid #ececec; background:url("../images/contact_icon.jpg") 0px 0px no-repeat;}
			.contactBox p{ padding:16px 0px 44px 0px; line-height:20px;}
			.contactBox input.filed1{ padding: 7px 5px 5px 5px;  width:535px; height:20px; border:none; background:url("../images/input_bg.jpg") 0px 0px  no-repeat;}
			.contactBox label{ padding-top:20px; width:546px; height:25px; display:block; font:12px Arial, Helvetica, sans-serif; color:#686868; text-align: left; font-weight:bold; vertical-align:top;}
			.contactBox textarea{ padding:5px 5px 5px 10px; width:530px; height:132px; border:none;background:url("../images/textarea_bg.jpg") 0px 0px no-repeat; }
			.contactBox input.button{ margin:22px 0px 0px 0px; float:left; background:url("../images/send.jpg") 0px 0px no-repeat; width:157px; height:37px; border:none; cursor:pointer; }
			
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { overflow: hidden; background:#3399CC; height:50px;  }
	.footerBox{width: 980px; background:#3399cc;margin:0px auto; color:#FFF; font:12px Arial, Helvetica, sans-serif; overflow:hidden; padding:20px 0px 0px 0px;}
	.footerBox ul{ width:375px; float:right;}
	.footerBox ul li{ list-style:none; background:url("../images/devider1.jpg") right 3px no-repeat; float:left; padding:0px 15px 0px 15px;}
	.footerBox ul li a{ font-size:12px; color:#FFF; text-decoration:none;}
	.footerBox ul li a:hover{ color:#FFF;}
	.footerBox p{ color:#FFF; padding:0px 0px 0px 0px;}
	.footerBox ul li.last{ background:none;}
    
    
    
    
    #footerCntr2 {background:#FFFFFF; height:200px;}
	.footerBox2{ background:#006990; width: 980px; height:200px; margin:0px auto; color:#000000; font:12px Arial, Helvetica, sans-serif; overflow:hidden; padding:35px 0px 0px 0px;}
	.footerBox2 tr{ width:980px; float:left; background-color:#006990;}
	.footerBox2 tr td{ list-style:none; float:left; background-color:#006990 ; padding:0px 15px 0px 15px;}
	.footerBox2 tr td a{ font-size:12px; color:#000000; background-color:#006990; text-decoration:none;}
	.footerBox2 tr td a:hover{ color:#cc0000; background-color:#006990; text-decoration:underline;}
	.footerBox2 p{ padding:0px 0px 0px 0px; background-color:#006990 left top repeat; color:#000000;}
	.footerBox2 tr td.last{ background:url("../images/dotbg.png") left top repeat;}


/* .bgmenu {background-color:#FF0000; } */

.bgmenu { background:url("images/headerbacktop.jpg.html") repeat-x left top; height:35px;}	

.main{width:100%; background:#FFFFFF;}
.resize{background:#fff; width:980px; margin:0 auto;}

/*  Categories By Frameworks  */
#cats-by-frameworks {
	padding: 25px 0 35px;
	
}
#cats-by-frameworks UL {list-style: none;}
#cats-by-frameworks UL A {
	text-decoration: none;
	line-height: 140%;
	display: block;
	padding: 1px 3px;
	_width: 100%;
}
#cats-by-frameworks UL A:HOVER {
	background-color: #5F5446;	
	color: #EEEEEE;
}
#cats-by-frameworks H2 {
	color: #F3F1E9;
	font-size: 15px;
	margin: 0 37px;
}


.container {

	margin: auto;
	width: 999px;
	text-align: left;
}

.container P.notes{
	color: #F3F1E9;
	margin: 10px 35px;
}

.container P.notes A{
	color: #F3F1E9;
	text-decoration: underline;
}

.container P.notes A:HOVER{
	color: #F3F1E9;
	text-decoration: none;
}
.column {
font-family:arial, helvetica, sans serif;
background:##006990 ;
font-size:11px;
	float: left;
	width: 158px;
	margin-top: 15px;
	display: inline;
	margin-left: 37px;
	_width: 155px;
	_margin-left: 27px;
}
P.no-indent {margin-top: 0!important;}


 .column A:link {font-size:11px; font-weight:bold; color:#FFFFFF; text-decoration:none;list-style-type:none;}
 .column A:hover {font-size:11px; font-weight:bold; color:#999; text-decoration:underline;list-style-type:none}
 .column A:visited {font-size:11px; font-weight:bold; color:#FFFFFF;list-style-type:none}
 
 .linehr {
	 border-bottom:1px solid #ececec !important;
	 
 }

dd {
	padding:0px 0px 0px 180px
	
}


.testm {
	
	color:rgb(81, 80, 80);
	padding-bottom:5px;
	border-bottom: 1px solid #ECECEC;
	margin-top:5px;
		

}

.testm h1 {
	font:"Arial", Helvetica, sans-serif;
	font-size:13px !important;
    color: rgb(81, 80, 80) !important;
	font-weight:bold !important;
	display:inline-block;
	margin-bottom:10px;
	page-break-after:always;
}

.testm p {
margin:0px !important;
padding:0px !important;
display:inline-block;
line-height:normal;
text-indent:none;
	
	
}

.testm h2 {
		font:"Arial", Helvetica, sans-serif;
	font-size:13px !important;
    color: rgb(81, 80, 80) !important;
	font-weight:bold !important;
	display:inline-block;
	margin-bottom:10px;
	page-break-after:always;
	font-weight:bold !important;
	
}
	
.break {
display:block;	
}
.drop {
	margin-bottom:10px;
}


		/* ### SIDE BAR BOX ### */
		.sidebarBox2{width:409px; overflow:hidden;}
		.sidebarBox2 .top{width:409px; overflow:hidden;}
		.sidebarBox2 .bottom{ padding:15px 15px 15px 10px; width:368px; overflow:hidden; background-color:#FFFFFF; 
            
            -moz-border-radius: 25px;
border-radius: 25px;}
		.sidebarBox2 p{ padding:17px 0px 10px 0px; line-height:20px;}
		.sidebarBox2 ul{ padding:10px 0px 20px 0px;}
		.sidebarBox2 ul li{ list-style:none;  0px 5px no-repeat; padding:0px 0px 0px 0px; width:368px;}
		.sidebarBox2 ul li a{ font:12px Arial, Helvetica, sans-serif; color:#000000; font-weight:bold; text-decoration:none; border-bottom:1px solid #e8e7e7; line-height:28px; display:block;}
		.sidebarBox2 ul li a:hover{}
		.sidebarBox2 ul li a.last{ border-bottom:none;}
		.sidebarBox2 a.read{ float:right; padding-bottom:16px;}
		
		
		
		
		h4 {
	font:verdana, Arial, Helvetica, sans-serif;
	font-size:18px !important;
    color:#33a9d4 !important;
	/* font-weight:bold !important; */
	/* display:inline-block; */
	margin-bottom:10px;
	/* page-break-after:always; */
}