/* CSS Document 

@font-face {
	font-family: 'Calibri';
	src: url('../fonts/calibri.eot');
	src: local('?'), url('../fonts/calibri.ttf') format('truetype'), url('../fonts/calibri.svg') format('svg');
	font-weight: normal;
	font-style: normal; 
}*/
a:focus{border:none;outline:none}
hr{color:#F5F5F5;border:0;border-bottom:1px solid #F5F5F5;margin:0;padding:0}
img{border:0;margin:0}
.imgA{vertical-align:middle}
a:link, a:active, a:visited{color:#649401;text-decoration:none;cursor:pointer}
a:hover{color:#000}
html, body{font-family:arial,"Lucida Sans Unicode","Lucida Grande",sans-serif;font-size:12px;color:#333;height:auto;margin:0;padding:0;background:url(../images/bg-x.png) bottom repeat-x #919191}
#maindiv{position:relative;margin:0 auto;width:100%;height:auto !important;height:100%;min-height:100%;margin:0;padding:0;background:url(../images/mpart-bg.png) repeat-y center}
form{margin:0;padding:0;height:auto;height:100% !important;min-height:100%;width:100%}
.clear{clear:both}
.left{float:left}
.right{float:right}
#mpart{margin:0 auto;padding:0 0 180px;*padding:0 0 185px;clear:both;width:100%;background:url(../images/btm-round.png) center bottom no-repeat;min-height:500px}
.pixset{width:999px;margin:0 auto;}
#hpart{height:82px;margin:0 auto;width:100%;background:url(../images/bg-x.png) bottom repeat-x;display:block;font-family:Calibri}
#logo a{display:block;height:45px;text-decoration:none;text-indent:-9000px;width:286px;background:url(../images/plaveb-main-images.png) -233px -64px;margin:4px 0 0 0}
#hpart label{margin:18px 0 0 5px;padding:0}
#hlinkg{padding-top:4px;text-align:right}
#hlinkg a{color:#000;font-size:12px;padding:0 7px 0 7px;line-height:32px}
#hlinkg a:hover{color:#737472 !important}
#hpart a:hover{color:#000}
.sitelink{background:url(../images/bg-x.png)}
.sitelink a{padding:7px 20px 8px;color:#000;display:inline-block}
.sitelink a:hover{background:#555;color:#fff !important}
.sitelink a.on, .sitelink a:hover.on {background:#555;color:#fff;font-weight:700}

.sitelink a:hover{color:#555}
#contactArea{height:30px;overflow:hidden}
a.topfloatingdiv{float:left;height:8px;display:block;text-indent:-99999px;padding:0;width:85px;cursor:pointer}
#container{height:8px;position:absolute;margin-top:-8px;background:url(../images/plaveb-main-images.png) -20px -140px no-repeat #555}
#container a:hover{background:url(../images/plaveb-main-images.png) -20px -140px no-repeat #555}
nav{display:block}
.mt-nav{margin:0;padding:0;list-style:none; float:right; }
.mt-nav ul{position:absolute;top:-999em;width:120px;padding-right:10px;margin:0;padding:0;list-style:none}
.mt-nav li{float:left;position:relative;z-index:999}
.mt-nav a, .mt-nav a:visited{display:block;color:#000;padding:0;text-decoration:none;border-bottom:1px solid #777}
.mt-nav li li a:link, .mt-nav li li a:visited{padding:6px 0 6px 10px;color:#000;border:0;}
.mt-nav li li a:hover{color:#fff !important; }
.mt-nav li ul{z-index:-9;-moz-border-radius-bottomleft:8px;-webkit-border-bottom-left-radius:8px;-moz-border-radius-bottomright:8px;-webkit-border-bottom-right-radius:8px}
.mt-nav li:hover ul, .mt-nav li:focus ul{left:0;top:32px;right:15px}
.mt-nav .tab{height:27px;font-size:14px;}
.mt-nav li ul{background:#c3c3c3;padding:0 2px 10px 2px}
.mt-nav li li{background:none;padding:0 0px 0 0px;font-size:14px; border-bottom:2px solid #c3c3c3; width:100%; display:block; }
.mt-nav li li:hover{background:#999; width:100%; display:block; border-bottom:2px groove #fff}
.mt-nav li.menu2{padding:3px 3px 3px 4px}
.mt-nav li.menu2 span{padding:4px 7px 4px 6px;display:inline-block}
.mt-nav li.lastli{white-space:nowrap;}
.mt-nav li.menu2:hover span, .mt-nav li.on span{color:#000;background:url(../images/plaveb-main-images.png) center -116px no-repeat;height:25px;  }

/* new big submenu */
.mt-nav li.menu2 ul.newsubm { width:910px; left:-753px; -moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0px; -webkit-box-shadow: 0 0 6px 0 #000; -moz-box-shadow: 0 0 6px 0 #000; box-shadow: 0 0 6px 0 #000; background: rgb(223,221,222); /* Old browsers */
background: -moz-linear-gradient(top, rgba(223,221,222,1) 0%, rgba(247,246,246,1) 48%, rgba(218,217,217,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(223,221,222,1)), color-stop(48%,rgba(247,246,246,1)), color-stop(100%,rgba(218,217,217,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(223,221,222,1) 0%,rgba(247,246,246,1) 48%,rgba(218,217,217,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(223,221,222,1) 0%,rgba(247,246,246,1) 48%,rgba(218,217,217,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(223,221,222,1) 0%,rgba(247,246,246,1) 48%,rgba(218,217,217,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfddde', endColorstr='#dad9d9',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(223,221,222,1) 0%,rgba(247,246,246,1) 48%,rgba(218,217,217,1) 100%); /* W3C */  border-top:1px solid #ebebeb; border-left:1px solid #ebebeb; border-right:1px solid #bababa; border-bottom:1px solid #bababa; behavior:url(ie-support/PIE.htc); }
li.newsubmbg { background:url(../images/menubg-right.png) no-repeat top right !important; position:absolute; top:3px; right:0; *right:-10px; width:379px !important; height:209px; z-index:-9 !important; }
li.newsubmbg-sub { background:url(../images/menubg2-right.png) no-repeat top right !important; position:absolute; top:70px; right:0; width:179px !important; height:146px !important; z-index:-9 !important; }
.mt-nav li.menu2 ul.newsubm li { border:0; display:block; padding:6px 0 1px 10px; width:170px; z-index:9999; }
.mt-nav li.menu2 ul.newsubm li span { background:none; padding:4px 7px 4px 0; border-bottom:1px solid #c9c9c9; height:auto; width:87%; text-transform:uppercase; }
.mt-nav li.menu2 ul.newsubm li a { display:block; padding:0; }
.mt-nav li.menu2 ul.newsubm li a:hover, .mt-nav li.menu2 ul.newsubm li:hover { background:none; border:0; color:#386406 !important; }
.mt-nav li.menu2 ul.newsubm li div ul { margin:0; padding:0; float:left; position:static; border:0; width:auto; -moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0px; background:url(../images/nmenuline-vt.png) no-repeat right 15px; min-height:200px; }
.mt-nav li.menu2 ul.newsubm li div ul li { background:none; border:0; z-index:9999 !important; }
.m-webdesign, .m-webapps, .m-ecomm, .m-webmarket, .m-mobile, .m-about, .m-portf { background:url(../images/menusev-imgs.png) no-repeat right bottom; min-height:200px; position:relative; }
.m-webdesign { background-position: 110px 120px; }
.m-webapps { background-position: 110px -88px; }
.m-ecomm { background-position: 45px -330px; }
.m-webmarket { background-position: 77px -585px; }
.m-mobile { background-position: 125px -846px; }
.m-about { background-position: 45px -1092px; }
.m-portf { background-position: 30px bottom; }
.mt-nav li.menu2 ul.newsubm li span strong {color:#386406; font-weight:400;}

.greentitle{font-weight:bold;font-size:18px;color:#7a9f24;padding:0 0 10px 0;border-bottom:1px solid #C9C8C7;display:block;margin:0 20px; }
a.ehlogo, a.tlclogo, a.pjeelogo, a.cablesyslogo{background:url(../images/plaveb-main-images.png) no-repeat 0px -221px;text-decoration:none;width:348px;height:47px;display:block;text-indent:-99999px;float:left;margin:15px 0 10px 25px}
a.ehlogo{height:67px}
a.ehlogo:hover{background-position:1px -288px}
a.tlclogo{background-position:-481px -292px;width:132px;margin:15px 0 0 20px}
a.tlclogo:hover{background-position:-481px -225px}
a.pjeelogo{background-position:-370px -227px;width:105px;margin:18px 0 0 20px}
a.pjeelogo:hover{background-position:-370px -297px}
a.cablesyslogo{background-position:-7px -169px;width:289px;margin:22px 0 0 20px}
a.cablesyslogo:hover{background-position:-296px -169px}
#fpart{clear:both;margin:0;height:103px;background:#585858;padding:0 0;position:absolute;bottom:0;color:#fff;font-weight:400;width:100%;left:0;text-align:left;font-size:11px;font-family:"Lucida Sans Unicode","Lucida Grande",arial}
#fpart .pixset, #wfpart .pixset{width:999px;margin:auto;clear:both}
#fpart ul, #fpart ul li{list-style:none;margin:0;padding:0 13px 0 0;text-align:left;white-space:nowrap;color:#e9e9eb}
#fpart ul li a, #wfpart ul li a{color:#afafaf;padding:0;font-weight:400}
#fpart a, #wfpart a{padding:0 8px 0 0;color:#afafaf;font-weight:400}
#fpart a:hover, #wfpart a:hover{color:#fff}
.copyright{position:absolute;bottom:0;color:#8d8d8d;font-size:12px}
.dvborder{border-top:1px solid #4d4d4d;float:left;width:969px /*867*/;margin:10px 0 0 0 !important}
.dvborder-btm{border-bottom:1px solid #4d4d4d;float:left;padding:0 0 10px 0 !important;width:977px; /*877*/}
#fpart .fphone{float:right;font-size:24px;color:#fefefe;font-weight:700;padding:5px 0 0 0;width:210px;text-align:right;height:40px;z-index:100}
#fpart .fphone span{text-align:right;display:block}
#panel{background:url(../images/bg-x.png) repeat-x 0 -43px;left:0;position:absolute;bottom:35px;z-index:9999;width:100%;padding:0;margin:-8px 0 0;height:113px;overflow:hidden;border-top:#000 0 solid}
.panel_button{cursor:pointer;margin:0 auto}
.panel_button img{margin:-1px 0 0 0}
#wfpart .pixset{width:990px;margin:auto;clear:both;overflow:hidden;position:relative}
#wfpart h4{padding:6px 0 7px;margin:0}
#wfpart h4:hover a{color:#afafaf}
#wfpart ul, #wfpart ul li, #wfpart ol{list-style:none;margin:0;padding:0 8px 0 0;text-align:left;white-space:nowrap}
.contact, .btm-arrow, .top-arrow{background:url(../images/plaveb-main-images.png) 0 -118px no-repeat}
.btm-arrow{background-position:-587px -196px; margin-right:72px !important}
.top-arrow{background-position:-587px -205px;  margin-right:72px !important}
.panel_button img.top-arrow { margin-top:-219px;}
:root .panel_button img.top-arrow { margin-top:-234px\9 !important; }  /* IE9 */
.panel_button img.top-arrow { *margin-top:-221px !important;} /* IE7 */
.ftr_webdesign span, .ftr_webdesign:hover span, .ftr_webapp span, .ftr_webapp:hover span, .ftr_webapp_active span, .ftr_ecomm span, .ftr_ecomm:hover span, .ftr_ecomm_active span, .ftr_web_marktng span, .ftr_web_marktng:hover span, .ftr_web_marktng_active span, .ftr_mobile span, .ftr_mobile:hover span, .ftr_mobile_active, .ftr_client span, .ftr_client:hover span, .ftr_client_active span{display:block;height:65px;width:55px;margin-bottom:8px;background:url(../images/plaveb-main-images.png) 0 0 no-repeat;*margin-bottom:10px}
.ftr_webdesign span{background-position:10px 5px;margin-left:10px}
.ftr_webdesign:hover span{background-position:10px -52px}
.ftr_webapp span{background-position:-45px 5px;margin-left:30px}
.ftr_webapp:hover span{background-position:-45px -52px}
.ftr_ecomm span{background-position:-110px 5px;margin-left:10px}
.ftr_ecomm:hover span{background-position:-110px -52px}
.ftr_web_marktng span{background-position:-175px 5px;margin-left:30px}
.ftr_web_marktng:hover span{background-position:-175px -52px}
.ftr_mobile span{background-position:-230px 5px;margin-left:-10px}
.ftr_mobile:hover span{background-position:-333px 5px; margin-left:-5px}
.ftr_client span{background-position:-286px 5px;margin-left:-3px}
.ftr_client:hover span{background-position:-386px 5px}
ul.social-network{float:right;position:absolute;right:0px;top:100px}
ul.social-network li{display:inline;margin:0 0 0 5px;float:left}
a.facebook, a.twiiter, a.article{background:url(../images/plaveb-main-images.png) no-repeat;display:block;height:50px;width:50px}
a.facebook{background-position:-440px 5px}
a.facebook span{margin-top:48px;float:left}
a.twiiter span{margin:48px 0 0 5px;float:left}
a.article span{margin:48px 0 0 6px;float:left}
a.twiiter{background-position:-490px 10px}
a.article{background-position:-545px 5px}
*{padding:0;margin:0}
#TB_closeAjaxWindow{float:right;position:absolute;*top:5px;right:-30px;margin:0;padding:20px 30px 0 0; top:-42px;}
#TB_overlay{position:fixed;z-index:99999;top:0;left:0;height:100%;width:100%;background-color:#000;filter:alpha(opacity=85);-moz-opacity:0.85;opacity:0.85}
#TB_window{position:fixed;z-index:999999;color:#000;display:none;text-align:left;top:50%;left:50%;padding:0}
#TB_load{position:fixed;display:none;height:13px;width:208px;z-index:10000;top:50%;left:50%;margin:-6px 0 0 -104px}
#TB_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#000;border:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%}
#TB_iframeContent{clear:both;border:none;margin-bottom:0;margin-top:0;_margin-bottom:0; margin-left:0 !important;}
#TB_window { margin-left:0 !important;  left:25%; }
@media screen and (max-device-width: 1024px) { #TB_window { margin-left:-160px !important; } }
#cpart{float:left;padding:0;margin:0 0 10px 12px;width:810px;clear:both}
.topspace{margin:40px 0 0 0;*margin:120px 0 25px;width:100%}
#wfpart ul li label a{color:#fff;margin-bottom:10px;font-size:12px;font-weight:700;}
#wfpart label{padding:6px 0 12px;margin:0;display:block;}
#wfpart label:hover a{color:#afafaf;}

/* Tooltip styles */
.TlTip a { color:#fff; text-decoration:none; cursor:help; position:relative; font-weight:400; font-size:10px; padding-left:0; }
.TlTip a:hover {  color:#fff; text-decoration:none;  font-weight:400; padding-left: 0; }
.TlTip a span { width:146px; color:#515151 !important; position:absolute; display:none; border:1px solid #ccc;  font-weight:400; font-size:11px; padding:5px; margin-left:5px; text-align:justify; z-index:100; }
.TlTip a:hover span { position:absolute; z-index:999; background-color:#e7e7e7; right:-65px; top:20px ; display:inline;}
.Tltip-home a:hover span { right:0px !important; top-10px !important; display:inline; }

/* portfolio line */
.port-linebg { background:url(../images/portf-linebg.png) repeat-x center; height:5px; }
.PT15{ padding-top:15px}
.PL20{ padding-left:20px}
#rpart select option, #list1b .cssform select option{ background-color:#333; }
iframe{ overflow:hidden;  }
