@charset "utf-8";
/* CSS Document for MysticMedia.com from Mystic Media by Subeesh*/
/* Global Styles */
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
img, div { behavior: url(../beta/includes/includes/iepngfix.htc) }
body {
	background:#ededed;
	font-size: 100.01%;
	font-family: Arial, Helvetica, sans-serif;
	color:black;
}
h1{ font-size: 18px; text-align: left; font-family:Tahoma; margin-bottom: 20px; text-transform:uppercase;}
h2{ font-size: 12px; text-align: left; font-family: Arial, Helvetica, sans-serif; margin-bottom: 15px; text-transform:uppercase;}
p{
	font-size: 12px;
	text-align: left;
	color: black;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
}
p span{ font-size: 14px; font-weight: bold;}
/*Class Styles*/
.lft{float:left;} .rit{float:right;} .clr{clear:both;}
/*MAIN STYLES START*/
#TopMainWrap{
	width: 100%;
	margin: 0 auto;
	background: url(../images/bck_tophdr.png) repeat-x 0% 115% black;
	min-height: 543px;
	overflow:auto;
	border-bottom: 1px solid black;
}
#LogoWrap{
	width: 958px;
	margin: 0 auto;
	padding: 9px 11px 0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:white;
}
#NavWrap{
	width: 980px;
	margin: 0 auto 10px;
	min-height: 80px;
	overflow:auto;
	background: url(../images/brdr_mainnav.gif) bottom repeat-x;
}
#MenuItem{
	background: url(../images/bck_mainlinks.png) no-repeat center;
	width: 160px;
	text-align:center;
	padding: 15px 0 20px;
	margin-right: 10px;
	margin-top: 38px;
	
}
#VisitrsWrap{
	width: 960px;
	margin: 0 auto;
}
#VisitorsBlock{
	width: 443px;
	background:url(../images/bck_topwhitebox.jpg) no-repeat top #f7f7f7;
	min-height:235px;
	overflow:auto;
	padding: 8px 12px 4px;
	margin-top: 10px;
}
#VisitorsBlock ul{
	margin: 15px 0 5px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	}
	#VisitorsBlock li{
		display:block;
		background:url(../images/brdr_topli.gif) repeat-x bottom;
		padding: 15px 0 8px 10px;
		list-style-type:none;
	}
	#VisitorsBlock li a{
			background: url(../images/blt_hdrpart.png) no-repeat left;
			padding-left: 20px;
			color: #636363;
			text-decoration:none;
	}
	#VisitorsBlock li a:hover{color:#b12222;}
	.seealservice{
		background:url(../images/bck_tophdr.png) top no-repeat;
		float:right;
		padding:4px 3px;
		font-weight:bold;
		font-size:14px;
		text-align:center;
		text-transform:uppercase;
		}
		.seealservice a{text-decoration:none; color:#000000;}
		.seealservice a:hover{color:#333333;}
#TeamWrap{
	width:100%;
	background:url(../images/bck_team.jpg) bottom repeat-x #FFFFFF;
	min-height: 206px;
	overflow:auto;
	margin: 0 auto;
}
#ServiceWrap{
	min-height: 206px;
	overflow:auto;
	background-image: url(../images/bck_service.png);
	background-repeat: repeat-x;
	background-position: center;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border: 1px solid #EDE4FF;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

#TeamWrap{
	overflow:auto;
	background-image: url(../images/bck_service.png);
	background-repeat: repeat-x;
	background-position: center;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border: 1px solid #EDE4FF;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
#SimpleWrap{
	overflow:auto;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border: 1px solid #EDE4FF;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
	#TeamBlockWrap{
		width: 956px;
		margin: 0 auto;
		background:url(../images/bck_shadow.png) no-repeat top center;
		padding-top: 20px;
		}
		#TeamItem{
		min-height:125px;
		overflow:auto;
		margin-right:36px;
		margin-top:20px;
		float:left;
		}
		#TeamItem p{
			text-align:left;
			float:right;
			margin: 10px 3px;
		}
		#TeamItem img{
			float:left;
			padding: 16px 12px 16px 14px;
			background:url(../images/bck_teampic.png) no-repeat top;
			margin: 0 5px 5px 0;
		}
		#TeamItem.lastone{margin-right:0;}
		.RitArrow{
			min-height: 106px;
			overflow:auto;
			float:right;
			padding-top:50px;
			margin-left:8px;
		}
#PortFolioWrap{
	width: 100%;
	background: url(../images/bck_portfolio.png) no-repeat top center #d5bfff;
	min-height:275px;
	overflow:auto;
	border-bottom: 1px solid #7f8080;
	margin: 0 auto;
}
	#PortBlockWrap{
		width: 956px;
		margin: 0 auto;
		padding-top: 34px;
	}
		.portText{
			width: 369px;
			float:left;
			margin-right: 20px;
			text-align:justify;
			padding-top: 30px;
		}
		.portText p{margin-bottom: 20px;}
		.portText p.seemore{float:right;}
		.portImages{float:right; padding-right: 20px;}
#BestPracticeWrap{
	width: 100%;
	margin: 0 auto;
	min-height: 388px;
	overflow:auto;
}
	#PracticBlockWrap{
		width: 965px;
		margin: 0 auto;
		padding-top: 34px;
		background:url(../images/bck_shadow.png) no-repeat top center;
	}
	#PracticBlockWrap div div{
		width: 45%;
	}
	#PracticBlockWrap div div img{float:left; margin-right: 18px;}
	#PracticBlockWrap div{margin-bottom: 35px;}
#FooterWrap{
	width:100%;
	background-color:#640000;
	min-height: 348px;
	overflow:auto;
	color:white;
	line-height:140%;
	A
}
	#FoterColumnWrap{
		width:950px;
		margin: 20px auto;
		}
		#FoterColumnWrap div{width:400px;}
		#FoterColumnWrap div div{width: 48%;}
		#FoterColumnWrap h1{color:#FFFFFF; font-weight:normal; margin-bottom:15px;}
		#FoterColumnWrap p{color:white;}
	#FooterWrap img{margin-right: 5px;}
	
/*For Inner Pages*/

#TopMainWrapInnr{
	width: 100%;
	margin: 0 auto;
	background: url(../images/bck_tophdr.png) repeat-x 0% -29% black;
	min-height: 170px;
	overflow:auto;
	border-bottom: 1px solid black;
}
#NavWrap.navinnr{background-image:none; clear:both; margin:0 auto; min-height: 20px; overflow:auto;}

#InnrCntntWrap{
	width: 958px;
	padding: 44px 0;
	background:url(../images/bck_shadow.png) no-repeat top center;
	margin: 0 auto;
	min-height: 600px;
	overflow:auto;
}
#CntntRit_BlckHolder{
	width: 100%;
	margin: 0 0 8px;
	text-align: left;
	font-size: 12px;
	padding: 2px 5px 2px 2px;
	height: 16px;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-bottom-style: solid;
	border-top-color: #D4E5B6;
	border-right-color: #D4E5B6;
	border-bottom-color: #D4E5B6;
	border-left-color: #D4E5B6;
}
#CntntRit_BlckHolder span.Lft{float: left; text-align: left; background: transparent;}
	#CntntRit_BlckHolder span.Rit{float: right; width: 35%; margin-left: 5%; text-align: right; background: transparent;}
	#CntntRit_BlckHolder.Bckwhite{
	padding: 4px;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #D4E5B6;
	border-right-color: #D4E5B6;
	border-bottom-color: #D4E5B6;
	border-left-color: #D4E5B6;
}
	#CntntRit_BlckHolder a{ color: #0000FF; text-decoration: none;}
	#CntntRit_BlckHolder.cell{text-align: left; font-size: 12px;}
#TeamBlockLft{
	width: 50%;
	text-align: left;
	float: left;
	font-size: 12px;
}
#InnrCntntWrap h1{ font-size: 18px; text-align: left; font-family:Tahoma; margin-bottom: 20px; text-transform:uppercase; font-weight:normal;}
#InnrCntWhiteBox{
	width: 617px;
	background:white;
	border:1px solid black;
	min-height: 300px;
	overflow:auto;
	padding: 30px 20px 50px;
	margin-bottom: 30px;
}
#InnrCntWhiteBox p img{float:right; margin: 0 0 8px 12px;}
#ChatQuoteWrap{
	width:590px;
	background:url(../images/bck_cnvrstionnquote.gif) repeat-x top #f6f6f6;
	padding: 10px 15px 5px;
	min-height: 50px;
	overflow:auto;
	margin-bottom: 20px;
}
#ChatQuoteWrap a{font-family:Tahoma; font-size:18px; text-align:left; font-weight:bold; color:black; padding: 16px 0;}
#ChatQuoteWrap a:hover{color:#333333;}
#ChatQuoteWrap a.conver{background:url(../images/ico_startconver.png) no-repeat left; padding-left: 75px; float:left;}
#ChatQuoteWrap a.quote{background:url(../images/ico_requestquote.png) no-repeat left; padding-left: 75px; float:right;}
#TestimonWrap{
	width: 258px;
	padding-bottom: 30px;
}
#TestmonBoxcnt{
	width: 218px;
	padding: 0 20px 0;
	margin:0 auto;
	min-height: 90px;
	overflow:auto;
	background:url(../images/bck_testibox.gif) repeat-y center;
}
#TestmonBoxcnt img{float:right; margin: 0 0 5px 5px;}
#TestimonWrap.botomost{background:url(../images/bck_logoicon.png) no-repeat bottom center; padding-bottom: 75px;}li {
	margin-left: 20px;
	padding: 5px;
}
ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 20px;
}
ol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 20px;
}
.highlight {
	background-color: #FFFF82;
	line-height: 150%;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}
.breadcrumb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.FooterLink {
	font-weight: normal;
	color: #FFF;
}