/**
* @package sqeenCMS
* @copyright Copyright (C) 2009 sqeen. All rights reserved.
*
* Function:
* Cascading Style Sheet for every browser
* except MS Internet Explorer 6.
*/


/**---general layout styles------------------------**/
   body
   {
       margin:             0px;
       font-family:        "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Lucida, Arial, Helvetica, sans-serif;
       font-size:          12px;
       background:         #ffffff;
       text-align:         center;
       color:              #000000;
   }

   a:link, a:hover, a:visited
   {
       font-family:        Verdana, Tahoma, Arial;
       font-size:          12px;
       text-decoration:    none;
       outline:            none;
   }


   html, body, div, span, object,
   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, strong, sub, sup, tt, var,
   dl, dt, dd, ol, ul, li,
   fieldset, form, label, legend,
   table, caption, tbody, tfoot, thead, tr, th, td {
       margin: 0;
       padding: 0;
       border: 0;
       outline: 0;
       font-size: 100%;
   }


/**---site--------------------------**/
   #divCenter {
       margin:             0 auto;
       width:              960px;
       height:             510px;
       text-align:         left;
   }

   #divR {
       position:           relative;
   }

   #divBlueBar {
       float:              left;
       width:              100%;
       height:             32px;
       margin-top:         120px;
       background:         #009CDA;
   }

   #divBlueBarCenter {
       margin:             0 auto;
       width:              960px;
       height:             32px;
       text-align:         left;
   }

   div#divBlueBarCenter a {
       display:            block;
       float:              left;
       padding:            8px 16px;
       font-size:          12px;
       font-weight:        600;
       color:              #fff;
       text-transform:     uppercase;
   }

   div#divBlueBarCenter a:hover {
       color:              #fff;
       background:         #66c2ec;
   }

   #on {
       color:              #fff;
       background:         #66c2ec;
   }

    #divLogo {
        position:           absolute;
        right:              70px;
        top:                35px;
        width:              111px;
        height:             49px;
        background:         url(../images/logo.png) no-repeat;
    }

    /**----LOGO NORMAL----
    #divLogo {
        position:           absolute;
        right:              75px;
        top:                35px;
        width:              106px;
        height:             46px;
        background:         url(../images/logo.png) no-repeat;
    }
    */

/**----------------------------START------------*/
    #start {
        float:              left;
        position:           relative;
        width:              960px;
        height:             100px;
        padding:            100px 0 0 0;
   }

   #start #studio {
        position:           absolute;
        top:                00px;
        left:               0px;
        width:              103px;
        height:             21px;
        background:         url(../images/studio.jpg) no-repeat;
   }

   #start a {
        display:            block;
        border:             0px;
        height:             33px;
        margin-left:        -15px;
   }

    #start a:hover {
        filter:             alpha(opacity=60);
        filter:             progid:DXImageTransform.Microsoft.Alpha(opacity=60);
        opacity:            0.6;
        -moz-opacity:       0.60;
   }

   #start div {
        position:           absolute;
        top:                30px;
        padding-left:       15px;
        font-size:          12px;
   }

   #photo {
        width:              220px;
        left:               0px;
   }

   #web {
        width:              175px;
        left:               240px;
   }

   #print {
        width:              190px;
        left:               435px;
   }

   #film {
        width:              247px;
        left:               645px;
   }

   /**---------------------------- WAVES ----------**/
   ul.nums{
       float:              left;
       width:              100%;
       margin-bottom:      10px
   }

   ul.nums li {
       float:              left;
       display:            block;
       height:             11px;
       width:              11px;
       margin:             0 5px 0 0;
       background-color:   #c3c4c5;
   }

   ul.nums li:hover {
       height:             13px;
       width:              13px;
       margin:             -1px 4px 0 -1px;
   }

   ul.nums a {
       display:            block;
       height:             11px;
       width:              11px;
   }

   ul.nums a:hover {
       height:             13px;
       width:              13px;
   }

   ul.nums li.current {
       background-color:   #96C00A;
   }

   #divWaves {
       float:              left;
       margin:             0 0 60px -125px;
       width:              1210px;
       height:             180px;
       background:         url(../images/waves.png) no-repeat #fff;
   }

   #divWavesMask {
       float:              left;
       position:           relative;
       margin-left:        125px;
       width:              960px;
       height:             180px;
       overflow:           hidden;
   }

    #divWavesMask img {
        width:              960px;
        height:             180px;
    }

   #divWavesNavi {
       float:              right;
       margin:             -60px -5px 0px 0;
       width:              90px;
       height:             11px;
       text-align:         right;
   }

   #folio {
           position:absolute;
           top:0;
           left:0;
           width:5000px;
           float:left;
   }

   .col {
           display:block;
           width:960px;
           height:200px;
           float:left;
   }


   /**---------------------------- CONTENT ----------**/
   #divContent {
       float:              left;
       width:              580px;
       margin:             0 80px 50px 0;
       font-size:          12px;
       color:              #5c5c5c;
       line-height:        160%;
       text-align:         left;
   }

   #space {
       float:              left;
       height:             70px;
       width:              900px;
   }

   #divPrint {
       float:              right;
       width:              20px;
       height:             20px;
   }

    #divPrint img {
        width:          20px;
        height:         20px;
    }

   div#divContent span, div#divRefHead span{
       display:            block;
       margin:             20px 0px 35px 0;
       font-size:          14px;
   }

   h1 {
       color:              #96c00a;
       font-size:          24px;
       font-weight:        normal;
   }

   h2 {
       color:              #96c00a;
       font-size:          12px;
       font-weight:        bold;
       line-height:        220%;
   }

   div#divContent a {
       color:              #96c00a;
       text-decoration:    underline;
   }

   div#divContent a:hover {
       color:              #A2D505;
       text-decoration:    none;
   }

   div#divContent img {
       float:              left;
       margin:             5px 15px 15px 0;
   }

   div#divContent table img {
       margin:             0px;
   }

   div.bBox {
       float:              left;
       width:              200px;
       height:             55px;
       padding:            15px 20px;
       margin:             0 40px 50px 0;
       text-align:         center;
       background:         #CCEBF9;
       color:              #009CDA;
       font-size:          18px;
       line-height:        150%;
   }

    img#sqeenPackage {
        margin:             20px 10px 0 0;
    }

    table#sqeenProperties {
        float:              right;
        width:              380px;
        text-align:         left;
    }

    table#sqeenProperties td {
        height:             65px;
    }

   /**---------------------------- NEWS RIGHT ----------**/
   #divNews {
       float:              left;
       width:              300px;
   }

   div#divNews span {
       float:              left;
       display:            block;
       width:              280px;
       padding:            5px 0 5px 20px;
       font-size:          14px;
       color:              #fff;
       background:         #009CDA;
   }


   div#divNews td img {
        margin-bottom:     -4px;
   }

   div.divNewsContent {
       float:              left;
       width:              260px;
       padding:            10px 20px 20px 20px;
       margin:             0 0 30px 0;
       font-size:          12px;
       line-height:        140%;
       color:              #484848;
       background:         #CCEBF9;
   }

   div.divNewsContent a {
       display:            block;
       margin-top:         10px;
       font-size:          12px;
       color:              #009CDA;
       text-decoration:    underline;
   }

   div.divNewsContent a:hover {
       color:              #00B7FF;
       text-decoration:    none;
   }

   div.divNewsContent a.mail {
       display:            inline;
   }

   div.divNewsContent img {
       float:              left;
       margin:             -10px 10px 0 0;
       border:             0px;
   }

   div.divNewsContent.info {
        background:        #FFF;
   }

   div.divNewsContent.info img {
        clear:              both;
        margin:             0 5px 0 0;
        vertical-align:     middle;
   }

   div.divNewsContent.info h2.ok {
        color:              #42BC13;
   }

   div.divNewsContent.info h2.alert {
        color:              orange;
   }

   #divNewsRef {
       margin:             10px 0 0 20px;
   }

   div#divNewsRef img {
       float:              left;
       height:             53px;
       width:              53px;
       border:             2px solid #fff;
   }

   div#divNewsRef a {
       float:              left;
       margin:             10px 4px -6px 0;
       display:            block;
       border:             2px solid #f0f1f2;
   }

   div#divNewsRef a:hover {
       float:              left;
       display:            block;
       border:             2px solid #009CDA;
   }

   div#divNewsRef a.active {
       border:             2px solid #009CDA;
   }

   /**---------------------------- PORTFOLIO ----------**/
   #divHalfLft {
       float:              left;
       width:              450px;
       margin:             0 60px 40px 0;
   }

   #divHalfRgt {
       float:              left;
       width:              450px;
       margin:             0 0 40px 0;
   }

   div#divHalfLft span ,div#divHalfRgt span{
       display:            block;
       width:              434px;
       height:             130px;
   }

   div#divHalfLft a, div#divHalfRgt a {
       display:            block;
       width:              434px;
       height:             130px;
       margin:             0 0 20px 0;
       padding:            3px;
       border:             5px solid #f0f1f2;
   }

   div#divHalfLft a:hover, div#divHalfRgt a:hover {
       border:             5px solid #009CDA;
   }


   /**---------------------------- CLIENTS -----------------**/
    #divClients {
        float:              left;
        width:              980px;
        margin:             0 0 50px 0;
        font-size:          12px;
        color:              #5c5c5c;
        line-height:        160%;
        text-align:         left;
    }

    #divClients div {
        float:left;
        padding:            3px;
        height:             130px;
        width:              290px;
        margin:             0 20px 30px 0;
        border:             5px solid #f0f1f2;
    }

    #divClient img {

        width:              290px;
        height:             130px;
    }

   /**---------------------------- PORTFOLIO ITEM ----------**/
   #divRefHead {
       float:              left;
       width:              960px;
       margin:             80px 0 10px 0;
       font-size:          12px;
       color:              #5c5c5c;
       line-height:        160%;
       text-align:         justify;
   }

   #divRefImg {
       float:              left;
       width:              570px;
       height:             359px;
       margin:             0 0 30px 0;
       border:             5px solid #f0f1f2;
   }

   div#divRefImg p {
       display:            block;
       width:              564px;
       height:             353px;
       border:             3px solid #fff;
   }


   /**---------------------------- FOOTER ----------**/
   #divFooter {
       float:              left;
       width:              960px;
       padding:            12px 0px;
       margin:             60px 0 40px 0;
       font-size:          11px;
       color:              #8F8F8F;
       border-top:         1px solid #E4E4E4;
   }

   div#divFooter span.left {
       float:              left;
   }

    div#divFooter span.right {
       float:              right;
   }

   div#divFooter a {
       font-size:          11px;
       color:              #6C9EC8;
       text-decoration:    underline;
   }

   div#divFooter a:hover {
       text-decoration:    none;
       color:              #31A3DA;
   }



   /**-------------------------INPUTS---------------------------**/

   div#divContent table input.submit {
       width:              95px;
       border:             2px solid #96c00a;
       background:         #96c00a;
       color:              #FFFFFF;
       margin:             0;
       outline:            0;
   }

   div#divContent table input.submit:focus {
       width:              95px;
       border:             2px solid #96c00a;
       background:         #96c00a;
       color:              #FFFFFF;
       margin:             0;
       outline:            0;
   }

   div#divContent table input, div#divContent table textarea {
       font-family:        "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Lucida, Arial, Helvetica, sans-serif;
       font-size:          13px;
       color:              #3F3F3F;
       width:              575px;
       padding:            3px 0 3px 3px;
       margin:             1px;
       border:             1px solid #C1C1C1;
   }

   div#divContent table input:focus, div#divContent table textarea:focus {
       border:             2px solid #95be09;
       margin:             0;
       outline:            0;
   }



   div#divContent table textarea {
       line-height:        140%;
       height:             140px;
   }

   .form_success_message {
       display:            block;
       text-align:         center;
       padding:            4px 7px;
       margin-bottom:      7px;
       color:              #FFFFFF;
       background:         #96c00a;
   }

   .form_failure_message {
       display:            block;
       text-align:         center;
       padding:            4px 7px;
       margin-bottom:      7px;
       color:              #FFFFFF;
       background:         #ff4d1d;
   }

   .form_failure {
       border:             1px solid #ff4d1d;
   }

   div#divContent table td span {
       color:              #5c5c5c;
       font-size:          13px;
       margin:             15px 0 3px 2px;
   }

   div#divContent table td span.description {
       display:            inline;
       font-size:          11px;
       color:              #7a7979;
   }

   div#divContent table td p {
       margin:             32px 0 120px 0;
   }


   /**-------------------------MAP---------------------------**/
    div#divGoogleMaps {
        width:             580px;
        height:            400px;
    }


   /**-------------------------GALLERY---------------------------**/

   #gallery {
        position:           relative;
        float:              left;
        height:             auto;
        margin:             0 0 40px 0;
        height:             700px;
   }

   #main_image {
        float:              left;
        margin:             70px auto 0px auto;
        height:             550px;
        width:              960px;
        background:         #fff;
   }

   .galleria_wrapper {
        text-align:         center;
   }

   .galleria_wrapper img {
        max-width:          860px;
   }

   .nav {
        position:           absolute;
        top:                70px;
        clear:              both;
        width:              960px;
   }

   .nav .prev {
        position:           absolute;
        left:               0px;
        top:                0px;
        height:             550px;
        width:              50px;
        background:         url(../images/prev.png) no-repeat #fff;
   }

   .nav .next {
        position:           absolute;
        right:              0px;
        top:                0px;
        height:             550px;
        width:              50px;
        background:         url(../images/next.png) no-repeat #fff;
   }

   .nav .prev:hover {
        background:         url(../images/prev.png) no-repeat #f3f3f3;
   }

   .nav .next:hover {
        background:         url(../images/next.png) no-repeat #f3f3f3;
   }

   .gallery_demo_unstyled {
    position:absolute;
    top:    630px;
    left:0px;
   }