@charset

utf-8;
/*--
	Theme Name: my_framework
	Theme URI: http://template-help.com/
	Description: A theme for Wordpress 3.2+ from Template-Help.com Collection
	Author: Template_Help.com 
	Author URL: http://www.Template-Help.com/ 
--*/
/* General
---------------------------------------- */
/* Navigations
---------------------------------------- */
/* Primary navigation */
nav.primary {
    position: absolute;
    top: 31px;
    right: 11px;
    z-index: 99;
}

/* Essential styles for dropdown menu */
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sf-menu {
}

    .sf-menu ul {
        width: auto; /* left offset of submenus need to match (see below) */
        margin: 0 0 0 -42px;
        padding: 4px 14px 16px 13px;
        position: absolute;
        top: -999em;
        z-index: 99;
        background-color: #221D1B;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

body.home .sf-menu ul {
    background: #221d1b;
}

.sf-menu ul li {
    width: 100%;
}

.sf-menu li:hover {
    visibility: inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li {
    float: left;
    position: relative;
}

.sf-menu a {
    display: block;
    position: relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left: 50%;
    top: 45px; /* match top ul list item height */
    z-index: 99;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    background: #e5ad2a;
    margin: 0;
    left: 70px; /* match ul width */
    top: 0px;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left: 10em; /* match ul width */
    top: 0;
}


/* Our skin for dropdown menu */

.sf-menu {
    float: right;
}

    .sf-menu a {
        text-decoration: none;
        color: #13a;
    }

    .sf-menu li {
        background: none;
        margin: 0 0 0 22px;
    }

        .sf-menu li > a {
            line-height: normal;
            font-family: 'Open Sans Condensed', sans-serif;
            font-size: 14px;
            font-weight: 700;
            text-transform: uppercase;
            color: #e5ad2a;
            margin-top: 2px;
        }

        .sf-menu li li {
            background: url(../images/sub_menu_1.png) repeat-x 0% 0%;
            margin: 0;
        }

            .sf-menu li li:first-child {
                background: none;
            }

            .sf-menu li li > a {
                padding: 2px 0 2px 0;
                line-height: 18px;
                font-family: 'Open Sans Condensed', sans-serif;
                font-size: 11px;
                font-weight: 700;
                text-align: center;
                text-transform: uppercase;
                color: #ffe29e;
                background-image: url(../images/sub_menu.png);
                background-repeat: repeat-x;
                background-position: bottom;
            }

body.home .sf-menu li li {
    background: url(../images/sub_menu.png) repeat-x 0% 0%;
}

    body.home .sf-menu li li:first-child {
        background: none;
    }

    body.home .sf-menu li li > a {
        padding: 9px 0 8px 0;
        line-height: 18px;
        font-family: 'Open Sans Condensed', sans-serif;
        font-size: 11px;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase;
        color: #8b7468;
    }

.sf-menu li li li {
    background: url(../images/sub_menu_1.gif) repeat-x 0% 0%;
    margin: 0;
}

    .sf-menu li li li:first-child {
        background: none;
    }

    .sf-menu li li li a {
        padding: 9px 0 8px 0;
        line-height: 18px;
        font-family: 'Open Sans Condensed', sans-serif;
        font-size: 11px;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase;
        color: #ffe29e !important;
    }

.sf-menu li:hover > a, .sf-menu li.sfHover > a,
.sf-menu li > a:focus, .sf-menu li > a:hover, .sf-menu li > a:active, .sf-menu li.current-menu-item > a {
    color: #fff;
    outline: 0;
}

.sf-menu li li:hover > a, .sf-menu li li.sfHover > a,
.sf-menu li li > a:focus, .sf-menu li li > a:hover, .sf-menu li li > a:active, .sf-menu li li.current-menu-item > a {
    color: #fff;
    outline: 0;
}

body.home .sf-menu li li:hover > a, body.home .sf-menu li li.sfHover > a,
body.home .sf-menu li li > a:focus, body.home .sf-menu li li > a:hover, body.home .sf-menu li li > a:active, body.home .sf-menu li li.current-menu-item > a {
    color: #fff;
    outline: 0;
}

.sf-menu li li li:hover > a, .sf-menu li li li.sfHover > a,
.sf-menu li li li > a:focus, .sf-menu li li li > a:hover, .sf-menu li li li > a:active, .sf-menu li li li.current-menu-item > a {
    color: #fff !important;
    outline: 0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
    min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
    position: absolute;
    display: block;
    left: 50%;
    top: 1.05em; /* IE6 only */
    width: 10px;
    height: 10px;
    margin: 0 0 0 -5px;
    text-indent: -999em;
    overflow: hidden;
    background: url(images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator { /* give all except IE6 the correct values */
    top: 20px;
    background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

.sf-menu li li .sf-sub-indicator {
    display: none;
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
    background-position: -10px 0;
}

.sf-menu ul a > .sf-sub-indicator {
    background-position: 0 0;
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
    background: url(images/shadow.png) no-repeat bottom right;
    padding: 0 8px 9px 0;
    -moz-border-radius-bottomleft: 17px;
    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
}

    .sf-shadow ul.sf-shadow-off {
        background: transparent;
    }









.extra_content_1 {
    background: url(images/extra_content.gif) repeat-y 50% 0%;
    width: 100%;
    overflow: hidden;
}

    .extra_content_1 .top {
        background: url(images/extra_content_top.gif) no-repeat 50% 0%;
    }

    .extra_content_1 .bottom {
        background: url(images/extra_content_bottom.gif) no-repeat 50% 100%;
        width: 100%;
        overflow: hidden;
        padding: 16px 0 30px 0;
    }

.extra_content_2 {
    background: url(images/extra_content_2.gif) repeat-y 50% 0%;
}

    .extra_content_2 .inner {
        background: url(images/extra_content_line.gif) no-repeat 50% 100%;
        width: 100%;
        overflow: hidden;
        padding: 40px 0 40px 0;
        line-height: 20px;
        font-size: 12px;
        color: #7d6b62;
    }

    .extra_content_2 p {
        margin: 0;
    }

    .extra_content_2 a {
        background: url(images/link_bg.gif) repeat 0% 0%;
        position: relative;
        float: right;
        height: 52px;
        margin: 18px 6px 0 35px;
        padding: 0 60px 0 25px;
        line-height: 52px;
        border-radius: 5px;
        font-family: 'Open Sans Condensed', sans-serif;
        font-size: 18px;
        font-weight: 700;
        text-transform: uppercase;
        text-decoration: none;
        color: #eddbb2;
    }

        .extra_content_2 a:before {
            background: url(images/link_arrow.png) no-repeat 0% 0%;
            display: block;
            width: 29px;
            height: 29px;
            overflow: hidden;
            position: absolute;
            top: 12px;
            right: 14px;
            content: '';
        }

        .extra_content_2 a:hover {
            color: #6f655a;
        }

    .extra_content_2 strong {
        display: block;
        margin: 0 0 7px 0;
        word-spacing: 1px;
        letter-spacing: -1px;
        line-height: 1.2em;
        font-family: 'Open Sans Condensed', sans-serif;
        font-size: 30px;
        font-weight: 700;
        text-transform: uppercase;
        color: #dbc288;
    }


/* Always remember to compress your live stylesheet and keep an uncompressed backup */