/*
Theme Name: ColorWay Theme Responsive
Theme URI: http://inkthemes.com/
Description: The Colorway Theme for WordPress is simple and beautiful with lots of customization options that can tweaked by Theme Options Panel like logos, intro texts and background. Colorway Theme supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Fullwidth" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: InkThemes.com
Author URI: http://www.inkthemes.com
Version: 2.1.8
License: GNU General Public License
License URI: license.txt
Tags: green,red,pink,black, blue, white,  two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu, full width
*/

/* 
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file. You have been warned! :)
*/

/*==============================*/
/*  GENERAL TYPOGRAPHY */
/*==============================*/
body {
    font: 13px/1.5 "Trebuchet MS", Arial;
}
pre, code {
    font-family: "Trebuchet MS", Monaco, Consolas, monospace;
}
hr {
    border: 0 #ccc solid;
    border-top-width: 1px;
    clear: both;
    height: 0;
}
p {
    font-size:13px;
    font-family:"Trebuchet MS";
    color:#4a4a4a;
    line-height:1.6;
}
a {
    text-decoration:none;
}

input:focus, textarea:focus {
    outline:none;
}
select,input[type="file"]{
    margin-bottom:5px;
}

input[type="text"]{
    width:250px;
    height:18px;
}

textarea{
    width:250px;
    height:100px;
}
tr{
    border-bottom: 1px solid #eeeeee;
}
th{
    font-weight:bold;
    background-color: #cccccc; 
}
td,th{
    padding:5px;
    border: 1px solid #ccc;
}
/*==============================*/
/*   Headings  */
/*==============================*/

h1 {
    font-size: 28px;
    margin:0px;
    padding:0px;
    color:#4a4a4a;
}
h2 {
    font-size: 24px;
    margin:0px;
    padding:0px;
    color:#4a4a4a;
}
h3 {
    font-size: 22px;
    margin:0px;
    padding:0px;
    color:#4a4a4a;
}
h4 {
    font-size: 17px;
    color:#4a4a4a;
    margin:0px;
    padding:0px;
}
h5 {
    font-size: 16px;
    margin:0px;
    padding:0px;
    color:#4a4a4a;
}
h6 {
    font-size: 14px;
    margin:0px;
    padding:0px;
    color:#4a4a4a;
}
/*==============================*/
/*   Spacing  */
/*==============================*/

ol {
    list-style: decimal;
}
ul {
    list-style: disc;
}
li {
    margin-left: 30px;
}
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, figure {
    margin-bottom: 20px;
}
.container {
    margin-top:20px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    background-color:#FFFFFF;
    border-bottom:none;
    box-shadow:inset 0 0 1px #000000;
}

ol li {
    border-bottom:none !important;
    margin-top:1!important;
    margin-bottom:1!important;
    padding-bottom:0!important;
    padding-top:0!important;
}
.menu-bar, .slider-container, .logo, .content-wrapper, .footer-wrapper {
    margin-left:30px;
    margin-right:30px;
}
.content-wrapper{
    
}
/*=========================================*/
/* Header Style */
/*=========================================*/

.logo {
    margin-top:30px;
}
.logo img{
	max-width:100%;
	height:auto;
	}
.header .menu-bar {
    border-top:3px double #4A7023;
    border-bottom:3px double #4A7023;
    margin-top:20px;
    padding-bottom:2px;
    height:40px;
}
.header .menu-bar ul {
    margin:0px;
    padding:0px;
    margin:10px 0px 10px 0px;
    margin-left:-20px;
}
.header .menu-bar ul li {
    display:inline;
}

/*=========================================*/
/* Slider Style */
/*=========================================*/
.slider-container {
    border-bottom:3px double #eeeeee;
    height:400px;
    margin-top:13px;
}
.slider-container ul{
    list-style-type:none;
}
#slide-box {
    margin: 0 auto;
    position: relative;
}
.slides_container{
    overflow:hidden;
    position:relative;
    display:none;
} /* Make sure the slider doesn't display all slides in a stack on load */
.slides_control {
    min-height: 364px;
}
.slide {
    min-height:200px;
}
.slide .slide-content.entry {
    width: 300px;
    left: 0px;
    bottom: 40px;
    padding: 10px 20px;
    position: absolute;
    font-size: 13px;/*	background-color: rgba(0, 0, 0, 0.6);*/
}
.slide-content p {
    margin:0 0 0.5em;
}
.slide-image {
}
.slide-fix {
    background: url("images/bg-slider.png") no-repeat bottom center;
    padding-bottom:15px;
}

.slide .slide-content.entry .title {
    font-size: 32px;
    line-height: 1em;
    margin: 0 0 10px 0;
    color: #fff;
}
#slides iframe{
    width:897px;
    height:355px; 
    margin: 0;
    padding: 0;
    margin-bottom: -5px;
}
.slide-img {
    width:897px;
    height:355px;
}
#slides a.prev {
    background: url("images/btn-prev-slider.png") no-repeat scroll 0 0 transparent;
    height: 30px;
    left: 18px;
    opacity: 0.8;
    position: absolute;
    text-indent: -9999em;
    top: 41%;
    width: 30px;
    z-index: 999;
}
#slides a.next {
    background: url("images/btn-next-slider.png") no-repeat scroll 0 0 transparent;
    height: 30px;
    opacity: 0.8;
    position: absolute;
    right: 18px;
    text-indent: -9999em;
    top: 41%;
    width: 30px;
    z-index: 999;
}
#slides a.prev:hover, #slides a.next:hover {
    opacity:1;
}
#slider_nav {
    margin-bottom: 10px;
    position: relative;
    z-index: 2;
}
#slider_nav, #line_wrap {
    margin-left: auto;
    margin-right: auto;
}
#line_wrap {
    position: relative;
    z-index: 1;
}
#line {
    border-bottom: 1px solid #E8E8E9;
    margin: 39px 0 0;
    position: absolute;
}
#slider_pag {
    float: left;
    width: 904px;
}
#slider_pag ul {
    float: left;
    left: 49%;
    margin: 0 auto;
    max-width: 700px;
    position: relative;
}
#slider_pag li:first-child {
    padding: 0 2px 0 12px;
}
#slider_pag li:last-child {
    padding: 0 10px 0 2px;
}
#slider_pag li {
    margin:0px;
    padding:0px;
    float: left;
    padding: 0 3px;
    position: relative;
    right: 50%;
    text-align:center;
}
#slider_pag a {
    border: medium none;
    display: block;
    height: 11px;
    text-indent: -9999px;
    width: 10px;
}
#slides .pagination li a {
    display:block;
    width:16px;
    height:0;
    padding-top:16px;
    background-position:0 0;
    float:left;
    overflow:hidden;
}
#slides .pagination li.current a {
    background-position:0 -16px;
}
.slide .entry {
    margin: 0 auto;
    padding:0 80px;
}
.slide .entry h2 {
    color: #3585B3;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.2em;
}
/*=========================================*/
/* Content Style */
/*=========================================*/
.content-wrapper .content-info {
    margin-bottom:20px;
}
.content{
    padding-top:10px;
}
.content img {
    max-width:100%;
}
.content-wrapper .content-info h4 {
    text-align:center;
    margin:0px;
    padding:0px;
}
#content {
    border-bottom:3px double #eeeeee;
    margin-top:50px;
}
#content ul.thumbnails {
    list-style-type:none;
    width: 1008px;
    overflow:hidden;
    margin:0 auto;
    margin-left:-32px;
    padding:0px;
}
#content .one_fourth h3 {
    margin:0px;
    padding:0px;
    margin-top:15px;
    margin-bottom:10px;	
}
#content .one_fourth h3 a{
    color:#4a4a4a;
}
#content ul.thumbnails li {
    width:198px;
    height:250px;
    margin:0px;
    margin-left:32px;
    float:left;
    overflow:hidden;
    background:none;
    margin-bottom:26px;
}
#content ul.thumbnails a.bigthumbs {
    display:block;
    width:198px;
    background-image:url(http://ourfairfieldhomeandgarden.com/wp-content/themes/images/img-bg.png);
}
/*=========================================*/
/* Footer Style */
/*=========================================*/
.footer-container {
    padding-top:20px;
}
.footer-container h4 {
    background-position:0% 100%;
    margin:0px;
    padding:0px;
    padding-bottom:10px;
    margin-bottom:15px;
}
.footer-container img {
    float:left;
    margin-right:15px;
}
.footer-container ul {
    margin-left:-15px;
}
.footer-container ul li{
    color:#B7BFAF;
}
.footer-container .common.left {
    margin-left:30px;
    padding-right:25px;
}
.footer-container .common.right {
    margin-right:30px;
    padding-left:30px;
}
.footer-container .common.second {

}
.footer-container .common.third {
    margin-left:20px;

}
.footer-navi .navigation {
    margin-left:30px;
    margin-top:10px;
}
.footer-navi .navigation ul {
    float:left;
    margin-bottom:10px;
}
.footer-navi .navigation ul li {
    display:inline;
    margin:0px;
    padding:0px;
    padding-left:5px;
    padding-right:15px;
}
.footer-navi .navigation ul li:first {
    padding-left:0px;
}
.footer-navi .navigation ul li.last {
    background:none;
}
.footer-navi .navigation ul li a {
    font-size:12px;
}
.footer-navi .navigation .right-navi {
    float:right;
    margin-right:25px;
    width:352px;
    text-align: right;
}
.footer-navi .navigation .right-navi img {
    margin-right:5px;
    float:left;
}
.footer-navi .navigation .right-navi p {
    margin:0px;
    padding:0px;
    margin-left:80px;
    font-size: 12px;
}
.footer-navi .navigation .right-navi p a{
    color: #fff;
}
.footer-navi {
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
}
.space{
    height: 20px;
    visibility: hidden;
}
/*=========================================*/
/* Post Style */
/*=========================================*/
.content-wrapper .folio-content-info {
    margin-top:18px;
}
.content-wrapper .folio-content-info p.info {
    font-size:11px;
}
.folio-content {
    border-bottom:3px double #eeeeee;
}
.folio-content ul.thumbnail {
    list-style-type:none;
    width: 1008px;
    overflow:hidden;
    margin:0 auto;
    margin-left:-18px;
    padding:0px;
}
.folio-content ul.thumbnail h3 {
    margin:0px;
    padding:0px;
    margin-top:5px;
    margin-bottom:15px;
}
.folio-content ul.thumbnail li {
    width:288px;
    margin:0px;
    margin-left:18px;
    float:left;
    background:none;
    margin-bottom:20px;
}
.folio-content ul.thumbnail li img {
    border:1px solid #eeeeee;
    padding:5px;
    height:158px;
    width:266px;
    background-color:#FFFFFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius:5px;
}
.folio-content ul.thumbnail li a {
    font-size:11px;
}
.folio-content ul.thumbnail a.zoombox {
    display:block;
    width:275px;
    background:url(images/img-shadow.png) no-repeat;
    background-position:10% 100%;
    height:186px;
}
.folio-page-info ul.paging {
    margin:0px;
    padding:0px;
    float:right;
    margin-top:20px;
    margin-bottom:20px;
}
.folio-page-info ul.paging li {
    margin:0px;
    padding:0px;
    display:inline;
    margin-right:4px;
}
.folio-page-info ul.paging li a {
    color:#777777;
    padding:2px 7px 2px 7px;
    width:20px;
    height:20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius:5px;
    border:1px solid #eeeeee;
}
#nav-single {
    overflow:hidden;
    margin-bottom:20px;
}
.nav-previous {
    float: left;
    width: 50%;
}
.nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
/*=========================================*/
/* Contact Page Style */
/*=========================================*/
.content-wrap {
    margin-left:30px;
    padding-right:5px;
    word-wrap:break-word;
    overflow: hidden;
}
.content-wrap h4 {
    margin-top:20px;
}
.content-info {
    border-bottom:dotted 1px #eeeeee;
    padding-bottom:10px;
    margin-bottom:10px;
}
.content-wrap .contact ul{
    list-style-type:none;
}
.content-wrap .contact{
    overflow:hidden;
}
.content-wrap #contactForm ul.contactform, .content-wrap #contactForm ul.contactform li, .content-wrap #contactForm ul.contactform li label {
    margin:0px;
    padding:0px;
}
ul.contactform input[type="text"],ul.contactform label,ul.contactform textarea{
    clear: both;
    display: block;
    overflow: hidden;
}
ul.contactform input[type="text"]{
    width:215px;
    height:25px;
}
ul.contactform input[type="text"],ul.contactform textarea{
    color: #666;
    border: 1px solid #eeeeee;
    padding-left:10px;
    float:left;
}

ul.contactform textarea{
    width:320px;
    margin-bottom:5px;
    height:150px;
}
.content-wrap .contact ul p, .content-wrap .contact ul p.error {
    margin-left:-29px;
    margin-top:20px;
}
.content-wrap .contact #contactForm ul.contactform li {
    margin-bottom:25px;
    margin-left:-28px;
}
.content-wrap .contact #contactForm label {
    clear:both;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.content-wrap .contact #contactForm input#contactName, #contactForm input#email, #contactForm textarea {
    width:290px;
    background:#F5F5F5;
    border:1px solid #CCC;
    padding-left:5px;
    clear:both;
    margin-bottom:5px;
    overflow:hidden;
    float:none;
}
.content-wrap .contact #contactForm input#contactName:focus, .content-wrap .contact #contactForm input#email:focus, .content-wrap .contact #contactForm textarea:focus {
    background:#FFF;
}
.content-wrap .contact #contactForm input#contactName {
    height:28px;
    clear:both;
}
.content-wrap .contact #contactForm input#email {

    height:28px;
}
.content-wrap .contact #contactForm textarea {
    height:130px;
    width:350px;
    clear:both;
}
.content-wrap .contact #contactForm input[type="submit"] {
    height:35px;
    width:84px;
    border:0px;
    background:#000;
    color:#FFF;
    cursor:pointer;
    padding-left:5px;
    padding-right:5px;
    clear:both;
    float:left;

}
.content-wrap .contact #contactForm input[type="submit"]:hover {
    background:#333;
}
.content-wrap .contact #contactForm .error {
    color:#F00;
    clear:both;
}
/*=========================================*/
/* Sidebar Style */
/*=========================================*/

.sidebar {
    margin-top:30px;
    margin-right:30px;
    border-left:1px solid #eeeeee;
    padding-left:20px;
    margin-bottom:20px;
}
.sidebar ul{
    margin:-5px;
    padding:0px;
    margin-left:-30px;
    list-style-type:none;
    clear: both;
    margin-bottom: 15px;
}
.sidebar div{
    margin-bottom: 15px;
}
.sidebar ul li {
    border-bottom:1px solid #eeeeee;
    padding-top:5px;
    padding-bottom:5px;
    margin-left:10px;
    padding-left:20px;
}
.sidebar ul li:first-child {
    border-top:1px solid #eeeeee;
}
.sidebar ul li:hover {
    background:url(images/sidebar_hover.png) ;
}
.sidebar h4 {
    margin-top:20px;
}
.sidebar #recentcomments li {
    display:block;
    padding:5px 0 5px 20px;
    padding-left:20px;
}
.sidebar #recentcomments li:hover {
    background:url(images/sidebar_hover.png);
}
.content-wrap img {
    margin-top:20px;
}

/*=========================================*/
/*  Blog Page Style */
/*=========================================*/
.content-wrap .blog img {
    border:1px solid #eeeeee;
    padding:3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius:3px;
}
.content-wrap #blogmain img.postimg {
    margin:0px;
    padding:0px;
    border:1px solid #eeeeee;
    padding:3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius:3px;
    /*height: 100px;
    width:100px;*/
    float:left;
    margin-right:15px;
    margin-top:8px;
}
.content-wrap .blog ul {
    margin-left:-30px;
}
.content-wrap .blog img {
    max-width:98%;
    height:auto;
}
.content-wrap .blog ul.blog_post{
    list-style-type:none;
}
.content-wrap .blog ul.blog_post li {
    border-bottom:1px solid #eeeeee;
    padding-bottom:25px;
    margin-top:20px;
    min-height:180px;
}
.content-wrap .blog ul.blog_post li:last-child {
    border:none;
}
.content-wrap .blog ul.blog_post li p {
    margin-top:15px;
}
.content-wrap .blog ul li h2 {
    margin:0px;
    padding:0px;
    margin-left:0;
}
.content-wrap .blog ul.blog_post li h2 a {
    color: #000;
}
.content-wrap ul.paging, .content-wrap label {
    float:left;
}
.content-wrap label {
    margin:0px;
    padding:0px;
    margin-top:18px;
    margin-right:10px;
}
.content-wrap .blog ul ul {
    list-style-type:disc;
    margin-top:10px;
    margin-left:-5px;
}
.content-wrap .blog ul.blog_post li ul li {
    border:none;
    margin-left:5px;
    margin-bottom:0;
    padding-bottom:0;
    margin-top:0;
    min-height:0;
}
.content-wrap .blog ul.single{
    list-style-type:none;
}
/*=========================================*/
/* Fullwidth Page */
/*=========================================*/
.content-wrap .fullwidth {
    margin-right:30px;
}
.content-wrap .fullwidth img {
    height:auto;
    width:885px;
}
.content-wrap h1 {
    margin-top:15px;
}
/*=========================================*/
/* Social Icons */
/*=========================================*/
.social_link {
    position:relative;
    margin-top:20px;
}
.social_link p {
    float:left;
    color:#6c6c6c;
    margin-right: 20px;
}
.social_logo{
    margin-bottom: 20px;
}
.social_logo img {
    margin:0px;
    padding:0px;
}
/*=========================================*/
/* Comment Style */
/*=========================================*/
#commentsbox {
    margin:0 0px;
}
ol.commentlist {
    margin:0px 0 0;
    clear:both;
    overflow:hidden;
    list-style:none;
}
ol.commentlist li.comment {
    margin:10px 0;
    line-height:18px;
    padding:10px !important;
    border:1px solid #CCCCCC;
    margin-bottom:10px;
    border-bottom:1px solid #CCCCCC !important;
    background: #EBEBEB;
    text-shadow: 0 1px 0 #ffffff;
}
ol.commentlist li.comment .comment-author {
    color:#000;
}
ol.commentlist li.comment .comment-author.vcard{
    margin:0;
    padding:0;
}
ol.commentlist li.comment .comment-author a:link, ol.commentlist li.comment .comment-author a:visited {
    color:#000;
    font-weight:bold;
    text-decoration:none !important;
}
ol.commentlist li.comment .comment-author .fn {
    color:#000;
}
cite.fn {
    color:#000;
    font-style:normal;
    margin-left:8px;
}
ol.commentlist li.comment .comment-author .avatar {
    border:1px solid #ddd;
    padding:3px;
    margin-right:10px;

}
ol.commentlist li.comment .comment-meta {
    font-size:10px;
    margin-left:63px;
    margin-top:-15px;
}
ol.commentlist li.comment .comment-body p{
    margin-left:60px;
}
ol.commentlist li.comment .comment-meta .commentmetadata {
    color:#000;
    padding-top: 0px;
}
ol.commentlist li.comment .comment-meta a {
    color: #3399FF;
    text-decoration:none !important;
}
ol.commentlist li.comment p {
    line-height:22px;
    margin-top:5px;
    color:#666;
}
ol.commentlist li.comment .reply {
    margin-top:10px;
    font-size:10px;
}
ol.commentlist li.comment .reply a {
    color:#63261a;
    font-size:14px;
}
ol.commentlist li.odd {
}
ol.commentlist li.even {
}
ol.commentlist li ul.children {
    list-style:none;
    margin:1em 0 0;
    text-indent:0;
}
ol.commentlist li.comment ul.children li.depth-2 {
    margin:0 0 0px 50px;
}
ol.commentlist li.comment ul.children li.depth-3 {
    margin:0 0 0px 50px;
}
ol.commentlist li.comment ul.children li.depth-4 {
    margin:0 0 0px 50px;
}
ol.commentlist li.comment ul.children li.depth-5 {
    margin:0 0 0px 50px;
}
.comment-nav {
    padding:5px;
    height:20px;
}
.comment-nav a:link, .comment-nav a:visited {
    color:#f96e02;
}
#respond {
    padding:0px 0px;
    margin:10px 0px;
}
#respond h3 {
    font-size:14px;
    color:#000;
    font-weight:bold;
    padding:10px 10px;
}
#commentform {
    padding:10px 20px;
    border:1px solid #eee;
    overflow:hidden;
}
#commentform p {
    margin:5px 0px;
    color:#444;
}
#commentform a {
    color:#0454A8;
}
#respond label {
    display:block;
    padding:5px 0;
    color:#63261a;
}
#respond label small {
    font-size:10px;
}
#respond input {

    padding:5px 5px;

    background:#fff;
    border:1px solid #ddd;
    color:#555;
}
#commentform input[type="text"], #commentform  label, #commentform textarea{
    clear: both;
    display: block;
    overflow: hidden;
}
#commentform input[type="text"] {
    width:50%;
    height:20px;
}
#respond input#commentSubmit {
    clear:both;
    background: url('images/submit-button.png') no-repeat 0 0; width: 92px; height: 26px;
    border:0;
    cursor:pointer;
    text-align: center;
    font-size:16px;
    margin-top:20px;
    color:#FFFFFF;
    float:left;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-indent:9999px;
}
textarea#comment {
    border:none;
    background:#fff;
    border:1px solid #ddd;
    width:70%;
    margin:30px 0px 0px 0px;
    padding:5px 5px;
    color:#555;
    clear:both;
}
/*=========================================*/
/* Search Form Style */
/*=========================================*/
#searchform {
    position:relative;
    width: 260px;
}
.footer #searchform {
    margin-bottom: 20px;
}
#searchform #s {
    width:215px;
    height:25px;
    color:#939292;
    border: 1px solid #eeeeee;
    padding-left:10px;
}
.footer #searchform{
    width: 180px;
    height:30px;
}
.footer #searchform #s {
    border:0px;
    height:30px;
    width:135px;
    padding-left:18px;
    background:transparent;
    color:#CCCCCC;
}
.footer #searchform label {
    float:left;
}
#searchform #searchsubmit {
    background:url(images/search-bg-1.png) no-repeat;
    border:0px;
    position:absolute;
    width:29px;
    height:29px;
    top:0;
    right:0;
    cursor:pointer;
    margin-left:6px;
    text-indent:-9999px;
}
.footer #searchform #searchsubmit {
    width:18px;
    height:18px;
    padding:0;
    position:absolute;
    top:8px;
    right:5px;
    overflow:hidden;
    cursor:pointer;
    text-indent:-9999px;
    background: url(images/search-icon.png) 0 0 no-repeat;
    border:none;
    z-index:200;
}
.sidebar #searchform {
    
}
ul.searchlist{
    list-style-type: none;
}
/*=======================================================*/
/* Special Columns */
/*=======================================================*/
.one_half, .one_third, .two_third, .three_fourth, .one_fourth {
    float:left;
    display:inline;
    position:relative;
}
.one_third {
    width:30%;
    margin-right:5%;
}
.one_half {
    width:48%;
    margin-right:4%;
}
.one_third {
    width:30%;
    margin-right:5%;
}
.two_third {
    width:65%;
    margin-right:5%;
}
.one_fourth {
    width:22%;
    margin-right:4%;
}
.three_fourth {
    width:74%;
    margin-right:4%;
}
.col2, .col3, .col4 {
    float:left;
    position:relative;
}
.col3 {
    width:280px;
    margin-right:60px;
}
.col2 {
    width:460px;
    margin-right:40px;
}
.col4 {
    width:210px;
    margin-right:40px;
}
.last {
    margin-right:0 !important;
}
.col4-wrap, .col2-wrap, .homepage {
    width:1000px;
    margin-right:-40px;
    overflow: hidden;
    line-height:20px;
}
/*=======================================================*/
/* Tipsy */
/*=======================================================*/
.tipsy {
    margin-bottom:5px;
    padding: 5px;
    font-size: 10px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    background-repeat: no-repeat;
    background-image: url(images/tipsy.gif);
}
.tipsy-inner {
    padding: 5px 8px 4px 8px;
    background-color: black;
    color: white;
    max-width: 200px;
    text-align: center;
}
.tipsy-inner {
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.tipsy-north {
    background-position: top center;
}
/*=======================================================*/
/* Calendar Style */
/*=======================================================*/

#wp-calendar caption {
    width: 157px;
    text-align: center;
    background: #4b5d67;
    color: #fff;
    border-bottom: 2px solid #e6eef7;
}
#wp-calendar {
    border-collapse:collapse;
    width: 156px;
    text-align: center;
}
#wp-calendar thead tr {
    background: url(http://ourfairfieldhomeandgarden.com/wp-content/themes/colorwaytheme/images/cal_bkg.gif) bottom right no-repeat;
}
#wp-calendar thead th {
    background: url(http://ourfairfieldhomeandgarden.com/wp-content/themes/colorwaytheme/images/cal_single.gif) top left no-repeat;
}
#wp-calendar tbody td {
    background: url(http://ourfairfieldhomeandgarden.com/wp-content/themes/colorwaytheme/images/cal_single2.gif) top left no-repeat;
    padding: 2px 0;
}
#wp-calendar #today {
    background: url(http://ourfairfieldhomeandgarden.com/wp-content/themes/colorwaytheme/images/cal_single_today.gif) top left no-repeat;
    color: #000;
}
#wp-calendar tbody .pad {
    background: url(http://ourfairfieldhomeandgarden.com/wp-content/themes/colorwaytheme/images/cal_pad.gif) top left no-repeat;
}
#wp-calendar a {
    padding: 2px 0;
    font-weight: bold;
}
#wp-calendar tfoot td {
    padding: 3px 0;
    background: url(http://ourfairfieldhomeandgarden.com/wp-content/themes/colorwaytheme/images/cal_pad.gif) top left no-repeat;
}
#wp-calendar #next {
    text-align: right;
    padding-right: 10px;
}
#calendar_wrap {
    display: block;
    width: 157px;
    background: url(http://ourfairfieldhomeandgarden.com/wp-content/themes/colorwaytheme/images/cal_bkg.gif) bottom right no-repeat;
    padding: 0 1px 1px 0;
    margin: 0 0 18px 0;
}
.footer #calendar_wrap {
}
.footer #wp-calendar caption {
    border-bottom:none;
    color: #244006;
}
.footer #wp-calendar {
    color: #abca8a ;
}
.footer #wp-calendar th {
    background:none;
    border-top:none;
    border-bottom:none;
    font-weight: bold;
    padding-top: 5px;
}
.footer #wp-calendar th{
    color: #213a06;
}
.footer #wp-calendar tfoot td {
    background:none;
    border-top:none;
    border-bottom:none;
}
.footer #wp-calendar tr {
    border:none;
}
/*=======================================================*/
/* Color Box */
/*=======================================================*/
.schemes {
    width:17px;
    padding:5px 5px 0px 5px;
    position:absolute;
    z-index:1000;
    top:50px;
    left:0;
    background:#fff;
    border:1px solid #d9d9d9;
    border-radius:0 5px 5px 0;
    -moz-border-radius:0 5px 5px 0;
    -khtml-border-radius:0 5px 5px 0;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
}
.schemes a {
    width:15px;
    height:15px;
    margin-bottom:5px;
    display:block;
    overflow:hidden;
    outline:none;
    text-indent:-999px;
}
.schemes a.pink {
    background:#ce2879;
    border:1px solid #971957;
}
.schemes a.yellow {
    background:#a58803;
    border:1px solid #84642c;
}
.schemes a.brown {
    background:#AF6E07;
    border:1px solid #574a4a;
}
.schemes a.blue {
    background:#2565AC;
    border:1px solid #174c88;
}
.schemes a.red {
    background: #a63400;
    border:1px solid #4b396e;
}
.schemes a.black {
    background:#000000;
    border:1px solid #2b3035;
}
.schemes a.purple {
    background:#736DB4;
    border:1px solid #2b3035;
}
.schemes a.green {
    background:#00CC00;
    border:1px solid #006600;
}
/*=======================================================*/
/* Wordpres Core Classes */
/*=======================================================*/
blockquote {
    padding-left:65px;
    min-height:50px;
}
blockquote {
    margin-top:40px;
    margin-bottom:40px;
}
blockquote img {
    float: left;
    margin-right:15px;
}
.sticky {
}
.gallery-caption {
}
.bypostauthor {
}
.alignnone {
    margin: 5px 20px 20px 0;
    display:block;
    clear:both;
}
.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    text-decoration: none;
    font-family: segoe script;
    font-weight: bold;
    color: #4A7023;
    font-size:14px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}

/*=======================================================*/
/* Buttons Style */
/*=======================================================*/
a.button, button {
    display: inline-block;
    padding: 5px;
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
    font-size: 12px;
    color: #3C3C3D;
    text-shadow: 1px 1px 0 #FFFFFF;
    background: #ECECEC url('http://ourfairfieldhomeandgarden.com/wp-content/themes/images/css3buttons_backgrounds.png') 0 0 no-repeat;
    white-space: nowrap;
    overflow: visible;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid #CACACA;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    outline: none;
    position: relative;
    zoom: 1;
    line-height: 1.11;
    *display: inline;
    *vertical-align: middle;
}
button {
    margin-left: 0;
    margin-right: 0;
    *padding: 5px 5px 3px 5px;
}
a.button {
    -moz-user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}
button::-moz-focus-inner {
    border: 0;
    padding:0px;
}
a.button.primary, button.primary {
    font-weight: bold
}
button:focus, a.button:hover, button:hover {
    color: #FFFFFF;
    border-color: #388AD4;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    background-position: 0 -40px;
    background-color: #2D7DC5;
}
a.button:active, button:active, a.button.active, button.active {
    background-position: 0 -81px;
    border-color: #347BBA;
    background-color: #0F5EA2;
    color: #FFFFFF;
    text-shadow: none;
}
a.button:active, button:active {
    top: 1px
}
a.button.negative:hover, button.negative:hover {
    color: #FFFFFF;
    background-position: 0 -121px;
    background-color: #D84743;
    border-color: #911D1B;
}
a.button.negative:active, button.negative:active, a.button.negative.active, button.negative.active {
    background-position: 0 -161px;
    background-color: #A5211E;
    border-color: #911D1B;
}
a.button.positive:hover, button.positive:hover {
    background-position: 0 -280px;
    background-color: #96ED89;
    border-color: #45BF55;
}
a.button.positive:active, button.positive:active, a.button.positive.active, button.positive.active {
    background-position: 0 -320px;
    background-color: #45BF55;
}
a.button.pill, button.pill {
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    padding: 5px 10px 4px 10px;
    *padding: 4px 10px;
}
a.button.left, button.left {
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-topright: 0px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    margin-right: 0px;
    border-right: none;
}
a.button.middle, button.middle {
    margin-right: 0px;
    margin-left: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border-right: none;
}
a.button.right, button.right {
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-left: 0px;
}
a.button.left:active, button.left:active, a.button.middle:active, button.middle:active, a.button.right:active, button.right:active {
    top: 0px
}
a.button.big, button.big {
    font-size: 16px;
    padding-left: 14px;
    padding-right: 17px;
}
button.big {
    *padding: 4px 17px 2px 17px;
}
a.button span.icon, button span.icon {
    display: inline-block;
    width: 14px;
    height: 12px;
    margin: auto 7px auto auto;
    position: relative;
    top: 0;
    *top: 0px;
    background-image: url('http://ourfairfieldhomeandgarden.com/wp-content/themes/colorwaytheme/images/css3buttons_icons.png');
    background-repeat: no-repeat;
}
a.big.button span.icon, button.big span.icon {
    top: 0px
}
a.button span.icon.book, button span.icon.book {
    background-position: 0 0
}
a.button:hover span.icon.book, button:hover span.icon.book {
    background-position: 0 -15px
}
a.button span.icon.calendar, button span.icon.calendar {
    background-position: 0 -30px
}
a.button:hover span.icon.calendar, button:hover span.icon.calendar {
    background-position: 0 -45px
}
a.button span.icon.chat, button span.icon.chat {
    background-position: 0 -60px
}
a.button:hover span.icon.chat, button:hover span.icon.chat {
    background-position: 0 -75px
}
a.button span.icon.check, button span.icon.check {
    background-position: 0 -90px
}
a.button:hover span.icon.check, button:hover span.icon.check {
    background-position: 0 -103px
}
a.button span.icon.clock, button span.icon.clock {
    background-position: 0 -116px
}
a.button:hover span.icon.clock, button:hover span.icon.clock {
    background-position: 0 -131px
}
a.button span.icon.cog, button span.icon.cog {
    background-position: 0 -146px
}
a.button:hover span.icon.cog, button:hover span.icon.cog {
    background-position: 0 -161px
}
a.button span.icon.comment, button span.icon.comment {
    background-position: 0 -176px
}
a.button:hover span.icon.comment, button:hover span.icon.comment {
    background-position: 0 -190px
}
a.button span.icon.cross, button span.icon.cross {
    background-position: 0 -204px
}
a.button:hover span.icon.cross, button:hover span.icon.cross {
    background-position: 0 -219px
}
a.button span.icon.downarrow, button span.icon.downarrow {
    background-position: 0 -234px
}
a.button:hover span.icon.downarrow, button:hover span.icon.downarrow {
    background-position: 0 -249px
}
a.button span.icon.fork, button span.icon.fork {
    background-position: 0 -264px
}
a.button:hover span.icon.fork, button:hover span.icon.fork {
    background-position: 0 -279px
}
a.button span.icon.heart, button span.icon.heart {
    background-position: 0 -294px
}
a.button:hover span.icon.heart, button:hover span.icon.heart {
    background-position: 0 -308px
}
a.button span.icon.home, button span.icon.home {
    background-position: 0 -322px
}
a.button:hover span.icon.home, button:hover span.icon.home {
    background-position: 0 -337px
}
a.button span.icon.key, button span.icon.key {
    background-position: 0 -352px
}
a.button:hover span.icon.key, button:hover span.icon.key {
    background-position: 0 -367px
}
a.button span.icon.leftarrow, button span.icon.leftarrow {
    background-position: 0 -382px
}
a.button:hover span.icon.leftarrow, button:hover span.icon.leftarrow {
    background-position: 0 -397px
}
a.button span.icon.lock, button span.icon.lock {
    background-position: 0 -412px
}
a.button:hover span.icon.lock, button:hover span.icon.lock {
    background-position: 0 -427px
}
a.button span.icon.loop, button span.icon.loop {
    background-position: 0 -442px
}
a.button:hover span.icon.loop, button:hover span.icon.loop {
    background-position: 0 -457px
}
a.button span.icon.magnifier, button span.icon.magnifier {
    background-position: 0 -472px
}
a.button:hover span.icon.magnifier, button:hover span.icon.magnifier {
    background-position: 0 -487px
}
a.button span.icon.mail, button span.icon.mail {
    background-position: 0 -502px
}
a.button:hover span.icon.mail, button:hover span.icon.mail {
    background-position: 0 -514px
}
a.button span.icon.move, button span.icon.move {
    background-position: 0 -526px
}
a.button:hover span.icon.move, button:hover span.icon.move {
    background-position: 0 -541px
}
a.button span.icon.pen, button span.icon.pen {
    background-position: 0 -556px
}
a.button:hover span.icon.pen, button:hover span.icon.pen {
    background-position: 0 -571px
}
a.button span.icon.pin, button span.icon.pin {
    background-position: 0 -586px
}
a.button:hover span.icon.pin, button:hover span.icon.pin {
    background-position: 0 -601px
}
a.button span.icon.plus, button span.icon.plus {
    background-position: 0 -616px
}
a.button:hover span.icon.plus, button:hover span.icon.plus {
    background-position: 0 -631px
}
a.button span.icon.reload, button span.icon.reload {
    background-position: 0 -646px
}
a.button:hover span.icon.reload, button:hover span.icon.reload {
    background-position: 0 -660px
}
a.button span.icon.rightarrow, button span.icon.rightarrow {
    background-position: 0 -674px
}
a.button:hover span.icon.rightarrow, button:hover span.icon.rightarrow {
    background-position: 0 -689px
}
a.button span.icon.rss, button span.icon.rss {
    background-position: 0 -704px
}
a.button:hover span.icon.rss, button:hover span.icon.rss {
    background-position: 0 -719px
}
a.button span.icon.tag, button span.icon.tag {
    background-position: 0 -734px
}
a.button:hover span.icon.tag, button:hover span.icon.tag {
    background-position: 0 -749px
}
a.button span.icon.trash, button span.icon.trash {
    background-position: 0 -764px
}
a.button:hover span.icon.trash, button:hover span.icon.trash {
    background-position: 0 -779px
}
a.button span.icon.unlock, button span.icon.unlock {
    background-position: 0 -794px
}
a.button:hover span.icon.unlock, button:hover span.icon.unlock {
    background-position: 0 -809px
}
a.button span.icon.uparrow, button span.icon.uparrow {
    background-position: 0 -824px
}
a.button:hover span.icon.uparrow, button:hover span.icon.uparrow {
    background-position: 0 -839px
}
a.button span.icon.user, button span.icon.user {
    background-position: 0 -854px
}
a.button:hover span.icon.user, button:hover span.icon.user {
    background-position: 0 -869px
}
.shopping_cart table td i p {
    font-style:normal;
}
.shopping_cart table td a strong {
    background:#0A2642;
}
/*=======================================================*/
/* Responsive Dropdown Menu Style */
/*=======================================================*/
.it_mobile_menu li{
    margin: 0;
}
.it_mobile_menu li a {
    font-size: 12px;
    text-decoration: none;
    text-transform: capitalize;
    text-shadow:none;
    border-bottom: 1px solid #e2e0e0;
    margin: 0 !important;
}
.it_mobile_menu li:last-child a{
    border-bottom:none; 
    padding-bottom: 15px;
}
.it_mobile_menu li a:hover {
    color: #2565ac;
}
.it_mobile_menu > li.current_page_item > a {
    color: #2565ac;
}
#mobile_menu {
    width: 214px !important;
    border: 1px solid #e2e0e0 !important;
    left: -1px;
    padding: 0;
    padding-bottom: 20px;
    background: #f8f8f8;
    top: 42px !important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    z-index: 9999px;
    display: none;
    margin-bottom: 500px !important;
}

.it_mobile_menu {
    position: absolute;
    top: 46px !important;
    left: 3px;
    z-index: 1000;
    display: none;
    text-align: left;
}

.it_mobile_menu ul {
    display: block !important;
    visibility: visible !important;
    border-bottom: 1px solid #e2e0e0;
}
.it_mobile_menu ul li a{
    margin-left:12px !important; 
       padding-top: 12px !important;
    padding-bottom: 4px !important;
}
.it_mobile_menu ul li:last-child a{
    padding-bottom: 10px !important;
}
.it_mobile_menu ul a{
 
    border-bottom: none;
}
.mobile_nav {
    color: #3B3B3B;
    display: none;
    background: #f8f8f8;
    border: 1px solid #e2e0e0;
    position: relative;
    padding: 15px 22px 11px 46px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
}
.mobile_nav:before, .mobile_nav:after {
    content: '';
    position: absolute;
    top: 0;
    width: 2px;
    height: 100%;
}
.mobile_nav:before {
    left: 0;
}
.mobile_nav:after {
    right: 0;
}
.mobile_nav:hover {
    text-decoration: none;
    color:#3B3B3B;
}
.mobile_nav > span {
    display: block;
    width: 15px;
    height: 10px;
    background: url(images/responsive_arrow.png) no-repeat;
    position: absolute;
    top: 19px;
    left: 19px;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.mobile_nav.opened > span {
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
@media only screen and ( max-width: 768px ) {
    ul.ddsmoothmenu {
        display: none;
    }
    .it_mobile_menu a {
        display: block;
        padding-left: 15px !important;
        color: #3B3B3B;
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .logo{
        text-align:center;
    }
    .ddsmoothmenu .sub-menu{
        margin-left:100px !important;
        visibility:hidden;
    }
    .ddsmoothmenu .sub-menu li{
        margin: 0 !important;
        padding: 0 !important;
        margin-left:200px !important;
        clear:both;
        left:20px;
    }
    .mobile_nav {
        display: inline-block;
        text-shadow: 1px 1px 0 #fff;
    }
    .ddsmoothmenu {
        text-align: center;
    }
    li.depth-4 ul.children {
        padding-left: 0;
    }
    #menu li {
        float:none !important;
    }
    #MainNav {
        text-align:center;
    }
    .header .menu-bar {
        border-top:0;
        border-bottom:0;
    }
}