body {
    margin-left: 0px;
    margin-top: 30px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #f9f8f5;
    font-size: small;
}

* html body {
    font-size: x-small; /* for IE5/WIN */
    f\ont-size: small; /*for other IE versions*/
}

body, td, th {
    font-family: "Lucida Grande", Verdana, sans-serif;
    color: #666;
}


div.wrapper {
    width: 990px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 0px;
}

div.wrapper_footer {
    width: 990px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
    padding-left: 30px;
    padding-right: 30px;
}

h1 {
    font-weight: normal;
    font-size: 195%;
    line-height: 130%;
    margin-top: 0px;
    color: #996016;
}

#main h1 {
    color: #fff;
    margin: 0;
    margin-bottom: 10px;
}


#footer h1 {
    margin-bottom: 10px;
    margin-top: 0px;
    color: #fff;
    font-size: 160%;
}


h2 {
    font-weight: normal;
    font-size: 150%;
    line-height: 130%;
    margin-top: 0px;
    color: #026840;
    margin-bottom: 10px;
}


span.blog_date {
    font-weight: normal;
    font-size: 100%;
    line-height: 130%;
    margin: 0px;
    color: #026840;
    margin-bottom: 10px;
}

h3 {
    font-weight: normal;
    font-size: 120%;
    margin-top: 0px;
    color: #ec1d25;
    margin-bottom: 10px;
}

/* P, SPAN
----------------------------------------------- */
#main p, #main li {
    line-height: 160%;
    margin: 0;
}

#columna_index_blog p {
    font-size: 125%;
    line-height: 160%;
}

#blog_calendar p {
    margin: 0;
    color: #5b5950;
    line-height: 100%;
}

    #blog_calendar p#mes {
        font-size: 80%;
        margin-bottom: -1px;
        font-weight: bold;
    }

    #blog_calendar p#dia {
        font-size: 120%;
        font-weight: bold;
    }

body#blog p.post_date {
    color: #49321d;
    margin: 0;
    margin-bottom: -5px;
}

body#hello p.blog_read_more, body#blog p.blog_read_more {
    font-size: 130%;
    text-align: right;
    color: #3ababb;
    margin-bottom: 0;
}

body#blog p.blog_back {
    font-size: 130%;
    color: #49321d;
    margin-bottom: 0;
}

body#works p.post_date {
    color: #08b9c1;
    margin: 0;
    margin-bottom: -5px;
}

body#works p.blog_read_more {
    font-size: 130%;
    text-align: right;
    color: #08b9c1;
}

body#works p.blog_back {
    font-size: 130%;
    color: #08b9c1;
}

small {
    font-size: 75%;
    font-style: italic;
    color: #CCCCCC;
}

/*****************************************************/
/* LINKS                               		 */
/***************************************************/

a {
    color: #07bac1;
    text-decoration: none;
}

    a:hover {
        color: #07bac1;
    }

ul a:hover {
    text-decoration: underline;
}

#content p a, div.post p a {
    border-bottom: 1px dotted #07bac1;
}

    #content p a:hover, div.post p a:hover {
        border-bottom: 1px solid #07bac1;
    }


#content p a, div.post p a {
    border-bottom: 1px dotted #49321d;
}

    #content p a:hover, div.post p a:hover {
        border-bottom: 1px solid #49321d;
    }

#columna_index_blog ul a {
    color: #666;
}

#footer a {
    color: #fff;
}

h1 a, h1 a:hover, h2 a, h2 a:hover {
    color: #996016;
    text-decoration: none;
}


/* Links Reel
---------------------------------------*/
body#reel #columna_reel_2 p a {
    color: #fff;
    /*	border-bottom: 1px dotted #fff;*/
}

    body#reel #columna_reel_2 p a:hover {
        border-bottom: 1px solid #fff;
    }

.selectedNavbutton {
    background: #026840;
    border: 1px solid #FFFFFF;
    color:#fff!important;
}
/*****************************************************/
/* LAYOUT    	                            		 */
/***************************************************/

/* Header
----------------------------------------------- */
#header {
    width: 670px;
    height: 157px;
    float: left;
    padding-right: 90px;
}


    #header ul {
        list-style: none;
        margin-left: 0px;
        padding-left: 0px;
    }

        #header ul li {
            float: left;
        }

            #header ul li a {
                padding: 7px 9px 7px 10px;
                display: block;
                text-decoration: none;
                color: #666;
                border-right: 1px solid #f9f8f5;
            }






body#reel #header li a {
    border-right: 1px solid #000;
}

body#hello li#menu_menu_hello a,
body#agency li#menu_menu_agency a,
body#works li#menu_menu_works a,
body#clients li#menu_menu_clients a,
body#services li#menu_menu_services a,
body#blog li#menu_menu_blog a,
body#contact li#menu_menu_contact a {
    cursor: default;
}



body#hello li#menu_hello a, li#menu_hello a:hover {
    background: #026840;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    color: #ffffff;
}

body#agency li#menu_agency a, li#menu_agency a:hover {
    background: #026840;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    color: #fff;
}

body#works li#menu_works a, li#menu_works a:hover {
    background: #026840;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    color: #fff;
}

body#clients li#menu_clients a, li#menu_clients a:hover {
    background: #026840;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    color: #fff;
}

body#services li#menu_services a, li#menu_services a:hover {
    background: #026840;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    color: #fff;
}

body#blog li#menu_blog a, li#menu_blog a:hover {
    background: #026840;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    color: #fff;
}

body#contact li#menu_contact a, li#menu_contact a:hover {
    background: #026840;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    color: #fff;
}

body#intranet li#menu_intranet a, li#menu_intranet a:hover {
    background: #026840;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    color: #fff;
}

#header h1 {
    clear: both;
    margin: 0;
    margin-top: 92px;
}

#logo {
    float: left;
}

/* Main
----------------------------------------------- */

#main {
    clear: both;
    background: #faf8f5 url(/Images/back_main_indexnew.jpg) repeat-x bottom;
    height: 218px;
    margin-bottom: 60px;
    padding-top: 30px;
}

#featured {
    float: left;
    width: 284px;
}

#featured_text {
    float: left;
    width: 324px;
    background: url(/Images/back_featured_dotted.gif) no-repeat right 10px;
    padding-right: 30px;
    margin-top: 60px;
    color: white;
}

    #featured_text ul {
        margin-left: 0px;
        padding-left: 0px;
        list-style: none;
        margin-top: 10px;
    }

        #featured_text ul li {
            float: left;
            margin-right: 30px;
        }

#fresh {
    float: left;
    width: 222px;
    padding-left: 30px;
    margin-top: 60px;
}

    #fresh ul {
        margin: 0;
        padding: 0px;
        list-style: none;
    }

        #fresh ul li a {
            background: url(/Images/bullet_main_still_freshnew.gif) no-repeat 0px 50%;
            padding-left: 20px;
            color: #fff;
        }

#content {
    background: url(/Images/back_contenido_dottednew.gif) repeat-y;
    float: left;
    margin-bottom: 60px;
    line-height: 160%;
}

#columna_index_blog {
    width: 354px;
    margin-right: 62px;
    float: left;
}

    #columna_index_blog ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        #columna_index_blog ul li {
            background: url(/Images/icon_main_blog_posts.jpg) no-repeat left 50%;
            padding-left: 23px;
            line-height: 200%;
        }

#columna_index_1 img, #columna_index_2 img {
    float: right;
    margin-left: 5px;
}

#columna_index_1 {
    width: 190px;
    margin-right: 62px;
    float: left;
}

#columna_index_2 {
    width: 190px;
    float: left;
}


/* Footer
----------------------------------------------- */

#footer {
    position: absolute;
    left:0px;
    right: 0px;
    bottom:0px;
    clear: both;
    height: 145px;
    background: url(/Images/back_footernew.jpg) repeat-x top;
    padding-top: 25px;
    line-height: 140%;
}

    #footer ul {
        margin: 0;
        padding: 0;
        list-style: none;
        color: #FFFFFF;
    }

    #footer li {
        float: left;
    }

#our_offices {
    background: url(/Images/back_footer_dottednew.gif) no-repeat 0px 10px;
    float: left;
    width: 390px;
}

    #our_offices li.abq {
        width: 125px;
        margin-right: 25px;
    }

    #our_offices li.asu {
        width: 120px;
    }


#contact_us {
    float: left;
    width: 250px;
    padding-left: 30px;
}


.h2 {
    color: #026840;
}