/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body {
    overflow: auto;
    /* background-color: gray; */
}

h1, h2{
    font-weight: normal;
}

/* layout */

#mc-base {
    text-align:center;
}
#mc-container {
    width:950px;
    margin:0 auto;
    text-align: left;
    font-family: 'avenir_lt_std_45_bookregular',sans-serif;
    background:url(../img/bg_page.gif) no-repeat #ffffff;
    padding-bottom: 1em;
}
#mc-header{
    background-color: #ffffff;
}
#mc-body{
    margin:21px 20px 21px 34px;
    overflow: auto;
}
#mc-body.norightmargin{
    margin-right: 0px;
}
#mc-footer{
    padding: 1em 0 1em 0;
    font-size: 13px;
    line-height: 14px;
    color: #6e2405;
    text-align: center;
}
#mc-footer a{
    color: #6e2405;
    text-decoration: none;
}
.row{
    overflow: hidden;
}
.row>.col{
    float:left;
    position: relative;
}
.row.twocol .col1{
    width: 558px
}
.row.twocol .col2{
    width: 310px;
    padding-left: 17px;
}
.row.twocol.rightsidebar .col1{width:690px;}
.row.twocol.rightsidebar .col2{width:209px;}


/* Contact Us */
.row.twocol.rightsidebar form.contact .row.twocol .col1{width: 300px;}
.row.twocol.rightsidebar form.contact .row.twocol .col2{width: 300px;}

form.contact .row.twocol{
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle;
}
form.contact .col1{
    text-align: right;
}
form.contact .col2 input.md{
    width: 290px;
}
form.contact .row{
    margin-bottom: .5em;
}
form.contact textarea{
    font-size: 14px;
    line-height: 16px;
    margin: .5em 0 .5em 0;
}
form.contact .row.contentsright{
    width: 620px;
}
form.contact input.md,
form.contact textarea.md{
    padding: .25em;
    border: 1px solid #a6a6a6;
}

.butt{
    font-size: 16px;
    line-height: 16px;
    padding: 10px;
}

/*
#mc-body .row.twocol{
    margin-top: 109px;
}
.mc-section-about #mc-body .row.twocol{
    margin-top: 0px;
}
*/


/* lists */
ul.gallerylist{
    list-style: none;
    list-style-image: none;
    padding: 0px;
    margin: 0px;
}
ul.gallerylist li{
    float: left;
    margin: 0 26px 40px 0;
    position: relative;
    background: url(../img/bg_pic.png) no-repeat transparent;
    width: 203px;
    height: 168px;
}
ul.gallerylist li img{
    margin: 8px 9px 0 11px;
}
/**** Isotope filtering ****/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
.isotope,
.isotope .isotope-item {
/* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}



ul.nobull {
    list-style: none;
    list-style-image: none;
    padding: 0px;
    margin: 0px;
}
ul.oneatatime li {
    display: none;
}
ul.oneatatime li:first-child {
    display: block;
}

/* main nav */
#topleftlogo {
    float: left;
    width: 195px;
}
#mc-mainnav {
    width: 750px;
    margin-left: 195px;
    font-size: 14px;
    text-transform: uppercase;
    overflow: hidden;
    text-align: right;
}
#mc-mainnav ul.nav{
    width: 750px;
    text-align: right;
    float: left;
    padding-top: 4em;
}
#mc-mainnav ul.nav li {
    float:left;
}
#mc-mainnav ul.nav li a {
    text-decoration: none;
    color: #404338;
    margin: 0 1em 0 1em;
}
#mc-mainnav ul.nav li:first-child a {
    margin-left: 28em;
}
#mc-mainnav ul.nav li a:hover,
.mc-section-ourwork #mc-mainnav a.ourwork,
.mc-section-about #mc-mainnav a.about,
.mc-section-contactus #mc-mainnav a.contactus {
    color: #be4b0e;
}

/* subnav */
#mc-subnav{
    width: 420px;
    border: 1px solid #68703a;
    color: #404338;
    font-size: 12px;
    line-height: 12px;
    padding: 14px 0 10px 0px;
    margin-bottom: 2em;
}
#mc-subnav ul.nav {
    overflow: hidden;
}
#mc-subnav ul.nav li{
    float:left;
    border-left: 1px solid #404338;
    padding-left: 1.5em;
    margin-left: 1.5em;
}
#mc-subnav ul.nav li:first-child{
    border-left: none;
    margin-left: 0px;
}
#mc-subnav a{
    text-decoration: none;
    color:#6c7440;
}
#mc-subnav li.selected a,
#mc-subnav a:hover,
.mc-subsection-all #mc-subnav a.all,
.mc-subsection-homes #mc-subnav a.homes,
.mc-subsection-furniture #mc-subnav a.furniture,
.mc-subsection-boathouses #mc-subnav a.boathouses {
    color: #be4b0e;
}

#mc-pictureframe,
#mc-captionset{
    width: 558px;
}

/* pictureframe */
#mc-pictureframe{
    background: url(../img/bg-pictureframe.png) no-repeat transparent;
    background-position: 0px 0px;
    height: 417px;
}
#mc-pictureframe ul.pictureset{
    position: relative;
    top: 7px;
    left: 9px;
}

/* sidebar */
#mc-sidebarset{
    font-size: 18px;
    color: #565851;
}
#mc-sidebarset .authors{
    padding-left: 10px;
    color: #be5715;
    font-size: 14px;
    line-height: 15px;
}
#mc-sidebarset li.sm {
    font-size: 14px;
}
#mc-sidebarset li.sm .authors{
    font-size: 12px;
}
#mc-sidebarset li.xsm {
    font-size: 12px;
}
#mc-sidebarset li.xsm .authors{
    font-size: 11px;
}
#mc-sidebarset li.xxsm {
    font-size: 10px;
}
#mc-sidebarset li.xxsm .authors{
    font-size: 10px;
}


/* rightsidebar */
.rightsidebar .caption{
    font-size: .9em;
    line-height: 1em;
    margin-bottom: 1em;
    padding: .25em .5em 0 .6em;
}
.framedpic{
    background: url(../img/bg_pic.png) no-repeat transparent;
    width: 203px;
    height: 160px;
    padding: 8px 0 0 10px;
}


/* prev next nav */
#mc-picnav div {
    width: 38px;
    height: 59px;
    background: url(../img/buttons-nextprev.gif) no-repeat transparent;
}
#mc-picnav div.prev {
    margin-top: 5px;
    background-position: 0px -64px;
}
#mc-picnav div a{
    display: inline-block;
    width: 38px;
    height: 59px;
    text-indent: -999999px;
}
#mc-picnav a,
#mc-picnav a:hover, 
#mc-picnav a:active, 
#mc-picnav a:focus {
    outline: 0px;
}   

/* picture captions */
#mc-captionset{
    color: #565851;
}
#mc-captionset h2{
    font-size: 18px;
    line-height: 19px;
    font-weight: normal;
}

/* Homepage */
.mc-section-home #mc-header{
    height: 102px;
}
.mc-section-home #mc-body{
    background: url(../img/bg_designbuild.png) no-repeat transparent;
    background-position: top right;
	padding-top:110px;
}
#mc-slidecontainer{
    position: relative;
    width: 950px;
    height: 552px;
    z-index: 10;
}
#mc-slidepanel{
    width: 406px;
    height: 118px;
    position: absolute;
    top: 126px;
    left: 544px;
    background: url(../img/bg_slidecontroller60.png) transparent repeat;
    z-index: 40;
}
.mc-section-home #mc-captionset{
    color: #fbfcfa;
    font-size: 12px;
}
#mc-captionset h1{
    font-family: alight, sans-serif;
    font-size: 24px;
    line-height: 25px;
    margin: 0px;
    font-weight: normal;
    text-transform: uppercase;
}
#mc-slidepanel .pictureset{
    z-index: 11;
}
#mc-slidepanel .textset{
    padding: 0px;
    margin: 12px;
    width: 378px;
}
#mc-slidenav{
    position: absolute;
    top: 0px;
    right: 0px;
}
#mc-slidenav div {
    width: 38px;
    height: 57px;
    background: url(../img/homebuttons-nextprev.png) no-repeat transparent;
}
#mc-slidenav div.prev {
    border-top: 5px solid #ffffff;
    background-position: 0px -62px;
}
#mc-slidenav div a{
    display: inline-block;
    width: 38px;
    height: 57px;
    text-indent: -999999px;
}
#mc-slidenav a,
#mc-slidenav a:hover, 
#mc-slidenav a:active, 
#mc-slidenav a:focus {
    outline: 0px;
}
#whatwereupto{
    background-color: #a0938a;
    color: #000000;
    width: 300px;
    font-size: 12px;
    padding-bottom: 1px;
}
#whatwereupto p{
    line-height: 14px;
    margin-left: 1em;
    margin-right: 1em;
}


.contentsright{ text-align: right}
.contentsleft{ text-align: left}
.contentscenter{ text-align: center}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 2, 2012 */

@font-face {
    font-family: 'alight';
    src: url('alight.eot');
    src: url('alight.eot') format('embedded-opentype'),
         url('alight.woff') format('woff'),
         url('alight.ttf') format('truetype'),
         url('alight.svg#alight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'avenir_lt_std_45_bookregular';
    src: url('avenirltstd-book-webfont.eot');
    src: url('avenirltstd-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('avenirltstd-book-webfont.woff') format('woff'),
         url('avenirltstd-book-webfont.ttf') format('truetype'),
         url('avenirltstd-book-webfont.svg#avenir_lt_std_45_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'avenir_lt_std_55_romanregular';
    src: url('avenirltstd-roman-webfont.eot');
    src: url('avenirltstd-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('avenirltstd-roman-webfont.woff') format('woff'),
         url('avenirltstd-roman-webfont.ttf') format('truetype'),
         url('avenirltstd-roman-webfont.svg#avenir_lt_std_55_romanregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}