/* CSS Document */

/***** Wrapper *****/

.mainbody {
	background:#9b9d9b url(../images/background.jpg) repeat-x;
}
.hori_gradient {
	margin-left:0px;
	width: 100%;
	height:300px;
	/*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#FFFFFF',EndColorStr='#011326');*/
/*background-color:#000033;*/
}
#wrapper {
	width:986px;
	padding:0px;
	margin:0 auto;
}
.overlap {
	width:100%;
	position:absolute;
	z-index:1
}
.header {
	width:100%;
	height: 85px;
	/*background-color:#FFF;*/
	border-bottom:3px solid #8bc43f;
	float:left;
}
.header .logo {
	width:247px;
	/*margin-left:22px;*/
	margin-top:10px;
	float:left;
}
.header .right {
	width:735px;
	height:0px;
	float:right;
	/*clear:right;*/
}
.toplinkPanel {
width:auto;
	float: right;
	margin: 10px 15px 15px 15px;
	color:#FFF;
}
a.toplink, a.toplink:link, a.toplink:visited {
	color:#fff;
	text-decoration:none;
}
a.toplink:hover {
	text-decoration:underline;
}

.toplinkPanel a.selected {
font-weight:bold;
}
/*------------- css for content pannles ---------------*/

#maincontent {
	width:100%;
	background-color:#FFF;
	float:left;
}
#leftpanel {
	width: 100%;
	float:left;
}
#rightpanel {
	width: 100%;
	float:right;
}
.separator {
height:18px;
	border: none;
	margin-top:5px;
	border-top: 1px solid #264602;
	border-bottom: 1px dotted #FFF;
	width: 100%;
	float:left;
	overflow:hidden;
}


.bodySeparator {
float:left;
	border: none;
	margin:0;
	border-top: 1px solid #264602;
	border-bottom: 1px dotted #FFF;
	width:100%;
	
}

.textContent {
	padding: 0 0 8px 0;
	float:left;
	width:100%;
}


/*-------------  SERVICES VS DOMAINS ----------------------*/
.servicesDomainsTable {
float:left;
margin:14px 0 0 0;
width:auto !important;
}

.servicesDomainsTable tbody {
border-top:1px solid #555;
border-right:1px solid #555;
}

.servicesDomainsTable tr {
width:430px !important;
border-bottom:1px solid #555;
}

.servicesDomainsTable tr.heading {
background-color:#7fce25;
}

.servicesDomainsTable tr.heading p {
float:left;
padding:32px 0 0 0;
font-size:14px;
color:#FFFFFF;
vertical-align:bottom;
	}

*:first-child+html .servicesDomainsTable td{
border-bottom:1px solid #555;
}

.servicesDomainsTable .ptxt {
height:306px;
}

.servicesDomainsTable td{
float:left;
height:65px;
padding:5px;
width:25px;
border-left:1px solid #555;
}

.servicesDomainsTable td img {
margin:0 auto;
vertical-align:middle;

}

.servicesDomainsTable td.textCell {
	width:60px !important;
}

.servicesDomainsTable td#lastCell {
	width:72px !important;
}

.servicesDomainsTable p {
	font-size:16px;
}

.servicesDomainsTable span#needHeading{
font-size:50px;
color:#FFFFFF;
}

/*------------------------------------*/


/*-------------  NEED VS COMPANY ----------------------*/
.needCompanyTable {
float:left;
margin:14px 0 0 0;
width:auto !important;
}

.needCompanyTable tbody {
border-top:1px solid #555;
border-right:1px solid #555;
}

.needCompanyTable tr {
width:430px !important;
border-bottom:1px solid #555;
}

.needCompanyTable tr.heading {
background-color:#7fce25;
}

.needCompanyTable tr.heading p {
float:left;
padding:32px 0 0 0;
font-size:14px;
color:#FFFFFF;
vertical-align:bottom;
	}

*:first-child+html .needCompanyTable td{
border-bottom:1px solid #555;
}

.needCompanyTable .ptxt {
height:306px;
}

.needCompanyTable td{
float:left;
height:65px;
padding:5px;
width:60px;
border-left:1px solid #555;
}

.needCompanyTable td img {
margin:0 auto;
vertical-align:middle;

}

.needCompanyTable td.textCell {
	width:490px !important;
}

.needCompanyTable td#lastCell {
	width:72px !important;
}

.needCompanyTable p {
	font-size:16px;
}

.needCompanyTable span#needHeading{
font-size:50px;
color:#FFFFFF;
}

/*------------------------------------*/

.indDesignTable {
float:left;
width:auto;
}

.indDesignTable tr {
border-bottom:1px solid #555;
}

*:first-child+html .indDesignTable td{
border-bottom:1px solid #555;
}

.indDesignTable .ptxt {
height:306px;
}

.indDesignTable td{
float:left;
height:auto;
padding:5px;
width:145px;
border-left:1px solid #555;
}

.indDesignTable .phaseTd {
vertical-align:top;
height:224px;
}

*:first-child+html .indDesignTable .phaseTd {
height:224px;
}

.indDesignTable #phaseS {
float:left;
 font-size:16px;
 font-weight:bold;
 padding:0 0 10px 0;
}

.indDesignTable #heading {
 font-size:30px;
 float:left;
 padding:0 0 4px 0;
}

.indDesignTable #keyWordTxt {
float:left;
 font-size:18px;
}

.indDesignTable p {
 float:left;
}

.indDesignTable #txt2 {
float:left;
 font-size:15px;
}

.serviceDesignCols {
float:left;
width:200px;
margin:0 12px 0 0;
}

*:first-child+html .serviceDesignCols {
float:left;
width:195px;
margin:0 12px 0 0;
}

.serviceDesignCols h3, .serviceDesignCols p {
float:left;
}

.softDesignCols {
float:left;
width:145px;
margin:0 12px 0 0;
}

.softDesignCols .list{
margin:0;
}

.softDesignCols .imgD{
float:left;
width:100%;
}

.softDesignCols .imgD p{
float:left;
padding:0 0 12px 14px;
}

.textContent p{
margin:2px 0 0 0;
float:left;
text-align:left;
width:100%;
}

.textContent_reachUs {
padding: 0 0 8px 0;
	float:left;
	width:100%;
}

.textContent_reachUs p {
margin:10px 0 0 0;
float:left;
text-align:left;
width:100%;
}

.welcomeContent {
	padding: 0 0 8px 0;
	float:left;
	width:100%;
}

.welcomeContent p{
margin:15px 0 0 0;
float:left;
text-align:left;
width:100%;
}

/*----------------------- More about Estuary Labs ---- Gallery------*/


.welcomeContent #reset{
margin:0;
padding:0;
}

.welcomeContent .gallery2 {
float:left;
padding:10px auto;
width:100%;
height:116px;
background-color:#e5eec6;
}

.welcomeContent .gallery2 ul{
width:auto;
margin:10px 0 0 82px;
}

.welcomeContent .gallery2 ul li{
list-style:none;
float:left;
width:auto;
display:inline;
margin-left:66px;
}

.welcomeContent .gallery2 ul li img{
height:auto;
margin:0 auto;
}

.welcomeContent .gallery2 ul li .txt {
text-align:left;
margin:8px 0 0 0;
width:120px;
}

.welcomeContent .welcomeMoreAbout {
width:100%;
float:left;
margin:28px 0 0 0;
}

/*--------------------------*/

#resetP {
margin:0;
padding:0;
}

.textContent h3{
float:left;
width:100%;
margin:18px 0 0 0;
}

#leftTextPanel {
	width: 490px;
	padding: 0 0 8px 0;
	float:left;
}

.bodyTextContent {
	padding: 0 0 8px 0;
	float:left;
	width:94%;
}

.bodyTextContent .list {
margin:0;
}

.bodyTextContentShort {
	padding: 0 0 8px 0;
	float:left;
	width:94%;
	height:380px;
}


.bodyTextContent h4, .bodyTextContentShort h4, #leftTextPanel h4{
color:#264602;
}

.bodyTextContent h3, .bodyTextContentShort h3, #leftTextPanel h3{
/*float:left;*/
display:inline-block;
width:100%;
margin:18px 0 0 0;
color:#466c1b;
}

.bodyTextContent h5, .bodyTextContentShort h5{
/*float:left;*/
width:100%;
margin:6px 0;
color:#333333;
font-size:11px;
}

.bodyTextContent p, .bodyTextContentShort p, #leftTextPanel p{
text-align:left;
width:100%;
}

.bodyTextContent .read-more, .bodyTextContentShort  .read-more {
float:right;
}


.flashBanner {
	margin-bottom:20px;
	width:100%;
	float:left;
	vertical-align:top;
}

.banner {
	margin-bottom:20px;
	width:100%;
	height:100%;
	float:left;
}

.tabPanelHome {
	width:100%;
	float:left;
}

.tabPanelHome .tabPanelHome_heading {
float:left;
font:bold 14px Arial, Helvetica, sans-serif;
color:#496922;
margin:0 0 10px 0;
}

.tabPanelHome_point {
float:left;
font:bold 14px Arial, Helvetica, sans-serif;
color:#222222;
margin:14px 0 5px;
}

.tabPanelHome_pointWidth {
float:left;
width:100%;
font:normal 13px Arial, Helvetica, sans-serif;
color:#222222;
margin:0 0 5px 8px;
}

#home_practices_table {
	float:left;
	margin:-4px 0 0 0;
}

#home_practices_table #gapTr {
	float:left;
	height:10px;
}

.tabPanelHome_pointWidth img {
	float:left;
	margin:0 0 10px 0;
}

.tabPanelHome_pointWidth a {
	clear:left;
	float:left;
}

#tabpractop {
margin-top:9px;
}
.tipAllClass {
	position:absolute;
	display:none;
	width:245px;
}


.tooltip {
	width:238px;
	margin:0 auto;
	height:auto;
}

.tipIn {
	width:245px;
	height:auto;
	background:url(../images/toolTipLine.png);
}

*:first-child+html .tipIn {
	background:url(../images/toolTipLine.jpg);
}

#leftpanel_inside {
	width: 217px;
	float:left;
}
#rightpanel_inside {
margin:0 0 0 10px;
	width: 100%;
	float:left;
}

#rightTextPanel {
	width: 150px;
	margin: 0px 0px 20px 0;
	float:right;
	padding:0px 10px;
	border-left: 1px dotted #666;
	text-align:right;
}
.serviceTab {
	width: 210px;
	margin:5px 18px 20px 0;
	float:left;
	margin-bottom:20px;
}
.serviceTab_right {
	width: 210px;
	float:right;
	margin:5px 0 20px 0;
}
/*------------- css for footer ---------------*/
.footer {
	width:100%;
	font-size: .95em;
	padding:10px 0;
	float:left;
	background-color:#FFFFFF;
	border-top: 2px solid #8bc43f;
}
.footerLeft {
	float: left;
	padding: 0 20px;
}
.footerRight {
	float: right;
	color:#828282;
	font-size:.9em;
	padding: 0 20px;
}
/*---------------------------------------------*/
.label {
	padding: 6px 0;
}
.textAres {
	font-size:1em;
	color:#333;
	border: 1px solid #ccc;
	height:60px;
}
.button {
	float:left;
	background: url(../images/bg_button.gif) repeat-x 0 0;
	color:#000;
	margin:2px 0 0 10px;
	height:24px;
	width:70px;
	font-size:1.1em;
	cursor:pointer;
}

#button {
margin:2px 0 0 0;
}
/*---------------------------------------------*/
.bold {
font-weight:bold;
color:#000;}

a.textlink, a.textlink:link, a.textlink:visited {
	text-decoration:none;
	color: #1e7ebb;
}
a.textlink:hover {
	border-bottom:0px dotted;
	color:#1e7ebb;
	text-decoration:underline;
}

.linkBold {
font-weight:bold;
}

#moreLink {
margin:0;
padding:0;
clear:right;
float:right
}

.subTitle{
	font-size:1em;
	font-weight:bold;
	color:#00608f;
}
.italic{
	font-size:1em;
	font-style:italic;
	color:#00608f;
}

.text_small{
	font-size:.95em;
	color: #666;
}

.left_col_main {
width: 668px;
vertical-align:top;
padding: 20px 10px 10px 25px;
}

.right_col_main {
width: 243px;
vertical-align:top;
padding: 20px 25px 10px 15px;
}

.left_col {
width: 210px;
vertical-align:top;
padding: 20px 10px 10px 25px;
}

.left_col h2{
color:#264602;
}

.right_col {
width: 668px;
vertical-align:top;
padding: 20px 25px 10px 15px;
}

.divServices {
clear:left;
float:left;
margin:0;
width:540px;
}

.divLeft {
clear:left;
float:left;
width:auto;
}

#divPracLeft {
	width:48%;
}

.divRight {
float:left;
width:auto;
}

#divRightIn {
margin:0 0 0 40px;
}

#home_practices_table td{
	vertical-align:bottom;
	width:350px;
	height:140px;
}



/*----------------------------  Height of Home Welcome patch ---------------------------*/

#div1, #div2, #div3, #div4, #div5 {
height:283px;
}

/*---------------  Contact Us --------------------------*/

.contTable {
background:none;
margin:0 0 0 0;
}

.contTable td, .bniForm td{
vertical-align:top;
}

.contTable p {
margin:20px 0 0 0;
}

#wrapperBniForm {
	width:100%;
	height:100%;
	margin:0 auto;
	padding:10px 0;
	background:#000000 url(../images/bni5MinutesBack.jpg) no-repeat center top;
}

.bniFormDiv {
width:700px;
height:auto;
margin:150px auto 60px auto;
padding:20px;
background-color:#FFFFFF;
}

.bniFormDiv h3 {
font-size:15px;
color:#333333;
}

.bniFormDiv p {
	font-size:11px;
	line-height:14px;
	margin:5px 0 0 0;
}

.bniFormDiv .bniForm {
	margin:10px auto;
}

.bniFormDiv .bniForm p{
margin:6px 0 0 0;
font-size:11px;
}

.bniFormDiv .mandatory {
font-size:14px;
color:#CC0000;
}

.bniFormDiv .bniForm .fieldName p{
	font-weight:bold;
	text-align:right;
}

.bniFormDiv .bniForm #bniFormBtns {
margin-top:10px;
}

.bniFormDiv .bniForm .formInputs {
vertical-align:bottom;
height:40px;
width:282px;
}

.row {clear:both;height:auto;overflow:hidden;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ccc;}
.row .left-e {position:relative;display:inline-block;*display:inline;*zoom:1;margin-right:20px;vertical-align: top;}
.row .right-e {position:relative;width:80%;display:inline-block;*display:inline;*zoom:1;vertical-align: top;}
.row .right-e h3  {margin-top:0;}
.row .soc-net {float:right;display:inline-block;*display:inline;*zoom:1;margin:0 8px 0;}
/*------------------ Social Net -----------------------------*/

ul.social-net li {
padding: 0 5px 0 0;
display: inline-block;
width: 16px;
float: left;
}
ul.social-net li a {
padding: 0 !important;
width: 16px;
}

/**************************popup Window*************************************/

#blanket {
	background-color: #444444;
	opacity: 0.85;
	filter:alpha(opacity=85);
	position:absolute;
	z-index: 9001;
	top:0px;
	left:0px;
	color:#333;
	width:100%;
}
#modal_success {
	position:absolute;
	z-index: 9002;
	background:#000000;
	border: 3px solid #333;
	width:340px;
	height:auto;
	padding:5px;
	margin:150px auto;
	font-size:12px;
}

#modal_businessPro {
	position:absolute;
	z-index: 9004;
	width:370px;
	height:auto;
	padding:0;
	margin:100px auto;
	font-size:12px;
}

#needVsComMod {
	position:absolute;
	z-index: 9002;
	background-color:#F8F8F8;
	color:#000;
	border: 1px solid #333;
	width:800px;
	height:auto;
	padding:8px;
	left: 35%;
	margin:50px -220px;
	font-size:12px;
}

#needVsComMod a {
	float:right;
}

#needVsComPop {
margin:0 auto;
height:auto;
width:auto;
}

#modal_businessPro #popupBusinessIn {
	float:left;
	width:370px;
	height:auto;
	background:url(../images/popLine.gif);
}

#modal_businessPro #popupBusinessIn #popBusCenter {
	margin:0 auto;
	width:330px;
	height:auto;
}

#modal_businessPro #popupBusinessIn #popBusCenter #closeLink {
font-weight:bold;
float:right;
}

#modal_success .mssg {
	margin:20px 0 0 0;
	padding:8px;
	width:auto;
	height:auto;
	background:#f7f0db;
}

#modal_success .mssg p{
font-weight:normal;
line-height:20px;
}

#modal_success a {
text-align:right;
color:#F8F8F8;
}

/*------------------- css for popup -------------------*/
#blanket {
	background-color: #333;
	opacity: 0.85;
	filter:alpha(opacity=85);
	position:absolute;
	z-index: 9001;
	top:0px;
	left:0px;
	color:#FFF;
	width:100%;
}


.popMain {
	position:fixed;
	z-index: 9002;
	background:#FFFFFF;
	color:#000;
	border: 3px solid #333333;
	width:330px;
	height:auto;
	padding:24px;
	left: 50%;
	margin:0px 0px;
	font-size:12px;
}

* html .popMain {
	position:absolute;
}


.popMain .form-close { float:right; background:url(../images/apple-close.png) no-repeat; width:28px; height:28px; margin:-6px 0 0 0;}
.popMain .formlabel {display:block; text-align:left;
width:100%; padding:0 0 6px 0; border-bottom:1px solid #666666; margin:0 0 4px 0;}
.popMain .formBody {float:left;}
.popMain .formBody table td {padding:10px 0;}
.popMain .formBody table td .formBtn { height:auto; margin-right:15px; border:1px solid #333333; background-color:#f1f1f1; cursor:pointer;}
.popMain .formBody table td .formBtn:hover { height:auto; margin-right:15px; border:1px solid #333333; background-color:#FBFBFB;}