@charset "UTF-8";
html,body{width:100%;height:100%;overflow:hidden;margin:0;padding:0;}
body{font:0.7em Verdana, Arial, sans-serif;line-height:1.3em;}
#main-bg{width:100%;height:100%;position:absolute;z-index:1;margin:0;padding:0;}
#scroller{position:absolute;width:100%;height:89%;top:41px;left:0;overflow:auto;z-index:2;}
p{font:bold 0.9em Helvetica, Arial, sans-serif;font-style:normal;text-transform:none;letter-spacing:normal;line-height:1.4em;color:#fff;}
a{color:#fff;text-decoration:none;outline:none;border:none;}
a:hover{color:#9f3;background:inherit;text-decoration:none;}
a img{background:none;border:none;}
li{font:bold 10.4px Lucida Grande, sans-serif;font-style:normal;text-transform:none;letter-spacing:normal;line-height:1.5em;color:#fff;}
h1{font:bold 2em Verdana, Georgia, Arial, Sans-Serif;color:#fff;text-align:left;margin:0;padding:0;}
h1 a:hover{color:#fff;background:inherit;}
h2{font:bold 0.85em Verdana, sans-serif;font-style:normal;text-transform:none;letter-spacing:normal;line-height:1.5em;color:#09f;}
h3{font:bold 15px Helvetica, Arial, sans-serif;color:#fff;font-style:normal;text-transform:none;letter-spacing:normal;line-height:1em;}
h4{font:normal 0.9em Verdana, Sans-Serif;color:#999;background:inherit;text-align:right;margin:0;padding:15px 0 0;}
.white{font:bold 1em Verdana, sans-serif;color:#fff;font-style:normal;letter-spacing:normal;line-height:1.5em;}
.clear{position:absolute;clear:right;height:0;line-height:0;font-size:0;}
.green{color:#9f0;}
.blue{color:#09f;}
#header,#footer{width:100%;height:40px;background:transparent url("../design_images/header_bg.png") repeat-x 0 0;z-index:10;margin:0;padding:0;}
#header{position:absolute;}
#header-content{width:900px;position:relative;margin:0 auto;padding:0;}
#newsletter{width:250px;height:30px;position:relative;float:right;margin:0;padding:5px 0 0;}
#newsletter p{font-size:11px;padding-top:8px;margin:0;}
#newsletter .form_news{width:270px;height:20px;position:relative;float:right;margin:0;padding:0;}
#status{background:url("../design_images/status-bgx.png") no-repeat 0 0;width:185px;height:30px;float:right;padding:4px 10px 0;}
#status p{padding-top:3px;}
#status p.available{background:url("../design_images/i_available.gif") no-repeat right 0;height:25px;}
#status p.unavailable{background:url("../design_images/i_unavailable.gif") no-repeat right 0;height:25px;}
#navigation{width:430px;height:20px;position:relative;float:left;margin:2px 0 0;padding:0;}
.menu{position:relative;float:left;height:36px;width:auto;border-left:1px solid #ccc;display:block;margin:0 auto;padding:0;}
.menu li{list-style:none;display:inline;margin:0;padding:0;}
.menu li a{font:10px Verdana, Arial, sans-serif;float:left;display:block;color:#fff;border-right:1px solid #ccc;text-decoration:none;cursor:pointer;padding:12px 20px;}
.menu li a:hover{background:#fff;color:#999;border-right:1px solid #ccc;}
.menu li a.active,.menu li a.active:hover{background:#fff;font:10px Verdana, Arial, Helvetica, sans-serif;color:#09f;}
#wrapper{min-height:100%;height:auto !important;margin:0 auto -40px;}
.pushfooter{height:40px;clear:both;}
#container{width:900px;height:430px;position:absolute;left:50%;top:50%;margin-left:-450px;margin-top:-215px;z-index:2;}
#content{width:900px;height:390px;position:absolute;left:50%;top:50%;margin-left:-450px;margin-top:-195px;}
#top-container{width:900px;}
#top-left-box{width:400px;height:155px;position:relative;float:left;margin:0 20px 0 0;padding:15px;}
#top-right-box{width:435px;position:relative;float:left;margin:0;padding:15px 0 15px 15px;}
#top-right-box h3{border-bottom:1px solid #ccc;text-align:left;margin:0 15px 10px 0;padding:0 0 7px;}
#top-right-box .intro{height:122px;background:url("../design_images/v_welcome.gif") no-repeat top right;text-align:justify;margin:0 15px 0 0;padding:0 40px 0 0;}
#top-right-box .intro p{border-right:1px solid #ccc;margin:0 5px 0 0;padding:0 8px 5px 0;}
#top-right-box .intro h2{border-right:1px solid #ccc;margin:0 5px 0 0;padding:0 8px 0 0;}
#top-right-box .cont{background-image:url("../design_images/v_contact.gif");}
#top-right-box .pack{background-image:url("../design_images/v_packages.gif");}
#top-right-box .pack h2{line-height:0;padding:3px 8px 10px 0;}
#featlist{padding-left:0;width:374px;height:auto;border-right:1px solid #ccc;list-style:none;text-align:left;margin:0;}
#bot-boxes{width:900px;height:auto;position:relative;float:left;text-align:justify;margin:15px 0 0;padding:0 0 15px;}
#bot-left-box{width:400px;height:165px;position:relative;float:left;margin:0 20px 0 0;padding:13px 15px 15px;}
#bot-left-box h3{border-top:0 solid #ccc;border-bottom:1px solid #ccc;text-align:left;margin:0;padding:0 10px 8px 0;}
.text-1{background:transparent url("../design_images/v_concept.gif") no-repeat;color:#999;text-align:justify;margin:0;padding:0 0 0 45px;}
#bot-right-box{width:435px;height:168px;position:relative;float:left;margin:0;padding:10px 0 15px 15px;}
#bot-right-box h2{text-align:left;margin:0;padding:0 0 5px;}
#head{width:420px;height:25px;border-bottom:1px solid #ccc;position:relative;float:left;margin:0 0 4px;padding:0;}
#head h3{position:relative;float:left;text-align:left;margin:0 15px 10px 0;padding:3px 10px 0 0;}
#buttons{width:auto;height:16px;margin-top:5px;position:relative;float:right;padding:0;}
#buttons a{padding:2px 8px;}
#buttons a#btn-prev{background:url("../design_images/prev.png") no-repeat 0 0;}
#buttons a#btn-pause{background:url("../design_images/stop.png") no-repeat 0 0;}
#buttons a#btn-play{background:url("../design_images/play.png") no-repeat 0 0;}
#buttons a#btn-next{background:url("../design_images/next.png") no-repeat 0 0;}
#buttons a#btn-prev:hover{background:url("../design_images/prev_over.png") no-repeat 0 0;}
#buttons a#btn-pause:hover{background:url("../design_images/stop_over.png") no-repeat 0 0;}
#buttons a#btn-play:hover{background:url("../design_images/play_over.png") no-repeat 0 0;}
#buttons a#btn-next:hover{background:url("../design_images/next_over.png") no-repeat 0 0;}
#slider{width:420px;height:140px;position:relative;float:left;overflow:hidden;}
#mask-gallery{overflow:hidden;margin-top:20px;}
#gallery{list-style:none;z-index:10;width:1680px;overflow:hidden;margin:0;padding:0;}
#gallery li{float:left;background:none;}
#mask-excerpt{position:absolute;top:40px;left:20px;z-index:0;width:420px;overflow:hidden;}
#excerpt{list-style:none;z-index:0;position:absolute;top:0;left:0;width:420px;background-color:none;overflow:hidden;margin:0;padding:0;}
#excerpt li{padding:0;}
#bot-content{width:900px;height:120px;position:relative;float:left;margin:15px 0 0;padding:0;}
.navlist{width:215px;height:130px;border-left:1px solid #ccc;list-style:none;margin:0;padding:0 0 0 8px;}
.navlist li{background:url("../design_images/arrows.gif") no-repeat 0 6px;list-style:none;border-bottom:1px solid #999;margin:0;padding:0.25em 0.25em 0.25em 1.3em;}
#pack1 .text-1{height:130px;background:transparent url("../design_images/v_249.gif") no-repeat 0 0;color:#999;text-align:left;margin:0;padding:0 0 0 30px;}
#pack2 .text-1{height:130px;background:transparent url("../design_images/v_349.gif") no-repeat 0 0;color:#999;text-align:justify;margin:0;padding:0 0 0 30px;}
#pack3{width:262px;height:auto;position:relative;float:left;margin:0;padding:13px 10px 15px 15px;}
#pack3 .text-1{height:130px;background:transparent url("../design_images/v_499.gif") no-repeat 0 0;color:#999;text-align:justify;margin:0;padding:0 0 0 30px;}
#bot-container{width:900px;height:180px;position:relative;float:left;margin:15px 0 0;padding:0 0 5px;}
#bot-contents{width:900px;height:130px;position:relative;float:left;background:url("../design_images/v_details.gif") no-repeat 15px 40px;margin:0;padding:10px 0 0;}
#bot-contents h3{border-bottom:1px solid #ccc;text-align:left;margin:0 15px 10px;padding:0 0 5px;}
#box3{width:368px;height:130px;border-left:1px solid #ccc;float:left;margin:0 0 0 30px;padding:0 10px 0 0;}
html>body #box3{width:368px;height:130px;border-left:1px solid #ccc;float:left;margin:0 0 0 60px;padding:0 10px 0 0;}
#box4{width:435px;height:130px;float:left;border-left:1px solid #ccc;margin:0;padding:0;}
#box4 .form{width:435px;height:130px;float:left;margin:0;padding:0 0 0 10px;}
#list-1{width:180px;height:130px;list-style:none;position:relative;float:left;margin:0;padding:0 0 0 5px;}
#list-1 li{list-style:none;color:#fff;text-align:left;margin:0;padding:0 0.25em 0 2em;}
#list-1 .studio{background:transparent url("../design_images/i_studio.png") no-repeat 0 0;padding-top:0.2em;}
#list-1 .phone{background:transparent url("../design_images/i_phone.png") no-repeat 0 5px;padding-top:0.3em;}
#list-1 .email{background:transparent url("../design_images/i_email.png") no-repeat 0 4px;padding-top:0.3em;}
#list-2{width:140px;height:130px;border:0 solid #fff;list-style:none;position:relative;float:right;text-align:right;margin:0;padding:0;}
#list-2 li{list-style:none;margin:0;padding:0 0.25em 0 2em;}
#left-column{width:430px;height:auto;position:relative;float:left;margin:0 15px 0 0;padding:0;}
#left-column h3{border-top:0 solid #ccc;border-bottom:1px solid #ccc;text-align:left;margin:0 0 0 15px;padding:0 10px 5px 0;}
#logo{width:400px;height:160px;margin:0 0 15px;padding:15px 15px 10px;}
#box0 .text-1{background:transparent url("../design_images/v_about.gif") no-repeat;color:#999;text-align:justify;margin:10px 0 0 15px;padding:0 0 0 45px;}
#box1 .text-1{background:transparent url("../design_images/v_works.gif") no-repeat;color:#999;text-align:justify;margin:10px 0 0 15px;padding:0 0 0 45px;}
#right-column{width:435px;height:372px;float:left;margin:0;padding:13px 0 0 15px;}
#right-column h3{border-bottom:1px solid #ccc;text-align:left;margin:0 15px 10px 0;padding:0 0 5px;}
#right-column h4{text-align:left;margin:0;padding:0 0 0 3px;}
.intro{height:200px;background:transparent url("../design_images/v_folio.gif") no-repeat top right;margin:0 15px 0 0;padding:0 40px 0 0;}
.pixgal{position:relative;float:left;width:373px;height:325px;border-right:1px solid #ccc;margin:0;padding:0;}
#box2 .text-2{background:transparent url("../design_images/v_services.gif") no-repeat top right;text-align:justify;margin:0 15px 0 0;padding:0 40px 0 0;}
#box2 .text-2 p{height:auto;font-size:0.9em;margin:0 5px 0 0;padding:0 0 8px;}
#box2 .text-2 h2{text-align:justify;margin:0 5px 0 0;padding:0 8px 5px 0;}
#box2 .list{border-right:1px solid #ccc;margin:0 5px 0 0;padding:0 5px 3px 0;}
#box2 .pack{width:366px;text-align:right;margin:0;padding:0;}
#box2 .pack a{font:bold 0.9em Helvetica, Arial, sans-serif;background:#fff;color:#09f;margin:0;padding:3px 5px 2px 7px;}
#box2 .pack a:hover{background:#ccc;color:#fff;}
.featlist{width:374px;height:auto;list-style:none;text-align:left;margin:0;padding:0 0 7px;}
#box3 h3{border-bottom:1px solid #ccc;text-align:left;margin:0 30px 5px 0;padding:0 10px 7px 0;}
#links{font-size:0.9em;position:relative;float:left;width:408px;height:auto;margin:0;padding:0;}
#links p{text-align:left;letter-spacing:-0.03em;margin:0;padding:0;}
#links .left{width:auto;float:left;text-align:left;padding:0 0 0 3px;}
#links .right{width:auto;float:right;text-align:right;padding:0 4px 0 0;}
#footer{position:relative;}
#foot{width:900px;line-height:1.1em;margin:0 auto;padding:0 10px;}
#foot p{font-size:0.9em;margin-top:6px;color:#fff;}
.left{width:350px;background:transparent url("../design_images/i-hwbstudio.gif") no-repeat 0 8px;float:left;padding:0 0 0 120px;}
.right{width:260px;float:right;padding-top:8px;text-align:right;}
.right a{background:#fff;color:#09f;padding:3px 5px 2px;}
.right a:hover{background:#ccc;color:#fff;text-decoration:none;}
#featlist li,.featlist li{background:url("../design_images/arrows.gif") no-repeat 0 6px;list-style:none;border-bottom:1px solid #999;margin:0 8px 0 0;padding:0.25em 0.25em 0.25em 1.3em;}
#featlist li a,.navlist li a,#list-1 li a,#list-1 li a:hover,#list-2 li a,#list-2 li a:hover,.featlist li a{text-decoration:none;background:none;}
.text-1 p,#box0 .text-1 p,#box1 .text-1 p{border-left:1px solid #ccc;margin:0;padding:5px 0 0 8px;}
.text-1 h2,#box0 .text-1 h2,#box1 .text-1 h2{border-left:1px solid #ccc;text-align:left;margin:10px 0 0;padding:0 0 0 8px;}
#pack1,#pack2{width:260px;height:auto;position:relative;float:left;margin:0 20px 0 0;padding:13px 10px 15px 15px;}
#pack1 h3,#pack2 h3,#pack3 h3{border-bottom:1px solid #ccc;text-align:left;margin:0 5px 10px 0;padding:0 10px 5px 0;}
#box0,#box1{width:415px;height:157px;margin:0;padding:13px 15px 15px 0;}
#links .left a,#links .right a:hover{background:#ccc;color:#fff;padding:1px 7px 2px;}
#links .left a:hover,#links .right a{background:#fff;color:#09f;padding:1px 7px 2px;}