@charset "utf-8";
/* CSS Document */
html, body { margin:0px; padding:0px; font-family:Arial; font-size:12px; color:#888888; background:#000; }
* { margin:0; padding:0; }
* { outline: none; }
table, tr, td, div { vertical-align:top; }
img { border:0px; }
form { margin:0; padding:0; }
.cb { clear:both; }
.fl { float:left; }
.fr { float:right; }
.all_ul { padding:0px; margin:0px; list-style-type:none; }
.rel { position:relative; top:0px; left:0px; width:0px; height:0px; }
a { text-decoration:none; color:#888888; }
a:hover { text-decoration:underline }
a.nodecor { text-decoration:none; }
/* CLASSes **/
.centeredDiv { width:1003px; margin:0 auto; border-top:solid 1px #000; position:relative; }
.logoDiv { width:237px; height:121px; float:left; position:absolute; left:0; }
.menuDiv { height:47px; border-bottom:#414141 solid 1px; position:relative; left:237px; width:766px; }
.menuLink { font-size:14px; color:#FFF; text-decoration:none; padding-right:30px; }
.menuSlide { position: absolute; height: 19px; width: 621px; padding: 15px; margin:0; overflow: hidden; left:0; }
.menuSlide li { float: left; list-style: none; }
.menuSlide li.back { background:url(/images/underline.gif) no-repeat; width: 9px; height: 1px; z-index: 8; position: absolute; top:47px; }
.menuSlide li a { text-decoration: none; font-size:14px; color: #FFF; outline: none; text-align: center; top: 7px; letter-spacing: 0; width:102px; z-index: 10; display: block; float: left; height: 30px; position: relative; overflow: hidden; }
.menuSlide li a:hover, .menuSlide li a:active, .menuSlide li a:visited { border: none; text-decoration:none; }
.icons { float:right; height:22px; padding-top:53px; }
.icon { height:16px; padding-left:19px; display:inline; }
.rounds10{-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}


.mbg{background:#060606 url(/images/portfolio/mbg.gif) repeat-x top left; border:solid 1px #2c2c2c;margin-top:25px; color:#fff;}
/*
.twitter { background:url(/images/icons/Twitter-icon.png) no-repeat; }
.facebook { background:url(/images/icons/FaceBook-icon.png) no-repeat; }
.favorites { background:url(/images/icons/Favorite-icon.png) no-repeat top left;}
*/
.container { clear:both; }/*  height:305px;*/
.top { clear:both; height:305px; }
.cursor { cursor:pointer; }
.marg2 { margin:2px; }
.leftDiv { width:215px; height:290px; background:#414141; float:left; padding-left:15px; padding-top:15px; overflow:hidden; }
.centerDiv { width:530px; height:305px; float:left; }
.rightDiv { width:228px; background:#414141; float:left; padding-left:15px; padding-top:15px; overflow:hidden; height:290px; }
.padTop17 { padding-top:17px; }
.just { text-align:justify; }
/*
.latestProjs { background:url(/images/latest.png) no-repeat; width:163px; height:27px; }
.itNews { background:url(/images/news.png) no-repeat; width:85px; height:21px; }
*/
.worksDiv { width:210px; height:30px; border-bottom:solid 1px #494949; padding:9px 0 9px 0; clear:both; }
.worksDiv a { color:#00d8d8; }
.newsDiv { width:200px; border-bottom:solid 1px #494949; padding:9px 0 9px 0; }
.servicesDiv { padding:15px 0 15px 15px; font-size:16px; }
.piruz { color:#00d8d8; }
.servicesDiv a, .ServCatDiv a { color:#00d8d8; }
.right_block { width: 190px; padding-right:30px; height: auto; float: right; }
.rightDiv2 { width:223px; float:left; padding-left:20px; padding-top:15px; overflow:hidden; }/* height:290px;  */
.headerDiv { width:212px; height:50px; color:#FFF; padding:5px; font-size:15px; margin-top:5px; cursor:pointer; }
.bg1 { background:url(/images/header_bg1.gif) no-repeat; }
.bg2 { background:url(/images/header_bg2.gif) no-repeat; }
.newsDiv a { color:#FFF; font-weight:bold; }
/*
#slideshow { position:relative; height:305px; }
#slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
#slideshow IMG.active { z-index:10; opacity:1.0; }
#slideshow IMG.last-active { z-index:9; }
*/
.border { border:1px solid red; }
.fl_left { float:left; }
.fl_right { float:right; }
.clear { clear: both; }
.over_hide { overflow: hidden; }
.pos_abs { position: absolute; }
.pos_rel { position: relative; }
.pos_rel_0 { position: relative; height: 0px; width: 0px; }
.ac:after { content: " "; display: block; clear: both }
.bann_blocks { width: 1003px; clear: both; }
.more a { text-decoration: none !important; }
.more a:hover { text-decoration: none !important; }
a.details, a.details:active, a.details:visited { color:#04b0b0; margin-top:10px; }
a.details:hover { text-decoration:none; color:#00d8d8; }
.bann_1 { background:url(/images/bann_1.png) no-repeat; width: 201px; height: 194px; float: left; }
.bann_1 img { margin-top: 9px; margin-left: 45px; }
.class_1 { width: 155px; height: 70px; padding-bottom:25px; overflow: hidden; text-align: right; color: #fff; margin-left: 40px; margin-top: 20px; }
.bann_1 a, .bann_1 a:link, .bann_1 a:active, .bann_1 a:visited, .bann_1 a:hover { font-weight: normal; color: #fff; text-decoration: none; font-size: 11px; }
.bann_1 span { background:url(/images/more_bg_1.png) repeat-x; width:auto; height:16px; padding:0 6px; float:right; display: block; margin-right: 7px !important; margin-right: 4px; }

.popup{ color:#fff; height: auto; width: 200px; position: absolute; top: 185px; padding: 15px; display: none; text-align: justify; z-index:3;}

.popup_1 { background:#30000f; margin-left:133px !important; margin-left:132px; }
.popup_2 { background:#650020; margin-left:129px !important; margin-left:128px; }
.popup_3 { background:#002c50; margin-left:128px !important; margin-left:127px; }
.popup_4 { background:#407100; margin-left:129px !important; margin-left:128px; }
.popup_5 { background:#ff5b00; margin-left:-25px !important; margin-left:-26px; }


.bann_2 { background:url(/images/bann_2.png) no-repeat; width: 197px; height: 194px; float: left; }
.bann_2 img { margin-top: 9px; margin-left: 20px; }
.class_2 { width: 155px; height: 67px; padding-bottom:5px; overflow: hidden; text-align: left; color: #fff; margin-left: 40px; margin-top: 24px; }
.bann_2 a, .bann_1 a:link, .bann_1 a:active, .bann_1 a:visited, .bann_1 a:hover { font-weight: normal; color: #fff; text-decoration: none; font-size: 11px; }
.bann_2 span { background:url(/images/more_bg_2.png) repeat-x; width:auto; height:16px; padding:0 6px; float:right; display: block; margin-right: 7px !important; margin-right: 4px; margin-top: 19px; }
.bann_3 { background:url(/images/bann_3.png) no-repeat; width: 196px; height: 194px; float: left; }
.bann_3 img { margin-top: 30px; margin-left: 19px; }
.class_3 { width: 155px; height: 58px; padding-bottom:5px; overflow: hidden; text-align: left; color: #fff; margin-left: 40px; margin-top: 12px; }
.bann_3 a, .bann_1 a:link, .bann_1 a:active, .bann_1 a:visited, .bann_1 a:hover { font-weight: normal; color: #fff; text-decoration: none; font-size: 11px; }
.bann_3 span { background:url(/images/more_bg_3.png) repeat-x; width:auto; height:16px; padding:0 6px; float:right; display: block; margin-right: 7px !important; margin-right: 4px; margin-top: 19px; }
.bann_4 { background:url(/images/bann_4.png) no-repeat; width: 197px; height: 194px; float: left; }
.bann_4 img { margin-top: 5px; margin-left: 21px; }
.class_4 { width: 155px; height: 32px; padding-bottom:5px; overflow: hidden; text-align: left; color: #fff; margin-left: 40px; margin-top: 50px; }
.bann_4 b { clear: both; }
.bann_4 u { text-align: right; width: 170px; height:18px; display: block; color: #fff; text-decoration: none; margin-top: 3px }
.bann_4 a, .bann_1 a:link, .bann_1 a:active, .bann_1 a:visited, .bann_1 a:hover { font-weight: normal; color: #fff; text-decoration: none; font-size: 11px; }
.bann_4 span { background:url(/images/more_bg_4.png) repeat-x; width:auto; height:16px; padding:0 6px; float:right; display: block; margin-right: 7px !important; margin-right: 4px; margin-top: 7px; }
.bann_5 { background:url(/images/bann_5.png) no-repeat; width: 212px; height: 194px; float: left; }
.bann_5 img { margin-top: 15px; margin-left: 32px; }
.class_5 { width: 155px; height: 58px; padding-bottom:5px; overflow: hidden; text-align: left; color: #000; margin-left: 50px; margin-top: 10px; }
.bann_5 u { text-align: right; width: 170px; height:15px; display: block; color: #fff; text-decoration: none; }
.bann_5 a, .bann_1 a:link, .bann_1 a:active, .bann_1 a:visited, .bann_1 a:hover { font-weight: normal; color: #fff; text-decoration: none; font-size: 11px; }
.bann_5 span { background:url(/images/more_bg_5.png) repeat-x; width:auto; height:16px; padding:0 6px; float:right; display: block; margin-right: 7px !important; margin-right: 4px; margin-top: 21px; }
/* Content Block*/
.cont_block { width: 665px; height: auto; float: left; margin-bottom: 30px; }
.cont_block2 { width: 750px; height: auto; float: left; margin-bottom: 30px; }
.block_1 { background:url(/images/portfolio/portbg.gif) repeat-x; width: 240px; padding-right:10px; float:left; height:240px; overflow:hidden;}
.block_1 .imnblock{display:block; margin:0 auto; width:200px; height:140px; overflow:hidden;}
.inact{background:url(/images/portfolio/inact.png) no-repeat top center;}
.act{background:url(/images/portfolio/act.png) no-repeat top center;}
.block_1 img {margin-top: 20px; }

.block_1_desc { text-align:center; padding-top:10px;}
.block_1_desc a, .block_1_desc a:link, .block_1_desc a:active, .block_1_desc a:visited, .block_1_desc a:hover { font-size: 13px; font-weight: normal; color: #fff; }
/* Right Block*/
.block_2 { clear: both; margin-top: 10px; margin-bottom: 30px; }
.block_2 img { }
.block_2 h3 { font-family: "Kozuka Gothic Pro"; font-size: 19px; font-weight: normal; margin: 0 0 17px 0; padding: 0; }
.block_2 u { text-transform: uppercase; text-decoration: none; }
.block_2 div { clear:both; color: #fff; font-size: 12px; margin-top: 13px; }
.color_1 { color: #32e5ec !important; }
.site_2days { background:url(/images/site_2days.png) no-repeat left; height: 17px; display: block; margin-bottom: 17px; }
.in_process { background:url(/images/in_process.png) no-repeat left; height: 17px; display: block; margin-bottom: 17px; }
.color_2 { color: #7da9d6 !important; }
.footer_div { clear: both; margin-left:auto; margin-right:auto; width:330px; height:37px; padding-left:28px; padding-top:16px; vertical-align:middle; }
.footer_div a { font-family:Verdana; font-size:11px; text-decoration:none; /*	*/ }
#bordtext { border-bottom:1px dotted; text-decoration:none; }
#bottomtext { clear: both; margin:0 auto; }
/*slider*/
.vector { position: relative; height: 0px; width: 0px; z-index: 3; }
.thumbs_div { overflow:hidden; width:1003px; height:205px; z-index: 2; position: relative; }
.thumbs_div a { outline:none }
.up { height:17px; width:17px; position: absolute; margin-top: -180px; margin-left: 15px; }
.down { height:17px; width:17px; position: absolute; margin-left: 971px; margin-top: -180px; }
.thumbs_slide_block { height:205px; position:relative; z-index: 2; }
.thumb_slider { position:absolute; top:0; left:0; width:30000px; z-index: 1; }
.thumb_img { cursor:pointer; background-repeat:no-repeat; width:1003px; height:205px; margin-bottom:7px; float: left; }
.thumb_img_border { background:url(/images/thumb_border.png) no-repeat; width:100%; height:100% }
/*TOP MENU*/
.top_menu_div { position: absolute; z-index: 3; margin-top: -40px; margin-left: 25px; }
.top_menu_bg a, .top_menu_bg a:link, .top_menu_bg a:active, .top_menu_bg a:visited, .top_menu_bg a:hover { color: #fff; font-weight: bold; font-size: 12px; text-decoration: none; padding: 15px 20px; height: 20px; }
.top_menu_bg a:hover { color: #30e6e3; }
a.h_m_bg_rep, a.h_m_bg_rep:link, a.h_m_bg_rep:active, a.h_m_bg_rep:visited, a.h_m_bg_rep:hover { background:url(/images/h_m_sep.png) no-repeat right 15px; display: inline; }
a.h_m_act, a.h_m_act:link, a.h_m_act:active, a.h_m_act:visited, a.h_m_act:hover { color: #30e6e3; }
.top_menu_bg { background:url(/images/h_m_bg.png) no-repeat; padding-top:8px; height: 26px; width: 953px; }
/**/
.titles { color:#04b0b0; font-size:25px; padding:0px; } /* text-shadow: #04b0b0 1px 1px 5px */
.white { color:#fff; }
.bold { font-weight:bold; }
.bigtit { color:#04b0b0; font-size:35px; }
.modal { background-color:#fff; display:none; width:350px; padding:15px; text-align:left; border:2px solid #333; opacity:0.8; -moz-border-radius:6px; -webkit-border-radius:6px; -moz-box-shadow: 0 0 50px #ccc; -webkit-box-shadow: 0 0 50px #ccc; text-align:center; }
.modal h2 { text-align:left; background:url(/images/studio-one.png) 0 50% no-repeat; margin:0px; padding:10px 0 10px 45px; border-bottom:1px solid #333; font-size:20px; }
.modal .close { border:solid 1px #026c6c; background:#04b0b0; text-align:center; width:70px; color:#fff; }
#portfolio { position:relative; height:305px; overflow:hidden; }
ul#portfolio li img { border: 0px solid #ccc; }
#top_port { position:relative; height:205px; overflow:hidden; z-index:1 }
ul#top_port li img { border: 0px solid #ccc; }
#bottext { position:relative; height:60px; width:991px; background:#414141; padding:5px; text-align:center; overflow: hidden; }
ul#bottext li { width:100%; }
ul#bottext li span { text-align:center; color:#00d893; font-size:18px; }
.distbl { display: table; height: 60px; padding:5px; width: 991px; _position: relative; overflow: hidden; }
.distblcell { _position: absolute; top: 50%; display: table-cell; vertical-align: middle; }
.disinnertbl { _position: relative; top: -50% }
.slide_panel { display: none; clear:both; border:solid 1px #222222; width:250px; padding:5px; }
.slide_div { height:20px; float:left; }
.slide_button { background: url(/images/plus.gif) no-repeat right 29px; width: 105px; height: 19px; }
.minus_icon { background: url(/images/minus.gif) no-repeat right 29px; width: 105px; height: 19px; }
.padLeft20 { padding-left:20px; }
.bordBot { border-bottom:solid 1px #222222; padding-bottom:20px; }
/**/
.icondiv { width:38px; height:35px; }
.h10 { height:10px; }
.fs11 { font-size:11px; }
.fs12 { font-size:12px; }
.fs14 { font-size:14px; color:#d5d5d5 !important; }
.fs16 { font-size:16px; }
.mapDiv { width: 500px; height: 300px }
.sep { background:url(/images/sep.gif) repeat-x center center; height:20px; clear:both; }
.tithov a:hover { color:#00d8d8; text-decoration:none; }
.imgbord { border:solid 1px #222222; padding:5px; margin-right:15px; }
.margcounter { margin-top:13px; margin-left:3px; }
/*****************************************************/
/* OVERLAY ********/

/* the overlayed element */
.simple_overlay { /* must be initially hidden */ display:none; /* place overlay on top of other elements */ z-index:10000; /* styling */ background-color:#333; width:700px; min-height:200px; padding:10px; border:1px solid #666; /* CSS3 styling for latest browsers */ -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; text-align:center; }
/* close button positioned on upper right corner */
.simple_overlay .close { background-image:url(/images/overlay/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; background-image:url('/images/overlay/close.png')!important; background-image:none; filter:none!important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/overlay/close.png', sizingMethod='scale');
}
/* Specific styling*/

/* the large image. we use a gray border around it */
#img { border:1px solid #666; }
/* "next image" and "prev image" links */
.next, .prev { /* absolute positioning relative to the overlay */ position:absolute; top:40%; border:1px solid #666; cursor:pointer; display:block; padding:10px 20px; color:#fff; font-size:11px; /* upcoming CSS3 features */ -moz-border-radius:5px; -webkit-border-radius:5px; }
.prev { left:0; border-left:0; -moz-border-radius-topleft:0; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; -webkit-border-top-left-radius:0; }
.next { right:0; border-right:0; -moz-border-radius-topright:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0; -webkit-border-top-right-radius:0; }
.next:hover, .prev:hover { text-decoration:underline; background-color:#000; }
/* when there is no next or previous link available this class is added */
.disabled { visibility:hidden; }
/* the "information box" */
.info { position:absolute; bottom:0; left:0; padding:10px 15px; color:#fff; font-size:11px; border-top:1px solid #666; }
.info strong { display:block; }
/* progress indicator (animated gif). should be initially hidden */

/* everybody should know about RGBA colors. */
.next, .prev, .info { background:#333 !important; background: url(/images/overlay/h80.png) repeat-x; }
/*PAGING*/
.PagingDiv { clear:both; border-top:solid 1px #222222; padding-top:15px; margin-top:15px; }
a.paging, a.paging:active, a.paging:visited { padding:5px 8px 5px 8px; color:#04b0b0; font-weight:bold; background:#2e2e2e; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px; }
a.paging:hover, a.paging_current, a.paging_current:active, a.paging_current:visited, a.paging_current:hover { text-decoration:none; color:#2e2e2e; background:#04b0b0; padding:5px 8px 5px 8px; font-weight:bold; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px; }
a._next, a._next:active, a._next:visited, a._next:hover { text-decoration:none; margin-left:3px; }
a._prev, a._prev:active, a._prev:visited, a._prev:hover { text-decoration:none; margin-right:3px; }
/**/


/*_____________________________________________ Start - Projects - jCarouselLiteDemo _____________________________________________*/

.white a, .white a:link, .white a:active, .white a:visited, .white a:hover { color: #fff; }
.carousel { padding:2px; margin:0; position: relative; background:url(/images/carouselbg.gif) no-repeat; width: 716px; height: 142px; z-index:1 }
.digg { }
.main { }
.carousel button { float: left; }
.carousel a.carprev { display: block; float: left; width: 7px; height: 140px; text-decoration: none; background: url("/images/left_arr.gif") no-repeat top left; }
.carousel a.carnext { display: block; float: right; width: 7px; height: 140px; text-decoration: none; background: url("/images/right_arr.gif") no-repeat top right; }
.carousel .jCarouselLite { float: left; position: relative; visibility: hidden; left: -5000px; margin:10px 10px 0 10px; }
.carousel ul { margin: 0; padding:0; }
.carousel li { width: 120px; height: 130px; background:url(/images/carsep.gif) no-repeat top right; padding:0 7px 0 7px; }
/*_____________________________________________ End - Projects - jCarouselLiteDemo _____________________________________________*/

/*_____________________________________________ ISONS ________________________________________*/
#iconbar li { float:left; margin-left:1px; position:relative; }
#iconbar span { background: url(/images/ttbg.jpg) no-repeat; width: 110px; height: 35px; position: absolute; top: -40px; left: -80px; text-align: center; padding: 5px; display: none; line-height:110%; color:#000000; cursor:pointer; font-size:11px; }
#iconbar .fav { background: url(/images/ttbg.jpg) no-repeat; width: 110px; height: 35px; position: absolute; top: -40px; left: -80px; text-align: center; padding: 5px; display: none; line-height:220%; color:#000000; cursor:pointer; font-size:11px; }


.catsblock,.catsblock ul{list-style-type:none; padding:0; margin:0;}
.catsblock a{background:url(/images/portfolio/smallarr.gif) no-repeat center left; display:block; padding:5px 10px; margin-left:10px; color:#fff;}
.catsblock ul li a{ margin:0 0 0 20px; color:#828282;}
.catsblock ul li a:hover{text-decoration:none; color:#02ecec;}
.act{text-decoration:none; color:#02ecec!important;}
.catsblock li{background:url(/images/portfolio/msep.gif) repeat-x top left; width:100%;}