* { margin:0; padding:0;} html { height:100%;} body { behavior:url("csshover.htc"); font:13px Verdana, Tahoma, sans-serif; color:#9C9B9B; text-align:left; position:relative; min-height:100%; min-width:963px; background:#060606;} * html body { height:100%;} * html div { height:1px;} a { color:#BDBDBD; text-decoration:underline;} a:hover { text-decoration:none;} img, table { border:none;}  table { border-collapse:collapse; width:100%;}  td, th { vertical-align:top; text-align:left; font-weight:normal;} ul { list-style:none;} h1, h2 { color:#9C9B9B; font-size:24px; font-weight:normal; margin-bottom:30px;} h2 { margin-bottom:20px;} h4 { color:#BDBDBD; margin-bottom:5px; font-weight: normal;}  .clear {clear: both;}   .projectInfo blockquote{ width:596px; background:#333; padding:22px;}  blockquote p{width:auto !important;padding:0 !important;margin:0 !important;}  .indexPage { background:#060606;} .indexPage .indexPageHolder   { min-height:800px;}  .header { height:90px; position:relative; background:url(/images/header.jpg) 50% 100% no-repeat; border-bottom:solid 3px #2B2B2B; z-index:1;}  .indexPage .header {  position:absolute; top:0; bottom:435px; //height:expression(document.body.clientHeight-435); left:0; background:url(/images/header.jpg) 50% 100% no-repeat; width:100%; height:auto; border:none;} .gecko .indexPage .header .flash1{ position:absolute; bottom:-1px; left:0;} .indexPage .header .flash1{ position:absolute; bottom:0; left:0;}   .gecko .indexPage .header .flash2{ position:absolute; bottom:-1px; right:0;}  .indexPage .header .flash2{ position:absolute; bottom:0; right:0;}  .header .logo { display:block; width:492px; height:90px; position:absolute; top:0; right:10%; background:url(/images/logo_inside.png); //background: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/beez2/images/logo_inside.png", sizingMethod=crop);}  .indexPage .header .logo { display:block; width:492px; height:148px; position:absolute; top:0; right:10%; background:url(/images/logo_main.png); //background: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/beez2/images/logo_main.png", sizingMethod=crop);}  .content { position:relative; padding:50px 25px 150px 25px; z-index:2;}  .indexPage .content { padding-top: 435px; position:absolute; bottom:129px; width:100%; height:307px; background:url(/images/index_content_bg.gif) 0 0 repeat-x; padding:0;} .siteMenu { font:13px Tahoma, sans-serif; background:url(/images/site_menu_bg_index.jpg); width:449px; height:29px; overflow:hidden; position:absolute; left:35px; top:-3px;} .portfolioPage .siteMenu { background:url(/images/site_menu_bg_portfolio.jpg);} .indexPage .siteMenu { top:0;} .siteMenu li { float:left; line-height:29px; text-align:center; color:black; font-size:12px;} .siteMenu li a { color:#5E5E5E; text-decoration:none;} .siteMenu li a:hover { text-decoration:underline;} .siteMenu .p1 { padding-left: 17px; width:70px;} .siteMenu .p2 { width:89px;} .siteMenu .p3 { width:56px;} .siteMenu .p4 { width:89px;} .siteMenu .p5 { width:165px;} .quickMenu { position:absolute; right:35px; width:89px; height:29px; padding-left:13px; background:url(/images/quick_menu.gif); overflow:hidden; top:-3px;} .indexPage .quickMenu { top:0;} .quickMenu li { float:left;} .quickMenu li a { display:block; width:24px; height:30px; margin-right:1px;} .folioHolder { position:absolute; top:53px; width:100%;} .folioHolder .title { display:block; text-align:center;} .folioHolder .title b { font-weight:normal; padding:0 6px; background:#060606;} .folioHolder .folioLine { text-align:center; margin:20px 0;}  .footer { font:13px Tahoma, sans-serif; position:absolute; bottom:0; height:129px; width:100%; background:url(/images/footer_bg.png) 0 0 repeat-x; overflow:hidden; z-index:3;}  .footer .copy { position:absolute; left:35px; top:43px; color:#5e5e5e; font-size:12px;}  .footer .copy a { color:#969696;}  .footer .promo { position:absolute; bottom:0; right:35px;}  .footer .promo img { margin-left:12px; vertical-align:top;}  .footer .promo em { float:left; margin-top:33px;}  .portfolioPage .content { position:relative; padding:70px 40px 150px 495px; background:url(/images/ill_portfolio_page.jpg) 35px 140px no-repeat; min-height:500px;}  .ie6 .portfolioPage .content { height:500px;} .worksPreviewHolder { overflow:hidden;} .ie6 .worksPreviewHolder { overflow:visible;} .worksPreviewHolder .viewSelector { padding-left:45px; text-align:center;} .worksPreviewHolder .viewSelector { padding-left:45px; text-align:center; margin-bottom:30px;} .worksPreviewHolder .viewSelector a { color:#5F5F5F; text-decoration:none;} .worksPreviewHolder .viewSelector a:hover { text-decoration:underline;} .worksPreviewHolder .viewSelector strong { color:#BDBDBD; font-weight:normal;} .worksPreviewHolder .viewSelector strong, .worksPreviewHolder .viewSelector a { padding-left:25px; background-repeat:no-repeat; background-position:0 0; margin:0 25px;} .worksPreviewHolder .viewSelector a.big { background-image:url(/images/ic_works_screenshoot.gif);} .worksPreviewHolder .viewSelector strong.big { background-image:url(/images/ic_works_screenshoot_active.gif);} .worksPreviewHolder .viewSelector a.mid { background-image:url(/images/ic_works_thumbs.gif);} .worksPreviewHolder .viewSelector strong.mid { background-image:url(/images/ic_works_thumbs_active.gif);} .worksPreviewHolder .viewSelector a.sm { background-image:url(/images/ic_works_list.gif);} .worksPreviewHolder .viewSelector strong.sm { background-image:url(/images/ic_works_list_active.gif);} .worksPreviewHolder .item { background:url(/images/folio_work_holder.png) 0 0 no-repeat; padding:4px 0 0 0; width:183px; height:176px; float:left; margin-left:40px; text-align:center;} .worksPreviewHolder .item .pic { margin-bottom:12px; display:block;} .worksPreviewHolder .item a { color:#BDBDBD;} .worksPreviewHolder .item a:hover { text-decoration:underline; color:white;} .paginator { text-align:center; font-size:10px; color:#5D5D5D; clear:both; } .worksPreviewHolder .paginator { padding-left:45px;} .paginator a { text-decoration:none;} .paginator a:hover { text-decoration:underline;} .paginator strong { font-weight:normal;} .portfolioWorkPage .content { position:relative; padding:77px 0 150px 0;} .ie6 .portfolioWorkPage .content { overflow:visible;} .portfolioWorkPage .siteMenu { background:url(/images/site_menu_bg_portfolio.jpg);} .portfolioWorkPage .content .projectSpecs { float:right; background:url(/images/project_specs_bott.jpg) 0 100% no-repeat #141414; width:244px;} .portfolioWorkPage .content .projectSpecs .top { background:url(/images/project_specs_top.jpg) 0 0 no-repeat; padding:15px 25px 273px 25px; color:#9C9B9B;} .portfolioWorkPage .content .projectSpecs strong { display:block; font-weight:normal; margin-bottom:15px;} .portfolioWorkPage .content .projectSpecs span { display:block; margin-bottom:10px;} .portfolioWorkPage .content .projectSpecs span i { display:block; padding-left:5px; font-style:normal; color:#5D5D5D;} .portfolioWorkPage .content .projectSpecs span em { display:block; font-style:normal; color:#5D5D5D;}  .portfolioWorkPage .content .projectSpecs cite { display:block; margin-top:55px; color:#5D5D5D;} .portfolioWorkPage .content .projectSpecs cite a { color:#9C9B9B; text-decoration:none;} .portfolioWorkPage .content .projectSpecs cite a:hover { text-decoration:underline;} .projectInfo { font:Verdana; padding-left:80px; margin-right:240px;} .projectInfo h1 { color:#9C9B9B; font-size:24px; font-weight:normal; margin-bottom:30px;} .projectInfo .href { display:block; color:#BDBDBD; font-size:14px; margin-bottom:20px;} .projectInfo .href a { color:#BDBDBD;} .projectInfo .href img { vertical-align:middle; margin-right:5px;} .projectInfo p { margin:15px 0; width:640px;} .projectInfo .screenHolder { margin-left:-85px; background:url(/images/project_lighter_bg.jpg) -40px 0 no-repeat; padding:130px 0 15px 80px;} .pricePage .content { position:relative; padding:140px 35px 129px 575px; background:url(/images/ill_price_page.jpg) 35px 100px no-repeat; min-height:665px;}  .ie6 .pricePage .content { height:665px;} .pricePage .siteMenu { background:url(/images/site_menu_bg_price.jpg);} .contactPage .siteMenu { background:url(/images/site_menu_bg_contact.jpg);} .contactPage .content { position:relative; padding:140px 35px 129px 575px; background:url(/images/ill_contact_page.jpg) 58px 103px no-repeat; min-height:580px;}  .ie6 .contactPage .content { height:580px;} .contactInfo {} .contactInfo li { margin-bottom:5px;} .contactInfo strong { color:#9C9B9B; font-weight:normal;} .quickContactForm { background:url(/images/contact_form_bott.jpg) 0 100% no-repeat #181818; width:395px; margin:20px 0 20px -20px;} .quickContactForm .top { background:url(/images/contact_form_top.jpg) 0 0 no-repeat; padding:25px 40px 30px 20px; min-height:200px;} .ie6 .quickContactForm .top { height:200px;} .quickContactForm th { text-align:right; color:#5D5D5D; padding-right:8px;} .quickContactForm td { width:270px;} .quickContactForm td, .quickContactForm th { padding-bottom:10px; font-size:10px;} .quickContactForm td .i1 { display:block; background:url(/images/contact_form_input_01.gif); width:173px; height:15px; padding:0 3px;} .quickContactForm td .i1 input { border:none; background:none; width:173px; font:11px Tahoma, sans-serif; color:white;} .quickContactForm td .i2 { display:block; background:url(/images/contact_form_input_03.gif) 100% 0 no-repeat; height:15px; padding:0 3px 0 0; float:right; margin-top:5px;} .quickContactForm td .i2 input { border:none; background:none; width:91px; font:11px Tahoma, sans-serif; color:white; margin-left:5px;} .quickContactForm td .t1 { display:block; background:url(/images/contact_form_input_02.gif); width:264px; height:80px; padding:3px; overflow:hidden;} .quickContactForm td .t1 textarea { border:none; background:none; overflow:hidden; width:264px; height:80px; font:11px Tahoma, sans-serif; color:white;} .quickContactForm td .go { float:right;} .quickContactForm strong { font-weight:normal; display:block; color:#9C9B9B; margin-bottom:12px;} .aboutPage .content { position:relative; padding:140px 35px 129px 575px; background:url(/images/ill_price_page.jpg) 35px 100px no-repeat; min-height:665px;}  .ie6 .aboutPage .content { height:665px;} .aboutPage .siteMenu { background:url(/images/site_menu_bg_about.jpg);} .aboutPage .content { position:relative; padding:140px 35px 129px 575px; background:url(/images/ill_about_page.jpg) 58px 45px no-repeat; min-height:580px;}  .ie6 .aboutPage .content { height:580px;} .aboutPage h4 a {text-decoration: none;} .aboutPage h4 a:hover {text-decoration: underline;} .pagination li{display: inline;padding: 0 10px 0 0;} #ja-slider-center, .vm_element {overflow:hidden;} .worksPreviewHolder .itemMain { background:url(/images/folio_work_holder.png) 0 0 no-repeat; padding:4px 0 0 0; width:183px; height:176px; float:left; margin:0px 30px; text-align:center;} .worksPreviewHolder .itemMain .pic { margin-bottom:12px; display:block;} .worksPreviewHolder .itemMain a { background: transparent; color:#BDBDBD;} .worksPreviewHolder .itemMain a:hover { text-decoration:underline; background: transparent; color:white;} #ja-slider-center {margin: 0 auto;} #ja-slider-left {float: left;margin-right: 3px;width:140px;height:126px;} #ja-slider-right {float: right;margin-left: 3px;width:140px;height:126px;} #ja-slider-left a{display: block;width:160px;height:126px;background:url(/images/previus.gif) 100% 50% no-repeat;outline: none;} #ja-slider-left a:hover{background:url(/images/previus_over.gif) 100% 50% no-repeat;} #ja-slider-right a{display: block;width:140px;height:126px;background:url(/images/next.gif) 0% 50% no-repeat;outline: none;} #ja-slider-right a:hover{background:url(/images/next_over.gif) 0% 50% no-repeat;} #ja-slider-left .inactiv, #ja-slider-left .inactiv:hover{background:url(/images/previus.gif) 100% 50% no-repeat;} #ja-slider-right .inactiv, #ja-slider-right .inactiv:hover{background:url(/images/next.gif) 0% 50% no-repeat;} .mod_portfolio {background:url(/images/linia.jpg) 88% 25px no-repeat;} p.testimonial {padding: 5px 0px 0 250px;}  .sitemap .content { position:relative; padding:77px 0 150px 0;} .ie6 .sitemap .content { overflow:visible;} .sitemap .xmap { font:Verdana; padding-left:65px; margin-right:240px;}  .sitemap .siteMenu { background:url(/images/site_menu_bg_sitemap.jpg);} .sitemap .componentheading { color:#9C9B9B; font-size:24px; font-weight:normal; margin-bottom:30px;} .sitemap .xmap .level_0 {list-style:disc;margin-left:15px;} .sitemap .xmap .level_1 {margin-left:40px;list-style:disc;} .sitemap .xmap li {margin-top: 3px;margin-bottom: 3px;} .sitemap .xmap .level_1 li {padding-left:0px;}   .scroller {clear:both;text-align:left;height:180px;width:100%;} .scroller .wrap{position:relative;margin:0 50px;overflow:hidden;height:180px;} .scroller .content1{position:absolute;left:0;width:39320px;height:180px;} .scroller .content1 .gallery_item{display:inline;float:left;} .gallery_item div{} .gallery_item h2{} .gallery_item p {} .scroller .controls{} .controls span {display:block;height:46px;position:absolute;top:80px;width:30px;z-index:100;opacity: 0.7;-moz-opacity:0.7;filter:alpha(opacity: 70);} .controls .left {left:0px;} .controls .right {right:0px;} .scroll_active{opacity: 0.6;-moz-opacity:0.6;filter:alpha(opacity: 60);} .scroll_disabled{opacity: 0.15 !important;-moz-opacity:0.15 !important;filter:alpha(opacity: 15) !important;} .controls .left a {background:url(/images/previus.gif) no-repeat scroll right center;display:block;height:46px;width:30px;} .controls .right a {background:url(/images/next.gif) no-repeat scroll left center;display:block;height:46px;width:30px;} .controls .left a:hover{background:url(/images/previus_over.gif) no-repeat scroll right center;} .controls .right a:hover {background:url(/images/next_over.gif) no-repeat scroll left center;} .clear {clear:both;}   .userLogin{ text-align:left; background:#FFF; } .userLogin p { padding:4px; font-size:16px;} .userLogin input { font-size:18px;}  .fcc {float:right}  .rq { border:solid 1px #ECA09E; background:#FFFFEE;}  .userLogin .inputs .input { border:solid 1px #ECA09E; background:#FFFFEE;} .userLogin .inputs .button { width:150px; padding:4px 0 3px 0; cursor:pointer; font-weight:normal;}  fieldset legend {color: #C42D2D;font:17px normal;}  .error {font-weight: bold;color:#FF3300;padding-left: 18px;background: url(/public/shared/images/error.gif) no-repeat left top;}  #wrapper {background-color: #fff;}  #wrapper {position: relative;left: 50%;width: 800px;margin-left: -400px;}  #header {width: 100%;margin-top: 10px;height: 140px;background-image: url(../images/header.jpg);background-repeat:no-repeat;border: 1px #99FF00 solid;border-top: 1.5em #99FF00 solid;} #header h1 {padding-top: 10px;padding-left: 400px;} #browse_crag {width: 500px;margin: 0;border-bottom: 1px solid #99FF00;} .login {color: #666;font-size:11px;padding: 5px;} #header a:hover{font-weight:bold;} #navlist { padding: 0 0 0 6px;} ul#navlist {font: bold 11px verdana, arial, sans-serif;list-style-type: none;padding-bottom: 27px;border-bottom: 1px solid #999;;margin: 0;padding-left:50px;} ul#navlist li {float: left;height: 20px;color: #fff;background-color: #999;margin: 6px 2px 0px 2px;border: 1px solid #999;border-bottom: none;} li#active a {background-color: #fff;} li#active a {color: #000;} ul#navlist li.active a {background-color: #fff;color: #000;}  #navlist a {float: left;display: block;color: #fff;font-weight: bold;text-decoration: none;padding: 4px 15px;} #navlist a:hover {background: #fff;color: #990033}  li#active span {background-color: #fff;} li#active span {color: #000;} #navlist span {float: left;display: block;color: #fff;font-weight: bold;text-decoration: none;padding: 4px 15px;}   #mainContentFAL {width: 500px;padding: 1em 0 1em 0;text-align: left;font-size:14px;} #mainContentFAL fieldset input { font-size:14px;} #mainContentFAL p{margin: 0.5em 0;} #mainContentFAL ul {list-style-image: url(../../shared/images/arrow.gif);padding: 0 0 0 18px;margin: 8px 0 12px 0;} #mainContentFAL li {padding: 0;margin: 0 0 6px 0;} #mainContentFAL li p {margin-left: 0;margin-right: 0;} #mainContentFAL .rss {float: right;width: 200px;margin: 0 0 10px 10px;border: 1px #D0D0D0 solid;padding: 10px;font-size: 10px;} #mainContentFAL .rss h2 {border: none;margin: 0;font-size: 16px;} .important {background-color: #FBE6F2;border: 1px solid #D893A1;color: #333;margin: 10px 0 5px 0;padding: 10px;font-weight: bold;width: 400px;} .important p {margin: 6px 0 8px 0;padding: 0;}   .error {font-weight: bold;color:#FF3300;padding-left: 18px;background: url(../../shared/images/error.gif) no-repeat left top;}   fieldset {margin:0 0;padding: 1em;border: 1px solid #ccc;} legend {font-weight:bold;} label {float: left;width: 150px;} #register {margin: 0;} #register label, #changePassword label {width: 150px;} #register .error span{margin-left: 150px;padding-left: 150px;} .note {display: block;margin-left: 152px;margin-top: 15px;} #register.note {display: block;margin-left: 150px;} .button {text-align:center;font-weight:bold;cursor: pointer;} .button a {text-align: center;text-decoration: none;background: url(../images/fade-butt.png);border: 3px double #999;border-left-color: #ccc;border-top-color: #ccc;color: #333;padding: 0.25em;} .button a:active {background: #f4f4f4;border: 3px double #ccc;border-left-color: #999;border-top-color: #999;}  #flashMessage {width:400px;color:#FF0000;border-bottom: 2px solid #FF0000;border-top: 1px solid #FF0000;font-size: 16px;margin: 8px 0px;font-weight: bold;padding: 10px;}  #mainContentFAL code, #mainContentFAL pre {font-family: Courier,monospace;font-size: 12px;background-color: #f9f9f9;border: 1px solid #D0D0D0;color: #002166;display: block;margin: 14px 0 14px 0;padding: 12px 10px 12px 10px;} .rqr {color:red;} #mainContentFAL fieldset {margin-top:15px;} #mainContentFAL fieldset legend{font-size:16px;} #mainContentFAL .submit {font-size:18px;font-weight:normal;padding:4px 4px 3px 4px;cursor:pointer;} #submitWait {text-align:center;}  #colorbox, #modalBackgroundOverlay, #modalWrap{position:absolute;top:0;left:0;z-index:9999;} #modalBackgroundOverlay{position:fixed;width:100%;height:100%;} #colorbox{top:40%;left:40%;width:20%;height:20%;overflow:hidden;padding:1px;margin-top:-1px;margin-left:-1px;} #modalWrap{width:9000px;height:9000px;}  #modalContent, #borderTopLeft, #borderTopCenter, #borderTopRight, #borderBottomLeft, #borderBottomCenter, #borderBottomRight, #borderMiddleLeft, #borderMiddleRight {float:left;height:0;width:0;overflow:hidden;}  #borderMiddleLeft, #borderBottomLeft{clear:left;}  #modalContent{position:relative;overflow:visible;}  #contentTitle{margin:0;width:0px;height:0px;overflow:hidden;}  #modalClose, #contentPrevious, #contentNext{outline:none;cursor:pointer;border:0;margin:0;}  #modalLoadedContent{overflow:auto;width:0;height:0;}  #modalLoadedContent iframe{display:block;width:100%;height:100%;border:0;}  #modalLoadedContent embed{display:block;border:0;}  #modalLoadingOverlay{position:absolute;width:100%;height:100%;top:0;left:0;}  #modalBackgroundOverlay{background:url(/public/img/stripe.gif) 0 0 repeat;} #colorbox{color:#000} #borderTopLeft{width:21px;height:21px;background:url(/public/img/borderTopLeft.png) 0 0 no-repeat;} #borderTopCenter{height:21px;background:url(/public/img/borderTopCenter.png) 0 0 repeat-x;} #borderTopRight{width:21px;height:21px;background:url(/public/img/borderTopRight.png) 0 0 no-repeat;} #borderBottomLeft{width:21px;height:21px;background:url(/public/img/borderBottomLeft.png) 0 0 no-repeat;} #borderBottomCenter{height:21px;background:url(/public/img/borderBottomCenter.png) 0 0 repeat-x;} #borderBottomRight{width:21px;height:21px;background:url(/public/img/borderBottomRight.png) 0 0 no-repeat;} #borderMiddleLeft{width:21px;background:url(/public/img/borderMiddleLeft.png) 0 0 repeat-y;} #borderMiddleRight{width:21px;background:url(/public/img/borderMiddleRight.png) 0 0 repeat-y;} #modalContent{ background:#fff; } #contentTitle{position:absolute;bottom:3px;left:0;text-align:center;width:100%;background:#fff;font-weight:bold;color:#949494;} #modalLoadingOverlay{background:url(/public/img/loading.gif) center center no-repeat #fff;}  #modalClose{position:absolute;top:0;right:0;background:url(/public/img/controls.gif) -50px 0px no-repeat;width:25px;height:25px;text-indent:-9999px;}  #modalClose:hover, #modalClose.hover{background-position:-50px -25px;}