@font-face {
    font-family: 'mfg_labs_iconsetregular';
    src: url('font/mfglabsiconset-webfont.eot');
    src: url('font/mfglabsiconset-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/mfglabsiconset-webfont.woff') format('woff'),
         url('font/mfglabsiconset-webfont.ttf') format('truetype'),
         url('font/mfglabsiconset-webfont.svg#mfg_labs_iconsetregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.icon,
.readmore span:before, .address span:before, .mobile span:before, .fax span:before, .email span:before {    
    font-family: 'mfg_labs_iconsetregular';
    font-style: normal;
    speak: none;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;    
}
.icon,
.readmore span:before, .address span:before, .mobile span:before, .fax span:before, .email span:before {
    font-size: 1em;
}
.readmore span:before {
    color: #fff;
}
.address span:before, .mobile span:before, .fax span:before, .email span:before {
    color: #899738;
}
.readmore span:before {margin-right: 10px;}
.address span:before {margin-right: 16px;}
.mobile span:before {margin-right: 17px;}
.fax span:before {margin-right: 12px;}
.email span:before {margin-right: 9px;}
.city span, .state span {margin-left: 29px;}
.button, button,
input[type="submit"], input[type="password"], input[type="search"], input[type="text"],
input{  
    display: inline-block;
    border:none;
    outline: none;
    text-align: left;
    text-decoration: none;
}
input[type="text"], textarea{
    background: #f7f5f0;
    border: 1px solid #ede6d6;
}
input:not([type=submit]):not([type=file]) {
    
}
.contact_field input[type="text"], .contact_field textarea {
    min-width: 350px;
}
#component input {
    padding: 6px 8px;
}
input[type="checkbox"] {
    margin-right: 8px;
}
.recaptchatable #recaptcha_response_field {
    background: #fff;
    border: 1px solid #efefef;
    min-width: 80px;
}
/*General CSS*/
/*no animation as gradient & image cannot animate.*/
.button, button,
input[type="submit"], input[type="password"], input[type="search"],
#right > .widget > p > a, .moreinfo, .item .readmore a,
.button_setting button, .button_logout input{
    cursor: pointer;
    padding: 10px 22px;
    color: #fff !important;
    text-decoration: none !important;
    /* background terracotta*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#984c37), to(#bd6952));   /* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(top, #bd6952, #984c37);                         /* Safari 5.1, Chrome 10+ */
    background: -moz-linear-gradient(top, #bd6952, #984c37);                            /* Firefox 3.6+ */
    background: -ms-linear-gradient(top, #bd6952, #984c37);                             /* IE 10 */
    background: -o-linear-gradient(top, #bd6952, #984c37);                             /* Opera 11.10+ */
}
.button:hover, button:hover,
input[type="submit"]:hover, input[type="password"]:hover, input[type="search"]:hover,
#right > .widget > p > a:hover, #home_highlight .widget .readmore:hover, .moreinfo, .moreinfo:hover, .item .readmore a:hover,
.button_setting button:hover, .button_logout input:hover {    
    color: #fff;
    text-shadow: 1px 1px 0 #000;
    /* background darkbrown*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#43382b), to(#504232));   /* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(top, #504232, #43382b);                         /* Safari 5.1, Chrome 10+ */
    background: -moz-linear-gradient(top, #504232, #43382b);                            /* Firefox 3.6+ */
    background: -ms-linear-gradient(top, #504232, #43382b);                             /* IE 10 */
    background: -o-linear-gradient(top, #504232, #43382b);                             /* Opera 11.10+ */
}
.button:active, button:active, .readmore:active, .moreinfo:active, .gallery_back_button a:active,
#right > .widget > p > a:active,
input[type="submit"]:active, input[type="search"]:active{
    position: relative;
    top: 1px;
}
#home_highlight .widget .readmore {
    color: #fff;
    padding: 10px 22px;
    text-shadow: 1px 1px 0 #303800;
    text-decoration: none;
    /* background green*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6a7621), to(#899738));   /* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(top, #899738, #6a7621);                         /* Safari 5.1, Chrome 10+ */
    background: -moz-linear-gradient(top, #899738, #6a7621);                            /* Firefox 3.6+ */
    background: -ms-linear-gradient(top, #899738, #6a7621);                             /* IE 10 */
    background: -o-linear-gradient(top, #899738, #6a7621);                             /* Opera 11.10+ */
}
.moreinfo, .item .readmore a {
    color: #fff;
    text-shadow: 1px 1px 0 #5a5b17;
    /* background lighter green*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#76812d), to(#9ba74b));   /* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(top, #9ba74b, #76812d);                         /* Safari 5.1, Chrome 10+ */
    background: -moz-linear-gradient(top, #9ba74b, #76812d);                            /* Firefox 3.6+ */
    background: -ms-linear-gradient(top, #9ba74b, #76812d);                             /* IE 10 */
    background: -o-linear-gradient(top, #9ba74b, #76812d);                             /* Opera 11.10+ */
}
.readmore span:before{
    content: "\f085";
}
.item .readmore a {
    color: #fff !important;
    text-decoration: none !important;
}
.contact_label input[type="submit"]:before{
    content: "\F531";    
}

/**************** Icons ****************/
.latex {
    background: url('images/icons/latex-icon.png') 0 2px no-repeat transparent;
    padding-right: 20px; 
}
.oil {
    background: url('images/icons/oil-icon.png') 0 2px no-repeat transparent;
    padding-right: 20px; 
}

/**************** Contact Us Icons ****************/
.address img, .mobile img, .fax img, .email img{
    display: none;
}
.address span:before {content: "\2302";}
.mobile span:before {content: "\f034";}
.fax span:before {content: "\f087";}
.email span:before {content: "\2709";}
.address span:after, .mobile span:after, .fax span:after, .email span:after, .city span:after, .state span:after {
    content: ":";
    padding: 0 6px 0 0;
    color: #899738;
}