/**
* "Green" themed template
*
* @copyright	Copyright (c) 2008 {@link http://www.designzmedia.com}
* @license 		http://www.designzmedia.com
* @version 		Version 1
*/

/*-- Common Styles --*/

body {
	font-family:"Trebuchet MS";
	font-size:12px;
	padding:0;
	text-align:center;
	background:url:url(../Images/bg-body.jpg) #262A2B repeat;
 
	margin:0 auto;
	color:#bcbcbc;
}
a {
	outline:none;
}
.bodyContent {
	width:912px;
	margin:5px auto 20px auto;
	text-align:left;
}
.clear {
	clear:both;
}
.pl10 {
	padding-left:10px;
}
.pr30 {
	padding-right:30px;
}
.pr20 {
	padding-right:20px;
}
.tj {
	text-align:justify;
}
.mb20 {
	margin-bottom:20px;
}
.mb5 {
	margin-bottom:5px;
}
.ml5 {
	margin-left:4px;
	margin-top:2px;
}
/*-- Nomensa hack --*/
	#top, #header h2, #footer h2, #SubHeader h2, #mainHeader h2, .moreLink span {
	position:absolute;
	left:-999em;
	width:990em;
}
form, table, p, h1, h2, h3, h4, h5, h6, ul, li, div, dt, dl, dd {
	margin:0;
	padding:0;
	font-size:100%;
}
h2 {
	font-size:20px;
	color:#84c71e;
	font-weight:normal;
	margin-bottom:10px;
}
h3 {
	font-size:16px;
	color:#84c71e;
	font-weight:bold;
	margin-bottom:10px;
}
h5 {
	font-size:13px;
	color:#84c71e;
	font-weight:bold;
	margin-bottom:10px;
	margin:10px 0 5px 0;
}
dt, dl, dd, li {
	list-style-type:none;
}
a {
	text-decoration:none;
	outline:none;
	color:#FFF;
}
a:hover {
	text-decoration:underline;
}
img {
	border:0;
	vertical-align:top;
}
.dmname {
	color:#84c71e;
}
.dmname a {
	color:#84c71e;
	text-decoration:none;
}
.dmname a:hover {
	color:#84c71e;
	text-decoration:underline;
}
/*-- Header --*/
#header {
	margin:15px 15px 0 43px;
	padding-bottom:10px;
}
#header h1 {
	width:127px;
	float:left;
	background:url(../images/green/logo.png) no-repeat;
}
#header h1 a {
	text-indent:-2000em;
	display:block;
	overflow:hidden;
	width:127px;
	height:93px;
}
#subHeader {
	width:400px;
	float:right;
	text-align:right;
	margin:0 0 0 0;
	font-size:11px;
}
#subHeader li {
	display:inline;
	border-right:#FFFFFF 1px solid;
	padding:0 5px 0 5px;
	margin:0px;
}
#subHeader li.nobdr {
	border:0px;
}
#mainHeader {
	width:912px;
	height:278px;
	background:url(../images/header_banner.png) no-repeat;
	margin-bottom:10px;
}
.mainNav {
	font-family:Arial, Helvetica, sans-serif;
	text-transform:capitalize;
	float:right;
	text-align:right;
	color:#FFF;
	font-size:13px;
	font-weight:700;
	position:relative;
	margin-top:235px;
	width:auto;
}
.mainNav ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
.mainNav ul li {
	float:left;
	list-style:none;
	padding:0px 10px 0px 10px;
	height:40px;
	background:url(../images/green/menu_div.jpg) right top no-repeat;
	width:auto;
}
.mainNav ul li.last {
	background:none;
}
.mainNav ul li a {
	color:#bcbcbc;
	text-decoration:none;/*	
	height:40px;
	padding-left:21px;
	padding-top:10px;
	padding-bottom:14px;
	*/
}
.mainNav ul li a:hover {
	color:#84c71e;
	text-decoration:none;/*	
	background:url(../images/common/menu_hover_bg.png) left center no-repeat;
	height:40px;
	padding-left:21px;
	padding-top:10px;
	padding-bottom:14px;
	*/
}
.mainNav ul li a.current {
	color:#84c71e;
	text-decoration:none;
	cursor:text;/*	
	background:url(../images/common/menu_hover_bg.png) left center no-repeat;
	*/
}
/*-- clearfix hacks - starts here --*/
.SideMain:after {
	content:".";
	visibility:hidden;
	display:block;
	clear:both;
}
.topHeader {
	overflow:hidden;	/*-- For Mozilla Firefox --*/
}
* html .topHeader {	/*-- For IE6 --*/
	overflow:visible;
	height:1%;
}
/* main */
#main {
	margin:0 0 0px 26px;
	padding:0;
	display:block;
	overflow:hidden;
}
#main .leftContent {
	float:left;
	width:672px;
	padding-bottom:20px;
}
#main .rightContent {
	float:right;
	width:204px;
}
#main .rightContent .rsBanner {
	margin-bottom:10px;
}
#main .rightContent .rsQuickFrom {
	margin-bottom:10px;
}
#main .rightContent .rsQuickFrom .rsQuickFromTop {
	background:url(../images/quickForm_top.png) left top repeat-x;
	width:176px;
	padding:10px 10px 2px 10px;
	min-height:100px;
}
#main .rightContent .rsQuickFrom .rsQuickFromBottom {
	background:url(../images/quickForm_bttom.png) left top no-repeat;
	height:80px;
	width:196px;
    padding:4px 0 2px 0;
	display:block;
	text-align:center;
	overflow:hidden;
}
#main .rightContent .rsQuickFrom .formArea {
	margin-top:5px;
}
#main .rightContent .rsQuickFrom .rsIpFld {
	background:#000000;
	color:#666666;
	font-size:11px;
	width:163px;
	border:0px;
	padding:3px;
	margin:2px 0px 2px 4px;
}
#main .servicesBlock {
	float:left;
	width:152px;
	margin:0 13px 0 0;
}
#main .servicesBlock h3 {
	font-size:14px;
	color:#84c71e;
	font-weight:bold;
	margin-bottom:10px;
}
#main .serviceImage {
	margin:0 0 10px 0;
}
#main .serviceImage img {
	border:3px #000 solid;
}
#main .serviceImage img:hover {
	border:3px #84c71e solid;
}
#main .moreLink {
	margin:10px 0 10px 0;
	width:152px;
}
#main .moreLink a {
	float:right;
	display:block;
	overflow:hidden;
	background:url(../images/green/btn_more.png) left top no-repeat;
	height:28px;
	width:28px;
	cursor:pointer;
}
#main .moreLink a:hover {
	background:url(../images/green/btn_more.png) left bottom no-repeat;
	height:28px;
	width:28px;
}
.homeGallery {
	clear:both;
	display:block;
	overflow:hidden;
	background:url(../images/homegallery_bg.png) left top no-repeat;
	padding:20px;
}
.showcaseImg {
	position:absolute;
	z-index:100;
	background:url(../images/tit_showcase.png) no-repeat left top;
	width:101px;
	height:72px;
}
/*.opacity img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); -moz-opacity: 0.6;
}
.opacity:hover img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1;
}*/
/*-- Footer --*/
#footer {
	clear:both;
	padding:5px;
	margin:10px 0 10px 0;
}
#footer p {
	margin:0;
}
#footerContainer {
	margin:0 auto;
	width:865px;
	text-align:center;
	padding-left:10px;
}
#footer Ul.footerlinks {
	display:inline;
	padding:0 2px 0 2px;
	text-align:center;
	margin-bottom:10px;
}
#footer li {
	display:inline;
	padding:0 4px 0 4px;
	border-left:1px solid #84c71e;
	height:20px;
}
#footer li a {
	text-transform:capitalize;
	color:#84c71e;
}
#footer li.first {
	border:0;
	padding:0 4px 0 0;
}
#footer .copyright {
	color:#BEBFC1;
	margin:5px 0 5px 0px;
	padding:0 2px 0 2px;
}
#footer .w3cvalidation {
	float:right;
	width:auto;
}
.infoSection {
	clear:both;
	display:block;
	overflow:hidden;
	margin-bottom:20px;
	background:#0e0e0e;
	border-bottom:#000 solid 1px;
	border-top:#000 solid 1px;
	padding:10px 0 10px 0;
}
.infoSection .infoContainer {
	margin:0 auto;
	width:865px;
	text-align:left;
	padding-left:10px;
}
.infoSection .infoContainer1 {
	margin:25px 15px 0 43px;
}
.infoSection .aboutUs {
	width:250px;
	margin-right:40px;
	float:left;
	line-height:16px;
}
.infoSection .otherLinks {
	width:200px;
	margin-right:40px;
	float:left;
}
.infoSection .otherLinks ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
.infoSection .otherLinks ul li {
	margin:0px 0px 0px 0px;
	padding:4px 3px 4px 5px;
	list-style:none;
	border-bottom:#272727 solid 1px;
	line-height:18px;
}
.infoSection .otherLinks ul li.first {
	border-top:#272727 solid 1px;
}
.infoSection .otherLinks ul li a {
	padding:0px 0px 0px 20px;
	background:url(../images/green/link_arrow.gif) left center no-repeat;
	color:#bcbcbc;
	text-decoration:none;
}
.infoSection .otherLinks ul li a:hover {
	background:url(../images/green/link_arrow.gif) left center no-repeat;
	text-decoration:underline;
}
.infoSection .reachUs {
	width:325px;
	float:right;
	background:url(../images/phone.gif) right top no-repeat;
}
.infoSection .reachUs .addrBlock {
	float:left;
	width:auto;
	margin-bottom:10px;
	line-height:18px;
}
.infoSection .reachUs .newsletter {
	clear:both;
	background:url(../images/green/newletter_bg.gif) left top no-repeat;
	width:301px;
	height:70px;
	padding:10px;
	display:block;
	overflow:hidden;
}
.infoSection .reachUs .newsletter h4 {
	font-size:16px;
}
.infoSection .reachUs .newsletter .ipbox {
	background:#000000;
	color:#666666;
	font-size:11px;
	width:200px;
	border:0px;
	float:left;
	padding:4px 5px 5px 5px;
}
.newsletterIp {
	background:#000000;
	color:#666666;
	font-size:11px;
	width:200px;
	border:0px;
	float:left;
	padding:4px 5px 5px 5px;
}
.inputbox {
	background:#000000;
	color:#666666;
	font-size:11px;
	border:0px;
	float:left;
	padding:4px 5px 5px 5px;
	width:auto;
}
.nlbtnSub {
	float:left;
	margin-left:10px;
	outline:none;
	width:auto;
}
.infoSection .reachUs .newsletter .btnSub {
	float:left;
	margin-left:10px;
	margin-top:-1px;
	outline:none;
	width:auto;
}
.portfolio {
	float:left;
	width:310px;
	margin:0px 20px 10px 0px;
	display:block;
	overflow:hidden;
	padding-bottom:20px;
}
.portfolio .proName {
	font-size:13px;
	color:#84c71e;
	font-weight:bold;
	margin-bottom:2px;
}
.portfolio .proName span {
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
}
.portfolio .proName .liveLink {
	float:right;
	font-size:11px;
	color:#FFF;
	font-weight:bold;
	display:none;
	width:auto;
}
.portfolio .proName .liveLink a {
	color:#FFF;
	text-decoration:none;
}
.portfolio .proName .liveLink a:hover {
	color:#FFF;
	text-decoration:underline;
}
.portfolio .proImg img {
	border:#000 solid 4px;
	margin-bottom:5px;
}
.portfolio .proImg img:hover {
	border:#000 solid 4px;
}
.portfolio .proInfo {
	font-size:11px;
	color:#ccc;
	font-weight:normal;
}
.portfolio .proInfo label {
	width:65px;
	float:left;
	font-size:11px;
	color:#84c71e;
	font-weight:bold;
}
.errorMsg {
	color:#84c71e;
	font-size:11px;
	font-family:Tahoma;
	font-weight:bold;
}
.successMsg {
	color:#84c71e;
	font-size:11px;
	font-family:Tahoma;
	font-weight:bold;
}
.clientLogo {
	float:left;
	width:150px;
	border:#000 solid 3px;
	margin:10px 10px 10px 0px;
}
.clientLogo:hover {
	border:3px #84c71e solid;
}
.formbgarea {
	background:#2e2e2e repeat-x;
}
.qcontactform {
	background:#000;
	color:#666666;
	font-size:11px;
	width:145px;
	border:0px;
	border-color:#333;
	margin-bottom:5px;
	padding:4px 5px 5px 5px;
}
.qcontact_textfield {
	padding-top:10px;
}
/***** New Class *******/

.getaQouteImg {
	background:url(../images/green/btn_getaQuote.png) left top no-repeat;
	width:196px;
	height:70px;
	display:block;
	overflow:hidden;
	cursor:pointer;
}
.quickContactImg {
	background:url(../images/green/tit_quickContact.png) left top no-repeat;
	width:173px;
	height:40px;
	display:block;
	overflow:hidden;
}
.outSourceImg {
	background:url(../images/green/img_Outsource.png) left top no-repeat;
	width:196px;
	height:126px;
	display:block;
	overflow:hidden;
	cursor:pointer;
}
.imgCreativeSolutions {
	background:url(../images/green/img_CreativeSolutions.gif) left top no-repeat;
	width:146px;
	height:69px;
}
.imgWebApp {
	background:url(../images/green/img_WebSolutions.gif) left top no-repeat;
	width:146px;
	height:69px;
}
.imgSEO {
	background:url(../images/green/img_SEO.gif) left top no-repeat;
	width:146px;
	height:69px;
}
.imgWebHosting {
	background:url(../images/green/img_WebHosting.gif) left top no-repeat;
	width:146px;
	height:69px;
}
.imgOutSource {
	background:url(../images/green/img_Outsource.png) left top no-repeat;
	width:196px;
	height:126px;
}
.award-block {
	clear:both;
	padding:10px 0 20px;
	border-bottom:#333 solid 2px;
	border-top:#333 solid 2px;
}
img.award {
	border:#000 solid 4px;
	margin-bottom:5px;
	margin-top:5px;
}
.awardImg {
	background:url(../images/green/tit_awards.png) left top no-repeat;
	width:196px;
	height:70px;
	display:block;
	overflow:hidden;
	cursor:pointer;
}
/*portfolio sliding description style*/
.proImg {
	width:307px;
	height:131px;
	overflow:hidden;
	position:relative;
}
.proImg span {
	position:absolute;
	width:289px;
	height:15px;
	bottom:0px;
	margin:4px;
	background:url(../images/common/portfolio_description_bg.png) repeat;
	padding:3px 5px 0px 5px;
	cursor:pointer;
}

/***** SEO Purpose ********/
.searchWords {
	display:none;
}
