/*   



Theme Name: Signmaker Solutions



Theme URI: http://simonwebdesign.com/simon-wordpress-framework-blank-theme/



Description: A blank framework using 960.gs grid system and is licensed under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>. It's a blank theme that provides the most flexibility for creating child themes from Simon WP Framework. Utilizes Theme Options to change the website width to accomadate larger resolutions, soften edges, and colorize Navigation. Theme comes with custom icons. This Framework is widget ready in the sidebar and in the footer.



Author: Simon Urbina



Author URI: http://webmarketingexperts.com.au



License: GNU General Public License v2.0



License URI: http://www.gnu.org/licenses/gpl-2.0.html



Version: 1.3.0



Tags: dark, light, white, black, gray, two-columns, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-menu, editor-style, post-formats, theme-options



*/







@import url('css/reset.css');
@import url('css/typography.css');
@import url('css/forms.css');
/* Global */

body {
    font-family: 'Roboto', Arial, sans-serif;
    background-color: #DDD;
    background: #212121;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQyNDI0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMxJSIgc3RvcC1jb2xvcj0iIzIzMjMyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MjQyNDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);/background: -moz-linear-gradient(top,  #424242 0%, #232323 31%, #424242 100%); /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#424242), color-stop(31%,#232323), color-stop(100%,#424242)); /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top,  #424242 0%,#232323 31%,#424242 100%); /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top,  #424242 0%,#232323 31%,#424242 100%); /* Opera 11.10+ */
    /*background: -ms-linear-gradient(top,  #424242 0%,#232323 31%,#424242 100%); /* IE10+ */
    /*background: linear-gradient(top,  #424242 0%,#232323 31%,#424242 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242', endColorstr='#424242',GradientType=0 ); /* IE6-8 */
}
#page-wrap {
    background: #fff url(images/page-bg.jpg) repeat-x top left;
    width: 1010px;
    margin: 0 auto;
    border: 10px solid #0F0F0F;
    border-top: none;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
/* Header */

#header {
    height: auto;
}
.soften_edges img {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px
}
.soften_edges #navigation,
.soften_edges [type=submit],
.soften_edges .comment-reply-link,
.soften_edges [type=text],
.soften_edges textarea,
.soften_edges .post,
.soften_edges #sidebar,
.soften_edges .vcard,
.soften_edges .post .swpf-img,
.soften_edges #footer,
.soften_edges .pagenavi,
.soften_edges .pagenavi span.current {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px
}
#options-wrapper {}.dark_navigation #navigation {
    background: #a71522 url(images/menubg.jpg) repeat-x top left;
    border: 1px solid #990012;
    -moz-box-shadow: inset 0 1px 1px #ed797a;
    -webkit-box-shadow: inset 0 1px 1px #ed797a;
    box-shadow: inset 0 1px 1px #ed797a;
    height: 42px;
    font: 36px/42px 'RobotoBoldItalic', Arial, sans-serif;
    clear: both;
    display: block;
    /*float: left;*/
    
    margin: 0px auto;
    width: 1010px;
    margin-left: -26px;
}
#nav-wrap {
    background: url(images/nav-shadow.jpg) no-repeat bottom center;
    padding: 0 0 0px 0;
    margin: 0 0 0px 0;
}
.dark_navigation #navigation a {
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    font-family: 'Roboto', Arial, sans-serif;
    font-style: italic;
    text-shadow: 0px 1px 0px #771629;
    height: 5px;
    padding-bottom: 19px;
}
.dark_navigation #navigation li li a {
    color: #434343;
    text-shadow: none;
    padding: 10px 3px 10px 12px;
}
.light_navigation #navigation {
    background: #222;
    clear: both;
    display: block;
    float: left;
    margin: 0px;
    width: 100%;
}
.light_navigation #navigation a {
    color: #848484;
}
.light_navigation #navigation li li a {
    color: #434343;
}
.hide_navigation #navigation {
    display: none;
}
/* navigation */

#navigation ul {
    font-size: 13px;
    list-style: none;
    margin: 5px 0px 0px 30px;
    padding-left: 0;
}
#navigation ul ul li {
    height: 35px;
}
#navigation li {
    float: left;
    position: relative;
}
#navigation a {
    font-weight: normal;
    display: block;
    line-height: 0.5em;
    padding: 14px 54px;
    text-decoration: none;
}
.arrow {
    /*background: url(images/arrow.png) no-repeat center right;*/
    
    background: url(images/arrow.png);
    background-position: 95% center;
    background-repeat: no-repeat;
}
#navigation ul ul {
    display: none;
    float: left;
    margin: 0;
    background: #fff;
    position: absolute;
    top: 38px;
    left: 0;
    width: 198px;
    z-index: 99999;
    text-shadow: none;
    padding: 0 0 5px 0;
    -moz-box-shadow: 0px 3px 8px #555;
    -webkit-box-shadow: 0px 3px 8px #555;
    box-shadow: 0px 3px 8px #555;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
#navigation ul ul ul {
    left: 100%;
    top: 0;
}
#navigation ul ul a {
    background: #fff;
    /*border-bottom: 1px solid #ddd;*/
    
    color: #444;
    font-size: 13px;
    font-weight: normal;
    height: auto;
    line-height: 1.4em;
    padding: 10px 10px;
    width: 178px;
}
#navigation
/*li:hover > a, #navigation */

ul ul:hover > a,
#navigation a:focus {
    /*background: #efefef;*/
    
    color: #b1241f;
}
#navigation li:hover > a,
#navigation a:focus {
    /*background: #f9f9f9;	color: #373737;*/
    
    color: #ccc;
}
#navigation ul li:hover > ul {
    display: block;
}
#navigation .current_page_item > a,
#navigation .current_page_ancestor > a {
    /*font-weight: normal;*/
}
/* Entries */

.entry {
    margin-right: 10px;
}
.entry p {
    text-align: justify;
}
/* Sidebar */

#sidebar {
    margin: 15px 0px 15px 0px;
    padding: 0px;
}
#pages,
#archives,
#categories,
#feeds,
#sidebarmeta,
#blogroll {
    margin: 0px 0px 0px 0px;
}
/* post */

.postdate {
    position: absolute;
    margin-left: -71px;
    padding: 5px;
    background: #f9f9f9;
    /* Show a solid color for older browsers */
    
    width: 40px;
}
.post,
.type-post,
.type-page {
    /*padding: 20px 20px 10px 20px;*/
    
    margin: 12px 0px 15px 0px;
    font-family: 'Roboto', arial, helvetica;
}
.swpf-img img {
    border: 5px solid #fff;
    overflow: hidden;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.alignleft {
    float: left;
    margin: 0px 20px 20px 0px;
    clear: both;
}
.alignright {
    float: right;
    margin: 0px 0px 20px 20px;
    clear: both;
}
.attachment-post-thumbnail {
    float: left;
    min-width: inherit;
    border: 5px solid #fff;
    overflow: hidden;
    margin: 0px 20px 20px 0px;
}
/*Comment Structure*/

#comment-block {
    background: url(images/comment-block-bg.png) no-repeat top center;
}
#comments {
    margin: 20px 0px 10px 0px;
    padding: 20px 0px 10px 0px;
}
/* Footer */

#footer {
    margin: 0px 0px 30px 0px;
    padding: 30px;
    color: #848484;
}
#footer-links {
    width: 1010px;
    margin: 0px auto;
    padding: 30px 0 20px 0;
    overflow: auto;
    background: url(images/footer-shadow.png) top center no-repeat;
}
#footer-links a:hover {
    text-decoration: underline;
}
#footer-links h6 {
    font: 19px/21px 'Roboto', Arial, sans-serif;
    color: #FFFFFF;
    font-weight: bold;
    margin: 0 0 15px 0;
}
.link-section {
    width: 180px;
    float: left;
    margin: 0 0 0 26px;
}
.link-section:first-child {margin-left: 0}
.link-section a {
    color: #FFFFFF;
    text-decoration: none;
}
.link-section li {
    margin: 0 0 5px 0;
    line-height: 120%;
}
#footer-links ul {}#footer-links li {
    list-style-type: none;
}
#footer-links  .textwidget {text-align: center; padding-top:15px; color:#FFF; }
.res_footer > a {  color: #999;  text-decoration: none;}
.res_footer > a:hover {  color: #fff;}
/* Meta */

.time {
    background: url(images/calender-icon.gif) no-repeat top left;
    margin: 0 0 0 3px;
    padding: 0 0 2px 18px;
}
.post-comments {
    background: url(images/comment-icon.gif) no-repeat top left;
    margin: 0 0 0 3px;
    padding: 0 0 2px 18px;
}
.categories {
    background: url(images/file-icon.gif) no-repeat center left;
    margin: 0 0 0 2px;
    padding: 0 0 3px 20px;
}
.tags {
    background: url(images/tag-icon.gif) no-repeat top left;
    margin: 0 0 0 3px;
    padding: 0 0 4px 18px;
}
/* Misc */

.sticky {}.gallery-caption {}.bypostauthor {}.wp-caption-text {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
}
.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}
.wp-caption-dd {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}
/* Pagination */

.pagenavi {
    margin: 0 auto 20px auto;
    width: 400px;
    padding: 5px;
    background: #f3f3f3;
    border: 1px solid #ccc;
}
.pagenavi a {
    padding: 5px 6px 4px 6px;
    margin: 3px;
    text-decoration: none;
    color: #666;
    background-color: inherit;
}
.pagenavi a:hover {
    color: #000;
}
.pagenavi span.pages {
    padding: 5px 6px 4px 6px;
    margin: 3px;
    color: #333;
    font-weight: bold;
    background-color: inherit;
}
.pagenavi span.current {
    padding: 5px 6px 4px 6px;
    margin: 3px;
    font-weight: bold;
    color: #fff;
    background-color: #ccc;
}
.enquiry-button {
    font: 20px/30px 'Roboto', Arial, sans-serif;
    color: #fff;
    text-shadow: 0 -1px 0 #830f1c;
    cursor: pointer;
    background: url(images/btn-bg.png) repeat-x center left;
    border: 1px solid #920412;
    padding: 0px 9px;
    margin: 0;
    width: 180px;
    height: 50px;
    border-radius: 5px;
    display: block;
    text-align: center;
    margin: 0 0 20px 0;
    text-decoration: none;
    margin-left: 8px;
}
.enquiry-button:hover {
    color: #fff;
}
.front {
    width: 290px;
    margin-left: 0px;
}
#left-sidebar-menu {
    /*background: url(images/sidebar.png) top center no-repeat;*/
    
    background: #f2f2f2;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #ffffff));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, #f2f2f2 0%, #ffffff 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff', GradientType=0);
    /* IE6-8 */
    
    padding: 20px 0 20px 20px;
    font-size: 15px;
    margin: 0 0 40px 0;
}
#left-sidebar-menu a {
    color: #515151;
    text-decoration: none;
    border: none;
    font-family: 'Roboto', Arial, sans-serif;
}
#left-sidebar-menu a:hover {
    color: #b1241f;
    font-weight: bold;
}
#left-sidebar-menu h4 {
    font: 25px/30px 'Roboto', Arial, sans-serif;
    margin: 0 0 10px 0;
    font-weight: bold;
    font-style: italic;
    color: #3c3b3b;
}
#left-sidebar-menu ul {
    width: 180px;
    /*margin: 0 0 0 30px;	padding: 30px 0 0 0;*/
}
#left-sidebar-menu li {
    list-style-type: none;
    padding: 0 0 5px 0;
}
.full-width {
    padding: 0 30px;
}
.wp-rotator-wrap {
    margin: 0px 0px 20px 10px!important;
    border-radius: 5px;
}
#testimonials {
    width: 266px;
    /*background: url(images/sidebar.png) top center no-repeat;*/
    
    background: #f2f2f2;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #ffffff));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, #f2f2f2 0%, #ffffff 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, #f2f2f2 0%, #ffffff 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff', GradientType=0);
    /* IE6-8 */
    
    padding: 10px 10px 20px 25px;
}
.footer-widget {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 1px 4px #ccc;
    -webkit-box-shadow: 0 1px 4px #ccc;
    box-shadow: 0 1px 4px #ccc;
    padding: 10px 20px 30px 20px;
    margin: 0 0 30px 0;
}
.footer-widget .button {
    font: 20px/30px 'Roboto', Arial, sans-serif;
    color: #fff;
    text-shadow: 0 -1px 0 #830f1c;
    cursor: pointer;
    background: url(images/btn-bg.png) repeat-x center left;
    border: 1px solid #920412;
    padding: 0px 21px;
    margin: 0;
    /*width:220px;*/
    
    height: auto;
    border-radius: 5px;
    /*display:block;*/
    
    text-align: center;
    margin: 0 0 20px 0;
    text-decoration: none;
}
.testimonials-wrap .entry {
    border-bottom: 1px solid #e9e9e9;
    margin: 0 0 30px 0;
}
.pdf {
    background: url(images/icon-pdf.png) no-repeat 5px center;
    padding: 5px 10px 5px 25px;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-decoration: none;
    position: relative;
    -moz-box-shadow: 0 1px 5px #ccc;
    -webkit-box-shadow: 0 1px 5px #ccc;
    box-shadow: 0 1px 5px #ccc;
	margin-top: 10px;
    display: inline-block;
	margin-right: 8px;
}

.pdf:hover {
    border-color: #bfbebe;
}
.pdf:active {
    top: 1px;
}
tr,
td {
    /*added*/
    
    border: 1px solid #000;
    padding: 10px;
    vertical-align: middle;
}
table {
    /*added*/
    
    border: 1px solid #000;
}
.products_like span.wpcf7-not-valid-tip {
    top: -8px !important;
    left: 0px;
}
#wpcf7-f149-p6-o1 form.wpcf7-form {
    width: 320px;
}

#navigation .sub-menu { width: 240px; }
#navigation .sub-menu li { float: none; }
#navigation .sub-menu li a { display: block; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; }

/*** C - changes ***/

.grid_3.alpha {
    margin-bottom: 20px;
}

.grid_p{
    padding:10px;
    float: left;
}

.inner-banner-div{    
	margin: 0px auto;
    width: 1010px;
    margin-left: -25px;
	margin-bottom: 20px;
}

@media only screen and (min-width: 961px){
    .grid_p {
        width: 710px;
    }
   

    
}
@media only screen and (max-width: 1023px){
    .inner-banner-div{width: 100%; margin: 0 auto 20px 0}
    .inner-banner-div img{width: 100%}
}

@media only screen and (max-width: 960px){
    .container_12 .grid_4{        width:100%;    }
     .container_12 #sidebar.grid_4 {  margin-left: 5px;   width: 29%;}
    .footer-widget { padding: 10px 2% 30px;   width: 97%;}
}
@media only screen and (max-width: 767px){
    
     .container_12 #sidebar.grid_4 {  width:100%;    }
    .hide-xs {display: none}
    .logo img {  max-width: 85%;}
    
    body .mb_num {  margin: -10px 0 10px;}
}


.inner-banner-div{
    background: white;
}

@-moz-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Firefox */
@-webkit-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Webkit */
@-ms-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* IE */
@keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Opera and prob css3 final iteration */
.inner-banner-div img {

-moz-transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
-ms-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
/* order: name, direction, duration, iteration-count, timing-function */  
-moz-animation:blink normal 2s infinite ease-in-out; /* Firefox */
-webkit-animation:blink normal 2s infinite ease-in-out; /* Webkit */
-ms-animation:blink normal 2s infinite ease-in-out; /* IE */
animation:blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}​