@CHARSET "UTF-8";

*{margin:0px; padding:0px; font-family: trebuchet, tahoma, arial, verdana, helvetica; line-height:18px}
img{border:0px}

body.home{background:url(/images/home/bodyBG.jpg) repeat-x}

    #banner {
        width:990px;
        height:586px;
        background:url(/images/home/headerBG.jpg); overflow:hidden;
    }

        /* Main Nav */
        #banner nav {
            width: 990px;
            height: 72px;
        }

        #banner nav ul {list-style: none; margin:0px 0px 0px 0px; clear:right; width: 990px; height:72px; background:url(/images/menu/mover.gif) 290px 0px no-repeat}
        #banner nav li {float: left; display: inline; margin: 0;}

        #banner nav li#gohome{width:217px; height:72px; margin-right:73px; cursor:pointer}

        #banner nav a:link, #banner nav a:visited {
            display: inline-block;
            height: 72px;
            width:auto;
            
        }
        #banner nav a:hover, #banner nav a:active,
        #banner nav .active a:link, #banner nav .active a:visited {
            opacity:0;
            -webkit-transition: opacity 0.4s ease-out;
            filter: alpha(opacity=0);
        }

        #slogan{width: 700px; height:160px; float:left}
            #slogan p{color:#0f334c; padding:95px 0px 0px 70px; line-height:1.620}

        #play{width:115px; height:105px; float:left; padding:55px 30px 0px 55px}
            #play a{display:block; width:100%; height:100%}

        #more{width:100%; height:90px; padding-top:14px}

            #more ul {list-style: none; margin:0px 0px 0px 47px; clear:right; width: 514px; height:82px; background:url(/images/home/moreBtnBg.gif)}
            #more li {float: left; display: inline; margin: 0;}

            #more a:link, #banner nav a:visited {
                display: inline-block;
                height: 72px;
                width:auto;
            }
            #more a:hover, #banner nav a:active,
            #more .active a:link, #banner nav .active a:visited {
                opacity:0;
                -webkit-transition: opacity 2s ease-out;
                filter: alpha(opacity=0);
            }

        #properties{width:100%}
            #properties table{width:600px}
            #properties table td.a{width:70px; padding:10px 0px 25px 0px}
            #properties table td.b{width:490px; padding:10px 30px 25px 10px}
            #properties a{text-decoration:none}
            #properties a h4:hover{text-decoration:underline}

        #content{width:990px}


            #howtowork{width:990px; height:260px}
                #howtowork h2{padding:20px 0px 0px 20px; color:#2d8acd; font-family: "Normal"}
                #howtowork h3{color:#e54d00; font-family: "Bold"}
                #howtowork ul{list-style: none; margin:0px 0px 0px 0px; clear:right; width: 990px; }
                #howtowork li{float: left; display: inline; margin: 0; padding:5px 25px 5px 25px}
                #how1{background:url(/images/home/img1.gif) 10px 90px no-repeat; width: 186px; height: 170px; border-right: 1px solid #e5e5e5;}
                #how2{background:url(/images/home/img2.gif) 10px 90px no-repeat; width: 206px; height: 170px; border-right: 1px solid #e5e5e5;}
                #how3{background:url(/images/home/img3.gif) 10px 90px no-repeat; width: 206px; height: 170px; border-right: 1px solid #e5e5e5;}
                #how4{background:url(/images/home/img4.gif) 10px 90px no-repeat; width: 186px; height: 170px;}


        #contentinfo{height:160px; background:url(/images/home/infoBg.gif) repeat-x; padding:25px 0px 20px 0px}
            #contentinfo h4{color:#808080; font-family: "Normal"}
                #contentinfo ul{list-style: none; margin:0 auto; clear:right; width: 990px;}
                #contentinfo li{float: left; display: inline; margin: 0; padding:5px 25px 5px 25px}
                #contentinfo #info1{width: 443px; height: 150px; border-right: 1px solid #e5e5e5; }
                #contentinfo #info2{width: 206px; height: 150px; border-right: 1px solid #e5e5e5; background:url(/images/home/clients.gif) 0px 45px no-repeat;}
                #contentinfo #info3{width: 199px; height: 150px; padding:5px 0px 5px 25px}

                #contentinfo p.p1{padding:0px 0px 0px 0px; font-weight:700; color:#2988cc}
                #contentinfo p.p2{padding:0px 0px 15px 0px; color:#0f334c}
                #contentinfo p.p3{font-weight:700; color:#4c4c4c; padding-left:3px}
                #contentinfo p.p4{padding:0px 0px 10px 3px; color:#4c4c4c; font-size:11px}
                #contentinfo p.p5{padding-left:3px}
                #contentinfo span.s1{font-size:11px; color:#999999; padding-left:10px; font-weight:100;}
                #contentinfo span.s2{font-size:12px; color:#4c4c4c; padding-left:5px; font-weight:700}
        

        #siteinfo{border-top:2px solid #edece8; height:50px}
             #siteinfo ul{list-style: none; margin:0 auto; clear:right; width: 990px;}
                #siteinfo li{float: left; display: inline; margin: 0; padding:15px 20px 0px 20px; color:#666666}
                #siteinfo li.ffix{float:right}
                #siteinfo li a{color:#666666; margin-left:10px; text-decoration:none}
                #siteinfo li a:hover{text-decoration:underline}

        .footer{clear: both; margin: 0}