*{outline:none !important}
html{margin:0px;padding:0px;width:100%;min-height:100%;height:auto !important;height:100%}
body{margin:0px;padding:0px;min-height:100%;height:auto !important;height:100%;width:100%;font-size:0px;cursor:default;font-family: Verdana, Arial, Helvetica, sans-serif;background:url(/images/body.jpg) repeat-x #f3f3f3}
.main{width:100%;min-height:100%;height:auto !important;height:100%;}
.ac:after {content: " "; display: block; clear: both}
a:link, a:visited, a:hover{font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration:none}
.cb{clear:both}
.TopRepeat,.TopLeft,.TopRight{width:1000px; min-height:290px; height:auto !important; height:290px; clear:both}
.TopRepeat{background:url(/images/top_bg.jpg) repeat-x}
.TopLeft{background:url(/images/top_left.jpg) no-repeat left 0px}
.TopRight{background:url(/images/top_right.jpg) no-repeat right 0px}
.Middle,.MiddleLeft,.MiddleRight{width:1000px; min-height:200px; height:auto !important; height:386px}
.Middle{background:url(/images/middle_repeat.jpg) repeat-y center 0px}
.MiddleLeft{background:url(/images/middle_left.jpg) no-repeat left 0px}
.MiddleRight{background:url(/images/middle_right.jpg) no-repeat right 0px}
.Middle1,.Middle2{width:978px}
.Middle1{background:url(/images/middle_center1.jpg) repeat-x #fff; min-height:254px; height:auto !important; height:254px}
.Middle2{background:url(/images/middle_center2.jpg) repeat-x #cfcfcf; min-height:192px; height:auto !important; height:192px}
.RedLine{width:978px; height:3px; /*background:url(/images/red_line.jpg) repeat-x*/ background:#e00a00}
.BottomLine{width:1000px; height:8px; background:url(/images/footer.jpg) no-repeat center 0px; clear:both}
.GrayLine{width:976px; min-height:24px; height:auto !important; height:24px; background:url(/images/gray_line.jpg) repeat-x #000; border:solid #140100 1px; font-size:11px; color:#b9b9b9}
.GrayLeft,.GrayRight{min-height:24px; height:auto !important; height:24px}
.GrayLeft{width:60%; float:left; text-align:left}
.GrayRight{width:40%; float:left; text-align:right}
.GrayLeft a:link,.GrayLeft a:visited,.GrayLeft a:hover{font-size:11px; color:#b9b9b9; margin:0px 10px 0px 10px}
.GrayLeft a:hover{color:#fff; border-bottom:solid #b9b9b9 1px; padding-bottom:1px}
.line,.RowLeft u,.Menu li a u,.small_interval,.title2,.LeftMenu a u,.bold,.title,.GrayLeft u,.GrayRight u{display:block; text-decoration:none; font-style:normal; margin:0px; padding:0px; list-style:none}
.GrayLeft u{padding:4px 0px 0px 4px}
.GrayRight u{padding:4px 15px 0px 0px; font-size:10px}
.e-Works:link,.e-Works:visited,.e-Works:hover{font-size:10px; color:#b9b9b9}
.e-Works:hover{color:#fff; border-bottom:solid #b9b9b9 1px; padding-bottom:1px}
.padding{padding:23px; color:#545454; font-size:11px; text-align:left; min-height:246px; height:auto !important; height:246px; padding-bottom:0px}
.padding_2{padding:30px !important; padding:30px 20px; color:#545454; font-size:11px; text-align:left; min-height:246px; height:auto !important; height:246px;}
.title2,.title{color:#717171; font-size:17px; font-weight:700}
.title2{color:#898989}
.bold{font-weight:700; display:inline; font-size:11px}
.Middle2Left,.Middle2Right{min-height:192px; height:auto !important; height:192px; float:left}
.Middle2Left{width:70%}
.Middle2Right{width:30%}
.padding p{padding:10px 0px 10px 0px}
.arrow,.LogoCell,.HeaderLeft,.HeaderRight{min-height:290px; height:auto !important; height:290px; float:left}
.HeaderLeft{width:410px; background:url(/images/ornament2.jpg) no-repeat 11px 0px}
.HeaderRight{width:590px}
.LogoCell{width:410px; background:url(/images/logo.gif) no-repeat right 185px}
.arrow{width:394px; background:url(/images/arrow.gif) no-repeat 331px 260px; text-align:left}
.Middle2_3Cell2,.Middle1Cell1,.Middle1Cell2,.Middle1Cell3{min-height:254px; height:auto !important; height:254px; float:left}
.Middle1Cell1{width:289px}
.Middle1Cell2{width:420px; background:url(/images/cube.jpg) no-repeat center 41px}
.Middle1Cell3{width:269px}
.Middle2_3Cell2{width:689px}
.interval{height:185px; clear:both}
.e-WorksLogo:link,.e-WorksLogo:visited,.e-WorksLogo:hover{width:321px; height:70px; display:block; margin-left:25px; border-width:0px}
.LeftMenu{text-align:left}
.LeftMenu a:link,
.LeftMenu a:visited,
.LeftMenu a:hover{display:block; width:264px; min-height:42px; height:auto !important; height:42px; border:solid #e5e5e5 1px; color:#343434; background:url(/images/left_menu_link.gif) no-repeat 0px -187px #ededed; font-size:12px; margin-top:2px; padding-left:18px}
.LeftMenu a:hover{background-position:right 0px; color:#fff; border:solid #000 1px;text-transform: uppercase; background-color:#000; font-weight:700; font-size:11px; width:264px;}
.SelectedLeftMenu:link,
.SelectedLeftMenu:visited,
.SelectedLeftMenu:hover{background-position:right 0px !important; color:#fff !important; border:solid #000 1px !important; background-color:#000 !important; font-weight:400 !important; font-size:11px !important; font-weight:700 !important; text-transform: uppercase; ; padding-left:18px !important; width:264px !important}
.LeftMenu a u{padding:15px 0px 0px 13px}
.pt7{padding-top:7px !important}
.hx{height:30px; text-align:left; padding-left:18px}
.services {text-align:left; padding-right:20px}
.services a:link,.services a:visited,.services a:hover{color:#6f6f6f; font-size:10px; font-weight:700; display:block; background:url(/images/small_arrow.gif) no-repeat left 3px; line-height:18px; padding-left:10px; cursor:default}
/*.services a:hover{color:#000}*/
.services span:link,.services span:visited,.services span:hover{color:#6f6f6f; font-size:10px; font-weight:700; text-decoration:underline; display:block; background:url(/images/small_arrow.gif) no-repeat left 3px; line-height:18px; padding-left:10px; cursor:default}
.pl8{padding-left:8px}
.small_interval{height:5px; clear:both}
.CatLang{margin:0px; padding:0px; list-style:none !important; float:right; padding-right:20px}
.CatLang li{float:left; min-height:18px; height:auto !important; height:18px; color:#b9bab5; font-size:11px; padding:10px 5px 0px 5px}
.PaddingLang{padding-right:5px !important;padding-left:20px !important}
.pl0{padding-left:0px !important; padding-right:0px !important}
.cat:link,.cat:visited,.cat:hover{color:#b9bab5; font-size:11px}
.cat:hover{color:#fff; border-bottom:solid #b9bab5 1px; padding-bottom:2px}
.lang:link,.lang:visited,.lang:hover{color:#b9bab5; font-size:10px; font-weight:700; display:block; padding:1px 4px 1px 4px}
.lang:hover{color:#fff}
.SelectedLang{background:url(/images/lang_bg.jpg) repeat-x !important; color:#fff !important; border:solid #bb0501 1px; padding:1px 7px 1px 7px !important}
.FlashCell{width:588px; height:209px; float:left; clear:both; padding-top:0px}
.fl{float:left}
.MenuCell{width:100%; height:33px; clear:both; padding-top:0px}
.Menu{list-style:none}
.Menu li{float:left; width:140px; margin-top:0px}
.Menu li a:link,.Menu li a:visited,.Menu li a:hover{width:125px; height:30px; display:block; border-width:0px; background:url(/images/menu.jpg) no-repeat 0px 0px; color:#FFF; font-size:11px; font-weight:700; clear:both}
.Menu li a:hover{background-position:-125px 0px}
.SelectedMenu{background-position:-125px 0px !important}
.Menu li a u{padding-top:7px}
.h200{height:220px}
.get_a_quote:link,.get_a_quote:visited,.get_a_quote:hover{font-size:15px; color:#a6a6a6; display:block; font-weight:700; text-align:right; background:url(/images/duble_arrow.gif) no-repeat right 6px; margin-right:40px; padding-right:20px;text-transform:lowercase}
.get_a_quote:hover{color:#555}
.tac{text-align:center}
.b1{background:url(/images/b1.jpg) no-repeat;}
.ContactsCell,.ContactsLeftCell,.ContactsRightCell{min-height:444px; height:auto !important; height:444px}
.ContactsCell{width:645px}
.ContactsLeftCell{width:355px; float:left}
.ContactsRightCell{width:256px; float:left}
.row,.RowLeft,.RowRight{min-height:30px; height:auto !important; height:30px}
.row{clear:both; width:455px;}
.RowLeft{width:168px; float:left; text-align:right}
.RowRight{width:221px; float:left; text-align:left}
.RowLeft{font-size:11px; color:#6a6868}
.RowLeft u{text-align:right; padding:5px 5px 0px 10px}
.capcha,.button,.pSelect select,.pSelect option,.ContactInput,.ContactTextarea{font-family:verdana, arial, helvetica, sans-serif; font-size:12px; color:#5a6868}
.ContactInput{width:170px; height:21px; background:url(/images/ContactsInput.gif) 0px 0px no-repeat; border-width:0px; margin:0px; padding:6px 0px 0px 4px}
.ContactInput:focus{background-position:-230px 0px}
.ContactTextarea{width:210px; height:154px; background:url(/images/ContactsTextarea.gif) 0px 0px no-repeat; border-width:0px; margin:0px; padding:0px; padding-left:4px; padding-top:4px; overflow:auto; height: 50px;}
.ContactTextarea:focus{background-position:-230px 0px}
.pSelect{padding-left:1px; padding-top:4px}
.pSelect select,.pSelect option{background:#e4e1e1; border-width:0px !important}
.px{padding-top:20px}
.button{width:84px; height:22px; background:url(/images/button.jpg); color:#000 ; font-weight:700; border:solid #ccc 1px; cursor:pointer; font-size:10px}
.button:hover{background-position:0px -25px}
.capcha{width:210px; height:22px; background:url(/images/capcha.jpg) 0px 0px no-repeat; border-width:0px; margin:0px; padding:6px 0px 0px 4px}
.capcha:focus{background-position:0px -28px}
.ContactsFrom{margin:0px; padding:0px}
.url{color:#000; font-size:11px}
.url:hover{color:#880000}
.ContactsText{padding-left:30px; line-height:16px; font-size:12px}
.block{padding:10px}
.pt0{padding-top:0px}
.error{width:200px; padding-left:135px; min-height:30px; height:auto !important; height:30px; color:#cc0000; font-weight:700}
.success{width:200px; padding-left:135px}
.pCheck{padding:10px; padding-left:5px; font-size:10px}
.w174{width:174px}
.pRadio{padding:10px; padding-left:0px}
.radio{margin:2px; margin-top:10px}
.Check,.CheckLeft,.CheckRight{min-height:64px; height:auto !important; height:64px;}
.Check{width:526px}
.CheckLeft{width:41%; float:left}
.CheckRight{width:59%; float:left}
.pt5{padding-top:5px}
.w140{width:140px !important}
.w120{width:120px !important}
.Portfolio,.PortfolioLeft,.PortfolioRight{min-height:400px; height:auto !important; height:400px}
.Portfolio{width:100%; clear:both}
.PortfolioLeft{width:30%; float:left; font-size:0px}
.PortfolioRight{width:60%; float:left}
.portfolioUL{float:right; list-style:none; padding-right:30px}
.portfolioUL li{padding-bottom:20px}
.context_portfolio{padding-top:5px; line-height:20px; padding-left:28px;}
.context_portfolio a:link,.context_portfolio a:visited,.context_portfolio a:hover{color:#aa0000; font-size:11px}
.context_portfolio a:hover{color:#cc0000}
.FooterClear{clear:both; height:5px}
.padding font{clear:both; display:block; padding-top:10px}
.PartnersCell,.Cell1,.Cell2,.Cell3{min-height:60px; height:auto !important; height:60px}
.PartnersCell{width:100%}
.Cell1{/*height:100; min-height:100px; height:auto !important; height:100px; */padding-top:6px; border:solid #000 0px}
.Cell3{padding-top:5px}
.Cell2{padding-left:2px}
.kopi{font-family:verdana, arial, sans-serif !important; text-decoration:none; font-style:normal}
h2{font-size:11px !important; font-weight:700 !Important; padding:0px; margin:0px; background:url(/images/point.jpg) no-repeat 0px 2px; padding-left:20px; padding-bottom:10px}
#sitemap a:link,#sitemap a:visited,#sitemap a:hover{color:#888; font-size:11px}
#sitemap a:hover{color:#cc0000; text-decoration:underline}
#sitemap{line-height:16px}
ul{list-style-type:square}
.mlx{margin-left:36px}
#projects a:link,#projects a:visited,#projects a:hover{color:#888; font-size:11px}
#projects a:hover{color:#cc0000; text-decoration:underline}
#projects{line-height:16px}
#thumbs h3{text-align:left; font-size:11px !important}
.portThumb{border:solid #d9d9d9 4px}
.portThumb:hover{border-color:#bbb}
#thumbs {text-align:left}
#thumbs p{font-size:11px !important}
.pxx{padding-left:42px}
/*
.blog, .BlogLeft,.BlogRight{min-height:40px; height: auto !important; height:40px}
.blog{width:978px; background:#cfcfcf}
.BlogLeft{float:left; width:60%; padding-left:4px}
.BlogRight{float:left; width:30%}
.BlogLeft div{width:27px; height:22px; float:left}
.BlogLeft div a:link,.BlogLeft div a:visited,.BlogLeft div a:hover{display:block; width:27px; height:22px; border-width:0px; background:url(/images/icons2.jpg) no-repeat}
.google:link,.google:visited,.google:hover{background-position:-81px 0px !important}
.google:hover{background-position:-81px -26px !important}
.twitter:link,.twitter:visited,.twitter:hover{background-position:-27px 0px !important}
.twitter:hover{background-position:-27px -26px !important}
.picasa:link,.picasa:visited,.picasa:hover{background-position:-54px 0px !important}
.picasa:hover{background-position:-54px -26px !important}
.in:link,.in:visited,.in:hover{background-position:0px 0px !important}
.in:hover{background-position:0px -26px !important}
.line{width:700px; height:2px; font-size:0px; background:url(/images/line.jpg)}
.lineCell{clear:both; padding:7px}
*/
.BlogLeft2,.blog, .BlogLeft,.BlogRight{min-height:40px; height: auto !important; height:40px}
.blog{width:978px; background:#cfcfcf}
.BlogLeft2,.BlogLeft{float:left; width:75%; padding-left:21px}
.BlogRight{float:left; width:21%}
.BlogLeft2 div,.BlogLeft div{width:87px; height:29px; float:left}
.BlogLeft div a:link,.BlogLeft div a:visited,.BlogLeft div a:hover{display:block; width:81px; height:29px; border-width:0px; background:url(/images/ico.jpg) no-repeat}
.google:link,.google:visited,.google:hover{background-position:-263px 0px !important}
.google:hover{background-position:-263px -34px !important}
.twitter:link,.twitter:visited,.twitter:hover{background-position:0px 0px !important}
.twitter:hover{background-position:0px -34px !important}
.picasa:link,.picasa:visited,.picasa:hover{background-position:-87px 0px !important}
.picasa:hover{background-position:-87px -34px !important}
.in:link,.in:visited,.in:hover{background-position: -175px 0px !important}
.in:hover{background-position:-175px -34px !important}
.youtube:link,.youtube:visited,.youtube:hover{background-position:-351px 0px !important}
.youtube:hover{background-position:-351px -34px !important}
.facebook:link,.facebook:visited,.facebook:hover{background-position:-439px 0px !important}
.facebook:hover{background-position:-439px -34px !important}
.slideshare:link,.slideshare:visited,.slideshare:hover{background-position:-527px 0px !important}
.slideshare:hover{background-position:-527px -34px !important}
.wordpress:link,.wordpress:visited,.wordpress:hover{background-position:-616px 0px !important}
.wordpress:hover{background-position:-616px -34px !important}
.blog2{width:978px; background:#FFF}
.BlogLeft2 div a:link,.BlogLeft2 div a:visited,.BlogLeft2 div a:hover{display:block; width:81px; height:29px; border-width:0px; background:url(/images/ico2.jpg) no-repeat}
.BlogLeft2{padding-left:19px}
/*
.line{width:700px; height:2px; font-size:0px; background:url(/images/line.jpg)}
.lineCell{clear:both; padding:7px}
*/
/*div#loader { width: 500px; height: 500px; }*/
div#loader {border:solid #d9d9d9 4px;width:500px;min-height:310px;height:auto !important;height:310px}
div#loader.loading {background: url(/images/spinner.gif) no-repeat center center;}
.selectedPortPrev {border-color:#E10B00 !important}
.FollowUs{color:#999; font-size:18px; font-weight:700; padding:10px; text-align:left}
.LeftImageInterval{padding-top:40px; padding-bottom:20px}
.LeftImage{background:url(/images/left_image.jpg) no-repeat 0px 0px; height:194px}
.port_block *{font-family:verdana,arial, helvetica,sans-serif !important; color:#555 !important}
.border{border:1px solid red;}
/* Selection Styles*/
::-moz-selection{
background:#DE0901;
color:#fff;}
::selection {
background:#DE0901;
color:#fff;
}
/* NEW PORTFOLIO */
.leftcategory{
background:url(/images/portfolio_bg.jpg) no-repeat right top;
float: left;
width: 235px;
margin-top: 28px;
margin-right: 3px;
}
.leftcategory ul {list-style-image: none; list-style-type: none; margin:0; padding: 0; line-height:2;}
.project_list {margin: 20px 0 40px 0; overflow: hidden; width: 700px; float: left;}
.project_list a{
background:url(/images/port_bg_hover.png) no-repeat right top;
width: 216px;
height: 136px;
display: block;
font-size: 0px;
position: relative;
float: left;
margin: 8px;
margin-bottom: 15px;
}
.project_list a:hover{background:url(/images/port_bg_hover.png) no-repeat left top;}
.proj_1 span {position: absolute; height: 100px; width: 100px; bottom:-33px; left:-8px;}
.proj_1 u img {margin: 8px; text-decoration: none;}
.proj_pager {clear: both; text-align: center; margin-bottom: 30px; padding-left: 200px;}
.proj_pager a {background:url(/images/page_gray_grad.png) no-repeat left top; height: 20px; width: 20px; text-align: center; display: inline-block; color: #fff; font-size: 11px; line-height:17px; font-weight: bold;}
.proj_pager a:hover {background:#e00a00 ; }
.proj_pager u {background:url(/images/page_gray_grad_curr.png) no-repeat left top; text-decoration: none; height: 20px; width: 20px; text-align: center; display: inline-block; color: #fff; font-size: 11px; line-height:18px; font-weight: bold;}
.proj_pager span a{width: auto;background:url(/images/page_gray_grad.png) repeat-x left top; padding: 0 10px;}
.filter {
width: auto;
background:url(/images/page_gray_grad.png) repeat-x left top;
padding: 0 10px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
border: none;
height: 20px;
}
.filterdiv{
width:100%;
text-align: center;
padding-top: 10px;
}
.filterdiv input{
cursor: pointer;
}
#anycategory label {
cursor: pointer;
display:block;
line-height: 23px
}
#anytype label {
cursor: pointer;
display:block;
line-height: 23px
}
fieldset {
margin:0;
padding:0;
border: none;
}
.ez-checked{
float: left;
}
fieldset ul li{
width: 100%;
}
fieldset legend{
margin-left:20px;
}
.fieldline hover{
background:red;
}
.checkbox {
height: 25px;
width: 19px;
clear:left;
float:left;
margin: 0 0 3px;
background: url(/images/checkbox.gif) no-repeat;
cursor: default;
text-align:left;
}
.checkbox input,.radio input {
display: none;
}
.checkbox input.show,.radio input.show {
display: inline;
}
.partners_div {
overflow: hidden;
}
.partners_div a{
width: 200px;
height: 100px;
display: block;
float: left;
border:1px solid #f1f1f1;
font-size: 0;
margin: 10px 10px 0 0;
}
.partners_div img{
width: 200px;
height: 100px;
}
.brands_div {
margin-top: 30px;
overflow: hidden;
}
.brands_div img{
width: 135px;
height: 80px;
display: block;
float: left;
border:1px solid #f1f1f1;
font-size: 0;
margin: 20px 20px 0 0;
}
.news_ul {
margin: 0;
padding: 0;
list-style: none;
}
.news_ul li{
margin: 0;
margin-top:15px;
padding: 0;
list-style: none;
}
.news_ul li span{
font-weight: bold;
margin-right: 3px;
font-size: 9px;
color: #F01200;
}
.news_ul li div a{
text-decoration: none;
margin-top: 5px;
color: #545454;
font-weight: bold;
}
.news_ul li i{
display: block;
font-style: normal;
margin-top: 10px;
}
.news_ul li i a{
color: #545454;
}
.news_ul li i a:hover{
text-decoration: underline;
}
.partners_div2 {
overflow: hidden;
margin-top: 10px;
}
.partners_div2 img {
border: 1px solid #F1F1F1;
padding: 5px;
margin-bottom: 10px;
margin-right: 10px;
}