a:focus, a:hover, a:active { outline:none }

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	margin: 0;
	padding: 0;
	background: #FFF; 
}
h1{
	margin: 0;
	padding: 0;
	color: #AD2E7E;
	font-size: 11px;
	font-weight: bold;
}
.div-all{
	text-align: center;	
}
.divmainbody{
	width:940px; text-align:left;
}
#container {
   width:100%;	
	clear: both;
	text-align: left;	
}
#topbar {
   width:100%;
   position:absolute;
   top:-344px;
	/*border: 1px solid #6C6C6C;*/
	border-bottom: none;	
	height: 344px;
	display: block;
	
}

#content {
   width:100%;
   padding:0px;
   position:absolute;
	/*border: 1px solid #6C6C6C;*/
	border-top: none;
	background: url(images/top-body-bgr.gif) repeat-x #FFF;
}
.divpop{
	margin: 49px 54px;
	width: 826px;
	height: 281px;
	padding-left: 15px;
	background: url(images/begin-pop.jpg) no-repeat top left;
	clear: both;
}
.divpop .popmid{
	height: 281px;
	width: 760px;
	background: url(images/mid-pop.jpg) repeat-x;
	float: left;	
	display: block;
}
.popmid-all{
	padding:37px 22px
}
.divleft{
	float: left;
}
.w214{
	width: 214px;
}
.w300{
	width: 300px;
}
.w196{
	width: 196px;
}
.w196 div{
	padding:67px 0 20px 0px;
}
.pd20_30{
	padding:20px 30px;
}
.divpop .popend{
	height: 281px;
	width: 46px;
	background: url(images/end-pop.jpg) no-repeat;	
	float: left;	
}

.div-bar{
	background: url(images/begin-bar.gif) no-repeat top left;
	height: 42px;
	padding-left: 15px;
	font-size: 12px;
}
.div-bar .endw{
	background:url(images/end-bar.gif) no-repeat ;
	float: left;
	height: 42px;
	width: 17px;		
}
.div-bar span.inwhite{
	float: left;
	display: block;
	padding: 7px 10px;
	height: 42px;
	background: url(images/mid-w-bar.gif) repeat-x;
}

.div-bar span.inblack{
	float: left;
	display: block;
	padding: 7px 10px 7px 0px;
	height: 42px;
	color: #FFF;
}
.violet-text{
	color: #AD2E7E;
}
.violet-text a{
	text-decoration: none;
	color: #AD2E7E;
}
.violet-client{
	color: #AD2E7E;
	display:block; float:left; width:50px;
}
a.nlink {
	color: #666666;
	text-decoration: none;
}
a.nlink:hover {
	color: #AD2E7E;
	text-decoration: none;
}
input.contacttop{
	width: 196px;
	height: 19px;
	border: 1px solid #708090;
	background-color: #F5F5F5;
	display: block;
	margin: 5px 0px;
}
textarea.contacttop{
	width: 196px;
	height: 50px;
	border: 1px solid #708090;
	background-color: #F5F5F5;
	display: block;
	margin: 5px 0px;
}
.div-logo{
	width: 380px;
	padding: 25px 0 0 57px;
	float: left;	
}
.div-main-menu{
	width: 450px;
	padding-right: 41px;
	float: right;
	text-align: right;
}
ul.main-menu{
	padding: 0;
	margin: 0;
	list-style: none;
}
ul.main-menu li,ul.main-menu li a{
	color: #666666;
	font-size: 12px;
	font-weight: bolder;
	display: inline;	
	text-decoration: none;
	
}
ul.main-menu li a{
	line-height: 28px;
	padding: 0 10px;
	height: 28px;
	display: block;
	float: right;
}
ul.main-menu li a:hover,ul.main-menu li a.active{
	line-height: 28px;
	padding: 0 10px;
	background: url(images/mn-select.gif) no-repeat;
	background-position: 20px 0px;
	height: 28px;
}

.div-violet{
	background: url(images/bot-violet.gif) no-repeat bottom left;
	width: 762px;	
	padding-bottom: 15px;
}
.div-violet div{
	background: url(images/top-violet.gif) no-repeat top left;
	width: 100%;
	padding-top: 28px;
}
.div-violet div div{
	background: url(images/mid-violet.gif) repeat-y;	
	padding:0 10px;	
	color: #FFF;
	font-size: 25px; 
}
.main-body-left{
	width: 540px;
	padding-left: 54px;
	padding-top: 20px;
	float: left;	
}
.main-body-right{
	width: 300px;
	float: right;
	padding-top: 20px;
	padding-right: 42px;
}
ul.sub-menu{
	padding: 0;
	margin: 30px 0px;
	list-style: none;
	display: block;
}
ul.sub-menu li a{
	color: #666666;
	font-size: 12px;
	text-decoration: none;	
	white-space: nowrap;
	padding: 8px 4px;
	display: block;
}
ul.sub-menu li{
	height: 30px;
	border: 1px solid #dddddd;
	display: block;
	float: left;
	margin: 3px;
	background-color: #FBFBFB;
	
}
ul.sub-menu li a:hover{
	color: white;
	background-color: #a72075;
		
}
.viewcase{
	width: 117px;
	height: 40px;
	text-align: center;
	padding-top: 18px;
	display: block;
	margin-left: 30px;
	color: #FFF;
	background: url(images/view-case-bgr.gif) no-repeat;
}
.viewcase a{
	color: #FFF;
	text-decoration: none;
}
.bar-right{
	width: 260px;
	height: 17px;
	color: #FFF;	
	float: right;
	background: #333333;
	margin-top: 1px;
	border: 1px solid #333333;
}
.bar-right div, .bar-right-active div{
	padding: 3px 10px;
	cursor:pointer;
}
.bar-right-active{
	width: 260px;
	height: 17px;
	color: #FFF;	
	float: right;
	background: #A72075;
	margin-top: 1px;
	border: 1px solid #A72075;
}
.bar-right-content{
	width: 260px;	
	float: right;
	background-color: #F5F5F5;
	border: 1px solid #EEEEEE;
	border-top: none;
}
.bar-right-hidden{
	width: 260px;	
	float: right;
	background-color: #F5F5F5;
	border: 1px solid #EEEEEE;
	border-top: none;
	display:none;
}
.bar-right-content div{
	padding: 10px 20px;
}
a.readon {
	color: #AD2E7E;
	text-decoration: none;
}
a.readon:hover {
	color: Maroon;
	text-decoration: none;
}
.clients-show{
	width: 300px;
	float: right;
}
.clients-show ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-left: 20px;
}

.clients-show ul li{
	list-style: none;
	display: inline;
	margin:0px 0px 6px 6px;
	width: 125px;
	height: 110px;
	float: left;
	padding: 3px;
	border: 1px solid #F0F0F0;
}
.clients-show ul li.over{	
	border: 1px solid #999999;
}
.clients-show ul li.active{
	/*list-style: none;
	display: inline;
	float: left;
	margin:0px 0px 8px 8px;
	width: 126px;
	height: 110px;
	float: left;
	padding: 1px;*/
	border: 1px solid #A72075;
}
.clients-show img{
	border: 1px solid #FFF;
	cursor: pointer;
}

.bottom-body{
	width: 100%;
	height: 116px;
	background: url(images/bot-body-bgr.gif) repeat-x;
}
.div-footer{
	padding-bottom: 50px;
	width: 940px;
}

.footerleft{
	float: left;
	padding-left: 57px;
	width: 355px;
	text-align: left;
}
.footerright{
	float: right;
	width: 375px;
	text-align: right;
	padding-right: 41px;
}
.boderbot{
	background: url(images/bot-dot.gif) repeat-x bottom;
	padding:10px 0 0px 0;
	height: 30px;
}
.boderbot img{
	display: inline-block;
	margin: 0px 2px;
}
.boderbot ul{
	margin: 0px;
	padding: 0px;
} 
.boderbot ul li{
	display: inline;	
	list-style: none;
}
ul.foot-menu{
	padding: 0;
	margin:0px;
	list-style: none;
}
ul.foot-menu li a{
	color: #666666;
	font-size: 12px;
	text-decoration: none;	
	white-space: nowrap;
	padding: 0px 0 0 6px;
	display: inline;
	font-weight: bolder;
}
ul.foot-menu li{	
	margin: 0px;
	display: inline;	
}
ul.foot-menu li a:hover{
	color: #a72075;	
}
.big-quote{
	font-size:18px; color:#999999;
	
	
}
.small-quote{
	font-size:12px; color:#CCCCCC;
}
.begin-show{
	padding-left:22px;
}
.slice-show{
	width:508px; height:288px;border:1px solid #F0F0F0;float:left;
	padding: 3px;
}
.slice-show1{
	border:1px solid #F0F0F0;
	padding: 3px;
}
.afftershow{
	padding:10px 0px; width:512px;
}
.afftershow .col1{
	width:263px; float:left;
}
.afftershow .col2{
	width:237px; float:left;
}
.afftershow .col{
	width:250px; float:left;	
}
.afftershow .col3{
	width:255px; float:right;	
}
.cl-all{
	clear: both;
}

.div-bar-violet{
	background: url(images/begin-bar-violet.gif) no-repeat top left;
	height: 42px;
	padding-left: 15px;
	font-size: 12px;
}
.div-bar-violet .endw{
	background:url(images/end-bar-violet.gif) no-repeat top left #FFF;
	float: left;
	height: 42px;
	width: 80px;		
	margin-right: -40px;
}
.div-bar-violet span{
	float: left;
	display: block;
	padding: 7px 1px 7px 0px;
	height: 42px;
	color: #FFF;
}
.div-bar-violet span.inwhite{
	float: left;
	display: block;
	padding: 7px 10px 7px 2px;
	height: 42px;
	background: url(images/mid-violet-bar.gif) repeat-x;
}
ul.service-menu{
	padding: 0px;
	margin: 0px;
}
ul.service-menu li{
	display: block;
	/*height: 25px;	
	min-height: 25px;*/
	list-style: none;
	
}
ul.service-menu li a{
	display: block;	
	/*height: 25px;	
	min-height: 25px;*/
	text-decoration: none;
	color: #666666;
	font-size: 12px;
}
ul.service-menu li a span{
	display: block;	
	/*height: 18px;*/	
	color: #666666;
	padding: 3px 15px;
	background: url(images/bot-dot-menu.gif) no-repeat left bottom;
	cursor: pointer;
	
}

ul.service-menu li a:hover , ul.service-menu li a.active{	
	color: #AD2E7E;
	background: url(images/arowright.gif) no-repeat 0% 50%;
	cursor: pointer;
}
.npdiv-leftpd54{
	padding: 0 0 0 54px;
}
.npleftarea{
	width:163px; float:left;
}
.npleftarea_showcase{
	width:272px;float:left;
}
.nprightarea{
	width:720px; float:left;
}
.nprightarea_showcase{
	width:610px; float:left;
}
.pdr25{
	padding-right: 25px;
}
.pdl25{
	padding-left: 25px;
}
.pdt20{
	padding-top: 20px;
}
.nprightarealeft{
	width:472px; float:left;
}
.nprightcol{
	width:224px; float:left;
}
.npnewscontent{
	width:100%; clear:both; margin-top:-20px;
}
.nprightcol_showcase{
	width:270px; float:left;
}
.serviceimg{
	width:195px; border:1px solid #CDCDCD; padding:3px; margin:10px 0;
}
.serviceimg img.mainimg{
	margin-bottom:-14px; 
	display:inline;
	cursor: pointer;
	border: none;
}
.serviceimg img.glass{
	z-index:2; margin-top:1px;
	margin-bottom: -2px;
}

.npright-right{
	width:247px; float:left;
}

.div-overlib{
	position:absolute; 
	padding:0px; 
	width:542px;
	margin-top: 0px;	
	z-index:1200; 	
}
.topoverlib{
	background: url(images/overlip-top.gif) no-repeat;
	padding-top: 28px;
}
.topoverlib div{
	width:512px;
	background: url(images/overlip-bot.gif) no-repeat bottom;
	padding:0 16px 18px 16px;
	margin-left: -1px;
	height: 300px;
}
.div-bar-menu{
	background:url(images/begin-bar-violet.gif) no-repeat top left;
	height: 42px;
	padding-left: 15px;
	font-size: 12px;
}
.div-bar-menu .endw{
	background:url(images/end-bar.gif) no-repeat ;
	float: left;
	height: 42px;
	width: 17px;		
}
.div-bar-menu ul{
	margin: 0;
	padding: 0;
}
.div-bar-menu ul li{
	float: left;
	display: block;
	padding: 7px 10px;
	height: 42px;
	background: url(images/mid-w-bar.gif) repeat-x;
	list-style: none;
	cursor: pointer;
}
.div-bar-menu span.inblack{
	float: left;
	display: block;
	padding: 7px 10px 7px 0px;
	height: 42px;
	color: #FFF;
}
.div-bar-menu ul li a{
	background: url(images/check-none.gif) no-repeat right;
	padding-right: 17px;
	display: block;
	text-decoration: none;
	color: #666666;
}
.div-bar-menu ul li.active a{
	background: url(images/check-selected.gif) no-repeat right;
	padding-right: 17px;
	display: block;
	text-decoration: none;
	color: #666666;
}
a.viewlive{
	display: block;
	width: 165px;
	height: 34px;
	background: url(images/viewlivebt.gif) no-repeat;
	padding: 7px 0 0 71px;
	text-decoration: none;
	color: #666666;
	font-size: 13px;
	float: right;
}
/*Barslice*/
.div-bar-slide{	
	PADDING-RIGHT: 12px; 
	PADDING-LEFT: 12px; 
	FONT-SIZE: 1.05em; 		
	WIDTH: 319px; 
	COLOR: #fff; 	
	PADDING-TOP: 6px; 
	position: absolute;
	margin-top: -40px;	
	z-index: 100;
}
.div-bar-slide ul{
	margin: 0;
	padding: 0;
}
.div-bar-slide ul li{
	float: left;
	display: block;
	padding: 2px 2px 0 2px;
	height: 21px;	
	list-style: none;
	cursor: pointer;
	background: #FFF;
}
.div-bar-slide ul li a{
	background:#F2F1EF;
	display: block;
	text-decoration: none;
	color: #666666;
	padding: 2px 5px;
	font-weight: bolder;
}
.div-bar-slide ul li.active a{
	background:#323232;
	display: block;
	text-decoration: none;
	color: #FFF;
}
.toggler{
	width: 260px;
	height: 17px;
	color: #FFF;	
	float: right;
	background: #333333;
	margin-top: 1px;
	margin-bottom: 0px;
	border: 1px solid #333333;
	font-size: 11px;
}
.toggler div,.toggler span, .toggler-active div,.toggler-active span{
	padding: 3px 10px;
	cursor:pointer;
	display: block;
}

.element{
	width: 260px;	
	float: right;
	background-color: #F5F5F5;
	border: 1px solid #EEEEEE;
	border-top: none;
	height: 0px;
	display:none;
	clear: both;
}

.element div{
	padding: 10px 20px;
	clear: both;	
}
.newborder{
	background: url(images/bot-dot.gif) repeat-x bottom;
}
.news-date{
	font-size: 14px;
}
a.linkbrown{
	color: #AD2E7E;
	text-decoration: underline;
}
a.linkbrown:hover{
	text-decoration: none;
}
ul.content{
	margin: 0px;
	margin-left:20px;
	padding: 0;
}
ul.content li{
	list-style-image: url(images/li-butlet.gif);
}

/*For new slice home*/
#right_container {
	width:508px; height:288px;border:1px solid #F0F0F0;float:left;
	padding: 3px;
}
#arrow_left {
	z-index: 1; FLOAT: left; MARGIN: 108px 0px 0px; WIDTH: 27px; POSITION: absolute; HEIGHT: 83px;
	visibility: hidden;
}
#arrow_right {
	Z-INDEX: 1; FLOAT: right; MARGIN: 108px 0px 0px 482px; WIDTH: 27px; POSITION: absolute; HEIGHT: 83px;
	visibility: hidden;
}
#arrow_right img,#arrow_left img{
	border: none;
}
.stepcarousel {
overflow:hidden; width:508px; POSITION: relative; height:288px;
}
.stepcarousel .belt {
	LEFT: 0px; POSITION: absolute; TOP: 0px
}
.stepcarousel .panel {
	FLOAT: left; MARGIN: 0px; OVERFLOW: hidden; width:508px;
}
P.samplebuttons {
	WIDTH: 320px; TEXT-ALIGN: center
}
P.samplebuttons A {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 1px; COLOR: #2e6ab1; MARGIN-RIGHT: 3px; PADDING-TOP: 1px; TEXT-DECORATION: none
}

.tquote{
	width:156; text-align:left; background:url(images/quote_box_top.gif) no-repeat top left; padding-top:28px;
	margin: 0;
}
.tquote .mid{
	background:url(images/quote_box_mid.gif) repeat-y left; padding:0 15px;
	color: #666;margin: 0; font-style: italic; font-size: 9pt;
}
.tquote .mid ul{
	margin: 0; padding: 0; list-style: none;
	
}
.tquote .mid ul a{
	color: #AD2E7E;font-style: normal; display: block;
}
.tquote .mid ul a:hover{
	text-decoration: none;
}
.tquote .bot{
	height:15px; background:url(images/quote_box_bot.gif) no-repeat bottom left;
	width:156;margin: 0;
}