/* CSS Document */

body{font-size:100%;font:Tahoma, Geneva, sans-serif}

a{

    text-decoration: none;

    color: #190058;

}

a:hover{

    color: #DCB400

}

#xoa{clear:both}

*{margin: 0 auto}

#main{width:100%;height:auto;padding:1% 0% 1% 0%;background-image:url(../img/.jpg);background-repeat:round;background-attachment:fixed;}

#main-box{
    width: 50%;
    heigth: 40%;
    margin: 0% auto 0% auto;
}

#top{width:90%;height:auto;}

#mid{
    width: 80%;
    height: auto;
    border: 0.1em double #B9B7B7;
    padding-top: 0%;
    padding-right: 10%;
    padding-bottom: 1%;
    padding-left: 2%;
}

#bot{width:100%;height:auto;}



@media only screen and (max-width: 1000px) {



   body { font-size: 1.2vw; }

   h4{font-size:1.2vw}



}



/*------------------------menu-----------------------*/

#menu{width:90%;height:6em;margin:0% 0% 0% 6%}

#menu-box{width:40%;height:40%;margin:0.5% 0% 0% 0%;}

#menu li{width:40%;height:50%;-webkit-transform: skew(-10deg);-moz-transform: skew(-10deg);-o-transform: skew(-10deg);background-color:#777777;list-style-type:none;float:left;margin:1% 0% 1% 1%;text-decoration:none;padding:1.5% 0% 0% 0%;text-align:center;opacity:0.8;color:#EEAD0E}

#menu li:hover{color:#870101;background-color:#F7CE06;width:40%;height:50%;padding:1.5% 0% 1% 0%;opacity:1;margin:0% 0% 1.5% 1%;}

#menu a{color:#190058;}

#menu a:hover{color:#190058;}



/*------------------------videography-----------------------*/

#vgp{width:100%;height:auto;padding:1% 0% 1% 0%;}

#vgp h4{color:#190058;text-align:left}

#vgp h3{color:#190058;text-align:center}

#vgp-l h4{float:left;text-align:left;width:32.5%;height:20%;padding:1% 0% 1% 20%;}

#vgp-r h4{float:right;text-align:right;width:25.5%;height:20%;padding:1% 20% 1% 0%;}



/*------------------------media-----------------------*/

#media{width:100%;height:auto;padding:1% 0% 1% 0%}

#media h4{color:#190058;text-align:center}

#media h3{color:#190058;text-align:center}

#menu-media{width:20%;height:3em;margin:0% auto 2% auto}

#menu-media-box{width:100%;height:100%;margin:2% 0% 0% 0%;}

#menu-media li{width: 45%;height: 60%;-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform: skew(-20deg);background-color:#999933;list-style-type:none;float:left;margin:2% 0% 1% 3.5%;text-decoration:none;padding:1.5% 0% 0% 0%;text-align:center;opacity:0.7;color:#190058}

#menu-media li:hover{color:#190058;background-color:#190058;width:45%;height:50%;padding:1.5% 0% 1% 0%;opacity:1;margin:1% 0% 1.5% 2%;}

#menu-media a{color:#190058;}

#menu-media a:hover{color:#190058;}







/*------------------------photo&videostudio-----------------------*/

#pvs{width:100%;height:auto;padding:1% 0% 1% 0%;}

#pvs h4{color:#190058;text-align:center}

#pvs h3{color:#190058;text-align:center}

#pvs-l h4{float:left;text-align:left;width:62%;height:20%;padding:1% 0% 1% 0%;}

#pvs-r h4{float:right;text-align:right;width:auto;height:auto;padding:1% 0% 1% 0%;}



/*------------------------photography-----------------------*/

#pgp{width:100%;height:auto;padding:1% 0% 1% 0%}

#pgp h4{color:#190058;text-align:center}

#pgp h3{color:#190058;text-align:center}

#pgp-l h4{float:left;text-align:left;width:auto;height:auto;padding:6% 9% 1% 25%;}

#pgp-r h4{float:right;text-align:center;width:auto;height:auto;padding:1% 30% 1% 0%;}



/*-----------------------bot-----------------------*/

#bot-l{width:33%;height:auto;float:left;text-align:center;color:#190058}

#bot-m{width:33%;height:auto;float:left;text-align:center;color:#190058}

#bot-r{width:33%;height:auto;float:left;text-align:center;color:#190058}



/*-----------------------home-------------------*/

#home{width:90%;height:auto;}

#home h3{color:#190058}

#home h3:hover{color:#190058}

#home h1{color:#190058;text-shadow:0.1em 0.1em #999933}

#home h4{color:#190058}

#home-t{width:100%;height:auto;text-align:center;padding:1% 0% 1% 0%}

#home-b{width:100%;height:auto;}

#h-b-l{width:29%;height:auto;float:left;margin:0% 0.5% 0% 0%;text-align:left;padding:0% 0% 1% 1%;min-height:10em}

#h-b-m{width:36%;height:auto;float:left;margin:0% 0.5% 0% 0%;text-align:center;padding:0% 0% 1% 1%;min-height:10em}

#h-b-r{width:29%;height:auto;float:left;text-align:right;padding:0% 0% 1% 1%;min-height:10em;margin:0% 2% 0% 0%}

#h-b-b{width:100%;height:auto;float:left;text-align:center;padding:0% 0% 0% 0%;min-height:15em}