@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Istok+Web);

@font-face {
    font-family: 'GeoSlab703LtBTLight';
    src: url('geoslab703_lt_bt_light-webfont.eot');
    src: url('geoslab703_lt_bt_light-webfont.eot?#iefix') format('embedded-opentype'),
url('geoslab703_lt_bt_light-webfont.woff') format('woff'),
url('geoslab703_lt_bt_light-webfont.ttf') format('truetype'),
url('geoslab703_lt_bt_light-webfont.svg#GeoSlab703LtBTLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

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, img, ins, kbd, q, s, samp,

small, strike, 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,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit;}

a{ text-decoration:none;}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section { display: block;}

ol, ul { list-style: none;}

blockquote, q { quotes: none;}

blockquote:before, blockquote:after,

q:before, q:after {content: '';content: none;}

table { border-collapse: collapse;border-spacing: 0;}

button, submit{ border:none;}

.clear{ clear:both;}

.fl{ float:left;}
.fr{ float:right;}

body{ font-family: 'Istok Web'; background:url(../images/home_03.jpg) repeat; font-size:12px; color:#888787;}

h1{font-size:24px; padding:17px 0 0 0;}
h2{ font-size:18px; font-family: 'GeoSlab703LtBTLight'; padding:10px 0 5px 0; }
h3{ font-size:16px; font-family: 'GeoSlab703LtBTLight';}
h4{ font-size:14px;}

#outer{ width:995px; margin:0 auto;}
#wrapper-top{ width:995px; height:30px; background:url(../images/wrapper-bg-top.png) no-repeat; margin:38px 0 0 0;}
#wrapper-main{ width:995px; height:auto; background:url(../images/wrapper-bg-main.png) repeat-y;}
#header{ width:955px; height:100px; padding:0 0 0 35px; margin:0 0 10px 0;}
#logo{ width:188px; height:49px; float:left; margin:35px 0 0 0;}
#banner-container{ width:960px; height:auto; margin:0; padding:0 0 0 30px;}
#content-cont{ width:955px; height:auto; padding:0 0 0 35px; margin:0;}
#left{ width:665px; height:auto; float:left; margin:0 0 20px 0;}
#right{ width:255px; height:auto; float:right; margin:0 20px 20px 0;}
#footer-cont{ width:995px; height:auto; margin:0;}
.footer-top{ width:995px; height:29px; background:url(../images/footer-top.png) no-repeat right;}
.footer-bottom{ width:995px; height:52px; background:url(../images/footer-bottom.png) no-repeat right;}
.footer-bottom a{ color:#FFFFFF; font-size:11px; float:right; margin:15px 20px 0 0;}
.footer-main{ width:995px; height:auto; background:url(../images/footer-main.png) repeat-y right; padding:20px 0 0 0;}

.top{ width:470px; height:40px; float:right; margin:20px 28px 0 0;}
.top ul li{ list-style:none; display:inline; float:left; margin:10px 5px 0 0;}
.top ul li span.bold{ font-size:12px; color:#85af1d;}
.top ul li span.normal{ font-size:14px; color:#a9d439; background:url(../images/live-chat.jpg) no-repeat left; padding:0 0 0 38px;}
.top ul li a{ color:#a9d439;}
.get-start{ width:129px; height:25px; float:right; background:url(../images/get-started-button.png) no-repeat center; color:#FFF; font-size:14px; text-align:center; padding:8px 0 0 0; font-weight:bold;}
.banner{ width:884px; height:196px; float:left; margin:0; background:url(../images/banner.jpg) no-repeat; padding:197px 0 0 60px;}
.sub-banner{ width:944px; height:176px; float:left; background:url(../images/sub-banner.jpg) no-repeat;}
.banner ul{ width:237px; height:auto; float:left; margin:0 15px 0 0;}
.banner ul li{ list-style:none; padding:0 0 0 19px; background:url(../images/banner-list-icon.jpg) no-repeat left; margin:0 0 5px 0;}
.banner ul li a{ list-style:none; font-size:12px; color:#FFF; padding:0; font-weight:bold; font-family: 'Istok Web';}
.divisions{ width:955px; height:auto; margin:10px 0 0 0; padding:0 0 40px 0; float:left; background:url(../images/division-bg.jpg) no-repeat bottom;}
.divisions ul li{ list-style:none; display:inline; float:left;}
.divisions ul li.fst{ list-style:none; display:inline; margin:0 40px 0 5px; width:190px; height:auto; height:90px; float:left;}
.divisions ul li.scnd{ list-style:none; display:inline; margin:0 30px 0 0; width:210px; height:auto; height:90px; float:left;}
.divisions ul.film li{ list-style:none; display:inline; float:left; padding:15px; margin:0 10px 0 0; width:270px; height:70px; border:1px solid #dedddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; behavior: url(css/PIE.htc);}
.divisions ul.film li img{ float:right; margin:-20px 20px 0 0;}
.divisions ul.film li.last{ margin-right:0;}
.blocks-cont{ width:665px; height:auto; float:left; margin:0 0 20px 0; border-top:1px solid #e6e6e6;}
.blocks-cont h2{ color:#3b3a3a;}
.blocks-cont ul li{ list-style:none; float:left; display:inline; margin:0 10px 0 0; width:210px; height:auto; background:url(../images/splitter-bg.jpg) no-repeat right center;}
.blocks-cont ul li.border{ background:none; margin-right:0;}
.blocks-cont ul li span{ font-size:38px; color:#cd721d; float:left; margin:0; font-family: 'GeoSlab703LtBTLight'; margin:0 5px 0 0;}
.blocks-cont ul li a{ text-align:center;}
.countered{ width:210px; height:auto; float:left; margin:0 0 15px 0;}
.countered h4{ color:#565656; padding:10px 0 0 0;}
.process-block{ width:635px; height:auto; float:left; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #e6e6e6; padding:15px; margin:0 0 20px 0; behavior: url(css/PIE.htc); background:#efefed; display:block; position:relative;}
.process-block ul li{ width:205px; height:auto; margin:10px 5px 0 0; float:left;}
.process-block ul li img{width:195px; height:98px; background:#FFFFFF; padding:5px; margin:0 0 10px 0; float:left;}
.big-tv{ width:580px; height:auto; float:left; margin:0 0 10px 0;}
.tv{ width:529px; height:300px; float:left; margin:0; background:url(../images/big-tv.jpg) no-repeat center; padding:24px 25px 88px 25px;}
.big-tv h3{ font-size:20px; font-family: 'GeoSlab703LtBTLight'; padding:0 0 10px 0; color:#3b3a3a;}
.double-side{ width:665px; height:auto; float:left; margin:0 0 20px 0; }
.double-side h2{ color:#3b3a3a; padding:0 0 10px 0;}
.double-side h3{ font-weight:bold; font-family: 'Istok Web'; padding:10px 0 5px 0; color:#5f5b5b; }
.double-side ul li{ width:320px; height:auto; margin:0 15px 0 0; float:left; list-style:none; display:inline;}
.double-side ul li.last{ margin-right:0;}
.double-side ul li ul{ float:left; margin:10px 0 15px 0; width:auto;}
.double-side ul li ul li{ list-style:none; margin:0 0 5px 0; padding:0; background:url(../images/green-tick.jpg) no-repeat left top; padding:0 0 0 25px; width:275px;}
.high{ width:148px; height:auto; float:left; margin:0 0 15px 0;}
.high h4{ padding:0 0 0 60px; font-size:13px;}
.double-side .button{ width:132px; height:31px; float:left; background:url(../images/film_60.jpg) no-repeat center; font-size:14px; color:#FFFFFF; text-align:center; padding:0 0 5px 0; cursor:pointer;}
.double-side label{ width:300px; float:left;}
.small-block{ width:145px; height:auto; float:left; margin:15px 0 10px 0;}
.small-block ul.socfilm{ margin:0; padding:0;}
.small-block ul.socfilm li{ list-style:none; display:inline; float:left; margin:10px 5px 0 0 ; width:40px; height:39px; background:none; padding:0;}
.small-block ul.socfilm li img{ margin:0;}
.os{ width:155px; height:auto; float:left; margin:15px 0 0 10px;}
.os ul.mac li{ list-style:none; margin:0 10px 0 0; padding:0; width:44px; float:left; background:none;}
.video-tapes{ width:662px; height:auto; float:left; border:1px solid #e6e6e6; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior: url(css/PIE.htc); margin:10px 0 15px 0; }
.video-tapes ul{ width:652px; padding:0 0 0 10px;}
.video-tapes ul li{ list-style:none; display:inline; float:left; margin:0 10px 0 0; padding:15px 0; width:120px;}
.video-tapes ul li a{ text-align:center; width:120px; float:left;}
.video-format{ width:664px; height:auto; float:left; margin:0 0 20px 0;}
.video-format h2{ color:#3b3a3a; border-bottom:1px solid #e6e6e6; padding:0 0 5px 0; margin:0 0 20px 0;}
.video-format ul{ margin:10px 0 0 10px;}
.video-format img{ margin:0 10px 0 0;}
.video-format ul li{ list-style:none; margin:0 10px 0 0; padding:0 0 5px 25px; background:url(../images/green-tick.jpg) no-repeat left top; float:left; width:180px;}
.video-format span{ font-weight:bold; font-size:16px; padding:0 5px 0 0;}
.video-format label{ width:150px; height:auto; float:right; margin:15px 0 0 0;}
.video-format .button{ width:132px; height:31px; float:left; background:url(../images/film_60.jpg) no-repeat center; font-size:14px; color:#FFFFFF; text-align:center; padding:0 0 5px 0; cursor:pointer;}
ul.common-border{ margin:20px 10px 0 0; float:left; width:auto;}
ul.common-border li{ list-style:none; display:inline; width:auto; float:left; margin:0 20px 0 0;  border:1px solid #e6e6e6; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior: url(css/PIE.htc); padding:10px 20px 10px 20px; background:none; height:40px;}
ul.common-border li a{ color:#888787;}
ul.common-border li a.text{ float:left; margin:10px 0 0 0;}

.why-block{ width:665px; height:auto; float:left; margin:10px 0 0 0;}
.why-block h2.b-bottom{ border-bottom:0; color:#3b3a3a;}
.why-block h2.pad-bt{ margin:0 0 0 0;}
.why-block h2{ font-size:20px;  color:#3b3a3a; border-bottom:1px solid #e6e6e6; padding:0 0 5px 0; margin:0 0 20px 0;}
.why-block img.pad-3{ width:115px; height:88px; float:left; padding:3px; border:1px solid #e6e6e6; margin:0 10px 0 0;}
.why-block .common{ width:325px; height:auto; float:left; margin:0 10px 10px 0;}
.why-block .common h4{ color:#555555; font-size:14px; font-family:'Istok Web'}
.why-block .common2{ width:325px; height:auto; float:left; margin:0 0 10px 0;}
.why-block .common2 h4{ color:#555555; font-size:14px; font-family:'Istok Web'}
ul.key{ width:665px; height:auto; float:left; margin:0 0 10px 0;}
ul.key li{ list-style:none; float:left; height:auto; display:inline; margin:0 0 20px 0; padding:0; width:330px;}
ul.key li span{ font-size:38px; color:#cd721d; float:left; margin:-5px 5px 10px 0; padding:-5px 0 0 0; font-family: 'GeoSlab703LtBTLight';}
ul.key li a{ padding:20px 0 0 0;}
.why-block .border{ padding:18px; border:1px solid #e6e6e6; margin:0 10px 10px 0; }

.example-box{ width:620px; height:auto; float:left; border:1px solid #e6e6e6; padding:28px 0 0 45px;}
.example-box .big-tv{ margin:0 0 0 45px;}
ul.bg-list{ width:651px; height:110px; float:left; margin:15px 0 6px -40px; border:1px solid #e3e2e2;}
ul.bg-list li{ width:87px; height:68px; float:left; list-style:none; display:inline; padding:0; border-right:1px solid #e3e2e2; background:#f5f5f5; padding:20px;}
ul.bg-list li a{ text-align:center; float:left; width:100%; padding:5px 0 0 0;}
ul.bg-list li a.text{ float:left;}
ul.bg-list li.last{ border:none;}
h2.bt-border{ border-bottom:1px solid #e6e6e6; color:#3b3a3a; padding:0 0 5px 0; margin:15px 0 15px 0; font-family: 'GeoSlab703LtBTLight';}

.location-block{ width:664px; height:auto; float:left;}
.location-block ul li{ width:300px; height:auto; margin:0 0 20px 0; float:left; display:inline;}
.location-block ul li span{ font-size:38px; color:#cd721d; padding:0; margin:-5px 5px 10px 0; font-family: 'GeoSlab703LtBTLight'; float:left;}
.location-block ul li h4{ color:#555555; padding:0 0 5px 0; margin:0;}
.location-block ul li a{ color:#b2460a; padding:0 0 0 43px; margin:5px 0 0 0; text-decoration:underline;}

.loc-map{ width:652px; height:316px; border:1px solid #e3e2e2; padding:4px; float:left;}

.xtra-block{ width:630px; float:left; border:1px solid #dedddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; behavior: url(css/PIE.htc);  height:auto; padding:15px; margin:0 0 10px 0;}
.xtra-block ul{ float:left;}
.xtra-block ul li{ list-style:none; padding: 0 0 5px 25px; margin:0; background:url(../images/green-tick.jpg) no-repeat left top; }
.xtra-block ul li span{ font-size:13px; font-weight:bold; color:#5e5c5c;}

.common{ width:auto; height:auto; float:left; margin:0 20px 10px 0;}
.common h5{ font-size:13px; color:#5e5c5c; padding:0 0 5px 0; font-weight:bold;}

.qst{ width:233px; height:auto; padding:10px; margin:0 0 12px 0; float:left; border:1px solid #e6e6e6;}
.rmore{ width:77px; height:19px; float:left; margin:10px 0 0 0; background:#99cc60;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#99cc60), to(#7dbb3a));
background: -webkit-linear-gradient(#99cc60, #7dbb3a);
background: -moz-linear-gradient(#99cc60, #7dbb3a);
background: -ms-linear-gradient(#99cc60, #7dbb3a);
background: -o-linear-gradient(#99cc60, #7dbb3a);
background: linear-gradient(#99cc60, #7dbb3a);
-pie-background: linear-gradient(#99cc60, #7dbb3a);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; border:1px solid #63a51b; behavior: url(css/PIE.htc); text-align:center; color:#FFFFFF; font-size:11px; padding:5px 5px 0px 5px; display:block; position:relative;} 
.map{ width:243px; height:auto; float:left; margin:0 0 20px 0; padding:5px; border:1px solid #e6e6e6;}
.social{ width:225px; height:auto; float:left; background:url(../images/social-media-bg.jpg) repeat-y; padding:0 0 0 30px;}
.social ul{ margin:10px 0 13px 0; float:left;}
.social ul li{ list-style:none; float:left; display:inline; margin:0 5px 10px 0; width:95px; padding:0 0 0 25px; width:70px; height:22px;}
.social ul li a{ color:#8e8b8b;}

.footer-blocks{ width:175px; height:auto; float:left; margin:0 0 20px 45px;}
.footer-blocks h3{ color:#FFFFFF; border-bottom:1px solid #885422; padding:0 0 10px 0; margin:0 0 8px 0;}
.footer-blocks ul li{ list-style:none; padding:0 0 0 15px; margin:0; background:url(../images/footer-listing-icon.png) no-repeat left;}
.footer-blocks ul li a{ color:#FFFFFF; font-size:12px;}
.footer-blocks label{ width:175px; height:auto; float:left; margin:0;}
.ftr-txt{ width:170px; float:left; margin:0 0 5px 0; padding:3px 0 3px 5px; background:#653405; border:none; color:#fff; font-size:12px;}
.ftr-submit{ width:84px; height:25px; float:left; text-align:center; color:#FFF; background:url(../images/submit-button.png) no-repeat center; margin:10px 0 0 0;}
.contact-block{ width:222px; height:90px; float:left; margin:0 0 0 40px; background:#6c3806; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; behavior: url(css/PIE.htc); padding:20px;}
.contact-block h3{ color:#FFFFFF;}
.contact-block p{ font-size:15px; color:#FFFFFF;}
.contact-block span{ font-size:21px;}
.contact-block a{ color:#FFFFFF;}
/*------menu--------*/

#menu{ width:750px; height:24px; float:right; margin:10px 0 0 0;}
#menu ul li{ list-style:none; display:inline; float:left; margin:0 10px 0 25px; padding:5px 0; height:14px; text-transform:uppercase;}
#menu ul li a{ font-size:13px; color:#676767; padding:5px 7px; height:14px;}
#menu ul li a:hover{ background:url(../images/nav-bg-hover.jpg) no-repeat right top #894503;  padding:5px 7px; height:14px; color:#fff;}
#menu ul li a.current{ background:url(../images/nav-bg-hover.jpg) no-repeat right top #894503;  padding:5px 7px; height:14px; color:#fff;}
 
/*------menu--------*/

.cassete{ background:url(../images/video-cassette.jpg) no-repeat left top; padding:0 0 0 100px;}
.cine-bit{ background:url(../images/cine-bit.jpg) no-repeat left top; padding:0 0 0 70px;}
.cd-cover{ background:url(../images/cd-boxes.jpg) no-repeat left top; padding:0 0 0 70px;}
.border{ background:none;}
.girl{ background:url(../images/hv-aqstn-img.jpg) no-repeat right top; }
.fb{ background:url(../images/facebook-icon.png) no-repeat left;}
.twit{ background:url(../images/twitter.png) no-repeat left;}
.blog{ background:url(../images/blog-icon.png) no-repeat left;}
.yb{ background:url(../images/yutube.png) no-repeat left;}
.spcl{  background:url(../images/special-bg-corner.jpg) no-repeat; position:absolute; right:0; top:0; width:77px; height:77px;}
.im8mm{ background:url(../images/8mm-film.jpg) no-repeat right; margin:0 10px 0 20px; border:1px solid #ccc;}
.imsmm-super{ background:url(../images/8mm-super-film.jpg) no-repeat right; margin:0 10px 0 0; border:1px solid #ccc;}
.im16mm{ background:url(../images/16mm-film.jpg) no-repeat right; margin:0 10px 0 0; border:1px solid #ccc;}
.brown{ color:#a65b15;}
.hd{ background:url(../images/hd-img.jpg) no-repeat left;}
.blueray{ background:url(../images/blue-ray.jpg) no-repeat left;}
.dvd{ background:url(../images/dvd.jpg) no-repeat left;}
.bg-none{ background:none;}