/*
Theme Name: Office
Theme URI: http://www.wpexplorer.com
Description: WordPress theme by <a href="http://www.wpexplorer.com">WPExplorer.com</a>
Author: WPExplorer
Author URI: http://themeforest.net/user/WPExplorer
Version: 1.9
*/


/*-----------------------------------------------------------------------------------*
/* = Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
/*-----------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, 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 {
    /*border: 0;*/
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    /*vertical-align: baseline;*/
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}
.front-back{ background-image:url(images/front_back.jpg); background-repeat:no-repeat;
             background-position: center -0px;background-color:#d8c18e; }
body {
    background-image:url(images/inside_back.jpg);background-repeat:no-repeat;background-color:#d8c18e;
    background: #fff;
}
ol, ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    /*text-align: left;*/
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
a img {
    border: 0;
}
/*
::-moz-selection {
        background: #fd7f61;
        color: #fff;
        text-shadow: none;
}
::selection {
        background: #fd7f61;
        color: #fff;
        text-shadow: none;
}
*/

/* Block elements */
header, hgroup, footer, section, article, aside {

}

/*jetback wpstats smiley hide*/
#wpstats{
    display: none;
}

/*-----------------------------------------------------------------------------------*
/* = Body, Common Classes & Wrap
/*-----------------------------------------------------------------------------------*/

body {
    background-color: #d9d9d9;
    background-image: url("images/bg.png");
    background-repeat: repeat;
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 1.5em;
    color: #444;
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
a {
    text-decoration: none;
    color: #ec651b;
}
a:hover {
    text-decoration: underline;
}
p {
    margin: 0 0 1em;
}
hr{
    outline: none;
    display: block;
    margin-top: 25px;
    margin-bottom: 25px;
    background: none;
    border: none;
    height: 1px;
    border-top: double #ddd;
    clear: both;
}
img{
    max-width: 100%;
}
strong {
    font-weight: 700;
}
em {
    font-style: italic;
}
pre {
    background: #fff url("images/pre-bg.png") repeat;
    margin: 30px 0px;
    padding: 25px 20px;
    line-height: 25px;
    border: 1px solid #ddd;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,.3);
    -moz-box-shadow: 10px 10px 10px rgba(0,0,0,.3);
    box-shadow: 10px 10px 10px rgba(0,0,0,.3);
}
address{
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    margin-top: 20px;
    margin-bottom: 20px;
}

blockquote{
    border-left: 4px solid #ccc;
    padding-left: 20px;
    margin: 30px 0px;
}
.clear { clear: both }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
}
* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.remove-margin { margin-right: 0 !important }


#breadcrumbs{
    height: 16px;
    line-height: 16px;
    font-size: 11px;
    color: #999;
}
.breadcrumbs-title{
    margin-right: 5px;
}

.google-map{
    overflow: hidden;
}


/*-----------------------------------------------------------------------------------*
/* = Structure
/*-----------------------------------------------------------------------------------*/

#wrap{
    margin: 0 auto;
    width: 970px;

}
.container{
    background-color:#FFF;
    display:block;
    padding: 25px;
    margin-top:275px;
}
.container-front{

    display:block;
    /*padding: 25px;*/
    margin-top:295px;
}
/*-----------------------------------------------------------------------------------*
/* = Headings
/*-----------------------------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
    line-height: 1.5em;
    font-weight: bold;
}
h1 {
    font-size: 24px;
    margin-bottom: 25px;
    line-height: 1.2em;
}
h2 { font-size: 16px }
h3 { font-size: 14px }
h4 { font-size: 13px; }
h2,
h3,
h4,
h5,
h6 {
    margin-top: 35px;
    margin-bottom: 25px;
}
h1 a,
h2 a,
h3 a,
h4 a { color: #333 }
h2 a:hover,
h3 a:hover,
h4 a:hover { color: #fb491f; text-decoration: none; }

.single-title{ margin-bottom: 5px; }

/*-----------------------------------------------------------------------------------*
/* = WordPress Styles
/*-----------------------------------------------------------------------------------*/

/*sticky*/
.sticky{}

/*gallery captio*/
.gallery-caption{}

/*by post author*/
.bypostauthor{}

/*aligns*/
.aligncenter{
    display:block;
    margin:0 auto;
}
.alignright{
    float:right;
    margin:0 0 10px 20px;
}
.alignleft{
    float:left;
    margin:0 20px 10px 0;
}

/*floats*/
.floatleft{ float:left}
.floatright{ float:right}

/*text style*/
.textcenter{ text-align:center}
.textright{ text-align:right}
.textleft{ text-align:left}

/*captions*/
.wp-caption{ max-width: 100% !important; }
.wp-caption{
    border:1px solid #ddd;
    text-align:center;
    background-color:#f3f3f3;
    padding-top:4px;
    margin:10px;
    -moz-border-radius:3px;
    -khtml-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
.wp-caption img{
    margin:0;
    padding:0;
    border:0 none;
    max-width: 100%;
}
.wp-caption p.wp-caption-text{
    font-size:11px;
    line-height:17px;
    padding:0 4px 5px;
    margin:0;
}

/*smiley reset*/
.wp-smiley{
    margin:0 !important;
    max-height:1em;
}

/*blockquote*/
blockquote.left{
    margin-right:20px;
    text-align:right;
    margin-left:0;
    width:33%;
    float:left;
}
blockquote.right{
    margin-left:20px;
    text-align:left;
    margin-right:0;
    width:33%;
    float:right;
}

/*img attachment*/
#img-attch-page{
    text-align: center;
    overflow: hidden;
}
#img-attch-page img{
    display: inline-block;
    margin: 0 auto;
    max-width: 100%;
    border: 5px solid #d4d4d4; /*for IE*/
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-color: rgba(0,0,0, 0.08);
    -webkit-transition: border 0.3s ease;
    -o-transition: border 0.3s ease;
    -moz-transition: border 0.3s ease;
}
#img-attch-page a:hover img{
    border-color: #fc7251;
}

#img-attach-page-content{
    text-align: center;
    margin-top: 25px;
}

/*-----------------------------------------------------------------------------------*
/* = Headings
/*-----------------------------------------------------------------------------------*/
#page-heading{
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: double #ddd;
}
#page-heading h1,
#page-heading h2{
    font-size: 24px;
    color: #000;
    margin: 0px !important;
}

.heading{
    height: 35px;
    line-height: 35px;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 0px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow: 0px 0px 1px #fff;
    background: url("images/heading-bg.png") center center repeat-x;
}

.heading h2{
    margin: 0;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    text-shadow: none;
}
.heading span{
    display: inline-block;
    height: 35px;
    line-height: 35px;
    background: #3c3c3c;
    padding: 0 20px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.3);
    box-shadow: 0 0 10px rgba(0,0,0,.3);
}

.heading a span{
    transition: background 0.3s ease-in-out;
    -webkit-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
}
.heading a,
.heading a:hover{
    color: #fff;
}
.heading a:hover span{
    background: #fc6440;
}


/*-------------------------------------------------*
/* = Top Menu
/*-------------------------------------------------*/
#tagline{text-align:left; height:auto;	min-height:54px; font:bold 14px arial; margin-top:12px; color:#000; line-height:21px;}
#top-bar{
    margin: 0;
    height: 45px;
    line-height: 45px;
    width: 100%;
    /*background: #444 url("images/top-bar-bg.png");*/
    overflow: hidden;
    margin-bottom: -44px;
}
.top-bar-fixed{
    position: fixed;
    top: 0px;
    z-index: 999;
    margin-bottom: 0;
}

#top-bar-inner{
    position: relative;
    margin: 0 auto;
    width: 970px;
    font-size: 11px;
}

#top-bar-inner ul.top-menu{
    margin: 0;
}
#top-bar-inner ul.top-menu a{
    height: 45px;
    line-height: 45px;
    float: left;
    padding-right: 10px;
    margin-right: 10px;
    color: #bbb;
    background: url("images/menu-dash.png") right center no-repeat;
    text-decoration: none;
}
#top-bar-inner ul.top-menu a:hover{
    color: #fff;
}
#top-bar-inner ul.top-menu li:last-child a{
    margin: 0;
    padding: 0;
    background: none;
}

/*callout*/

a#top-bar-callout{
    height: 45px;
    line-height: 45px;
    padding: 0 25px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: #fc6440;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
}
a#top-bar-callout:hover{
    text-decoration: none;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

/*-------------------------------------------------*
/* = Header
/*-------------------------------------------------*/
#topfix{  position: fixed; z-index:9999;  margin-top: 0px;  top: 0;
          width: 100%;}
#header {

    background: #fff url("images/header_back.jpg");
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    width: 970px;
    background-attachment:"fixed";
    padding: 20px 0px 0px 0px;


}
/*header styles*/
#header.header-style-two{
    margin-bottom: 0px;
    border-bottom: none;
}
#header.header-style-three{
    margin-top: 74px;
    margin-bottom: 0px;
    border-bottom: none;
}
#header.header-style-four{
    margin-top: 74px;
    margin-bottom: 30px;
}

/*logo*/
#logo{
    float: left;
}
#logo a{
    font-weight: 700;
    color: #333;
    padding: 0px;
    margin: 0px;
    text-decoration: none;
}
#logo a:hover {
    color: #666;
}
#logo img{
    display: block;
    max-width: 100%;
    margin-left:25px;
    margin-top:15px;
    margin-bottom:10px;
}

#logo h1,
#logo h2{
    font-size: 32px;
    margin: 0 !important;
    line-height: 1em !important;
}


/*header aside - added in Version 1.9*/
#header-aside{
    float: right;
    width:500px;
}
#header-phone{
    text-align: right;
    margin-right:55px;
    font-size:11px;
    text-align:center;
    width:200px;
    height:25px;
    float:right;
}
#header-phone a{ color:#333;}

#header-aside #searchbar{
    float: right;
    min-width: 210px;
    margin-top: 7px;
    margin-bottom: 0;
    width: 100%;
}

/*social*/
#social {
    list-style: none;
    text-align: right;
    margin-right: 35px;
    float:right;
}
#social li {
    display: inline-block;
    margin-right: 7px;
}
#social a {
    display: block;
    float: left;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#social a img{
    display: block;
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#social a:hover img{
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}

/*tipsy*/
/*.tipsy {
    padding: 5px;
    font-size: 11px;
    letter-spacing: 1px;
    background-repeat: no-repeat;
    font-family: 'Helvetica Neue', Arial;
    background-image: url("images/tipsy.gif");
}
.tipsy-inner {
    padding: 5px 8px 4px 8px;
    background-color: #000;
    color: white;
    max-width: 200px;
    text-align: center;
}
.tipsy-inner {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.tipsy-south {
    background-position: bottom center;
}

/*-------------------------------------------------*
/* =  Navigation
/*-------------------------------------------------*/
#navigation{
    background-color: #f68224;
    text-align:center;
    height: auto;
    min-height: 50px;
    width: 970px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
    box-shadow: 0 0 10px rgba(0,0,0,.2);
}


.sf-menu,
.sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sf-menu {
    line-height: 1.0;
}
.sf-menu ul {
    position: absolute;
    top: -999em;
    width: 180px;
}
.sf-menu ul li {
    width: 100%;
}
.sf-menu li:hover {
    visibility: inherit;
}
.sf-menu li {
    float: left;
    position: relative;
}
.sf-menu a {
    display: block;
    position: relative;
    background-color: #2b2b2b;
    transition: background 0.4s ease;
    -webkit-transition: background 0.4s ease;
    -o-transition: background 0.4s ease;
    -moz-transition: background 0.4s ease;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left: 0px;
    top: 50px; /* 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 {
    left: 180px; /* match ul width */
    top: 1px;
}
/*** navigation skin ***/
.sf-menu {
    float: left;
    border-right: 1px solid #3c3c3c;
    border-right: 1px solid rgba(255,255,255, 0.08);
}
.sf-menu a {
    font-size: 12px;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    color: #fff;
    padding: 0 20px;
    text-decoration: none;
    border-left:0px solid #3c3c3c;
    border-left: 0px solid rgba(255,255,255, 0.08);
    border-right: 0px solid #111;
    border-right: 0px solid rgba(0,0,0, 0.7);
}
.sf-menu li:first-child a{
    border-left: none;
}
.sf-menu a:hover{
    background-color: #444;
}
.sf-menu a{
}
#navigation .current-menu-item > a{
    background-color: #fc6440;
}
.sf-menu li.sfHover > a{
    background-color: #444;
}

/*Subs*/
.sf-menu ul{
    font-size: 12px;
    background: #2b2b2b;
    padding: 0px;
    border-top: 0px solid #111;
    border-top: 0px solid rgba(0,0,0, 0.7);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.3);
    box-shadow: 0 0 10px rgba(0,0,0,.3);
}
.sf-menu ul a{
    margin: 0px;
    padding: 12px 10px;
    height: auto;
    line-height: 1.3em !important;
    color: #FFF;
    border-left: none;
    border-right: none;
    border-top: 1px solid #3c3c3c;
    border-top: 1px solid rgba(255,255,255, 0.08);
    border-bottom: 1px solid #111;
    border-bottom: 1px solid rgba(0,0,0, 0.7);
}
.sf-menu ul a:hover{
    color: #fff;
    background-color: #444;
}
.sf-menu ul li:last-child > a{
    border-bottom: none;
    color:#FFFFFF;
}
.sf-menu ul ul a{
    border-bottom: 1px solid #111;
    border-bottom: 1px solid rgba(0,0,0, 0.7);
    color:#FFFFFF;
}
.sf-menu ul ul li:last-child a{
    border-bottom: none !important;
    color:#FFFFFF;
}

.sf-menu ul ul,
.sf-menu ul ul li:first-child a{
    border-top: none;
    color:#FFFFFF;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
    padding-right: 2.25em;
    min-width: 1px;
}
.sf-sub-indicator {
    position: absolute;
    display: block;
    top: 50%;
    margin-top: -6px;
    right: .75em;
    width: 12px;
    height: 12px;
    text-indent: -999em;
    overflow: hidden;
    background: url('images/nav-down-white.png');
    opacity: 0.8;
}
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 {
    opacity: 1;
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
    top: 50%;
    margin-top: -6px;
    background: url('images/nav-right-white.png');
    opacity: 0.8;
}
.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 {
    opacity: 1;
}

/*no text menu items*/
.sf-menu .no-text > a{
    text-indent: -9999px;
    background-position: center center !important;
}

/*menu icons*/
.sf-menu .icon-bolt > a,
.sf-menu .icon-pig > a,
.sf-menu .icon-briefcase > a,
.sf-menu .icon-camera > a,
.sf-menu .icon-film > a,
.sf-menu .icon-gear > a,
.sf-menu .icon-grid > a,
.sf-menu .icon-home > a,
.sf-menu .icon-mail > a,
.sf-menu .icon-pencil > a,
.sf-menu .icon-photo > a,
.sf-menu .icon-graph > a,
.sf-menu .icon-lab > a,
.sf-menu .icon-map > a,
.sf-menu .icon-cloud > a,
.sf-menu .icon-cart > a,
.sf-menu .icon-flag > a,
.sf-menu .icon-bulb > a,
.sf-menu .icon-date > a,
.sf-menu .icon-brush > a,
.sf-menu .icon-megaphone > a,
.sf-menu .icon-support > a,
.sf-menu .icon-person > a,
.sf-menu .icon-bubble > a,
.sf-menu .icon-rss > a,
.sf-menu .icon-link > a{
    background-position: 18px center;
    background-repeat: no-repeat;
    padding-left: 45px;
}
.sf-menu .icon-bolt > a{
    background-image: url("images/menu-icon/icon-bolt.png");
}
.sf-menu .icon-briefcase > a{
    background-image: url("images/menu-icon/icon-briefcase.png");
}
.sf-menu .icon-camera > a{
    background-image: url("images/menu-icon/icon-camera.png");
}
.sf-menu .icon-film > a{
    background-image: url("images/menu-icon/icon-film.png");
}
.sf-menu .icon-gear > a{
    background-image: url("images/menu-icon/icon-gear.png");;
}
.sf-menu .icon-grid > a{
    background-image: url("images/menu-icon/icon-grid.png");
}
.sf-menu .icon-home > a{
    background-image: url("images/menu-icon/icon-home.png");
}
.sf-menu .icon-mail > a{
    background-image: url("images/menu-icon/icon-mail.png");
}
.sf-menu .icon-pencil > a{
    background-image: url("images/menu-icon/icon-pencil.png");
}
.sf-menu .icon-photo > a{
    background-image: url("images/menu-icon/icon-photo.png");
}
.sf-menu .icon-graph > a{
    background-image: url("images/menu-icon/icon-graph.png");
}
.sf-menu .icon-lab > a{
    background-image: url("images/menu-icon/icon-lab.png");
}
.sf-menu .icon-map > a{
    background-image: url("images/menu-icon/icon-map.png");
}
.sf-menu .icon-cloud > a{
    background-image: url("images/menu-icon/icon-cloud.png");
}
.sf-menu .icon-cart > a{
    background-image: url("images/menu-icon/icon-cart.png");
}
.sf-menu .icon-flag > a{
    background-image: url("images/menu-icon/icon-flag.png");
}
.sf-menu .icon-date > a{
    background-image: url("images/menu-icon/icon-date.png");
}
.sf-menu .icon-bulb > a{
    background-image: url("images/menu-icon/icon-bulb.png");
}
.sf-menu .icon-brush > a{
    background-image: url("images/menu-icon/icon-brush.png");
}
.sf-menu .icon-megaphone > a{
    background-image: url("images/menu-icon/icon-megaphone.png");
}
.sf-menu .icon-support > a{
    background-image: url("images/menu-icon/icon-support.png");
}
.sf-menu .icon-person > a{
    background-image: url("images/menu-icon/icon-person.png");
}
.sf-menu .icon-bubble > a{
    background-image: url("images/menu-icon/icon-bubble.png");
}
.sf-menu .icon-pig > a{
    background-image: url("images/menu-icon/icon-pig.png");
}
.sf-menu .icon-rss > a{
    background-image: url("images/menu-icon/icon-rss.png");
}
.sf-menu .icon-link > a{
    background-image: url("images/menu-icon/icon-link.png");
}


/*-----------------------------------------------------------------------------------*/
/* = Home
/*-----------------------------------------------------------------------------------*/

.home-wrap{
    margin-bottom: -25px;

}

/*tagline*/
#home-tagline{
    width:90%;
    height:100%;
    padding-left:5%;
    padding-right:5%;
    padding-top:5%;
    padding-bottom:5%;
    color: #FFF;
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 28px;
    line-height: 1.2em;
    text-align: center;
    background-color:#ec8321;
}

#home-tagline a{
    border-bottom: 1px dotted #eb6b1e;
}
#home-tagline a:hover{
    text-decoration: none;
}

/*static video*/
.home-video{
    margin: -25px -25px 25px;
}

/*static page*/
#home-static-page{
    margin-bottom: 25px;
}


/*highlights*/
#home-highlights{
    margin-bottom: 5px;
    margin-right: -20px;
}
#home-highlights .heading{
    margin-right: 20px;
}

.hp-highlight{
    float: left;
    width: 215px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.highlight-fifth {
    clear: both;
}


.hp-highlight p:last-child{
    margin-bottom: 0px;
}
.hp-highlight h3{
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    color: #000;
    font-size: 18px;
    margin-top: 0px;
    margin-bottom: 10px;
}
.hp-highlight-img{
    float: left;
    margin-right: 15px;
}


/*home portfolio*/
#home-projects {
    margin-bottom: 51px;
}
#home-projects-responsive{
    margin-bottom: 25px;
}


/*portfolio carousel*/
#home-portfolio-carousel-wrp{
    position: relative;
    margin: 0 auto;
    width: 720px;
    min-height: 170px;
}
#home-portfolio-carousel-wrp{ padding-left: 23px; }
#home-portfolio-carousel-wrp .portfolio-item{
    margin-right: 25px !important;
    min-height: 170px;
}
#home-portfolio-carousel{
    position: relative;
}

#carousel-pagination{
    position: absolute;
    bottom: -20px;
    left: 50%;
}
#carousel-pagination a{
    height: 6px;
    width: 25px;
    display: inline-block;
    margin-right: 5px;
    text-indent:  -9999px;
    background: #d9d9d9;
    background: rgba(192,192,192, 0.35);
}
#carousel-pagination a.selected{
    background: #fc6440;
}

.disabled{
}
#carousel-prev,
#carousel-next{
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -26px;
    height: 54px;
    width: 53px;
    cursor: pointer;
}
#carousel-prev{
    left: -90px;
    background: url("images/carousel-prev.png");
}
#carousel-next{
    right: -90px;
    background: url("images/carousel-next.png");
}
#carousel-prev:hover{
    background-position: 0 -54px;
}
#carousel-next:hover{
    background-position: 0 -54px;
}

/*home blog*/
#home-blog{

    background-color:#FFF;
}
#home-blog .heading{
    margin: 25px;
}
.home-entry{
    float: left;
    width: 300px;
    margin: 10px;
    font-size: 12px;
}

.home-entry img{
    max-width: 100%;
    margin-bottom: 10px;

    border: 5px solid #d4d4d4; /*for IE*/
    border-color: rgba(0,0,0, 0.08);
    -webkit-transition: border 0.3s ease;
    -o-transition: border 0.3s ease;
    -moz-transition: border 0.3s ease;
}
.home-entry a:hover img{
    border-color: #fc7251;
}
.home-entry h3{
    font-size: 13px;
    margin: 0 0 5px;
}

/*-----------------------------------------------------------------------------------*/
/* = Image Slider
/*-----------------------------------------------------------------------------------*/


/* FlexSlider necessary styles */
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

.no-js .slides > li:first-child {display: block;}


/*slider wrap */
#slider-wrap{
    width: 970px;
    height: 358px;
    min-height: 100px;
    position: relative;
    margin: -25px 0px 0px;
    background:url("images/loader.gif") no-repeat 50% 50%;
    border-bottom: 6px solid #ddd;
    border-bottom: 6px solid rgba(0,0,0, 0.1);
}

/*homepage specific*/
#full-slides img{
    display: block;
}
#full-slides .slides_container {
    width: 970px;
    display: none;
}
#full-slides .slides_container .slide,
#full-slides .slides_container .video-slide div {
    display:block;
    width: 970px;
}
#full-slides .caption{
    font-size: 14px;
    position: absolute;
    max-width: 360px;
    height: auto;
    left: 0px;
    bottom: 0px;
    background-color: #000;
    color: #fff;
    padding: 20px 25px;
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    opacity: 0.85;
}
#full-slides .caption h2,
#full-slides .caption h3{
    font-size: 1.500em; /* 21px / 14px */
    color: #fff;
    margin: 0;
}
#full-slides .caption p{
    color: #999;
    font-size: 12px;
}
#full-slides .caption a{
    color: #fd7f61;
}
#full-slides .caption a:hover{
    color: #fda894;
    text-decoration: none !important;
}

#full-slides .prev,
#full-slides .next{
    display: block !important;
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    z-index:90;
    transition: background 0.3s ease-in-out;
    -webkit-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
}
#full-slides .prev{
    right: 30px;
    background: #000 url("images/sliders/arrow-left.png") center center no-repeat;
}
#full-slides .next{
    background: #000 url("images/sliders/arrow-right.png") center center no-repeat;
}
#full-slides .prev:hover,
#full-slides .next:hover{
    background-color: #fc6440;
}

/*-----------------------------------------------------------------------------------*
/* = Portfolio
/*-----------------------------------------------------------------------------------*/
#portfolio-wrap{
    width: 940px;
    position: relative;
    overflow: hidden;
    margin-bottom: -20px;
    margin-right: -20px;
}

#portfolio-description{
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: double #ddd;
}
#portfolio-description p:last-child{
    margin: 0;
}

#portfolio-bycat-description{ }
#portfolio-bycat-description p:last-child{
    margin: 0;
}

#portfolio-by-category-wrap .portfolio-category{
    margin-right: -20px;
}
#portfolio-by-category-wrap .portfolio-category .heading{
    margin-right: 20px;
}

#portfolio-wrap ul{
    margin: 0px;
    list-style: none;
}

.no-margin{
    margin-right: 0px !important;
}
.no-border{
    border-right: 0px !important;
}

ul.filter{
    font-size: 12px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    right: 0px;
    list-style: none;
    color: #999;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
}
ul.filter li{
    float: left;
    margin-right: 10px;
    padding-right: 16px;
    background: url("images/asterisk.png") right center no-repeat;
}
ul.filter a{
    color: #999;
    padding-bottom: 3px;
    text-decoration: none;
}
ul.filter li:last-child{
    margin: 0;
    padding: 0;
    background: 0;
}

ul.filter a:hover,
ul.filter a.active{
    color: #333;
}
ul.filter a.active{
    border-bottom: 3px solid #fd7f61;
}


/*portfolio items*/
.portfolio-item{
    overflow: hidden;
    position: relative;
    float: left;
    width: 215px;
    margin-right: 20px;
    margin-bottom: 20px;
}
.portfolio-item a{
    display: block;
    background: #222;
    text-decoration: none;

}
.portfolio-item img{
    display: block;
}
.portfolio-item h3{
    text-align: center;
    margin: 0;
    background: #222;
    color: #fff;
    padding: 5px;
    font-size: 12px;
}

/*single portfolio*/
#single-portfolio{
}
#single-portfolio-left{
    float: left;
    width: 380px;
}

#single-portfolio-left h1{
    font-size: 18px;
    line-height: 1em;
}
#single-portfolio-meta{
    font-size: 11px;
    margin-bottom: 20px;
    background: #fff url("images/line-bg.png");
    border: 1px solid #ddd;
    line-height: 26px;
    margin: 30px 0;
    padding: 26px 20px 23px;
    color: #666;
    box-shadow: 0 2px 2px rgba(0,0,0, .08);

}
#single-portfolio-meta:before {
    background: url("images/line-tape.png") center center no-repeat ;
    content: '';
    float: left;
    height: 25px;
    margin-top: -38px;
    width: 100%;
}

#single-portfolio-meta span{
    font-size: 12px;
    margin-right: 5px;
    font-weight: bold;
}
#single-portfolio-meta a:hover{}


/* portfolio images/slider*/
#single-portfolio-right{
    float: right;
    width: 510px;
    text-align: center;
    display: block;
    margin: 0 0 15px;
    padding: 0;
}
#single-portfolio-right img{
    border: 5px solid #ddd;
    border-color: rgba(0,0,0, 0.12);
}
#single-portfolio-right img:last-child{
    margin-bottom: 0px;
}
#portfolio-slides-wrap{
    position: relative;
    min-height: 100px;
    background:url("images/loader.gif") no-repeat 50% 50%;
}
#portfolio-slides-wrap .flex-control-nav{
    margin-top: 15px;
}
#portfolio-slides-wrap .flex-control-nav li{
    float: left;
}
#portfolio-slides-wrap .flex-control-nav a{
    cursor: pointer;
    font-size: 11px;
    line-height: 23px;
    height: 23px;
    width: 23px;
    text-align: center;
    margin-right: 7px;
    display: block;
    float: left;
    background: url("images/pagination-bg.png") repeat-x;
    color: #666;
    border: 1px solid #ababab;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.1);
    box-shadow: 0 0 3px rgba(0,0,0,.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
}
#portfolio-slides-wrap .flex-control-nav a:hover{
    text-decoration: none;
    background: #fff url("images/pagination-bg-hover.png") repeat-x;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.3);
    box-shadow: 0 0 3px rgba(0,0,0,.3);
}
#portfolio-slides-wrap .flex-control-nav a.active{
    background: #ccc url("images/pagination-bg-active.png") repeat-x;
}


/*related projects*/
#single-portfolio-related{
    margin-top: 25px;
}
#single-portfolio-related .portfolio-item{
    margin-bottom: 0px;
}

/*portfolio next/prev*/

#single-portfolio-nav{
    font-size: 12px;
    margin-top: 25px;
    padding-top: 25px;
    border-top: double #ddd;
}

#single-portfolio-nav a:hover{
    font-style: italic;
}
#single-portfolio-nav .column-last{
    float: right;
    text-align: right;
}


/*full portfolio*/
.full-portfolio #single-portfolio-left{
    width: 260px;
}
.full-portfolio #single-portfolio-meta{
    margin: 11px 0 0;

}
#full-portfolio-content{
    float: right;
    width: 635px;
}
.full-portfolio.meta-disable #full-portfolio-content{
    float: none;
    width: 100% !important;
}

/*portfolio grid*/
#portfolio-grid{
    margin-bottom: 20px;
    border-bottom: double #ddd;
}

/*-----------------------------------------------------------------------------------*
/* = Posts & Pages
/*-----------------------------------------------------------------------------------*/
.post{
    float: left;
    width: 660px;
}
.full-width{
    float: none !important;
    width: 100% !important;
}
.loop-entry{
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
}
.loop-entry:last-child{
    border: none;
    margin: 0;
    padding: 0;
}
.loop-entry-left{
    float: left;
    width: 100px;
}
.loop-entry-right{
    float: right;
    width: 520px;
}

.loop-entry-thumbnail{
    margin-bottom: 25px;
}
.loop-entry-thumbnail img{
    width: 100%;
    display: block;
    margin: 0px;
    border-bottom: 5px solid #ddd;
    border-color: rgba(0,0,0, 0.15);
    transition: border 0.4s ease;
    -webkit-transition: border 0.4s ease;
    -o-transition: border 0.4s ease;
    -moz-transition: border 0.4s ease;
}
.loop-entry-thumbnail a:hover img{
    border-color: #fc7251;
}
.loop-entry h2{
    margin-top: -5px;
    margin-bottom: 10px;
    font-size: 16px;
}

.entry { }
.single .entry img{ max-width: 100%; }
.entry ul,
.entry ol {
    margin-left: 30px;
    margin-bottom: 10px;
    list-style: inherit;
}
.entry ol{
    list-style: decimal;
}

/*thumbnail*/
.post-thumbnail{
    margin-bottom: 20px;
}
.post-thumbnail img{
    width: 100%;
    border-bottom: 4px solid #ddd;
    border-bottom: 5px solid #ddd;
    border-color: rgba(0,0,0, 0.15);
}

/*post meta*/
#post-meta{
    width: 100px;
    float: left;
    background: #2b2b2b;
    background: rgba(0,0,0, 0.8);
    padding: 10px;
    margin-right: 20px;
    margin-bottom: 0px;
}

.post-date{
    margin: -10px -10px 0;
    padding: 3px 10px;
    background: #fc7150;
    color: #fff;
    text-align: left;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
}

#post-meta ul{
    margin: 0;
    list-style: none;
}
.post-author,
.post-cat{
    font-size: 11px;
    text-align: left;
    color: #ccc;
    font-style: italic;
}

.post-author a,
.post-cat a{
    font-weight: bold;
    color: #a1a1a1;
    text-decoration: none;
}
.post-author a:hover,
.post-cat a:hover{
    color: #fff;
}



/*post tags*/
.post-tags {
    margin-top: 25px;
    font-size: 12px;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}
.post-tags h4{
    margin: 0 0 10px;
}
.post-tags a {
    background: url("images/asterisk.png") right no-repeat;
    padding-right: 15px;
    margin-right: 8px;
}
.post-tags a:last-child{
    background: none;
    margin: 0;
    padding: 0;
}


/*-----------------------------------------------------------------------------------*
/* = Services
/*-----------------------------------------------------------------------------------*/

#services-wrap{ }

#services-description{
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: double #ddd;
}
#services-description p:last-child{
    margin: 0;
}

#service-tabs{
    float: left;
    width: 240px;
}
#service-content{
    float: right;
    width: 655px;
    margin-top: -5px; /*fixes small line-height issue so content matches tabs*/
}
#service-content h2{
    font-size: 21px;
}

#service-tabs li{
    list-style: none;
}
#service-tabs a{
    font-weight: bold;
    color: #000;
    display: block;
    background: #aaa;
    padding: 20px;
    margin-bottom: 20px;
    text-decoration: none;
    text-shadow: 0px 0px 1px rgba(255,255,255, 0.8);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}
#service-tabs a span{
    margin-right: 10px;
}
#service-tabs a:hover{
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}
#service-tabs li.active a{
    background: #fc6440;
    color: #fff;
    text-shadow: none;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
#service-content h2:first-child{
    margin-top: 0px;
}

/*-----------------------------------------------------------------------------------*
/* = FAQ's
/*-----------------------------------------------------------------------------------*/

#faqs-cats{
    margin-bottom: 25px;
    text-align: center;
    width: 100%;
    height: 25px;
}
#faqs-cats li{
    display: inline-block;
    margin-right: 5px;
}
#faqs-cats a{
    position: relative;
    display: block;
    padding: 0 15px;
    height: 25px;
    line-height: 25px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    background: #111;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
}
#faqs-cats a:hover,
#faqs-cats .active{
    background: #fc6440;
    color: #fff;
}

#faqs-cats .active:after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 50%;
    margin-left: -6px;
    width: 0px;
    height: 0px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #fc6440;
    font-size: 0px;
    line-height: 0px;
}

#faqs-wrap,
.faqs-container{
    width: 920px;
    overflow: hidden;
    height: auto;
}
.faq-item{
    margin-bottom: 20px;
}
.faq-title{
    cursor: pointer;
    background-color: #eee;
    background-image: url("images/minus.png");
    background-position: 98% center;
    background-repeat: no-repeat;
    margin: 0;
    font-size: 14px;
    color: #666;
    border: 1px solid #ddd;
    text-shadow: 0 0 1px #fff;
}

.faq-title:hover{
    background-color: #e6e6e6;
    color: #333;
}
.faq-title.active{
    background-image: url("images/plus.png");
    background-color: #e6e6e6;
    border-bottom: none;
    color: #333;
}

.faq-title span{
    display: block;
    padding: 15px;
    padding-left: 60px;
    background: url("images/question.png") 10px center no-repeat;
}

.faq-content{
    display: none;
    padding: 20px;
    padding-left: 60px;
    background: #fff url("images/answer.png") 10px 18px no-repeat;
    border: 1px solid #ddd;
}

.faq-content p:last-child{
    margin: 0;
}

/*-----------------------------------------------------------------------------------*
/* = Testimonials - Post Type
/*-----------------------------------------------------------------------------------*/

#testimonials-description{
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: double #ddd;
}
#testimonials-description p:last-child{
    margin-bottom: 0;
}

.testimonial-item{
    margin-bottom: 25px;
}
.testimonial {
    font-family: Georgia, "Times New Roman", Times, serif;
    position: relative;
    padding: 15px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    color: #777;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 13px;
    line-height: 1.6em;
    font-style: italic;
    text-align: center;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,.1);
    box-shadow: 0 0 4px rgba(0,0,0,.1);
}
.testimonial p:last-child{
    margin: 0;
}
.testimonial:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    height: 10px;
    width: 20px;
    background: url("images/testimonial-arrow.png") no-repeat;
    display: block;
}
.testimonial p:last-child {
    margin-bottom: 0px;
}
.testimonial-author {
    text-align: center;
    color: #999;
    font-size: 11px;
    font-weight: bold;
    font-family: 'Helvetica Neue', Helvetica, Arial;
    font-style: normal;
    color: #444;
}


/*-----------------------------------------------------------------------------------*
/* = Pagination
/*-----------------------------------------------------------------------------------*/
.page-pagination{
    margin-top: 20px;
}
.page-pagination a,
.page-pagination span{
    font-size: 11px;
    line-height: 23px;
    height: 23px;
    width: 23px;
    text-align: center;
    margin-right: 7px;
    display: block;
    float: left;
    background: url("images/pagination-bg.png") repeat-x;
    color: #666;
    border: 1px solid #ababab;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.1);
    box-shadow: 0 0 3px rgba(0,0,0,.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
}
.page-pagination a:hover{
    text-decoration: none;
    background: #fff url("images/pagination-bg-hover.png") repeat-x;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.3);
    box-shadow: 0 0 3px rgba(0,0,0,.3);
}
.page-pagination span.current{
    background: #ccc url("images/pagination-bg-active.png") repeat-x;
}

/*-----------------------------------------------------------------------------------*
/* = Comments
/*-----------------------------------------------------------------------------------*/
#commentsbox {
    width: 100%;
    overflow: hidden;
    margin-top: 25px;
}
#comments{
    text-transform: none;
    font-weight: bold;
    color: #333;
    font-size: 13px;
    margin-top: 20px;
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #d6d6d6;
}
#commentsbox ol,
#commentsbox ul {
    list-style: none;
    margin: 0 !important;
}
#commentsbox li { }
.children {
    list-style: none;
    margin: 30px 0 0;
    text-indent: 0;
}
.children li.depth-2 { margin: 0 0 0px 65px }
.children li.depth-3 { margin: 0 0 0px 65px }
.children li.depth-4 { margin: 0 0 0px 65px }
.children li.depth-5 { margin: 0 0 0px 65px }
.children li.depth-6 { margin: 0 0 0px 65px }
.children li.depth-7 { margin: 0 0 0px 65px }
.children li.depth-8 { margin: 0 0 0px 65px }
.children li.depth-9 { margin: 0 0 0px 65px }
.children li.depth-10 { margin: 0 0 0px 65px }
.comment-body {
    position: relative;
    padding: 15px 15px 0;
    margin-left: 65px;
    margin-bottom: 30px;
    background: #ffffff;
    border: 1px solid #EBEBEB;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
}
.comment-body p{
    margin-bottom: 15px !important;
}
.comment-body:after {
    content: '';
    position: absolute;
    top: 10px;
    left: -12px;
    width: 12px;
    height: 20px;
    background: url("images/comment-arrow.png") no-repeat;
}
.comment-body:hover{
}
.reply{
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
}
.comment-reply-link {
    font-size: 10px;
}
.comment-reply-link:hover{
}
.comment-body:hover .reply{
    display: block;
}
#commentsbox .avatar {
    position: absolute;
    top: 0px;
    left: -65px;
    height: 40px;
    width: 40px;
    padding: 2px;
    border: 1px solid #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.comment-author {
    font-weight: bold;
    color: #000;
}
.says { display: none }
.comment-meta{
    margin-bottom: 10px;
}
.comment-meta a {
    font-size: 11px;
    font-style: italic;
    color: #666;
}
.cancel-comment-reply {
    margin-top: -10px;
}
.cancel-comment-reply a {
    color: #F00;
    line-height: 20px;
    height: 20px;
}
.cancel-comment-reply a:hover{
    text-decoration: underline;
}
#comments-respond {
    clear: left;
    text-transform: none;
    font-weight: bold;
    color: #333;
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 15px;
}
#comments-respond-meta{
    font-size: 11px;
}
#commentform label {
    display: block;
}
#commentform input#author,
#commentform input#email,
#commentform input#url {
    width: 45%;
    color: #666;
    text-shadow: 1px 1px 0px #FFF;
    border: 1px solid #cecece;
    outline: none;
    padding: 10px 5px;
    margin-top: 10px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color: #fff;
}
#commentform textarea {
    display: block;
    padding: 10px;
    width: 100%;
    color: #666;
    margin-top: 10px;
    text-shadow: 1px 1px 0px #FFF;
    border: 1px solid #cecece;
    background-color: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#commentform input#author:focus,
#commentform input#email:focus,
#commentform input#url:focus,
#commentform textarea:focus {
    border-color: #bdbdbd !important;
    -webkit-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.1);
    box-shadow: inset 1px 1px 4px rgba(0,0,0,0.1);
}
#commentSubmit {
    font-size: 12px;
    margin-top: -5px;
    margin-bottom: 20px;
    outline: none;
    padding: 0px !important;
}

/*WP JetPack*/
.comment-subscription-form{
    font-size: 12px;
}
.comment-subscription-form input{
    float: left;
    margin-right: 5px;
}



/*-----------------------------------------------------------------------------------*/
/* = Form Styling
/*-----------------------------------------------------------------------------------*/
/*input[type="text"],
input[type="password"] {
        margin-top: -12px;
}
input[type="text"],
input[type="password"],
textarea {
    color: #999;
    padding: 7px;
        border: 1px solid #ddd;
    background: #fff;
        -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
        background: #fff;
        border: 1px solid #bdbdbd !important;
        color: #444;
        -webkit-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.1);
        -moz-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.1);
        box-shadow: inset 1px 1px 4px rgba(0,0,0,0.1);
}*/
/*contact form 7 specific*/
.wpcf7-form{
}
.wpcf7 input[type="text"] {
    width: 250px;
}
.wpcf7 textarea {
    width: 95%;
    margin-top: 5px;
}
.wpcf7-form p {
    margin: 0;
    margin-bottom: 20px;
    font-weight: bold;
}
.wpcf7-submit{
    margin-top: -5px;
}

div.wpcf7-validation-errors,
.wpcf7-not-valid-tip {
    text-shadow: none;
    border: transparent !important;
    background: #f9cd00;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px !important;
    font-weight: bold;
    color: #9C6533;
    text-shadow: 1px 1px 1px rgba(255,255,255, 0.4);
    text-align: center;
    margin: 0 !important;
}
div.wpcf7-validation-errors{
    width: 95%;
    padding: 10px 5px !important;
}

.wpcf7-not-valid-tip {
    display: block;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    background: #FFF780 !important;
    font-size: 12px !important;
    margin-top: 8px !important;
    width: 40% !important;
}
span.wpcf7-not-valid-tip{
    text-align: center;
    text-shadow: none;
    padding: 5px;
    font-size: 11px;
    background: #ff5454 !important;
    border-color: #ff5454;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.wpcf7-mail-sent-ok{
    text-align: center;
    text-shadow: none;
    padding: 10px;
    font-size: 11px;
    background: #59a80f !important;
    border-color: #59a80f;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}



/*-----------------------------------------------------------------------------------*
/* = Sidebar
/*-----------------------------------------------------------------------------------*/
#sidebar {
    width: 235px;
    float: right;
}
.sidebar-box {
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.sidebar-box h4 {
    margin-top: 0px !important;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-face:'LeagueGothicRegular', Arial, sans-serif;letter-spacing: 0;
    font-size: 12px;
    letter-spacing: 1px;
    border-bottom: double #ddd;
}
.sidebar-box h4 span{
}
.sidebar-box ul {
    list-style: none;
    list-style-position: inside;
    margin: 0px;
}
.sidebar-box li{
    margin-bottom: 5px;
}

/*-----------------------------------------------------------------------------------*/
/* = Gallery
/*-----------------------------------------------------------------------------------*/
.gallery-wrap{
    margin-right: -20px;
}
.gallery-photo {
    float: left;
    width: 215px;
    margin-right: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}
.gallery-photo img{
    border: 5px solid #ddd;
    border-color: rgba(192,192,192, 0.4);
    display: block;
    -webkit-transition: border 0.3s ease-in-out;
    -moz-transition: border 0.3s ease-in-out;
    -o-transition: border 0.3s ease-in-out;
    -ms-transition: border 0.3s ease-in-out;
    transition: border 0.3s ease-in-out;
}
.gallery-photo a:hover img{
    border-color: #fc6440;
}


/*-----------------------------------------------------------------------------------*/
/* = Staff
/*-----------------------------------------------------------------------------------*/

#staff-description{
    padding-bottom: 25px;
    border-bottom: double #ddd;
}
#staff-description p:last-child{
    margin: 0;
}
#staff-wrap{
    margin-top: 25px;
    margin-right: -25px;
}
.staff-member{
    position: relative;
    width: 100px;
    float: left;
    margin-right: 25px;
    margin-bottom: 25px;
    padding: 4px;
    background: #fff;
    border: 1px solid #ddd;
}
.staff-img img{
    display: block;
}
.staff-meta{
    display: none;
    position: absolute;
    width: 120px;
    top: -30px;
    left: 50%;
    margin-left: -70px;
    background: #222;
    color: #999;
    padding: 10px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,.4);
    -moz-box-shadow: 0 0 7px rgba(0,0,0,.4);
    box-shadow: 0 0 7px rgba(0,0,0,.4);
}
.staff-meta{
    font-size: 11px;
}
.staff-meta h3{
    margin: 0px;
    font-size: 13px;
    color: #fff;
}
.staff-meta:after{
    content: "";
    display: block;
    position: absolute;
    bottom: -7px;
    left: 50%;
    margin-left: -10px;
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #222;
    font-size: 0px;
    line-height: 0px;
}

/*staff posts*/
.staff-post img:first-child{
    border: 5px solid #d4d4d4; /*for IE*/
    border-color: rgba(192,192,192, 0.3);
}

/*-----------------------------------------------------------------------------------*/
/* = Widgets
/*-----------------------------------------------------------------------------------*/

/*recent posts*/
.widget_recent_entries li{
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
}
.widget_recent_entries a:hover{
    text-decoration: hover;
}

#footer .widget_recent_entries li{
    border-color: #323232;
}

/*tagcloud*/
.tagcloud a {
    float: left;
    text-shadow: none;
    font-size: 12px !important;
    line-height: 1em !important;
    display: block;
    color: #666;
    text-shadow: 1px 1px 1px #fff;
    margin-right: 5px;
    margin-bottom: 7px;
    padding: 6px 8px 6px 15px;
    line-height: 1.3em;
    background: #eee url("images/tagcircle.png") 5px center no-repeat;
    border: 1px solid #ddd;
    /*rounded corners*/
    webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.tagcloud a:hover{
    background-color: #f9f9f9;
    text-decoration: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

#footer .tagcloud a {
    text-shadow: none;
    color: #fff;
    background-color: #444;
    background-image: none;
    border: none;
    padding: 6px 8px;
}
#footer .tagcloud a:hover{
    color: #000;
    background-color: #fc7251 !important;
    text-decoration: none;
}

/*calendar*/
#sidebar #wp-calendar caption { color: #999; }
#sidebar #wp-calendar tbody { color: #666; }
#sidebar #wp-calendar tbody td { background: #fff; border: 1px solid #eee;}
#sidebar #wp-calendar tbody td:hover{ background: #eee; }
#sidebar #wp-calendar tbody a { color: #ef4034 !important; }

#footer #wp-calendar caption { color: #999; }
#footer #wp-calendar tbody { color: #666; }
#footer #wp-calendar tbody td { background: #333; border: 1px solid #000;}
#footer #wp-calendar tbody td:hover{ background: #555; color: #fff; }
#footer #wp-calendar tbody a { color: #fff !important; }


/*subscribe*/
#subscribe-blog #subscribe-field{
    margin-top: 5px;
    webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#subscribe-blog input{
    width: 100px !important;
}
#subscribe-blog #subscribe-field:focus{ }
#subscribe-blog input[type="submit"] {
    cursor: pointer;
    padding: 5px;
    font-size: 11px;
    background: #ffd964 url("images/yellow-btn.png");
    border: 1px solid #F9B653;
    color: #9C6533 !important;
    text-shadow: 1px 1px 0px rgba(255,255,255,0.4);
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
    webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
#subscribe-blog input[type="submit"]:hover{
    opacity: 0.90;
}

#sidebar #subscribe-blog{
    font-size: 12px;
}
#sidebar #subscribe-blog #subscribe-field{
    font-size: 11px;
    width: 100% !important;
    padding: 10px 5px !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#footer #subscribe-blog #subscribe-field{
    background: #444;
    border: 1px solid #2b2b2b;
}
#footer #subscribe-blog #subscribe-field:focus{
    background-color: #555;
    color: #fff;
}

/*twitter*/
.widget_twitter h4{
    background: url("images/twitter-widget-icon.png") right top no-repeat;
}
ul.tweets li{
    margin-bottom: 10px;
}
#sidebar .tweets a{
    color: #444;
    font-weight: bold;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}
#sidebar .tweets a:hover{
    text-decoration: none;
    text-shadow: none;
    color: #000;
    background: #f0b910;
}


/*testimonial widget*/
.widget_office_testimonials h4{
    position: relative;
}
#testimonials-slider{
    position: relative;
}
#testimonials-slider .flex-control-nav{
    position: absolute;
    right: 0px;
    top: -50px;
    height: 8px;
}
#testimonials-slider .flex-control-nav li{
    display: inline-block;
    zoom: 1;
    *display: inline;
    text-align: center;
}
#testimonials-slider .flex-control-nav a{
    cursor: pointer;
    height: 8px;
    width: 8px;
    display: inline-block;
    margin: 0;
    margin-left: 5px;
    background: #999;
    text-indent: -9999px;
    -webkit-border-radius: 99px;
    -moz-border-radius: 99px;
    border-radius: 99px;
}
#footer #testimonials-slider .flex-control-nav a{
    background: #666;
}
#testimonials-slider .flex-control-nav a.active{
    background: #000;
}
#footer #testimonials-slider .flex-control-nav a.active{
    background: #fff;
}
.testimonial-content {
    position: relative;
    padding: 15px 15px 20px;
    border: 1px solid #ddd;
    color: #444;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: 'PT Serif', Georgia;
    font-size: 12px;
    font-style: italic;
}
.testimonial-content:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    height: 10px;
    width: 20px;
    background: url("images/testimonial-arrow.png") no-repeat;
    display: block;
}
.testimonial-content p:last-child {
    margin-bottom: 0px;
}
.testimonial-by {
    margin: 10px 0;
    text-align: center;
    color: #999;
    font-size: 11px;
    font-weight: bold;
    font-family: 'Helvetica Neue', Helvetica, Arial;
    font-style: normal;
    color: #444;
}

#footer .testimonial-by {
    border: none !important;
    color: #fff;
}
#footer .testimonial-content{
    background-color: #121212;
    border-color: #000;
    color: #666;
}
#footer .testimonial-content:after {
    background: url("images/testimonial-arrow-dark.png") no-repeat;
}


.footer-widget{
    margin-bottom: 20px;
}
.callout-widget{
    margin-bottom: 0px;
}

#footer #searchbar{
    margin: 0;
}


/*flickr & recent work*/
.office-flickr-widget,
.widget-recent-portfolio{
    margin-right: -5px !important;
}
.widget-recent-portfolio li{
    margin: 0;
    padding: 0 !important;
    border: none;
    list-style: none;
}
.office-flickr-widget a,
.widget-recent-portfolio a{
    float: left;
    width: 45px;
    height: 45px;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 5px solid #ddd;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.office-flickr-widget a:hover,
.widget-recent-portfolio a:hover{
    border-color: #ff7944;
}
.office-flickr-widget img,
.widget-recent-portfolio img{
    display: block;
    width: 45px;
    height: 45px;
}

#footer .office-flickr-widget,
#footer .widget-recent-portfolio{
    margin-right: -8px !important;
}
#footer .office-flickr-widget a,
#footer .widget-recent-portfolio a{
    width: 54px;
    height: 54px;
    margin-right: 8px;
    margin-bottom: 8px;
}
#footer .office-flickr-widget a,
#footer .widget-recent-portfolio a{
    border-color: #222;
}
#footer .office-flickr-widget a:hover,
#footer .widget-recent-portfolio a:hover{
    border-color: #ff7944;
}
#footer .office-flickr-widget img,
#footer .widget-recent-portfolio img{
    display: block;
    width: 54px;
    height: 54px;
}

/*-----------------------------------------------------------------------------------*
/* = Footer
/*-----------------------------------------------------------------------------------*/
#browse { text-align:center;width:85%; background-color:#c1bbac;font:12px Oswald, Arial Narrow; color:#000000; text-decoration:none; padding:5px; float:left;}
#browse2 { text-align:center;width:85%; height:45px;font:12px Oswald, Arial Narrow;; color:#000000; text-decoration:none; padding:10px; float:left;}

#footer{
    position: relative;
    padding: 0 25px;
    background-image:url(images/footer_back.jpg);
    color: #7f7f7f;
    font-size: 12px;
    min-height: 5px;
}
#footer a{
    color: #ccc;
    text-decoration: none;
}
#footer a:hover{
    color: #fff;
}

#footer  ul{
    margin-left: 0px !important;
}

/*footer widgets*/

#callout-widget-wrap{ width:970px;
}
#callout-1,
#callout-2,
#callout-3,
#callout-4{
    float: left;
    width: 210px;
    margin: 10px;
    text-align:center;

}
#footer-widget-wrap{
}
#footer-left,
#footer-middle,
#footer-right{
    float: left;
    width: 280px;
    margin-top: 25px;
}
#footer-right{
}
#footer-middle{
    margin-left: 40px;
    margin-right: 40px;
}
#footer-right{
}


.footer-widget{
    color: #7f7f7f;
    margin-bottom: 25px;
}
.callout-widget{
    color: #2C2E2E;
    margin-bottom: 25px;
}
.footer-widget h4{
    color: #fff;
    font-family: "league-gothic-1","league-gothic-2";
    font-size: 13px;
    padding-bottom: 15px;
    margin: 0 0 15px;
    border-bottom: double #60779c;
}

.footer-widget li{
    padding: 5px 0;
}

/*footer bottom*/
#footer-bottom{
    margin: 10px auto;
    width: 970px;
    font-size: 11px
}
#footer-bottom a{
    color: #666;
}
#footer-bottom a:hover{
    color: #333;
}
#copyright {
    font-size: 10px;
    color:#666;
}
#footer-menu{
    width: 550px;
    float: right;
    font-size: 10px;
    text-align: right;
}
#footer-menu li{
    display: inline;
}
#footer-menu a{
    margin-right: 5px;
    padding-right: 10px;
    text-decoration: none;
    background: url("images/square.png") right center no-repeat;
}
#footer-menu li:last-child a{
    margin: 0;
    padding: 0;
    background: none;
}

#toplink{
    display: none;
    position: absolute;
    bottom: 0px;
    right: -60px;
    text-indent: -9999px;
    height: 40px;
    width: 40px;
    background: #666 url("images/arrow-up.png") center center no-repeat;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#toplink:hover{
    background-color: #000;
}

/*-----------------------------------------------------------------------------------*
/* = Search Bar
/*-----------------------------------------------------------------------------------*/
#searchbar {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: -10px;
}
#search {
    font-size: 11px;
    position: relative;
    width: 100%;
    padding: 10px 30px 10px 10px;
    outline: none;
    border: 1px solid #ddd;
    color: #666;
    margin: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#search:focus {
}
#searchsubmit {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -7px;
    background: url("images/search.png") no-repeat;
    text-indent: -9999px;
    border: none;
    outline: none;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.search-entry{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.search-entry h2{
    margin: 0 0 20px;
}
.search-portfolio-thumb{
    max-width: 45%;
    float: left;
    margin-right: 20px;
    padding: 4px;
    border: 1px solid #ddd;
}
.search-portfolio-thumb img{
    margin: 0px;
    padding: 0px;
    display: block;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
.search-portfolio-thumb:hover img{
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

/*-----------------------------------------------------------------------------------*/
/* = Shortcodes
/*-----------------------------------------------------------------------------------*/

/*hr*/
hr.none{ border: none; outline: none; height: 1px; background: none; }
hr.double-line{ }
hr.dotted-line{ border: none; border-top: 1px dotted #ccc; }
hr.solid-line{  border: none; border-top: 1px solid #ccc; }
hr.dashed-line{  border: none; border-top: 1px dashed #ccc; }

/*lists*/
.check ul { margin: 25px 0 25px 20px; list-style-image: url('images/shortcodes/check.png'); }
.bullets-gray ul { margin: 25px 0 25px 20px; list-style-image: url('images/shortcodes/bullets-gray.png'); }
.bullets-black ul { margin: 25px 0 25px 20px; list-style-image: url('images/shortcodes/bullets-black.png'); }
.bullets-blue ul { margin: 25px 0 25px 20px; list-style-image: url('images/shortcodes/bullets-blue.png'); }
.bullets-red ul { margin: 25px 0 25px 20px; list-style-image: url('images/shortcodes/bullets-red.png'); }
.bullets-purple ul { margin: 25px 0 25px 20px; list-style-image: url('images/shortcodes/bullets-purple.png'); }

/*alerts*/
.alert-red,
.alert-yellow,
.alert-green,
.alert-blue {
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    margin: 20px 0;
    color: #666; /*IE fail fix*/
    color: rgba(0,0,0, .6);
    text-shadow: 0px 0px 1px rgba(255,255,255, 0.3);
    display: block;
    padding: 20px;
    text-align: center;
    border: 1px solid rgba(0,0,0, 0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.alert-red.alignright,
.alert-yellow.alignright,
.alert-green.alignright,
.alert-blue.alignright{
    float: right;
    width: 50%;
    margin: 0 0 10px 20px;
}
.alert-red.alignleft,
.alert-yellow.alignleft,
.alert-green.alignleft,
.alert-blue.alignleft{
    float: left;
    width: 50%;
    margin: 0 20px 10px 0;
}
.alert-red p:last-child,
.alert-yellow p:last-child,
.alert-green p:last-child,
.alert-blue p:last-child{
    margin-bottom: 0;
}

.alert-title{
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: rgba(0,0,0, .7);
}

.alert-red {
    background: #ef7b7a;
}
.alert-yellow {
    background-color: #f6d570;
}
.alert-green {
    background: #bfd887;
}
.alert-blue {
    background: #b7d3ee;
}

/*buttons*/
.button { margin-right: 5px }
.button,
.button span {
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.button {
    white-space: nowrap;
    nowhitespace: afterproperty;
    line-height: 1em;
    position: relative;
    outline: none;
    overflow: visible;
    /* removes extra side padding in IE */
    cursor: pointer;
    nowhitespace: afterproperty;
    border:1px solid #999; /* IE */
    border:rgba(0,0,0,.1) 1px solid;
    /* Saf4+,Chrome,FF3.6 */
    border-bottom:rgba(0,0,0,.3) 1px solid;
    nowhitespace: afterproperty;
    background:-moz-linear-gradient(center top,rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%);/* FF3.6 */
    background:-webkit-gradient(linear,center bottom,center top,from(rgba(0,0,0,.1)),to(rgba(255,255,255,.1)));/* Saf4+,Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF',EndColorStr='#19000000'); /* IE6,IE7 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF',EndColorStr='#19000000')"; /* IE8 */
    -moz-user-select:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    user-select:none;
    margin-bottom:10px;
    font-family:'Helvetica Neue',Arial,sans-serif;
    font-size:11px;
    min-height:34px;
    text-decoration: none;
}
.button.full,
.button.full span { display: block }
.button:hover,
.button.hover { opacity: 0.8 }
.button:active,
.button.active { top: 1px }
.button span {
    position: relative;
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(0,0,0,0.25);
    border-top: rgba(255,255,255,.4) 1px solid;
    padding: 0.8em 1.3em;
    line-height: 1.3em;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
}
.button.black { background-color: #333 }
.button.gray { background-color: #666 }
.button.light-gray {
    background-color: #D5D2D2;
    text-shadow: 1px 1px 0px #FFF;
}
.button.light-gray span {
    color: #444;
    text-shadow: 1px 1px 0px #e7e7e7;
    border-top: rgba(255,255,255,.6) 1px solid;
}
.button.red { background-color: #D4363A }
.button.orange { background-color: #fc6440 }
.button.blue { background-color: #025D8C }
.button.pink { background-color: #e22092 }
.button.green { background-color: #86b662 }
.button.rosy { background-color: #FE4365 }
.button.brown { background-color: #7B5C5D }
.button.purple { background-color: #66435F }
.button.gold { background-color: #febd4c }


/*toggle*/
.toggle-wrap{
    margin: 10px 0;
}
h3.trigger {
    margin: 0px;
}
h3.trigger a {
    display: block;
    border: 1px solid #ddd;
    padding: 10px;
    outline: 0 !important;
    font-weight: 400;
    font-size: 12px;
    text-shadow: 1px 1px 1px rgba(255,255,255,1);
    margin-bottom: 0px;
    margin-top: 5px;
    text-indent: 25px;
    background-color: #fff;
    background-image: url("images/plus.png");
    background-position: 10px center;
    background-repeat: no-repeat;
}
h3.trigger a:hover,
h3.active a{
    background-color: #f5f5f5;
}

h3.active a {
    background-image: url("images/minus.png");
}

h3.active a:hover {
}

.toggle_container {
    background-color: #fff;
    overflow: hidden;
    padding: 20px;
    border: 1px solid #ddd;
    border-top: 0px;
}

/*accordion*/
.accordion h3 {
    font-size: 12px;
    text-shadow: 1px 1px 1px rgba(255,255,255,1);
    margin-bottom: 0px;
    margin-top: 5px;
}
.accordion h3 a {
    display: block;
    padding: 10px;
    border: 1px solid #ddd;
    background-color: #fff;
    outline: 0 !important;
    font-weight: 400;
    text-indent: 10px;
}
.ui-state-focus { outline: none; }
.accordion h3 a:hover,
.accordion .ui-state-active a {
    text-shadow: none;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.accordion .ui-accordion-content {
    padding: 20px;
    background: #fff;
    border: 1px solid #ddd;
    border-top: 0px;
}
.accordion .ui-accordion-content p:last-child { margin: 0px }

/*columns*/
.one-half,
.two-columns { width: 48% }
.one-third,
.three-columns { width: 30.66% }
.one-two-third { width: 65.33% }
.one-fourth,
.four-columns { width: 22% }
.one-three-fourths { width: 74% }
.one-fifth { width: 16.8% }
.one-sixth { width: 13.33% }

.two-columns,
.three-columns,
.four-columns ,
.one-two-third,
.one-three-fourths,
.one-half,
.one-third,
.two-third,
.one-fourth,
.three-fourth,
.one-fifth,
.one-sixth {
    position: relative;
    margin-right: 4%;
    float: left;
}
.column-last { margin-right: 0px }
.column-first { margin-left: 0px }

.column-last:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
}

/*tabs*/
.tab-shortcode{ }
.tab-shortcode ul.ui-tabs-nav {
    display: block;
    margin: 0 !important;
    padding: 0;
    border-bottom: solid 1px #ddd;
    margin-left: 1px !important;
}
.tab-shortcode	ul.ui-tabs-nav li {
    display: block;
    width: auto;
    height: 30px;
    padding: 0;
    float: left;
    margin-bottom: 0;
}
.tab-shortcode	ul.ui-tabs-nav li a {
    display: block;
    text-decoration: none;
    width: auto;
    height: 29px;
    padding: 0px 20px;
    line-height: 30px;
    border: solid 1px #ddd;
    border-width: 1px 1px 0 0;
    margin: 0;
    color: #666;
    background: #f5f5f5;
    font-size: 12px;
}
.tab-shortcode	ul.ui-tabs-nav .ui-state-active a {
    background: #fff;
    height: 30px;
    position: relative;
    top: -4px;
    padding-top: 4px;
    border-left-width: 1px;
    margin: 0 0 0 -1px;
    color: #111;
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
}
.tab-shortcode ul.ui-tabs-nav li:first-child .ui-state-active a {
    margin-left: 0; }
.tab-shortcode ul.ui-tabs-nav li:first-child a {
    border-width: 1px 1px 0 1px;
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
}
.tab-shortcode ul.ui-tabs-nav li:last-child a {
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
}

.tab-shortcode .tab_content{
    background: #fff;
    padding: 20px;
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}

/* Clearfixing tabs for beautiful stacking */
ul.tab-shortcode:before,
ul.tab-shortcode:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }
ul.tab-shortcode:after {
    clear: both; }
ul.tab-shortcode {
    zoom: 1; }

.ui-tabs-hide {
    display: none;
}


/* Pricing Tables*/
.pricing-table{
    width: 100%;
    margin: 25px 0;
}

.pricing-table li:last-child .pricing-content {
    border-right: 1px solid #e0e0e0;
}

.pricing{
    float: left;
    text-align: center;
}
.pricing-table{
    list-style: none !important;
    margin: 0 !important;
}
.pricing-table ul{
    list-style: none;
}

.pricing-content,
.pricing-header,
.pricing-button{
    -webkit-transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
}
.pricing:hover .pricing-content,
.featured-pricing:hover .pricing-header,
.featured-pricing:hover .pricing-button{
    background: #fffbc4;

}

.pricing-third{
    width: 33%;
}
.pricing-fourth{
    width: 25%;
}
.pricing-fifth{
    width: 20%;
}

.pricing-header {
    padding: 20px;
    border: 1px solid transparent;
    border-bottom: 0px;
}
.featured-pricing .pricing-header{
    border-color: #e0e0e0;
    background: #fff;
    margin-right: -1px;
}

.pricing-header h4 {
    font-size: 19px;
    font-weight: bold;
    color: #aaa;
    margin: 0px;
}
.featured-pricing .pricing-header h4{
    font-size: 21px;
    color: #000;
}

.price {
    font-weight: bold;
    font-size: 16px;
    color: #49ae3b;
    margin: 0px;
}
.featured-pricing .price{
    color: #e65940 !important;
}

.pricing-content{
    background: #fff;
    border: 1px solid #e0e0e0;
    border-right: 0px;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,.1);
    box-shadow: 0 0 4px rgba(0,0,0,.1);
}
.pricing-content ul{
    margin: 0;
    padding: 0;
}
.pricing-content li{
    padding: 15px;
    border-bottom: 1px solid #e0e0e0;
}
.pricing-content li:last-child{
    border-bottom: 0px;
}

.pricing-button{
    padding: 20px;
}
.pricing-button .button {
    margin: 0px;
}

.featured-pricing .pricing-button{
    background: #fff;
    border: 1px solid #e0e0e0;
    border-top: 0px;
    margin-right: -1px;
}

/*-----------------------------------------------------------------------------------*/
/* = Clean button
/*-----------------------------------------------------------------------------------*/
input[type="clean-button"],
.wpcf7-submit,
#commentSubmit {
    background: #eee; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
    border: 1px solid #aaa;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 4px 12px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #444;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 1px rgba(255, 255, 255, .75);
    cursor: pointer;
    margin-bottom: 20px;
    line-height: 21px;
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
input[type="clean-button"]:hover,
.wpcf7-submit:hover,
#commentSubmit:hover {
    color: #222;
    background: #ddd; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
    border: 1px solid #888;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
}
input[type="clean-button"]:active,
.wpcf7-submit:active,
#commentSubmit:active {
    border: 1px solid #666;
    background: #ccc; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */
}
input[type="clean-button"].full-width {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
}


/*-----------------------------------------------------------------------------------*
/* Sitemap
/*-----------------------------------------------------------------------------------*/

.sitemap-container ul{
    margin-bottom: 25px;
}

#sitemap-wrap h2{
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: 0px;
}

.sitemap-container li{
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
    border-bottom-color: rgba(192,192,192, 0.2);
}

.sitemap-container ul li:first-child{
    padding-top: 5px;
    border-top: 1px solid #eee;
    border-top-color: rgba(192,192,192, 0.2);
}

.sitemap-container a{
}
.sitemap-container a:hover{
    color: #000;
    text-decoration: none;
}

/*-----------------------------------------------------------------------------------*
/* = Gallery - WP Shortcode
/*-----------------------------------------------------------------------------------*/

.gallery-item img{
    border: 5px solid #ddd !important;
    border-color: rgaba(192,192,192, 0.4) !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/*-----------------------------------------------------------------------------------*
/* 404 Page
/*-----------------------------------------------------------------------------------*/
#error-page-title{
    font-size: 300px;
    text-align: center;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #D5D5D5;
    background: none;
    line-height: 1em;
    border: none;
}
#error-page-text{
    margin-top: -60px;
    text-align: center;
    font-size: 14px;
    color: #999;
}



/*-----------------------------------------------------------------------------------*
/* Updates
/*-----------------------------------------------------------------------------------*/

/*Version 1.5*/
.page-featured-img{ width: 100%; }

/*Version 1.6*/
#staff-by-department .staff-category{
    margin-right: -25px;
    margin-bottom: -25px;
}

/*Version 1.9*/
a#top-bar-callout{
    font-size: 14px;
}

/*-----------------------------------------------------------------------------------*
/* Custom
/*-----------------------------------------------------------------------------------*/

.full{ background-image:url(images/header_bground.jpg); background-repeat:no-repeat; width:100%; height:100%; padding-left:10px; padding-top:3px;padding-bottom:3px;}
.half{ background-image:url(images/header_short_bground.jpg); background-repeat:no-repeat; width:80%; height:100%; padding-left:10px; padding-top:3px;padding-bottom:3px;}
#frontSearch {
    margin-top:20px;
    background-image:url(images/search-back.png);
    background-repeat:no-repeat;

    width:550px;
    height:135px;
    float:right;
}

#frontSearchL {
    padding-top:45px;
    padding-left:20px;
    width:280px; max-width: 100%;
    height:100px;
    float:left;
    text-align:center;
    font-size:18px;
    font-family:Oswald;
    font-variant:all-caps;
    font-style:normal;
    line-height:24px;
    color:#b6aa9a;
}
#frontSearchR {
    padding-top:20px;
    padding-right:20px;
    width:230px; max-width: 100%;
    height:100px;
    float:right;
    font-size:14px;
    font-family:Oswald;
    text-align:center;
    color:#b6aa9a;
}
.searchtxt { font-size:12px; color:#FFF;}
#map-wrap {width:580px; float:right; position:relative; z-index:5000;}
#searchform {background:#efebdd; padding:10px; position:relative; z-index:8888;}
#searchform input[type="checkbox"] {width:auto; margin-right:6px;}
#searchform input[type="text"] {padding:5px; border:1px solid #9e9e9e;}
#searchform input#location {width:420px;}
#searchform input#keyword  {width:420px;}
#searchform select {padding:4px; border:1px solid #9e9e9e;}

/*#searchform label {font:18px "league-gothic-1"; color:#665a42;}*/
#searchform label {font:18px; color:#665a42;}
#searchform label .formsubtext {font:10px arial; color:#665a42;}

#searchform #rightBlock {float:right; width:550px;}
#searchform #rightBlock div {margin-right:10px;}

#searchform #locationBlock {float:left; margin-right:15px;}
#searchform #stateBlock {float:right;}
#searchform #distanceBlock {float:left; margin-top:10px;}
#searchform #keywordBlock  {float:left; margin:15px 15px 0px 0px;}
#searchform #submitBlock   {float:right; margin-top:31px;}
#searchform #submitBlock input[type="submit"] {cursor:pointer; margin:5px auto; padding:3px 30px; width:auto; border:none; font:16px; color:#fff; background:#cc6600;}
#searchform #submitBlock input[type="submit"]:hover {background:#a95604;}
#searchform #searchCopy {padding:10px 0px 0px 0px;}
#searchform #searchCopy span {font:15px; color:#000;}
#searchform #searchCopy a {color:#cc6600;}
#searchform #searchCopy a:hover {color:#a95604;}
#searchform #categoryMenu {background:#dad5c7;}

#cat-toggle-btn {padding:5px 5px 8px 5px; position:relative; height:3px; margin-top:10px;}
#cat-toggle {display:none; padding:10px 0px 10px 10px; width:550px; position:absolute; top:28px; left:0px; z-index:9999; background:#DAD5C7;}
#cat-toggle div {margin-right:10px;}

.opener {background:url(../images/toggle-btn-bg.png) no-repeat; cursor:pointer; background-position:111px -30px; padding-right:17px; font:18px; color:#cc6600; text-decoration:none;}
#cat-toggle-btn .active {background-position:111px 8px;}
img.loadingImg {margin:80px 0px 0px 165px;}
.categoryList {font:11px arial; color:#42371e; clear:both; border-top:1px solid #908574; padding-top:7px; margin-top:7px;}

/* Downloads Page */
.dlerror {color:#C00;font-weight:bold;}

/* Map */
#searchFilter .break {background:#c7c6bf; border-bottom:1px solid #fff; width:100%; height:1px; padding:0;}


#searchFilter input[type="checkbox"] {width:auto; margin-right:6px;}
#searchFilter input[type="text"] {padding:5px; border:1px solid #9e9e9e;}
#searchFilter input#location {width:290px;}
#searchFilter select {padding:4px; border:1px solid #9e9e9e;}

#searchFilter #leftBlock {float:left; width:300px;}
#searchFilter #leftBlock label, #searchFilter #rightBlock label {font:16px; color:#665a42;}
#searchFilter #leftBlock label .formsubtext {font:10px arial; color:#665a42;}

#searchFilter #rightBlock {float:right; width:575px;}
#searchFilter #rightBlock div {margin-right:10px;}

#searchFilter #locationBlock {width:255px;}
#searchFilter #distanceBlock {float:left; width:80px; margin-right:15px;}
#searchFilter #stateBlock {float:left; width:180px;}
#searchFilter #keywordBlock input#keyword {width:290px;}
#searchFilter #submitBlock {text-align:center;}
#searchFilter #submitBlock input[type="submit"] {cursor:pointer; margin:5px auto; padding:3px 30px; width:auto; border:none; font:16px; color:#fff; background:#cc6600;}
#searchFilter #submitBlock input[type="submit"]:hover {background:#a95604;}
#searchFilter #searchCopy {padding:10px 0px 0px 0px;}
#searchFilter #searchCopy span {font:15px; color:#000;}
#searchFilter #searchCopy a {color:#cc6600;}
#searchFilter #searchCopy a:hover {color:#a95604;}

#map {overflow:hidden; height:500px;}

.biz-details {float:left; width:450px;}
.biz-details .stdTopMargin {float:left; width:234px;}
.contact-biz {width:200px; background:#ebe6db; text-align:center; float:right; margin-top:25px;}
.contact-biz h1 {font:19px "league-gothic-1","league-gothic-2"; color:#000; background:#c7c1b5; margin-bottom:10px; padding:2px;}
.contact-biz input {width:165px; padding:3px 6px; margin-bottom:10px; border:1px solid #aaa;}
.contact-biz textarea {width:165px; height:42px; padding:3px 6px; margin-bottom:10px; border:1px solid #aaa;}
.contact-biz input.submit {padding:0px; width:57px; font:18px "league-gothic-1","league-gothic-2"; color:#000; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius: 4px;}

/* biz profile page */
#bizProfileText { width:450px; }
#bizProfileText h2 { color:#000; }
#bizProfileMap { width:450px;height:300px; }
#bizProfileLeftColumn { float:left; margin-right:20px;}
#bizProfileRightColumn { float:left; width:450px; padding:0; }


.entry-meta { color:#666666; }
#comments textarea { display:block; }

.post { padding-bottom:25px;border-bottom:1px solid #ddd; }

.bi {background:#EFE9D7; padding:10px; height:100%; margin-bottom:12px;}
.bi td {padding:5px;}
.bi input {padding:3px 6px; width:175px;}
.bi #memFormCol3 {margin-right:0px; width:auto; padding:0px;}
.bi #memFormCol4 {margin:0px 0px 0px 18px; width:auto; padding:0px;}
.bi #memFormCol4 input {width:198px;}
.bi #memFormCol3 td.phone input, .bi #memFormCol4 td.phone input {width:auto; padding:3px 1px;}
.bi #memFormCol5 {width:165px; float:right; margin:10px 10px 0px 0px; padding:0px;}
.bi #memFormCol5 input[type="radio"] {height:10px; width:10px; margin:0 10px 8px 0;}
.bi #memFormCol3 input[type="file"] {width:150px;}
.bi #memFormCol3 select {padding:3px 0px 3px 6px; width:189px;}
.bi #stihlDealer {float:none;}
.bi #stihlDealer input, .bi #stihlDealer textarea {width:150px; margin-bottom:8px;}
.bi #stihlDealer {width:auto; margin-left:0px; background:#C4B789; padding:10px 0px 3px 13px;}

.bi .basic-membership #stihlDealer input, .bi #stihlDealer .basic-membership textarea {width:195px; margin-bottom:8px;}

.bi-2 {background:#EFE9D7; padding:10px; height:100%; margin-bottom:12px;}
.bi-2 input[type="text"] {padding:3px 6px; width:175px;}
input[type="submit"].final-btn {width:auto;}

.claimlisting {width:450px; height:42px; background:url(http://www.independentwestand.org/wp-content/themes/Office/images/claimyourbusiness.jpg) no-repeat left center; padding:0;}
.claimlisting a {display:block; width:450; height:42px;}
.claimlisting p {margin:5px;}
.claimlisting p a {display:inline; width:0; height:0;}

.sm-links {width:440px; height:28px; background:#ebe6db; padding:10px 10px 0px 0px;}
.sm-links .sm {margin:0px; padding:0px; float:left; width:320px;}
.sm-links .sm li {list-style:none; display:inline;margin:0 10px;}
.sm-links a {font:12px Oswald, Arial Narrow;; color:#dd6b22; text-decoration:none;}
.sm-links a:hover {text-decoration:underline;}
.sm-links a.stihl {background:url(http://www.independentwestand.org/wp-content/themes/Office/images/stihl-sm.png) no-repeat left center; padding-left:44px; float:right; text-align:right;}
.sm-links a.facebook {background:url(http://www.independentwestand.org/wp-content/themes/Office/images/facebook.png) no-repeat left center; padding-left:22px;}
.sm-links a.twitter {background:url(http://www.independentwestand.org/wp-content/themes/Office/images/twitter.png) no-repeat left center; padding-left:22px;}
.sm-links span.stihldealer {background:url(http://www.independentwestand.org/wp-content/themes/Office/images/stihl-sm.png) no-repeat left center; font:12px Oswald, Arial Narrow; color:#dd6b22; padding-left:44px; float:right; text-align:right;}

.backButton {font:12px Oswald, Arial Narrow; color:#dd6b22;}

.reset { clear:both; }
.clearfix:after {content: '.'; height: 0; visibility: hidden; clear: both; display: block;}
.clearfix {}
.left { float:left;display:inline; }
.right { float:right;display:inline; }
.half { width:45%; }
.center { text-align:center; }
.box { padding:12px 12px 0 12px;background: #ebe6db; }
.stdTopMargin { margin-top:25px; }
.stdBottomMargin { margin-bottom:25px; }
.evenRow { background: #ebe6db; }
.evenRow td, .oddRow td { padding:4px; }

.field { margin-bottom:12px; }
.field label { display:block; }
.field input, .field select { display:block;width:150px; }
.field textarea { height:250px;width:350px; }
.field .checkbox { width:25px;display:inline; }
input[readonly] { background: buttonface; }
input[type="submit"] { width:175px; }
input[type="radio"] { width:20px;display:inline; }
input[type="checkbox"] { width:20px;display:inline; }
.field .radio, .field .checkbox { width:20px;display:inline; }
.qualifyingQuestion { float:right;width:800px;text-align:left; }
/* tabs */
ul.tabs {
    margin: 0 0 20px 0;
    padding: 0;
    padding-bottom:0 !important;
    float: left;
    list-style: none;
    height: 32px; /*--Set height of tabs--*/
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    width: 100%;
}
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 31px; /*--Subtract 1px from the height of the unordered list--*/
    line-height: 31px; /*--Vertically aligns the text within the tab--*/
    border: 1px solid #999;
    border-left: none;
    margin-bottom: -1px; /*--Pull the list item down 1px--*/
    overflow: hidden;
    position: relative;
    background: #e0e0e0;
}
ul.tabs li a {
    text-decoration: none;
    color: #000;
    display: block;
    font-size: 1.2em;
    padding: 0 20px;
    border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
    outline: none;
}
ul.tabs li a:hover {
    background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
    background: #fff;
    border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
    border: 1px solid #999;
    border-top: none;
    overflow: hidden;
    clear: both;
    float: left; width: 100%;
    background: #fff;
}
.tab_content {padding: 20px;font-size: 1.2em;background-color:#ebe6db; }

/*.dashRightCol {width:300px; border:1px solid #999;}*/
.dashCatCol {width:400px;}
.dashTitle {margin:0 0 20px 0;}


/* search results page */
#mapResults { width:650px;height:500px; }
#fullMapResults { width:950px;height:500px; }
#textResults { width:300px;height:500px;overflow:scroll; }
#searchFilter input { width:50px; }
#searchFilter div { padding-bottom:12px; }
#searchFilter input, #searchFilter img, #searchFilter span, #searchFilter select { vertical-align:middle;font-size:80%; }
#searchFilter span { padding:0 4px 0 4px; }
#listSearchResults { width:100%; }
.searchResult { margin:0 4px 4px 0;border: 1px solid #847A64; }
.infoWindow { width:150px;height:150px; }
.biz-search-image {margin:0 0 3px 3px; padding:2px; border:1px solid #e0dcd1;}

#joinForm, #registerForm {
    margin-top:10px;
    padding:20px;
    background-color:#ebe6db;
    border:1px solid #333;
}

#registerForm .formCalloutBox {
    margin-top:20px;
    padding:20px;
    width:200px;
    background-color:#cecac2;
    border:1px solid #333;
}

.changeAlert {text-align:center;color:#900;font-weight:bold;font-size:1.5em;padding:10px;border:1px solid #900;margin:10px;background:#FFE8E8;}



/* thank you for joining page */
#joinShare {
    width:550px;
}

#joinShare textarea {
    width:250px;
    height:200px;
    padding:4px;
    margin-top:25px;
}

#joinShare h2 {
    font-size:200%;
    text-align:center;
}

#joinShare ul, #joinShare li {
    list-style:none;
    margin:0;
    padding:0;
}

.shareOptions {
    width:220px;
    margin-top:50px;
}

#joinThanksCopy {
    width:355px;
}

#joinThanksSupporterCount {
    width:335px;
    height:196px;
    margin-top:25px;
    background:url(../images/bg-join-supporters.gif) top left no-repeat;
}

#joinThanksSupporterCount h2 {
    font-size:300%;
    color:#000;
    text-align:center;
    margin-top:50px;
}

#joinThanksSupporterCount h3 {
    font-size:150%;
    text-align:center;
    color:#000;
}
/* Gemstone calculator styles */
#calcColumnLeft {
    width:500px;
    min-height:644px;
    background-color:#fff;
    padding:20px;
    float:left;
}
#calcColumnRight {
    min-height:684px;
    width:440px;
    padding-right:20px;
    background:none;
    background-color:#fff;
    float:right;
}
#calcColumnRight img {
    padding-bottom:100px;
}
#gemcalcForm {
    padding:10px;
    background:#ece5cb;
}
#gemcalcForm select {
    margin-top:5px;
}
.gem_disclaimer {
    margin-top:20px;
    color:#666;
    font-size:0.80em;
    font-style:italic;
    float:left;
}
.gem_wreath {
    text-align:center;
    margin-top:100px;
}
#gem_display {
    margin-top:20px;
    width:100%;
    padding:0;
}
#gemtext {
    width:50%;
    float:left;
}
#geminfo {
    width:50%;
    text-align:center;
    float:right;
}
.gemhilite {
    color:#CC6600;
}
.gemdollars {
    font-family: "league-gothic-1","league-gothic-2";
    font-size:50px;
    color:#5e6037;
    margin-top:5px;
}
.gemdollartext {
    width:150px;
    font-family: "league-gothic-1","league-gothic-2";
    font-size:24px;
    line-height: 26px;
    margin:0 auto;
    margin-top:-20px;
}

/* END GEMSTONE STYLES */

/* MEMBERSHIP STYLES */

.memtitle {font-family: "league-gothic-1","league-gothic-2";font-size:20px;color:#444031;margin-top:5px;}
.memDash {font-family: "league-gothic-1","league-gothic-2";font-size:18px;color:#444031;margin-top:5px;}
.memorange {font-family: "league-gothic-1","league-gothic-2";font-size:20px;color:#f68326;margin-top:5px;}
.meminfo {font-family: Arial;font-size:11px;color:#5c5240;margin-top:5px; padding: 5px 5px 5px 5px;}

.membupgradebtn {font-family: "league-gothic-1","league-gothic-2";font-size:20px;background:#f68326;margin:5px;color:#fff;padding:0 5px;border:0; cursor: pointer;}

#memMessage { width:100%; float:left; margin-bottom:20px; padding-top:10px; background-color:#efe9d7;}
#memLeftCol { width:100%; padding: 5px 5px 5px 5px; float:left;}
#memRightCol { width:100%; padding: 5px 5px 5px 5px; float:right;}

#memFormCol1 {width:440px; margin-right:0px; padding: 10px 10px 10px 10px;float:left; background-color:#efe9d7;}
#memFormCol2 { width:450px; margin-left:0px; padding: 5px 5px 5px 5px; float:right;}
#memFormCol3 { width:230px; margin-right:20px; padding: 5px 5px 5px 5px; float:left;}
#memFormCol4 { width:230px; margin-left:10px; padding: 5px 5px 5px 5px; float:left;}
#memFormCol5 { width:230px; margin-left:10px; padding: 5px 5px 5px 5px; float:left;}
#stihlDealer { width:230px; margin-left:10px; padding: 5px 5px 5px 5px; float:right;}
.stihlBox {border:0px solid #666;background:#d2c493;padding:10px 10px 10px 10px;}

#memFormCol1 h3, .bi h3, .bi-2 h3 {margin:auto;}

#memCat1 { width:300px; margin-left:0px; padding: 5px 5px 5px 5px; float:left;}
#memCat2 { width:300px; margin-left:0px; padding: 5px 5px 5px 5px; float:left;}
#memCat3 { width:300px; margin-left:0px; padding: 5px 5px 5px 5px; float:left;}

/* END MEMBERSHIP STYLES */

/* biz profile page */
#bizProfileText { width:450px; }
#bizProfileText h2 { color:#000; }
#bizProfileMap { width:450px;height:300px; }
#claimBizText { width:450px; margin-top:40px;}

/* search results page */
#mapResults { width:650px;height:500px; }
#fullMapResults { width:950px;height:500px; }
#textResults { width:300px;height:500px;overflow:scroll; }
#searchFilter input { width:50px; }
#searchFilter div { padding-bottom:12px; }
#searchFilter input, #searchFilter img, #searchFilter span, #searchFilter select { vertical-align:middle;font-size:80%; }
#searchFilter span { padding:0 4px 0 4px; }
#listSearchResults { width:100%; }
.searchResult { margin:0 4px 4px 0;border: 1px solid #847A64; }
.infoWindow { width:150px;height:150px; }
.biz-search-image {margin:0 0 3px 3px; padding:2px; border:1px solid #e0dcd1;}

/*#sidebar-wrap {width:315px; border:1px solid #f00;}
#sidebar-wrap .sidebarnav {text-align:center;}
#sidebar-wrap #sidebar {margin:15px 0px; width:315px;}*/


/* Listings */
.sidebarnav .break {background:#c7c6bf; border-bottom:1px solid #fff; width:100%; height:1px; padding:0;}
.sidebarnav {background:#908574; text-align:center; padding:5px; width:310px;}
.sidebarnav input[type="button"] {font:14px Oswald, Arial Narrow, sans-serif; padding:0px 10px; color:#fff; border:none; background:none; cursor:pointer;}
.sidebarnav input[type="button"]:hover {}
.sidebarnav .sidebar_prev {}
.sidebarnav .sidebar_next {}

.featured {background:#ebe6db; border:1px solid #81755f; padding:10px; margin-bottom:8px; font:12px arial; color:#000;}
.featured a {color:#cc6600; font:bold 14px arial;}
.featured a:hover {color:#a95604;}
.featured img {border:1px solid #ddd7cb;}

#sidebar-wrap {width:320px; float:left;}
#sidebar-wrap #sidebar {height:600px; overflow-x:hidden; overflow-y:scroll; width:320px; margin-bottom:8px; background:#fff;}
#sidebar-wrap #sidebar div {border:1px solid #bfb9ae; padding:8px; font:12px arial; color:#000; margin:5px 0px !important; width:280px;}
#sidebar-wrap #sidebar div a {font:bold 14px arial;}
#sidebar-wrap #sidebar div a:hover {}

#map-wrap {width:580px; float:right; position:relative; z-index:5000;}

#joinShare ul.tabs {display:none;}
#joinShare .tab_container {border-top:1px solid #999;}
#joinShare .tab_content {border-bottom:1px solid #999;}


/*******************LCOde CSS*******************/

/*******************GRID BEGIN***********************/
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:before,
.clearfix:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.tablefix:before,
.tablefix:after {
    content: '\0020';
    display: table;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.tablefix:after {
    clear: both;
}

.tablefix {
    zoom: 1;
}

.container_12 {
    margin-left: auto;
    margin-right: auto;
    width: 912px;
}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
    display:inline;
    float: left;
    position: relative;
    margin-left: 4px;
    margin-right: 4px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12 {
    position:relative;
}

.alpha {
    margin-left: 0;
}

.omega {
    margin-right: 0;
}

.container_12 .grid_1 {
    width:68px;
}

.container_12 .grid_2 {
    width:144px;
}

.container_12 .grid_3 {
    width:220px;
}

.container_12 .grid_4 {
    width:296px;
}

.container_12 .grid_5 {
    width:372px;
}

.container_12 .grid_6 {
    width:448px;
}

.container_12 .grid_7 {
    width:524px;
}

.container_12 .grid_8 {
    width:600px;
}

.container_12 .grid_9 {
    width:676px;
}

.container_12 .grid_10 {
    width:752px;
}

.container_12 .grid_11 {
    width:828px;
}

.container_12 .grid_12 {
    width:904px;
}

.container_12 .prefix_1 {
    padding-left:76px;
}

.container_12 .prefix_2 {
    padding-left:152px;
}

.container_12 .prefix_3 {
    padding-left:228px;
}

.container_12 .prefix_4 {
    padding-left:304px;
}

.container_12 .prefix_5 {
    padding-left:380px;
}

.container_12 .prefix_6 {
    padding-left:456px;
}

.container_12 .prefix_7 {
    padding-left:532px;
}

.container_12 .prefix_8 {
    padding-left:608px;
}

.container_12 .prefix_9 {
    padding-left:684px;
}

.container_12 .prefix_10 {
    padding-left:760px;
}

.container_12 .prefix_11 {
    padding-left:836px;
}

.container_12 .suffix_1 {
    padding-right:76px;
}

.container_12 .suffix_2 {
    padding-right:152px;
}

.container_12 .suffix_3 {
    padding-right:228px;
}

.container_12 .suffix_4 {
    padding-right:304px;
}

.container_12 .suffix_5 {
    padding-right:380px;
}

.container_12 .suffix_6 {
    padding-right:456px;
}

.container_12 .suffix_7 {
    padding-right:532px;
}

.container_12 .suffix_8 {
    padding-right:608px;
}

.container_12 .suffix_9 {
    padding-right:684px;
}

.container_12 .suffix_10 {
    padding-right:760px;
}

.container_12 .suffix_11 {
    padding-right:836px;
}

.container_12 .push_1 {
    left:76px;
}

.container_12 .push_2 {
    left:152px;
}

.container_12 .push_3 {
    left:228px;
}

.container_12 .push_4 {
    left:304px;
}

.container_12 .push_5 {
    left:380px;
}

.container_12 .push_6 {
    left:456px;
}

.container_12 .push_7 {
    left:532px;
}

.container_12 .push_8 {
    left:608px;
}

.container_12 .push_9 {
    left:684px;
}

.container_12 .push_10 {
    left:760px;
}

.container_12 .push_11 {
    left:836px;
}

.container_12 .pull_1 {
    left:-76px;
}

.container_12 .pull_2 {
    left:-152px;
}

.container_12 .pull_3 {
    left:-228px;
}

.container_12 .pull_4 {
    left:-304px;
}

.container_12 .pull_5 {
    left:-380px;
}

.container_12 .pull_6 {
    left:-456px;
}

.container_12 .pull_7 {
    left:-532px;
}

.container_12 .pull_8 {
    left:-608px;
}

.container_12 .pull_9 {
    left:-684px;
}

.container_12 .pull_10 {
    left:-760px;
}

.container_12 .pull_11 {
    left:-836px;
}

.contents span, .contents div{
    font-family: Oswald;
}

.grid_row	{
    margin-top: 0.6em;
}

.grid-row-small	{
    border: none !important;
    margin: 2px 0px !important;
}

/*@media screen and (max-width:959px) {

}*/
/*******************GRID END***********************/

/*******************NAVIGATION MENU BEGIN***********************/
div#profile_nav {
    height: 38px;
    width: 100%;
    background-color: #574e3a;
    position: relative;
    border-bottom: 2px solid #283744;
}

div#profile_nav{
    font-family: Oswald;
    font-size: 14px;
    font-weight: 400;
}

div#profile_nav ul {
    padding: 0;
    border: 0px none;
    margin: 4px 0px 0px 8px;
    height: 100%;
    vertical-align: baseline;
}

div#profile_nav li {
    display: inline;
    float: left;
    margin-right:2px;
}

div#profile_nav a {
    display: inline-block;
    /*width: 130px;*/

    width: 120px;
    background-color: #685e45;
    border-radius: 4px 4px 0px 0px;
}

div#profile_nav a{
    color: #fff;
    text-align: center;
    text-decoration: none;
    line-height: 36px;
}

div#profile_nav li a {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

div#profile_nav li:last-child a {
    border-right: 0;
}

div#profile_nav a:hover{
    background-color: #ffffff;
    color: #333;
    text-decoration: underline;
}

div#profile_nav a.active {
    background-color: #ffffff;
    color: #333;
}

div#profile_nav a.disabled {
    color: #333;
}

div#profile_nav a.disabled:hover {
    background-color: #685e45;
    text-decoration: none;
}

div#profile_nav a#pull {
    display: none;
}

/*@media screen and (max-width:959px) {
    div#profile_nav {
        height: auto;
        border-bottom: 0;
        background-image: none;
    }

    div#profile_nav ul {
        display: none;
        height: auto;
        margin: auto;
    }

    div#profile_nav li {
        display: block;
        float: left;
        width: 49%;
    }

    div#profile_nav a {
        text-align: left;
        width: 100%;
        text-indent: 25px;
        background: none;
        border-radius: 0px 0px 0px 0px;
        padding: 0px;
    }

    div#profile_nav a#pull {
        display: table;
        background-color: #685e45;
        width: 100%;
        color: #ffffff;
    }
    div#profile_nav a#pull:after {
        content:" ";
        background: url(images/ifm/nav-icon.png) no-repeat;
        width: 30px;
        height: 30px;
        display: inline-block;
        position: relative;
        float: right;
        top: 10px;
    }
}

@media screen and (max-width:480px) {
    div#profile_nav li {
        display: block;
        float: left;
        width: 100%;
    }
    div#profile_nav a {
        text-align: left;
        width: 100%;
        text-indent: 25px;
        background: none;
        border-radius: 0px 0px 0px 0px;
    }
}
*/


/*******************NAVIGATION MENU END***********************/

/*@media screen and (max-width:600px) {
    img.gemstone{
        max-width: 600px;
    }
}

@media screen and (max-width:480px) {
    img.gemstone{
        max-width: 480px;
    }
}

@media screen and (max-width:320px) {
    img.gemstone{
        max-width: 320px;
    }
}*/

div.hidden-content{
    display: none;
}

.row-spacer{
    line-height: 0em;
    margin-bottom: 0.5em;
}
.row-liner{
    border-bottom: solid 1px #CCCCCC;
}
.row-dotter{
    border-bottom: dotted 1px #CCCCCC;
}

.business-image {
    border: solid 1px #cccccc;
    width: 128px;
    height: 128px;
    margin-top: 10px;
    border-radius: 6px;
    box-shadow: 4px 4px 4px #AAAAAA;
}

.business-photo {
    border: solid 1px #cccccc;
    width:218px;
    height:288px;
    margin-left: 0.5em;
}

div.product-photo{
    text-align: center;
}

.product-photo img {
    border: solid 1px #cccccc;
    width:224px;
    height:288px;
    margin: auto;
    padding: 0.5em;
}

.business-name {
    font-size:22px;
    margin-top: 10px;
}
.business-address {
    color: #AAAAAA;
    font-size: 16px;
    font-weight: normal;
    text-decoration: underline;
    text-shadow: 1px 1px #EEEEEE;
}

.business-name-small {
    font-family: Oswald !important;
    font-size:15px;
    font-weight: normal;
    color: #FF9337;
}
.business-address-small {
    font-family: Oswald !important;
    color: #333333;
    font-size: 13px;
    font-weight: normal;
}


.business-phone {
    font-size:18px;
}

.business-description,.product-description,.review-description, .newsletter-description,.offer-description {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
    margin-top: 5px;
}

div.product-name{
    display: block;
    line-height: 36px;
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #FF9337;
    padding: 0.5em;
    vertical-align: middle;
    text-align: center;
    clear: both;
}

.business-button{
    color:#ffffff;
    font-size:9px;
    width: 164px;
    border: none;
    background: url("images/ifm/button.png") no-repeat top left;
    height:30px;
    text-align: center;
    padding-right: 2em;
    text-transform: uppercase;
}

a.business-button{
    text-decoration:none !important;
    font-size: 11px;
    margin-bottom: 2px;
    display: inline-block;
    padding-top: 6px;
}

.business-button a{
    color: #ffffff;
    font-size: 11px;
}


.maps-direction{
    width: 60%;
    padding: 0.5em;
    margin: 0.5em;
}

.business-maps-display{
    width: 420px;
    height: 300px;
}
.business-directions-display{
    padding: 5px;
    padding-top: 0px;
}

.newsletter-title {
    font-family: Oswald !important;
    font-size:22px;
    color: #574e3a;
    margin-top: 10px;
}
.newsletter-subtitle {
    font-family: Oswald !important;
    font-size: 16px;
    font-weight: normal;
    color: #9a8056;
    margin-left:0.5em;
}
.offer{
    font-size: 11px;
    overflow: hidden;
    width: 100%;
    line-height: 17px;
    margin-top: 1em;
}

.offer .offer-image{
    float: none;
    margin-right: 5px;
    display: block;
    vertical-align: middle;
}

.offer-title {
    font-family: Oswald !important;
    font-size:22px;
    color: #574e3a;
    margin-top: 10px;
}

.field_legend{
    padding: .5em 1em;
    font-size: 14px;
    font-weight: bold;
    color: #685e45;
    font-stretch: ultra-condensed;
}

.field_value{
    font-family: Arial, Helvetical, Sans-serif;
    font-size: 13px;
    font-weight: normal;
    padding: 0em 1em;
    color: #574e3a;
}

.grey_box{
    background-color: #EEEEEE;
    float: left;
}

div.link_chain {
    height: 38px;
    width: 100%;
    position: relative;
}
div.link_chain ul {
    margin: 0px;
    padding: 0;
    height: 36px;
    display: table;
}

div.link_chain li {
    display: inline;
    float: left;
}

div.link_chain a {
    display: inline-block;
    line-height: 36px;
    font-family: tahoma;
    font-size: 12px;
    color: #FF9337;
    padding-right: 1em;
    vertical-align: middle;
}

div.link_chain li a {
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

div.link_chain li a:hover {
    text-decoration: none !important;
    cursor: default !important;
}

div.link_chain li:last-child a {
    border-right: 0;
}

/*@media screen and (max-width:959px) {
    div.link_chain {
        height: auto;
        border-bottom: 0;
        background-image: none;
    }

    div.link_chain ul {
        height: auto;
    }

    div.link_chain li {
        display: inline-block;
        float: left;
        width: 49%;
    }

    div.link_chain a {
        text-align: left;
        width: 100%;
        text-indent: 5px;
        background: none;
        border-radius: 0px 0px 0px 0px;
    }
}

@media screen and (max-width:480px) {
    div.link_chain li {
        display: block;
        float: left;
        width: 100%;
    }
}*/


.yelp{
    font-size: 11px;
    overflow: hidden;
    width: 100%;
    line-height: 17px;
    margin-top: 1em;
}

.yelp .yelp-rating{
    float: none;
    margin-top: 5px;
    margin-right: 5px;
    display: block;
    vertical-align: middle;
}

.yelp .yelp-review-count{
    float: none;
    display: block;
    color: #999;
    margin-top: 0.2em;
}

.yelp .yelp-user-image{
    float: none;
    margin-right: 5px;
    display: block;
    vertical-align: middle;
}

.yelp .yelp-user-name{
    float: none;
    display: block;
    color: #999;
    margin-top: 0.2em;
}
.yelp .yelp-url a{
    float: none;
    display: block;
    font-size: 11px !important;
    text-decoration: underline;
    margin-top: 0.2em;
}

.yelp-logo-div{
    font-size: 11px;
    overflow: hidden;
    width: 100%;
}

.yelp-logo-div .yelp-logo{
    background: url(images/ifm/yelp/Powered_By_Yelp_Red.png) no-repeat center center;
    float: left;
    width: 115px;
    height: 25px;
    margin: 5px 0px 9px 0em;
    padding: 0;
}

.yelp-logo-div .yelp-logo a{
    display: block;
    float: left;
    margin: 9px 0;
    width: 100%;
    height: 100%;
    text-indent: -1000em;
}

.rating	{
    position: relative;
    overflow: hidden;
    width: 78px;
    height: 15px;
}


.column{
    width: 210px;
    height: 75px;
    float: left;
    display: block;
    padding: 5px 5px;
}

.features{
    float: left;
    width: 100%;
}


.margined{
    margin: 1em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.boxed{
    border: solid 1px #c2c287;
}

.shaded{
    background-color: #ebe6db;
}

.dealer{
    background-color: #d2c493;
}


.dark{
    background-color: #574e3a;
}


.last	{
    border: none !important;
}

.sidebar{
    padding: 0px 4px;
}

/*@media all and (max-width: 959px) {


}
*/
.info-box {
    background:#ebe6db;
    border-top: 10px solid #ebe6db;
    border-bottom: 10px solid #ebe6db;
}


.contact-detail {
    font-family: tahoma;
    font-size: 12px;
}

.product-image {
    height:176px;
    width:162px;
}

.review-button {
    background-color:#988563;
    color:#ffffff;
    font-size:9px;
    width: 115px;
}
.page-width {
    width: 960px;
}

.rating-link {
    font-family: tahoma;
    font-size: 10px;
    padding-left: 1.7em;
    padding-right: 0.5em;
    text-align:center;
}
.search-tab {
    overflow: hidden;
    background: #574e3a;
    width: 910px;
    padding-left: 8px;
    height: 44px;
    font-size: 14px;
    font-family: Oswald !important;
    font-style: normal;
    font-weight: normal;
    margin-top: 10px;
}
.map-image {
    width: 494px;
    height: 328px;
    margin-top: 9px;
}
.news-box {
    width: 823px;
    margin: 16px;
    padding-top:2px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    border:1px solid #c2c287;
}
.news-title {
    font-size: 24px;
}
.news-poston {
    font-size: 15px;
    font: Oswald bold;
    padding-left: 0.3em;
}
hr {
    border-bottom: solid 1px #574e3a;
    height: 1px;
    width: 727px;
    color:transparent;
    text-align: left;
}
.news-content {
    font-family: tahoma;
    font-size: 12px;
    padding-top: 3px;
}
.download-link {
    font-size: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.product-detail {
    padding-left:10px;
}
.margin-box {
    margin-left: 10px;
    margin-top: 20px;
    margin-right: 10px;
    margin-bottom: 20px
}
.product-box {
    border-right: 1px solid #AAAAAA;
    padding-left: 1em;
    text-align: center;
}

.local-challenge{
    background: #D2C9BA;
    height: 36px;
    width: 450px;
    margin-top: 1px;
    text-align: center;
    padding-top: 5px;
}

/*Form Spam Filter Field*/
#url6257 {display:none;}

/**Existing site fixes**/

#frontSearch{
    /*width: auto !important;*/
    margin-bottom: 10px !important;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 20px;

}

#frontSearch input[type=image]{
    position: relative;
    vertical-align: middle;
    margin-top: -3px;
}


#login-bar ul li{
    display: inline;
    list-style: none;
}

#login-bar ul.top-menu{
    margin: 0;
}
#login-bar ul.top-menu a{
    height: 45px;
    line-height: 45px;
    float: left;
    padding-right: 10px;
    margin-right: 10px;
    color: #bbb;
    background: url("images/menu-dash.png") right center no-repeat;
    text-decoration: none;
}
#login-bar ul.top-menu a:hover{
    color: #fff;
}

#login-bar ul.top-menu a:last-child{
    background: none;
}


li.biz_un a{
    font-size: 140%;
    font-weight: bold;
    color: #FFFFFF;
}

/*@media screen and (max-width:959px) {
    #header-aside{
        float: none;
    }
    #frontSearch{
        width: auto;
        height: auto;
        float: left;
        margin-left: 0px;
    }

    #frontSearchL{
        width: auto;
        height: auto;
    }
    #frontSearchR{
        margin-left: 20px;
        height: auto;
        margin-bottom: 20px;
        padding-top: 20px;
    }
}*/


.formTitle{
    font-family: Oswald !important;
    font-size: 18px;
    font-weight: bold;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    border-top: dotted 1px #333333;
    border-bottom: dotted 1px #333333;
    margin-top: 1em;
}


.sectionTitle{
    font-family: Oswald !important;
    font-size: 18px;
    font-weight: bold;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    border-top: dotted 1px #333333;
    border-bottom: dotted 1px #333333;
    margin-top: 1em;
}


#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

.sm-links{
    width: auto !important;
    background-color: #ffffff !important;
}

.sm-links span.stihldealer {
    float:none !important;
}

#memFormCol1{
    width: 100% !important;
}

.membershipForm{
    width:100%;
    margin-right:0px;
    padding: 10px 10px 10px 10px;
    float:left;
    background-color:#efe9d7;
    clear: both;
}

.membershipTable{
    width:100%;
    margin-right:0px;
    padding: 0px;
    float:left;
    clear: both;
}


/*@media (max-width:959px){
    .membershipForm{
        margin-top: 0.5em;
    }

    .membershipTable{
        margin-top: 0.5em;
    }
}*/

/**Business Dashboard**/
.bd-container{

}
.bd-title-1{
    font-family: Oswald !important;
    font-size: 120%;
}
p.bd-title-1{
    margin: 0.2em 0;
}
.bd-link-1{
    font-family: Oswald !important;
    font-size: 110%;
}
p.bd-link-1{
    margin: 0.2em 0;
}



.leftColumn{
    float:left;
    display: inline;
}

.rightColumn{
    float:right;
    display: inline;
}


.lightForm, .darkForm {
    margin-top:10px;
    padding:20px;
    border:1px solid #333;
}
.lightForm {
    background-color:#ffffff;
}

.darkForm {
    background-color:#ebe6db;
}

/***FORM MANAGEMENT***/
.iws-page{
    font-size: small;
    text-align: center;
}

/****RESET BEGINS****/
.iws-page div{
    display:block;
    font-family: Arial !important;
}

.iws-page form{
    display: block;
    margin-top: 0em;
}

.iws-page form {
    letter-spacing: .01em;
}

.iws-page header {
    display: block;
}

.iws-page h2{
    display: block;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-size: 1.5em;
    font-weight: bold;
}

.iws-page h3{
    display: block;
    font-size: 1.17em;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}



.iws-page ul{
    display:block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

.iws-page li{
    display:list-item;
    text-align: -webkit-match-parent;
}

.iws-page li{
    width: 64%;
}

.iws-page section{
    display:block;
}

.iws-page label{
    cursor:default;
}
.iws-page img,.iws-page a img{
    border:none;
    -ms-interpolation-mode: bicubic;
}


.iws-page input,.iws-page textarea,.iws-page keygen,
.iws-page select,.iws-page button, .iws-page isindex,.iws-page meter,.iws-page progress {
    -webkit-writing-mode: horizontal-tb;
}

.iws-page input,.iws-page textarea,.iws-page keygen,
.iws-page select,.iws-page button, .iws-page isindex,.iws-page meter,.iws-page progress {
    margin: 0em;
    font: -webkit-small-control;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
}
.iws-page input,.iws-page input[type="password"],.iws-page input[type="search"],.iws-page isindex {
    -webkit-appearance: textfield;
    padding: 1px;
    background-color: white;
    border: 2px inset;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    cursor: auto;

}
.iws-page   input[type="radio"],.iws-page input[type="checkbox"] {
    margin: 3px 0.5ex;
    padding: initial;
    background-color: initial;
    border: initial;
}

.iws-page input[type="radio"] {
    -webkit-appearance: radio;
    box-sizing: border-box;
}

.iws-page input[type="checkbox"] {
    -webkit-appearance: checkbox;
    box-sizing: border-box;
}

.iws-page  input:not([type]),.iws-page  input[type="color"],.iws-page  input[type="email"],
.iws-page input[type="number"],.iws-page  input[type="password"],.iws-page  input[type="tel"],
.iws-page input[type="url"],.iws-page  input[type="text"] {
    padding: 1px 0px;
}

/****RESET ENDS****/

div.iws-page{
    display: block;
    margin: 0 auto 10px auto;
    float: left;
}

div.iws-page{
    text-align: left;
}

div.iws-page{
    background: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 0px 5px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0px 0px 5px;
    -o-box-shadow: rgba(0,0,0,0.2) 0px 0px 5px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 5px;
}

.iws-page form{
    margin: 20px 14px 0 14px;
    padding: 0 0 20px 0;
    position: relative;
    float: left;
}

.iws-page .header{
    display: inline-block;
    clear: both;
    margin: 0 0 5px 0;
    padding: 0 1% 1.1em 1%;
    border-bottom: 1px dotted #ccc;
}

.iws-page .footer{
    display: inline-block;
    clear: both;
    margin: 0 0 5px 0;
    padding: 0 1% 1.1em 1%;
    border-top: 1px dotted #ccc;
}


.iws-page .shaded{
    background-color: #efe9d7 !important;
}

.iws-page .header[class]{
    display: block;
}

.iws-page .footer[class]{
    display: block;
}

.iws-page .header h2{
    display: block;
    margin: 0 0 5px 0;
    clear: left;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.iws-page .header h2{
    font-weight: normal;
    font-size: 160%;
    margin: 0 0 5px 0;
    clear: left;
}

.iws-page .header div{
    font-size: 95%;
    line-height: 135%;
    color: #555;
}

.iws-page ul:after,.iws-page li:after,.iws-page li div:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.iws-page ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/*@media (max-width:959px){
    .iws-page ul {
        margin-top: 1em;
    }
}*/
.iws-page fieldset {
    display: block;
    border: none;
    margin: 0;
    padding: 0;
}

.iws-page li {
    margin: 0;
    padding: 6px 1% 9px 1%;
    clear: both;
    background-color: transparent;
    position: relative;
    -webkit-transition: background-color 350ms ease-out;
    -moz-transition: background-color 350ms ease-out;
    -o-transition: background-color 350ms ease-out;
    transition: background-color 350ms ease-out;
}

.iws-page li.complex{
    padding-bottom: 0;
}

.iws-page li.complex div span{
    width: auto;
    margin: 0 .3em 0 0;
    padding-bottom: 12px;
}

.iws-page li.complex div span.full{
    background-image: none;
    margin: 0px;
}

.iws-page li{
    width: auto !important;
    margin:0px 1em;
}

.iws-page li.section{
    clear: both;
    margin: 0;
    padding: 7px 0px 7px 0px;
    width: auto !important;
    position: static;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
}

.iws-page li.section h3{
    font-weight: normal;
    font-size: 120%;
    line-height: 135%;
    margin: 0 0 3px 0;
    width: auto;
    padding: 12px 1% 0 1%;
}

.iws-page li.section div{
    display: block;
    width: auto;
    float: none;
    font-size: 85%;
    line-height: 160%;
    margin: 0 0 1em 0;
    padding: 0 1% 0 1%;
}

.iws-page .preview li{
    background-color: transparent !important;
    margin: 0 0 1px 0;
    border: 1px dotted transparent;
}

.iws-page .preview li,.iws-page .preview li *{
    cursor: pointer !important;
}

.iws-page .preview li{
    position: relative;
}

.iws-page .preview li:hover,.iws-page .preview li.hover{
    border: 1px dashed #3B699F !important;
}

.iws-page li.editing{
    padding: 0;
}

.iws-page li.first{
    padding: 0;
}

.iws-page li.focused {
    background-color: #fff7c0;
}

.iws-page li.error {
    display: block !important;
    background-color: #FFDFDF !important;
    margin-bottom: 3px !important;
}

.iws-page li p.error{
    margin: 0 !important;
    padding: 7px 0 0 0 !important;
    line-height: 10px !important;
    font-weight: normal;
    font-size: 11px;
    color: #DF0000 !important;
    clear: both;
}
.iws-page label.desc, .iws-page legend.desc{
    font-family: Arial !important;
    font-size: 95%;
    font-weight: bold;
    color: #222;
    line-height: 150%;
    margin: 0;
    padding: 0 0 3px 0;
    border: none;
    display: block;
    white-space: normal;
    width: 100%;

}

.iws-page .preview label.desc{
    overflow:hidden;
}

.iws-page label.strong{
    font-size: 130% !important;
}



.iws-page .leftLabel label.desc,.iws-page .rightLabel label.desc{
    float: left;
    width: 31%;
    margin: 0 15px 0 0;
}

.iws-page .rightLabel .desc {
    text-align: right;
}

.iws-page .rightLabel .desc {
    padding-top: 2px;
}

.iws-page li span{
    margin: 0 .3em 0 0;
    padding: 0;
    float: left;
    color: #444;
}

.iws-page li .datepicker {
    float: left;
    margin: .19em 5px 0 0;
    padding: 0;
    width: 16px;
    height: 16px;
    cursor: pointer !important;
}

.iws-page span.symbol{
    font-size: 120%;
    line-height: 135%;
}

.iws-page li div{
    margin: 0;
    padding: 0;
    float: left;
    color: #444;
    width: 100%;
}


.iws-page li div span {
    margin: 0;
    display: block;
    width: 100%;
    float: left;
}

.iws-page li div label,.iws-page li span label {
    margin: 0;
    padding-top: 3px;
    clear: both;
    font-size: 85%;
    line-height: 160%;
    color: #444;
    display: block;
}

.iws-page label span, .section span, p span, .likert span {
    display: inline !important;
    float: none !important;
}

.iws-page span.req {
    display: inline;
    float: none;
    color: red !important;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

.iws-page input.small, iws-page select.small {
    width: 25%;
}

.iws-page input.medium, iws-page select.medium {
    width: 48%;
}

.iws-page input.large, iws-page select.large {
    width: 100%;
}

.iws-page .full{
    width:100% !important;
}

.iws-page textarea.small {
    height: 5.5em;
    width: 25%;
}

.iws-page textarea.medium {
    height: 12em;
    width: 48%;
}

.iws-page img.thumbnail-image-d{
    width: 75px;
    height: 75px;
    vertical-align: bottom;
    border: solid 1px #999999;
    border-radius : 6px;
    box-shadow: 4px 4px 4px #BBBBBB;
}

.iws-page img.thumbnail-image{
    width: 32px;
    height: 32px;
    vertical-align: bottom;
}

.iws-page textarea.large {
    height: 12em;
    width: 100%;
}

.iws-page textarea.element-text{
    /*width: 293px;
    min-width: 100%;
    max-width: 100%;*/
}

.business-contact-progress{
    background-color:#FF9337;
    color: #444;
    width: 90%;
    margin: 1em;
    padding: 1em;
}
.iws-page input.element-checkbox,.iws-page  input.element-radio {
    display: block;
    margin: 4px 0 0 0;
    padding: 0;
    width: 13px;
    height: 13px;
}

.iws-page input.element-select,.iws-page  input.element-date,
.iws-page  input.element-phone ,.iws-page input.element-email,
.iws-page input.element-number,.iws-page  input.element-text,
.iws-page textarea.element-text,.iws-page input.element-keyword{
    font-size: 100%;
    color: #333;
    margin: 0 !important;
    padding: 2px 0;
}

.iws-page select.element-select,.iws-page  input.element-date,
.iws-page input.element-phone ,.iws-page  input.element-email,
.iws-page input.element-number, .iws-page input.element-text,
.iws-page textarea.element-text,.iws-page input.element-keyword{
    border-top: 1px solid #7c7c7c;
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    border-bottom: 1px solid #ddd;
}



.element-select{
    padding: 1px 0 0 0;
}

.safari .element-select{
    font-size: 120% !important;
    margin: 0 0 1px 0;
}

.iws-page button{
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: #e3e3e3 0 1px 1px;
    -moz-box-shadow:
        0px 1px 1px rgba(000,000,000,0.1),
        inset 0px 1px 1px rgba(255,255,255,0.7);
    -webkit-box-shadow:
        0px 1px 1px rgba(000,000,000,0.1),
        inset 0px 1px 1px rgba(255,255,255,0.7);
    text-align: center;
}

.iws-page button.small {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight:bold;
    padding: 7px 12px;
    cursor:pointer;
    line-height:16px;
    margin:0 5px;
    display:inline-block;
    min-width: 70px;
}
.iws-page button.medium {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight:bold;
    padding: 11px 15px;
    cursor:pointer;
    line-height:18px;
    margin:0 5px;
    display:inline-block;
}
.iws-page button.big {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight:bold;
    padding: 15px 20px;
    cursor:pointer;
    line-height:20px;
    margin:0 5px;
    display:inline-block;
}

.iws-page button.file-upload{

}

.iws-page button.file-clear{

}

.iws-page .orange {
    text-shadow: 1px 1px 0px #ffe8b2;
    color: #7c5d1b;
    border: 1px solid #d6a437;
    background: #febd4b; /*fallback for non-CSS3 browsers*/
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fed970) to(#febd4b)); /*old webkit*/
    background: -webkit-linear-gradient(#fed970, #febd4b); /*new webkit*/
    background: -moz-linear-gradient(#fed970, #febd4b); /*gecko*/
    background: -ms-linear-gradient(#fed970, #febd4b); /*IE10*/
    background: -o-linear-gradient(#fed970, #febd4b); /*opera 11.10+*/
    background: linear-gradient(#fed970, #febd4b); /*future CSS3 browsers*/
    -pie-background: linear-gradient(#fed970, #febd4b); /*PIE*/
}

.iws-page .orange:hover {
    color: #7c5d1b;
    border: 1px solid #d6a437;
    background: #febd4b; /*fallback for non-CSS3 browsers*/
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#febd4b) to(#fed970)); /*old webkit*/
    background: -webkit-linear-gradient(#febd4b, #fed970); /*new webkit*/
    background: -moz-linear-gradient(#febd4b, #fed970); /*gecko*/
    background: -ms-linear-gradient(#febd4b, #fed970); /*IE10*/
    background: -o-linear-gradient(#febd4b, #fed970); /*opera 11.10+*/
    background: linear-gradient(#febd4b, #fed970); /*future CSS3 browsers*/
    -pie-background: linear-gradient(#febd4b, #fed970); /*PIE*/
}

.iws-page .safari label.choice {
    margin-top: -16px;
}
.iws-page label.choice {
    display: block;
    cursor: pointer;
    font-size: 100%;
    line-height: 150%;
    margin: -17px 0 0 23px;
    padding: 0 0 5px 0;
    color: #222;
    width: 88%;
}

.iws-page li.complex div span.left,
.iws-page li.complex div span.right {
    margin: 0;
    width: 48%;
}

.iws-page li.complex div span.left {
    float:left;
}

.iws-page li.complex div span.right {
    float:right;
}


.iws-page li.complex div span.full input,
.iws-page li.complex div span.full select,
.iws-page li.complex div span.left input,
.iws-page li.complex div span.right input,
.iws-page li.complex div span.left select,
.iws-page li.complex div span.right select {
    width: 100%;
}

.iws-page li span.center input.text,
.iws-page li span.center label,
.iws-page li.name span label,
.iws-page li.date input.text,
.iws-page li.date span label,
.iws-page li.phone input.text,
.iws-page li.phone span label,
.iws-page li.time input.text,
.iws-page li.time span label {
    text-align: center;
}

.iws-page li.columns div span {
    width: 30%;
    margin: 0 5px 0 0;
}

.iws-page li.sided div span {
    width: auto;
    margin: 0 15px 0 0;
}

@media only all and (min-width:320px) and (max-width:850px) {


    .iws-page li.complex div span.right {
        float:left;
    }
    .iws-page li.complex div span.left,
    .iws-page li.complex div span.right {
        margin: 0;
        width: 100%;
    }
    .iws-page input.small, .iws-page select.small, .iws-page textarea.small {
        width: 100%;
    }

    .iws-page input.medium, .iws-page select.medium , .iws-page textarea.medium {
        width: 100%;
    }

    .iws-page input.large, .iws-page select.large , .iws-page textarea.large {
        width: 100%;
    }

    .iws-page li.columns div span {
        width: 49%;
    }


    .leftColumn{
        clear:both;
    }
    .rightColumn{
        margin-top: 1em;
        border-top: dotted 2px #aaaaaa;
        padding-top: 0.5em;
        float:left;
        display: inline;
        clear: both;
    }
    .iws-page li.columns div span {
        width: 50%;
    }
    body{
        margin: auto;
        width: 100%;
    }
    .container {
        background-color: rgb(255, 255, 255);
        width:330px;
        padding: 10px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top:300px;
    }
    .container_12{
        width: 50%;
    }

    .container_12 .push_1,
    .container_12 .push_2,
    .container_12 .push_3,
    .container_12 .push_4,
    .container_12 .push_5,
    .container_12 .push_6,
    .container_12 .push_7,
    .container_12 .push_8,
    .container_12 .push_9,
    .container_12 .push_10,
    .container_12 .push_11 {
        left:0px;
    }

    .container_12 .grid_1,
    .container_12 .grid_2,
    .container_12 .grid_3,
    .container_12 .grid_4,
    .container_12 .grid_5,
    .container_12 .grid_6,
    .container_12 .grid_7,
    .container_12 .grid_8,
    .container_12 .grid_9,
    .container_12 .grid_10,
    .container_12 .grid_11,
    .container_12 .grid_12 {
        width: 50%;
        display:block;
        float: none;
        position: relative;
        margin-left: 0px;
        margin-right: 2px;
        overflow: hidden;
    }

    .grid_row{
        float:none;
    }

    .column{
        width: 50%;
        float: none;
        margin: 0;
        border-bottom: dotted 1px #aaaaaa;
        padding: 5px 0px;
    }
    .features{
        width: 65% !important;
    }
    .business-image{
        margin-top: 1em;
        margin-left: 0px;
    }
    .business-button{
        margin: 0.5em;
        margin-left: 0;
    }
    #maps_direction_action{
        margin-left: 0.5em;
    }
    .maps-direction{
        width: 93%;
    }
    #frontSearch {display:none;width:100% !important; height:100% !important;}
    #frontSearchL {float: none; width:auto !important; height:auto !important; max-width:none !important;}
    #frontSearchR {display:none;width:auto !important; height:auto !important; float:left !important;}

    #memMessage {
        width:auto;
        float: none;
        margin-bottom: 10px;
        padding-top: 10px;
        background-color: rgb(239, 233, 215);
    }
    .hide-on-mobile {display:none !important;}
    .show-on-mobile {display:block !important;}

    #nav-mobile {display:block; width:auto;}
    #nav-mobile ul {text-align:left; display:inline-block; padding-left:10px; margin-left:0px; list-style-type: none;list-style-position:inside;margin:0;padding:0;}
    #nav-mobile li {padding:8px;width:50%;list-style:none;  background-image: url(images/mobile-nav.png); background-repeat:repeat-x; height:25px;display:inline-block;}
    #nav-mobile li a {font:16px 'Oswald'; font-weight:400; text-transform:uppercase; color:#fff; padding:12px 0; text-decoration:none;}

    #full-slides img {display: inline-block; width:100%; height:100%;}

    #slider-wrap {
        width: 330px;
        height: 150px;
        position: inherit;
        margin: 0px 0px 0px 0px;

    }
    #callout-widget-wrap {
        width: 400px;
        display:none;
    }

    #home-blog {
        display:none;
        background-color: rgb(255, 255, 255);
    }

    #browse2 {
        display:none;
        text-align: center;
        width: 85%;
        height: 45px;
        font: 12px Oswald,Arial Narrow;
        color: rgb(0, 0, 0);
        text-decoration: none;
        padding: 10px;
        float: left;
    }
    #footer-bottom {
        display:none;

    }

    #header {
        background: url("images/header_back.jpg") repeat scroll 0% 0% rgb(255, 255, 255);
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
        margin-top: 0px;
        width:  auto;
        padding: 0px 0px 0px;
    }

    #topfix{ position: inherit; margin-top: 0px;  top: 0;
             width:auto;}

    #navigation{
        display:none;
    }

    #wrap {

        margin-top: -300px;

    }
    #social {
        display:none;

    }

    #logo {
        margin-left:13%;
        float: none;
        width:60%;
        height:60%;
        text-align:center;
    }
    #header-aside {
        display:none;

    }

    .clearfix {
        float: none;
    }
    .home-wrap {
        margin-bottom: 0px;
    }

    #mobile-tagline { display: block;text-align:center; min-height:50px;  width:auto; background-color:#332D1F;
                      padding-top:10px;
                      font-size: 18px;
                      font-family: Oswald;
                      font-style: normal;
                      line-height: 20px;
                      color: rgb(182, 170, 154);}

    .front-back{background-image:url("http://www.indepedentwestand.org/wp-content/themes/Office/images/bg.png"); background-repeat:repeat;background-color:#d8c18e; }

    #mobile-social{display:block; width:auto; margin-left:45px; margin-top:20px; }
    .padding{margin-right:5px;}

}

@media only all and (min-width:480px) and (max-width:850px) {
  #slider-wrap {
      width: 330px;
      height: 230px;
      position: inherit;
      margin: 0px 0px 0px 0px;

  }
}

/* Homepage Featured Products Begin */
#featured-products {
  width: 100%;
  min-height: 350px;
  float: left;
  margin-bottom: 53px;
  position: relative; }
  #featured-products .product-well {
    background: white url("http://www.independentwestand.org/wp-content/themes/Office/images/desktop-featured-product-bg.jpg") repeat-x;
    float: left; }
    #featured-products .product-well ul, #featured-products .product-well ul li, #featured-products .product-well div, #featured-products .product-well span, #featured-products .product-well h3 {
      float: left;
      display: block;
      width: 100%; }
    #featured-products .product-well .product-list {
      min-height: 314px;
      height: 314px !important; }
    #featured-products .product-well ul {
      margin: 10px 0 0 10px; }
      #featured-products .product-well ul li {
        list-style: none;
        display: inline;
        width: 176px;
        background-color: #fff;
        margin-right: 10px; }
        #featured-products .product-well ul li h3 {
          line-height: 12px;
          padding-top: 15px;
          margin-bottom: 0;
          text-align: center;
          background: transparent url("http://www.independentwestand.org/wp-content/themes/Office/images/desktop-product-name-top-border.jpg") top repeat-x; }
        #featured-products .product-well ul li a {
          font-size: 14px;
          font-weight: bold;
          text-align: center;
          color: #333;
          line-height: 18px;
          display: block; }
        #featured-products .product-well ul li a:hover {
          text-decoration: none; }
        #featured-products .product-well ul li span {
          clear: both;
          width: 100%;
          text-align: center;
          float: left; }
        #featured-products .product-well ul li i {
          font-style: normal; }
        #featured-products .product-well ul li .product-item {
          min-height: 270px;
          position: relative;
          background: transparent url("http://www.independentwestand.org/wp-content/themes/Office/images/product-item-bg.jpg") bottom repeat-x; }
        #featured-products .product-well ul li .product-link {
          width: 100%;
          margin-top: 3px; }
          #featured-products .product-well ul li .product-link a:link,
          #featured-products .product-well ul li .product-link a:visited,
          #featured-products .product-well ul li .product-link a:active {
            background-color: #444;
            color: #fff;
            font-weight: bold;
            width: 127px;
            height: 23px;
            margin: 0 auto;
            padding-top: 5px;
            border-bottom: 0;
            display: block;
            -webkit-border-top-left-radius: 4px;
            -moz-border-top-left-radius: 4px;
            -moz-border-radius-topleft: 4px;
            border-top-left-radius: 4px;
            -webkit-border-top-right-radius: 4px;
            -moz-border-top-right-radius: 4px;
            -moz-border-radius-topright: 4px;
            border-top-right-radius: 4px;
            text-shadow: 1px 0 0 #333; }
        #featured-products .product-well ul li .new-tag {
          background: url("http://www.independentwestand.org/wp-content/themes/Office/images/desktop-product-tag-bg.png") no-repeat;
          width: 75px;
          height: 48px;
          color: #fff;
          position: absolute;
          top: 0;
          margin-top: 25px;
          z-index: 100;
          left: 0; }
  /*#featured-products h2 {
    color: #f37a1f;
    padding-left: 10px;
    margin: 10px 0px 0px 0px !important;
    line-height: 39px !important;
    font-weight: normal;
    font-family: "Roboto Condensed", sans-serif !important; }*/

.product-well a.prev,
.product-well a.next {
  width: 40px;
  height: 52px;
  display: block;
  position: absolute;
  top: 185px;
  color: #fff;
  background: transparent url("http://www.independentwestand.org/wp-content/themes/Office/images/carousel-prev-next-buttons.png") no-repeat; }
.product-well a.prev {
  left: -18px;
  background-position: 0 -102px; }
.product-well a.next {
  right: -19px;
  background-position: 0 0; }
.product-well a.prev span,
.product-well a.next span {
  display: none; }

.clearfix {
  float: none;
  clear: both; }
/* Homepage Featured Products End */



/** PATTERNS BEGIN **/
a#spView{
    background: url(images/ifm/powered-by-google/desktop/powered-by-google-on-non-white.png) no-repeat center center;
}
a#spView:hover{
    background: url(images/ifm/powered-by-google/desktop/powered-by-google-on-white.png) no-repeat center center;
    text-decoration: none !important;
}
#spView.active{
    background: url(images/ifm/powered-by-google/desktop/powered-by-google-on-white.png) no-repeat center center;
}

.fb_iframe_widget span {
    z-index: 5001 !important;
}
.suggestions-poweredbygoogle{
    width: 100%;
    height: 18px;
    float:right;
    background: url(images/ifm/powered-by-google/desktop/powered-by-google-on-white.png) no-repeat right center;
}

.gmnoprint img  {
    max-width: none !important;
}

#map img  {
    max-width: none !important;
}


#frontSearch{
    background-position: center center;
    font-family: Oswald;
    font-weight: 400;
}

.frontSearchH1{
    padding-top:10px;
    padding-left:45px;
    text-align:left;
    font-size:18px;
    line-height:20px;
    color:#b6aa9a;
}

.frontSearchH2{
    padding-top:10px;
    padding-left:45px;
    text-align:left;
    font-size:14px;
    line-height:20px;
    color:#ec8321 !important;
}

.frontSearchL3{
    padding-top:10px;
    padding-left:45px;
    text-align:left;
    font-size:11px;
    line-height:24px;
    color:#ffffff !important;
    vertical-align: middle;
}
#frontSearchFilter{
    z-index: 900;
    background-color: #ffffff !important;
    position: relative !important;
    width: 99%;
    margin-top: 2px;
}

#frontSearchFilter form{
    width: 96%;
    background-color: #ffffff !important;
    padding-bottom: 0% !important;
}

#frontSearchFilter .header{
    padding: 0 1% 0em 1% !important;
}

#frontSearchFilter .footer{
    padding: 0 1% 0em 1% !important;
}

#frontSearchFilter form{
    margin: 0px 10px 0 10px !important;
}

#frontSearchFilter li{
    margin: 0px 0.2em !important;
}

#frontSearchFilter h3{
    -webkit-margin: 0em !important;
    font-size: 110% !important;
    color: #333333 !important;
    font-weight: 400 !important;
    margin-top: 0.2em !important;
    margin-bottom: 0.2em !important;
    line-height: 24px !important;
}

#frontSearchFilter label small{
    -webkit-margin: 0em !important;
    font-size: 90% !important;
    color: #333333 !important;
    font-weight: 400 !important;
    padding: 2px 0.2em 0 1% !important;
}

#frontSearchContainer{
    padding-top:10px;
    padding-left:45px;
    height: 30px;
    min-width: 70%;
    max-width: 70%;
}

#frontSearchContainer button.tiny {
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
    font-size: 100%;
    padding: 0px;
    cursor:pointer;
    margin:0 0px;
    display:inline-block;
    min-width: 32px;
    max-height: 32px;
    padding: 6px;
}

#frontCatList  {
    display: none;
}

#frontCatList label.choice {
    font-size: 86% !important;
}

#frontCatList li.columns div span {
    width: 48% !important;
}

table.search-table{
    background-color: #ffffff;
    border: solid 1px #cccccc;
    width: 100%;
    height: 100%;
}

table.search-table:hover{
    border: solid 1px #999999;
}

table#frontSearchTable{
    display: none;
    background-color: transparent !important;
    border: none !important;
    width: 100%;
    height: 100%;
}

.search-active{
    border: solid 1px #4d90fe !important;
}

input.search-box{
    width:100%;
    border:none;
    padding: 2px;
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
}

input.search-box:focus{
    outline-width:0px;
    font-weight: 400;
}

div.search-filter{
    background:url(images/ifm-arrow-down.png) no-repeat center;
    float:left;
    width:28px;
    height:28px;
    opacity: 0.4;
}

div.search-filter:hover{
    cursor: pointer;
    opacity: 1;
}


div.search-filter-close{
    background:url(images/ifm-close.png) no-repeat center center;
    width:28px !important;
    height:28px !important;
    opacity: 0.4;
    float: right;
    position: relative;
    top: -2.3em;
    display: inline !important;
}

footer > div.search-filter-close{
    top: -0.2em;
}

div.search-filter-close:hover{
    cursor: pointer;
    opacity: 1;
}

div.search-cat-close{
    background:url(images/ifm-arrow-down.png) no-repeat center center;
    width:28px !important;
    height:28px !important;
    opacity: 0.4;
    float: right !important;
    position: relative;
    top: -2.3em;
    display: inline !important;
}

div.search-cat-close:hover{
    cursor: pointer;
    opacity: 1;
}

div button.search-button{
    width:32px;
    height:28px;
    opacity:  0.8;
    background-repeat: no-repeat;
    text-align: center;
    float:right;
    vertical-align: middle;font-weight: 400;
    font-family: 'Oswald', sans-serif;
}

.autocomplete-loading{
    background-image: url(images/ifm/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position:  center right;
}

.autocomplete-suggestions {
    border: 1px solid #999;
    background: #fff;
    cursor: default;
    overflow: auto;
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
}

.autocomplete-suggestion {
    padding: 8px 5px;
    font-size: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-selected {
    background: #f0f0f0;
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #ec8321 !important;
}

#bizComplete_results{
    margin-top: 10px;
    width: 37.5%;
    max-height: 460px;
    border:1px solid #ccc;
    overflow: scroll;
    *padding-right:10px;
    overflow-wrap: break-word;
    background-color: #fff;
    font-size:14px;
    display: none;
}
#bizComplete_error{
    margin: 0 !important;
    padding: 7px 0 0 0 !important;
    line-height: 0 !important;
    font-weight: normal;
    font-size: 11px;
    color: #DF0000 !important;
    clear: both;
}

.biz-list{
    background-color: #ebe6db !Important;
    margin: 5px 0px !Important;
    border: 1px solid #bfb9ae;
    cursor:pointer;
}

.biz-list-header{
    font-family: Oswald !important;
    font-size: 15px;
    font-weight: normal;
    color: #FF9337;
    margin-top: 10px !Important;
    *margin-bottom: 15px !Important;
    *display: inline-block !Important;
}
.biz-list-address{
    font-family: Oswald !important;
    color: #333333;
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 10px !Important;
}
.biz-list-type{
    font: 11px arial;
    color: #42371e;
    clear: both;
    border-top: 1px solid #908574;
    padding-top: 7px;
    margin-top: 7px;
}
.biz-list-img{
    display: inline !Important;
    width: 55% !Important;
    float: right;
    margin-top: -30px !Important;
    margin-bottom: -25px !Important;
}

.promo_slider {
    z-index: 899;
}

.google{
    overflow: hidden;
    width: 100%;
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
}

.google-url{
    text-align: center;
}

.google-url a{
    float: none;
    display: block;
    color: #737373;
    background: url(images/ifm/gplus-64.png) no-repeat;
    width: 36px;
    height: 36px;
    background-size: 36px 36px;
    cursor: pointer;
}

.google-timings{
    text-align: left;
    font-size: 1.2em;
    color: #685e45;
}

.google-open-now{
    margin-top: 0.3em;
    text-align: left;
    font-size: 1em;
    color: #29b924;
    text-shadow: 1px 1px 1px rgba(197,207,18, 0.8);
}

.google-pricing{
    margin-top: 0.3em;
    text-align: left;
    font-size: 1em;
    color: #dd6b22;
    opacity: 0.9;
}

.google-image img{
    float: left;
    display: block;
    vertical-align: middle;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    text-align: right;
    width: 24px;
    height: 24px;
    margin-top: 6px;
}

.google-header{
    border: 1px solid #999999;
    height: 54px;
    margin-top: 0.5em;
    margin-bottom: 1em;
    padding: 4px;
    border-left: solid 1px #EEEEEE;
    border-top: solid 1px #EEEEEE;
}

.google-review{
    background-image: url(images/ifm/sharebox.png);
    width: 24px;
    height: 24px;
    display: inline-block;
    background-position: 0px -812px;
    margin-left: 4px;
    margin-top: 12px;
    float: left;
    opacity: 0.8;
}


.google-review-div{
    margin: 0 0 10px 0;
    padding: 20px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #F5F5F5;
    border: 1px solid #aaaaaa;
    border-bottom-width: 2px;
    border-top-width: 1px;
    vertical-align: top;
    box-shadow: 1px 1px 3px #999999 ;
    width: 99%;
}

.google-review-div-l2{
    line-height: 140%;
    overflow: hidden;
}

.google-review-author-link{
    outline: none;
    color: #404040;
    text-decoration: underline;
    -webkit-transition: color .218s;
    transition: color .218s;
    font:normal 13px Roboto,arial,sans-serif !important;
}
.google-review-rating-stars{
    display: inline-block;
    margin-right: 8px;
    margin: 2px 0 0 0;
    -webkit-user-select: none;
    outline: none;
    clear: left;
}

.google-review-rating-tl{
    display: inline-block;
    margin: 0 0 0 8px;
    vertical-align: baseline;
}

.google-review-text-l1{
    display: block;
    font:normal 13px Roboto,arial,sans-serif !important;
}
.google-review-text-l2{
    display:block;
    font: inherit !important;
}
.google-review-text-l3{
    font: inherit !important;
}
.google-review-text{
    margin-bottom: 12px;
    white-space:pre-line;
    font-family: inherit !important;
}

.google-review-text p{
    font-family: inherit !important;
    text-indent: 56px;
}

.google-review-rating-l1{
    display: block;
    color: #999;
}

.google-review-header-l1{
    margin: 0;
}

.google-rating{
    display: block;
    float: left;
    font-size: 2.5em;
    margin-top: 16px;
    color: #dd6b22;
}
.google-rating-text{
    display: block;
    font-size: 1.1em;
    margin-top: 8px;
    margin-left: 3.5em;
    margin-bottom: 1em;
    color: #333333;
    opacity: 0.6;
}

.google-rating-img{
    display: block;
    font-size: 1em;
    clear: both;
    margin-left: 3.8em;
    margin-top: -12px
}

.google-star-off{
    background-image: url(images/ifm/google_stars.png);
    background-repeat: no-repeat;
    text-align: center;
    display: inline-block;
    height: 12px;
    width: 13px;

    background-position: -189px 0px;
}


.google-star-on{
    background-position: -126px 0px !important;
}

.google-star-and-half{
    background-position: 0px 0px !important;
}

.google-star-half{
    background-position: -66px 0px !important;
}


.google .google-rating{
    float: none;
    text-align: center;
    display: block;
    vertical-align: baseline;
    font-size: 24px;
    color: #e7711b;
    opacity: 0.8;
    margin-top: 10px;
}

.google .google-review-count{
    float: none;
    display: block;
    color: #999;
    margin-top: 0.2em;
}


.google .google-user-name{
    float: none;
    display: block;
    color: #999;
    margin-top: 0.2em;
}

.local-challenge{
    background: #D2C9BA;
    height: 36px;
    width: 450px;
    margin-top: 1px;
    text-align: center;
    padding-top: 5px;
}


div.suggestions {
    border: 1px solid #999;
    background: #fff;
    cursor: default;
    overflow: auto;
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
    position: absolute;
    z-index: 999999;
    min-width: 240px;
}

div.suggestions div {
    cursor: default;
    padding: 8px 5px;
    font-size: 100%;
    white-space: nowrap;
    overflow: hidden;
}

div.suggestions div.current {
    background-color: #3366cc;
    color: white;
}

div.suggestions div strong {
    font-weight: normal;
    color: #ec8321 !important;
}

/* Subscribe2 Styles */
.s2_message {color:#090;}
.s2_error {color:#900;}

@media only screen and (min-width: 946px) and (max-width:972px ){
    #header-phone{
        text-align: right;
        margin-left:240px;
        font-size:11px;
        text-align:center;
        width:200px;
        height:25px;
        float:none !important;
    }
    #social {
        text-align: left;
        margin-left: 220px;
        float:none !important;
    }
}
@media only screen and (min-width: 851px) and (max-width:945px ){
    #header-phone{
        text-align: right;
        margin-left:180px;
        font-size:11px;
        text-align:center;
        width:200px;
        height:25px;
        float:none !important;
    }
    #social {
        text-align: left;
        margin-left: 125px;
        float:none !important;
    }
}
@media only all and (min-width:240px) and (max-width:850px) {
    #frontSearch {
        margin-top:20px;
        background-image:url(images/search-back-res.png);
        background-repeat:repeat-x;
        background-position: center center;
        width:100%;
        height:135px;
        float:none;
        display: block !important;
        margin: auto !important;
    }
    #mobile-tagline{
        display: none !important;
    }
    #mobsrch{
        display:none !important;
    }

    #header-aside{
        display: block !important;
        float: none !important;
        width: 100% !important;
    }

    #header-phone{
        display: none !important;
    }

    #frontCatList li.columns div span {
        width: 96% !important;
    }

    #frontSearchContainer{
        padding-left: 0px;
        margin: auto;
        max-width: 65%;
        min-width: 65%;
    }
    .frontSearchH1{
        margin:0 auto;
        padding-left: 0px;
        text-align: center;
        width:80%;
    }

    .frontSearchH2{
        padding-left: 0px;
        text-align: center;
    }
    .frontSearchL3{
        margin:0 auto;
        width:80%;
        text-align: center;
        line-height: 12px;
    }
    #logo{
        margin-left: auto !important;
        margin-right: auto;
    }
    #logo img{
        margin-left: auto !important;
        margin-right: auto;
    }
    #sidebar-wrap #sidebar {
        height: 100%;
        overflow: hidden;
    }
    #sidebar-wrap #sidebar div {
        margin: 5px auto !important;
    }
    a#spView{
        background-image: url(images/ifm/powered-by-google/desktop/powered-by-google-on-non-white.png) !important;
        background-repeat: no-repeat !important;
        background-position:center center !important ;
        /*background-color:#EC8321 !important;*/
    }

    a#spView:hover{
        background-image: url(images/ifm/powered-by-google/desktop/powered-by-google-on-white.png) !important;
        /*background-color:#EC8321 !important;*/
        text-decoration: none !important;
    }

    #spView.active{
        background-image: url(images/ifm/powered-by-google/desktop/powered-by-google-on-white.png) !important;
        /*background-color:#EC8321 !important;*/
        text-decoration: none !important;
    }

    div#profile_nav li a:hover,div#profile_nav li a.active {
        border: solid 1px #999999 !important;
    }

    div#profile_nav li:last-child a:hover,div#profile_nav li:last-child a.active   {
        border: solid 1px #999999 !important;
    }

    .google-url{
        text-align: left;
    }

    .google-timings{
        text-align: left;
    }

    .google-pricing{
        text-align: left;
    }

    .google-open-now{
        text-align: left;
    }

    .google-image img{
        float: left;
        text-align: right;
    }

    .yelp-logo-div .yelp-logo{
        width: 100%;
    }

    .google-review-text p{
        text-indent: 0px;
    }
}



.pageSearchH1{
    padding-top:10px;
    padding-left:45px;
    text-align:left;
    font-size:18px;
    line-height:20px;
    color:#b6aa9a;
}

.pageSearchH2{
    padding-top:10px;
    padding-left:45px;
    text-align:left;
    font-size:14px;
    line-height:20px;
    color:#ec8321 !important;
}

.pageSearchL3{
    padding-top:10px;
    padding-left:45px;
    text-align:left;
    font-size:11px;
    line-height:24px;
    color:#ffffff !important;
    vertical-align: middle;
}
#pageSearchFilter{
    z-index: 900;
    background-color: #ffffff !important;
    position: relative !important;
    width: 99%;
    margin-top: 2px;
}

#pageSearchFilter form{
    width: 96%;
    background-color: #ffffff !important;
    padding-bottom: 0% !important;
}

#pageSearchFilter .header{
    padding: 0 1% 0em 1% !important;
}

#pageSearchFilter .footer{
    padding: 0 1% 0em 1% !important;
}

#pageSearchFilter form{
    margin: 0px 10px 0 10px !important;
}

#pageSearchFilter li{
    margin: 0px 0.2em !important;
}

#pageSearchFilter h3{
    -webkit-margin: 0em !important;
    font-size: 110% !important;
    color: #333333 !important;
    font-weight: 400 !important;
    margin-top: 0.2em !important;
    margin-bottom: 0.2em !important;
    line-height: 24px !important;
}

#pageSearchFilter label small{
    -webkit-margin: 0em !important;
    font-size: 90% !important;
    color: #333333 !important;
    font-weight: 400 !important;
    padding: 2px 0.2em 0 1% !important;
}

#pageSearchContainer{
    padding-top:10px;
    padding-left:0px;
    height: auto;
    min-width: 98%;
    max-width: 98%;
}

#pageSearchContainer button.tiny {
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
    font-size: 100%;
    padding: 0px;
    cursor:pointer;
    margin:0 0px;
    display:inline-block;
    min-width: 32px;
    max-height: 32px;
    padding: 6px;
}

#pageCatList  {
    display: none;
}

#pageCatList label.choice {
    font-size: 86% !important;
}

#pageCatList li.columns div span {
    width: 48% !important;
}

table#pageSearchTable{
    display: none;
    background-color: transparent !important;
    border: none !important;
    width: 100%;
    height: 100%;
}
#searchform{
    border: solid 1px #CCCCCC;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    background-color: #ffffff;
}
#map-wrap {
    width:570px;
    float:right;
    position:relative;
    z-index:5000;
    padding-bottom: 1em;
}
#map{
    margin-top: 0.5em;
    display: none;
}

@media only all and (min-width:240px) and (max-width:850px) {
    #pageSearch {
        display: none;
    }
    #map-wrap {
        width: 94% !important;
        float: none !important;
    }
    #map {
        width: 96% !important;
        float: none !important;
    }
    #sthoverbuttons {
        display: none;
    }
}
/** PATTERNS END **/













.lt {float: left;}
.rt {float: right;}






/*
15-02-27 - custom css for this page:
http://www.independentwestand.org/free-buy-local-buzz-social-media-graphics/
 */

#lt-smg {width:43%; float: left;}
#btn-box {background: url(http://www.independentwestand.org/wp-content/uploads/bg-sm-btns.png) no-repeat bottom; width: 389px; position: relative; margin-top: 30px; height: 212px;}
#btn-box h1 {font-size: 21px; color: #EC8321; text-align: center; background: #2F3C4D; padding: 15px; margin: 0;}
#btn-box h2 {font-size: 25px; color: #2F3C4D; text-align: left; margin: 12px 0px 0px 20px;}
#btn-box ul {margin: 15px 0 0 13px;}
#btn-box li {list-style: none; display: inline; margin: 0 6px;}
#btn-box a {font:19px 'Oswald'; text-align: center; color: #fff; padding: 10px 30px; background: #EC8321; display: inline-block; line-height: 18px; text-decoration: none;}
#btn-box a:hover {background: #fff; color: #EC8321;}
#btn-box span {font-size: 13px;}
#rt-smg {width:55%; float: right; padding-top: 4%; text-align: center;}
#rt-smg img {width: 100%; max-width: 505px;}

@media screen and (max-width:959px) {
    #lt-smg, #rt-smg {width:100%; float: none; padding-top: 0;}
}






/*
15-11-09 - custom css for holiday social media graphics
 */
#holiday-smg #rt-smg {width:55%; float: right; padding-top: 0; text-align: right;}
#holiday-smg #rt-smg img {width: 100%; max-width: 420px;}

@media screen and (max-width:959px) {
    #holiday-smg #lt-smg, #holiday-smg #rt-smg {width:100%; float: none; padding-top: 0;}
    #holiday-smg #rt-smg {text-align: center;}
}








/*
15-04-29 - custom css for this page:
http://www.independentwestand.org/home-sweet-home-economic-impact-calculator/
 */

.dbl-line {width: 100%; height: 2px; border-top: medium double #ddd; clear: both; display: block; margin: 20px auto;}
    .sng-line {width: 100%; height: 1px; background: #ddd; clear: both; display: block; margin: 7px auto;}
    .lrg {width:66%; float: left}
    .sml {width:32%; float: right; text-align: center;}
    .dclaimer {font-size: 10px; font-style: italic; color: #666;}
    .clear {clear:both;}
    #calcu {background:#ECE5CB url("http://www.independentwestand.org/wp-content/uploads/hsh-logo.jpg") no-repeat top left; width: 100%; max-width: 477px; height: 248px; padding-left: 277px; text-align: center; float: left;}
    #hsh-zip {padding:7px; width: 100px;}
    #hsh-submit {}
    #calcu-logos {width: auto; float: left; margin: 9px 0px 0px 25px;}

    @media only screen and (max-width: 600px) {
        .lrg, .sml {width: 100%; float: none; display: block;}
        #calcu-logos {width: 100%; float: none; display: block; margin: 20px 0 0 0; text-align: center;}
        #calcu {background:url("http://www.independentwestand.org/wp-content/uploads/hsh-logo.jpg") no-repeat scroll center 15px #ece5cb; width: 100%; max-width: 477px; height: auto; padding: 238px 0 10px 0; text-align: center; float: none;}
    }   




/*
15-08-28 - custom css for this page:
http://www.independentwestand.org/learn-more/resource-center/download-materials/
 */

#marketing-materials-page .half {background-image: none; padding: 0;}
#marketing-materials-page .squares {margin: 0; padding-left: 15px;}
#marketing-materials-page .squares li {list-style: square;}
#marketing-materials-page h1 {background-image: none; background-color: #353535; font-size: 21px; color: #fff; padding: 5px 10px;}
#marketing-materials-page img {margin: 0 auto; display: block;}
#marketing-materials-page a.button {font-family: 'Oswald'; font-size: 16px; min-height: 0; padding: 15px 20px; display: inline-block; color:#fff; background: #EC8321; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}

@media only screen and (max-width: 600px) {
    #marketing-materials-page .col {width: 100%; float: none; display: block; margin: 35px auto;}
}       




/*
15-09-04 - custom css for this page:
http://www.independentwestand.org/take-a-stand/join-the-movement/
 */

#pledgevid {text-align: center; margin: 0 auto; max-width: 640px;}
#pledgevid iframe {display: block;}
#pledgevid a {display: none;}

/* for 650px or less */
@media only screen and (max-width: 650px) {
    #pledgevid iframe {display: none !important;}
    #pledgevid a {display: block !important;}
}





/* 15-11-11 hide breadcrumbs because they suck */
#breadcrumbs {display: none;}