/* Body Default__________________________________________________________*/
* {
	margin: 0px;
	padding: 0px;
	color: #535353;
}
a {
	/*color: #497e08;*/
	text-decoration: none;
}
a:hover {
	color: #535353;
	text-decoration: underline;
}
img {
	border: none;
}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	list-style: none;
}
li a{
	text-decoration: none;
}

.clear {
	clear: both;
}
#body{
	font: normal 13px/20px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	text-align: left;
	text-decoration: none;
	line-height: 18px;
	background: #eff4e8 url(../images/bodybg.jpg) repeat-x center top;
	
}
/*filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;*/
	
	
/* Top menu Con__________________________________________________________*/
#topMenuCon {
	width: 808px;
	height: 115px;
	position: relative;
	margin: 0 auto;
	background: #f5f5f5;
}	
		#topMenuCon h2 {
			height: 20px;
			float:right;
			right: 21px;
			top: 45px;
			font-size: 13px;
			padding: 5px;
			font-weight: strong;
		}
		#topMenuCon h2 a {
			padding: 0 8px 0 10px;
			color: #9f9f9f;
			border-left: 1px solid #9f9f9f;
		}
		#topMenuCon h2 a:hover {
			padding: 0 8px 0 10px;
			color: #009ee9;
			text-decoration: none;
			border-left: 1px solid #9f9f9f;
		}
				#topMenuCon h2 a.active {
					color: #009ee9;
				}
				
		#menuBanner {
			background-color: #535353;
			width: 798px;
			border-top: 4px solid #fff;
			margin-top: 30px;
			padding: 40px 10px 0 0;	
			position: absolute;							
		} 
		#topMenuCon ul {
			font-size: 14px;
			float:right;
		}
		#topMenuCon ul li {
			float: left;
			padding: 0px;
			margin: 0 0px 0 14px;
		}
		#topMenuCon li a {
			padding: 11px 0 0px 0;
			height: 31px;
			float: left;
			color: #fff;
		}
		#topMenuCon li a:hover {
			text-decoration: none;
			color: #bfe7f9;
			background: url(../images/top_menuov_bg.gif) no-repeat center top;
		}
		#topMenuCon li.active a, #topMenuCon li.active a:hover {
			text-decoration: none;
			color: #009ee9;
			background: url(../images/top_menuov_bg.jpg) no-repeat center top;
		}

/* Shadow Con__________________________________________________________*/		
	#shadowCon1 {
		width: 830px;
		position:relative;
		margin: 0px auto -159px auto;
		background:url(../images/mainConBg_mid.gif) repeat-y top center;
		z-index:1;
	}
	#shadowCon2 {
		width: 830px;
		position:relative;
		margin: 0px auto auto;		
		background:url(../images/mainConBg_top.gif) no-repeat top center;
	}	
		#shadowCon3{
		width: 830px;
		position:relative;
		margin: 0px auto auto;
		padding-bottom:0.01em;
		background:url(../images/bottombgcen.gif) no-repeat bottom center;
	}	
		
/* Main Con__________________________________________________________*/
#mainCon {
	width: 808px;
	position: relative;
	margin: 0px auto 11px auto;
	background: #fff;
	z-index: 90;
	float: none;
}

		#mainCon #logo {
			width: 184px;
			height: 150px;
			position: absolute;
			left: 23px;
			top: -116px;
			float: left;
		}
		#mainCon h1 img {
			border: none;
		}
		#mainCon #banner {
			margin: 0 auto;
			position: relative;
			border-bottom: 7px solid #bfe7f9;
			border-top: 7px solid #bfe7f9;
			width: 808px;
			margin-bottom: 7px;
		}
		#banner h3 {
	   	margin: 0px;
			position: absolute;
			left: 26px;
			top: 127px;
			font-size: 19px;
			font-weight: normal;
			color: #fff;
			/*padding: 5px 10px 12px;
			background: transparent url(../images/title_bg.png);*/
   	}



		
/* Matter Con__________________________________________________________*/	
#matterNav {
	border: 1px solid #b9e4f9;
	width: 535px;
	margin: 0 7px 0 0px;
	float: right;
	padding: 15px;
	text-align: justify;
}
#matterNav a{
	color: #009EE9;
}
#matterNav.right {
	position: relative;
	margin: 25px 0px 7px 9px;
	right: 7px;
}
				#matterNav.right h2 {
					height: 20px;
					position: absolute;
					left: -1px;
					top: -25px;
					clear: both;
					font-size: 16px;
					color: #fff;
					padding: 5px 35px 5px 12px;
					font-weight: normal;
					text-transform: capitalize;
					background: #80BF28 url(../images/arrow_wite_frmr.gif) no-repeat right center;
				}
				
				
				/*Sub Page Heading bgcolor change*/
				#matterNav.right h2.change1 {
					background-color: #595959;
				}
				#matterNav.right h2.change2 {
					background-color: #4e870b;
				}
				#matterNav.right h2.change3 {
					background-color: #515151;
				}
				
		#matterNav p {
			margin: 0px 0 8px 0;
			padding: 0px;
		}
		#matterNav p.caseStudy img {
			border: 2px dotted	 #b3b6ae;
		}
		#matterNav h4 {
			margin: 0px 0 8px 0;
			padding: 0px;
			font-size: 13px;
			font-weight: bold;
			color: #535353;
		}
	
/* News Con__________________________________________________________*/	
#newsCon {
	border: 1px solid #b9e4f9;
	width: 535px;
	margin: 0 7px 0 0px;
	float: right;
	padding: 15px;
	text-align: justify;
}
#newsCon a{
	color: #009EE9;
}
#newsCon.right {
	position: relative;
	margin: 45px 0px 7px 9px;
	right: 7px;
}
				#newsCon.right h2 {
					height: 20px;
					position: absolute;
					left: -1px;
					top: -25px;
					clear: both;
					font-size: 16px;
					color: #fff;
					padding: 5px 35px 5px 12px;
					font-weight: normal;
					text-transform: capitalize;
					background: #80BF28 url(../images/arrow_wite_frmr.gif) no-repeat right center;
				}		
#newsCon h4 {
	margin: 10px 0 0 0;
}
		
/* Righgt Con__________________________________________________________*/
#rightCon {
	width: 218px;
	float: left;
	margin: 0 0px 0 7px;
	padding: 5px 0 0 0;
}
#rightCon.left {
	float: left;
	margin: 0 0px 0 7px;
}
		#rightCon ul {
			margin: 0px 0 15px 0;
			padding: 0px;
			width: 218px;
			float: left;
		}		
		#rightCon li {
			padding: 0px;
			float: left;
			width: 218px;
			margin: 0 0 20px 0;
			background: url(../images/submenubg.jpg) repeat-x left 10px;
		}
				#rightCon li.subpage {
					padding: 10px 0 0 0;
					float: left;
					width: 218px;
					margin: 0 0 20px 0;
					background: url(../images/submenubg.jpg) repeat-x left top;
				}
				#rightCon li.subpagehead {
					padding: 0px 0 0 0;
					float: left;
					width: 218px;
					margin: 4px 0 0px 0;
					background: transparent;
					font-size: 15px;
					color: #009ee9;
					text-transform: capitalize;
				}
						#rightCon li.subpagehead a{
							color: #009ee9;
						}
						#rightCon li.subpagehead a:hover{
							color: #535353;
							text-decoration: none;
						}
				#rightCon li.blogbg {
					padding: 0px;
					float: left;
					width: 218px;
					margin: 0 0 20px 0;
					background: url(../images/blogbg.jpg) no-repeat left 10px;
				}
				#rightCon li.blogbg p.width {
					width: 150px;
				}
				#rightCon li.contactbg {
					padding: 0px;
					float: left;
					width: 218px;
					margin: 0 0 15px 0;
					background: url(../images/contactbg.jpg) no-repeat left 10px;
				}
		#rightCon li p {
			width: 200px;
			margin: 0 9px;
		}
				#rightCon li p.rss a {
					color: #009ee9;
					margin: 8px 5px 8px 0;
					float: left;
					height: 20px;
				}
				#rightCon li p.rss a:hover {
					color: #000;
					text-decoration: none;
				}
		#rightCon li span {
			margin: 0px;
			width: 218px;
			padding: 0px;
			float: left;
		}
				#rightCon li ul {
				 	margin: 0px;
					float: left;
					width: 200px;
					padding: 0px;
					margin: 3px 8px 0px 8px;
				}
				#rightCon li li {
					width: 185px;
					_width: 170px;
					float: left;
					height: 20px;
					margin: 2px 9px;
					padding: 0 0 0 15px;
					list-style: none;
					background: url(../images/arrow_blue.gif) no-repeat left center;
				}
						#rightCon li li.subpage {
							width: 185px;
							float: left;
							height: auto;
							margin: 0 0px;
							padding: 4px 0 3px 15px;
							list-style: none;
							border-bottom: 1px dashed #b3b6ae;
							background: url(../images/arrow_blue.gif) no-repeat left 11px;
						}
						#rightCon li li.caseStudy {
							width: 196px;
							float: left;
							height: auto;
							margin: 0 0px;
							padding: 8px 0 4px 4px;
							list-style: none;
							border-bottom: 1px dashed #b3b6ae;
							background:transparent;
						}
						#rightCon li li.caseStudy img {
							max-width: 195px;
							clear: both;
							border: 1px solid #b3b6ae;
						}
						#rightCon li li.caseStudy img:hover {
							border: 1px solid #009ee9;
						}
						#rightCon li li.caseStudy:hover {
							background: transparent;
						}
				#rightCon li li:hover {
					background: url(../images/arrow_black.gif) no-repeat left 11px;
					color: #000;
				}
				#rightCon li li a:hover {
					color: #000;
					text-decoration: none;
				}

/* Client Con__________________________________________________________*/
#clientCon {
	height: 146px;
	width: 808px;
	background: #f5f5f5;
	position: relative;
	margin: 10px 0 0 0;
	border: solid #d7d7d7;
	border-width: 1px 0;
}
		#clientCon h1 {
			margin: 0px;
			padding: 0px;
			width: 30px;
			height: 102px;
			position: absolute;
			top: 20px;
			left: 20px;
			filter:alpha(opacity=70);
			-moz-opacity:0.7;
			-khtml-opacity: 0.7;
			opacity: 0.7;
		}
		#clientCon p {
			width: 700px;
			height: 100px;
			position: absolute;
			bottom: 6px;
			right: 6px;
		}
		#clientCon p a {
			margin: 0 35px 0 20px;
			float: left;
			filter:alpha(opacity=30);
			-moz-opacity:0.3;
			-khtml-opacity: 0.3;
			opacity: 0.3;
		}
		#clientCon p a:hover {
			filter:alpha(opacity=100);
			-moz-opacity:1;
			-khtml-opacity: 1;
			opacity: 1;
		}


/* Blogs Con__________________________________________________________*/
#matterNav .blogsCon {
	background: url(../images/blog_btmline.jpg) repeat-x left bottom;
	position: relative;
	width: 535px;
	padding: 0 0 10px 0;
	margin: 0 0 25px 0;
}
		#matterNav .blogsCon .head {
			font-size: 14px;
			font-weight: bold;
			margin: 0px;
			padding: 0px 0 3px 0;
			color: #11a4ea;
			border-bottom: 1px dashed #acacac;
			line-height: 22px;
			width: 535px;
			position: relative;
		}
				#matterNav .blogsCon .head a {
					color: #11a4ea;
				}
		#matterNav .blogsCon .post {
			font-size: 12px;
			float: left;
			margin: 0px;
			width: 535px;
			padding: 0px;
			color: #acacac;
			font-weight: bold;
		}
		#matterNav .blogsCon p {
			margin: 5px 0 3px 0;
			float: left;
			width: 535px;
		}
		#matterNav .blogsCon .commentCon {
			float: left;
			clear: left;
			width: 200px;
			margin: 7px 0 0 0;
		}
		#matterNav .blogsCon .commentCon a {
			color: #0274e4;
		}
		#matterNav .blogsCon .commentCon img {
			margin-right: 5px;
		}
		
		
/* Login Con__________________________________________________________*/
#loginCon {
	border: 1px solid #b9e4f9;
	width: 720px;
	margin: 35px auto 8px auto;
	padding: 15px;
	text-align: justify;
	position: relative;
}
		#loginCon .address {
			position: absolute;
			right: 25px;
			top: 10px;
			width: 200px;
			padding: 12px;
			text-align: left;
			border: 1px dashed #ccc;
			background-color: #eaf7fd;
		}
		#loginCon h2 {
			height: 20px;
			position: absolute;
			left: -1px;
			top: -25px;
			clear: both;
			font-size: 16px;
			color: #fff;
			padding: 5px 35px 5px 12px;
			font-weight: normal;
			text-transform: capitalize;
			background: #009ee9 url(../images/arrow_wite_frmr.gif) no-repeat right center;
		}
		
		/*Login Page Heading bgcolor change*/
				#loginCon h2.change1 {
					background-color: #595959;
				}
				#loginCon h2.change2 {
					background-color: #4e870b;
				}
		
		
		#loginCon .align {
			width: 126px;
			float: left;
			clear: left;
			margin: 0 8px 0 0;
			padding: 8px 0 0 0;
			font-size: 15px;
			font-weight: normal;
		}
		#loginCon .field {
			border: none;
			float: left;
			height: 29px;
			width: 315px !important;
			padding: 6px;
			margin-bottom: 12px;
			background: url(../images/textfieldbg.jpg) no-repeat center top;
		}
		#loginCon .area {
			border: none;
			float: left;
			height: 104px;
			width: 315px !important;
			padding: 6px;
			margin-bottom: 12px;
			background: url(../images/textareabg.jpg) no-repeat center top;
		}
				#loginCon .button {
					background: transparent;
					overflow: visible;
					float: left;
					height: 41px;
					width: 100px;
					padding: 0px;
					margin: 0px;
				}
		#loginCon .field input {
			border: none;
			background: transparent;
			height: 22px;
			width: 315px;
			font-size: 17px;
			padding: 4px 0 0 0;
			font-family: Arial, sans-serif;
		}
		#loginCon .button input {
			width:auto!important;
			height:auto!important;
		}
		#loginCon .area textarea {
			border: none;
			font-family: Arial, sans-serif;
			background: transparent;
			height: 95px;
			width: 315px;
			font-size: 16px;
			padding: 4px 0 0 0;
			overflow-y: hidden;
		}
		#loginbtm .links {
			position: relative;
			float: left;
			left: 35px;
			margin: 0 40px 10px auto;
			width: 220px;
		}
				#loginbtm .links .subpage {
					padding: 10px 0 0 0;
					position: relative;
					float: left;
					width: 218px;
					margin: 0 10px 20px 0;
					background: url(../images/submenubg.jpg) repeat-x left top;
					min-height: 100px;
				}
				#loginbtm .links .subpagehead {
					padding: 0px 0 0 0;
					float: left;
					width: 218px;
					margin: 4px 10px 3px 0;
					background: transparent;
					font-size: 15px;
					color: #009ee9;
					text-transform: capitalize;
				}
				#loginbtm .links p {
					width: 200px;
					margin: 0 9px;
				}
						#loginbtm .links p.rss a {
							color: #009ee9;
							margin: 8px 5px 8px 0;
							float: left;
							height: 20px;
						}
						#loginbtm .links p.rss a:hover {
							color: #000;
							text-decoration: none;
						}
				


/* Bottom Con__________________________________________________________*/
#bottombg {
	background-color:#f8f8f8;
	border-top: #fafcf5 5px solid;
	text-align: center;
	height: 180px;
	position: relative;
	margin: 0px 0 0 0 !important;
	padding-top: 100px;
}
		#bottombg #mainBg {
			height: 106px;
			width: 826px;
			position: relative;
			bottom: 0px;
			margin: 0 auto;
			padding: 0px;
		}
		#bottombg p {
			color: #999999;
			font-weight: bold;
			float: left;
			width: 700px;
			margin-top:0px; 
			text-align: right;
			padding-right: 15px;
			position: absolute;
			bottom: 22px;
			left: 0px;
		}
		#bottombg .css {
			color: #d2d2d2;
			font-weight: bold;
			margin-top:40px; 
			font-size: 10px;
			padding-right: 8px;
			height: 20px;
			position: absolute;
			right: 0px;
			bottom: 0px;
		}	
		#bottombg .css a{
			color: #d2d2d2;
		}		
		#bottombg span a {
			color: #565656;
		}
		
	
/* Ul & li__________________________________________________________*/	
/*ul.clients {
	float: left;;
	width: 178px;
}*/
		/*ul.clients li {
			background-color: Gray;
			margin: 4px 0;
			padding: 0 0 0 20px;
			background: url(../images/arrow_black.gif) no-repeat left center;
		}*/
		ul.clients li {
			margin: 18px 8px;
			height: 60px;
			border:1px solid #ccc;
			text-align:center;
			padding:6px;
			float:left;
			width:148px;

		}		
ul.product {
	margin: 0px 0 0 0;
	padding: 0px;
}
		ul.product li {
			background: url(../images/arrow_blue.gif) no-repeat left 7px;
			padding: 0px 0 0 20px;
			margin: 2px 0 2px 0;
		}
		ul.product li p {
			font-size: 13px;
			font-weight: bold;
		}

ul.productsub {
	margin: 0px 0 8px 8px;
	padding: 0px;
}
		ul.productsub li {
			background: url(../images/arrow_black.gif) no-repeat left 7px;
			padding: 0px 0 0 20px;
			margin: 2px 0 2px 0;
		}
		
ul.services {
	margin: 0px 0 0 10px;
	padding: 0px;
}	
		ul.services li {
			background: url(../images/arrow_black.gif) no-repeat left 7px;
			padding: 0px 0 0 20px;
			margin: 2px 0 2px 0;
		}
		
/* Fx.Slide Javascript__________________________________________________________*/		
		
#toggle1 {
    visibility: hidden;
    height:0px;
    margin-left:15px;
    margin-bottom:15px;
}
#toggle2 {
    visibility: hidden;
    height:0px;
    margin-left:15px;
    margin-bottom:15px;
}
#toggle3 {
    visibility: hidden;
    height:0px;
    margin-left:15px;
    margin-bottom:15px;
}
#toggle4 {
    visibility: hidden;
    height:0px;
    margin-left:15px;
    margin-bottom:15px;
}
#toggle5 {
    visibility: hidden;
    height:0px;
    margin-left:15px;
    margin-bottom:15px;
}
#toggle6 {
    visibility: hidden;
    height:0px;
    margin-left:15px;
    margin-bottom:15px;
}		

.caseStudyContainerTop {height:220px;border-bottom:dashed 1px #BFE7F9;border-top:dotted 2px #BFE7F9;padding-top:25px;}

.caseStudyContainerBottom {height:220px;border-bottom:dashed 1px #BFE7F9;}

.caseStudy {
	margin:5px 0px 25px 10px;
	float:right;
	text-align:center;
	width:250px;
	height:auto;
	}
	
.caseStudyText {margin-top:25px;}

.caseStudy img {
	border:3px solid #e0e0e0;
	padding: 1px;
}

.caseStudyDetail {
	border:4px solid #e0e0e0;
	padding: 4px;
	margin: 0 auto 10px;
	display:block;
}

.captcha {
	margin-bottom:12px;
}

div.contactSent {
width:450px;
}

.podText {
	margin: 60px 0 0 0px;
	width:218px;
	/*background: url(../images/submenubg.jpg) repeat-x left 0px;*/
	border-top:1px dashed #B3B6AE;
	
}

.podText p {
	margin: 0px 0px;
	padding: 30px 9px;
	border-bottom:1px dashed #B3B6AE;
}

.podText q {
	font-style:italic;
}

/* styling for pop-up images */
#pic {
	background-color: #FFFFFF;
	position: relative;
	width: 540px;
}

#pic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}

#pic a img {
	border: 0;
}

#pic a.p1, #pic a.p1:visited {
	background: #FFFFFF;
	border: 0px solid #000000;
	display: block;
	height: 340px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 540px;
}

#pic a.p1:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#pic a.p1:hover .large {
	border: 1px solid #000000;
	display: block;
	height: 535px;
	left: -321px;
	position: absolute;
	top: -260px;
	width: 851px;
	padding:50px;
	background: #fff;	
}