/*-----------------------------------------------------------------------------------

	Stylesheet: Base

	0.	CSS Reset
 29	1.	Global (body, page structure, common classes)
148	2.  Header and Navigation
273	3.  Homepage
467	4. Typography
549	5.  Gallery
655   6.  Events Tours
724   7. Events List
772	8. Event Description
796   9. Event ABOUT
828  10. Event IFF DIFF
882  11.  Footer
912  12. Contact
1974  13. Columns  ----------------------------------COLUMNS
1029 14. Lists
1136 15.  Widgets
1239 16. Forms
1305 17. Buttons
1457 18. Twitter Widgets
1484 19. Newsletter Widgtes
1513 20. Sponsors
1547 21  Donate
1632 22. Icons


-----------------------------------------------------------------------------------*/

/*--------------------------------------------
 Color Palette

#193833 - Deep Dark Green - Top Menu bg
#254F49 - Dark Green
#2a5c56 - Med-Dk Green
#316962 - Med Green
#347069 - Med Green Alternate (darker)
#598080 - Lt Med Green
#709696 - Lt Med Green Alternate
#80ACAC - Lt Green - accents, blockquote divs

#F7F7F7 - Lt Cream
#FCFCF6 - Eggshell - Home pg dealer-planbook box
#f5f5eb - Cream - Content Page Bg
#ecead7 - Lt Beige - Footer
#E0DECE - Beige 2 - border outlines
#dfdbc4 - Beige - Page Wrap

#B61D1D - Dk Burnt Rust (alternate)
#CC4848 - Burnt Rust - links-accents-headers
#DC5252 - Lt Burnt Rust - accents

#bc5e2d - Dk Rust
#c63    - Rust - links-headers-dividers
#D07837 - Lt Rust - Alternate links-headers-divs
#D97D39 - Litest Rust (alternate) IMPORTANT !! (USED FOR ALL CURRENT-ITEM PAGE LINKS

---------------------------------------------*/

* {
    margin: 0;
    padding: 0;
}

/*--------------------------------------------
1. Global
---------------------------------------------*/
body {
    font-size: 13px;
    font-family: "Helvetica Neue", arial, helvetica, sans-serif;
    background: #f5f5eb; /* #f5f5eb not f7f7f7 - actually shows up as the footer*/
}

body ul {
    list-style: none;
}

body table {
    margin: 8px auto;
}

body table td {
    padding: 2px;
}

/*  ABOUT PAGE UNORDERED LIST PAGE TOP*/

body ul.test {
    list-style: square outside none;
    margin-bottom: 14px;
    margin-left: 2em;
    width: 85%;
}

body ul.test li {
    color: #444;
}

h5.green {
    color: #2A5C56;
    text-indent: 2em;
    margin-bottom: 1.2em;
}

.container {
    width: 1000px;
    margin: 0 auto;
    border: 0;
}

.container .page {
    border: 1px solid #c8c9c9;
    border-radius: 4px;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.08);
    background: #f5f5eb; /*  container bg change to #f5f5eb ice green */
    padding: 20px;
}

.page img#ihclogo, .logo img#ihc-logo {
    max-width: 220px;
    width: 95%;
    border: 1px solid #444;
    z-index: 500;
}

.page img#ihclogo {
    display: block;
    position: absolute;
    top: 50px;
    left: 724px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
    z-index: 500;
}

.logo img#ihc-logo {
    display: inline;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
    margin-right: 2em;
    margin-bottom: 1em;
    float: right;
    z-index: 1000;
}

#events_list p a.planbk {
    float: right !important;
    margin: .45em 0.2em 1.3em 0;
    font-size: 110%;
    border: 0;
    overflow: hidden;
}

/* Top menu strip - chg bg color here */
section.page_heading {
    background: #316962; /* change to #316962 dk green*/
    width: 100%;
    height: 90px;
}

section.page_heading.home {
    /*background: #316962 url(../images/slantbghm.png) repeat-x 0 bottom;*/
    background: #316962 url(../images/cedarbg63.png) repeat-x 0 bottom;
    position: absolute;
    top: 65px;
    height: 400px;
}

section.page_heading.others {

    position: absolute;
    top: 65px;
    height: 118px;
    border: 0;
}

/* Insert IHC logo here */
section.page_heading .logo {
    padding-top: 18px;
    overflow: hidden;
}

section.page_heading .logo a {
    font-size: 36px;
    font-family: 'Roboto Condensed', arial, helvetica, sans-serif;
    text-shadow: 2px 3px rgba(0, 0, 0, 0.5);
    color: #fff;
    text-decoration: none;
    float: left;
    margin-right: 25px;
}

section.page_heading .logo .tagline {
    font-family: 'Cabin', sans-serif;
    font-size: 15px;
    color: #fff;
    text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
    display: inline-block;
    margin-top: 20px;
}

/*--------------------------------------------
 GLOBAL Page Layout
---------------------------------------------*/

div.page_wrapper5 {
    /*background:#DFDBC4;*/ /* Light gray bg - chg to #ecead7 from #e1ddc2 from ebebeb */
    background: #DFDBC4 url(../images/slantedbg2.png) repeat-x 0 17.5%;
    padding: 40px 0 40px 0;
    /*overflow: hidden;*/
}

div.page_wrapper {
    /*background:#DFDBC4;*/ /* Light gray bg - chg to #ecead7 from #e1ddc2 from ebebeb */
    background: #dfdbc4;
    padding: 40px 0 40px 0;
    /*overflow: hidden;*/
}

/* Page wrapper moves the timber strip up and down  */

div.page_wrapper2 {
    background: #DFDBC4 url(../images/timberbg2.png) repeat-x 0 0.35%;
    padding: 40px 0 40px 0;
    z-index: 100;
    /*overflow: hidden;*/
}

div.page_wrapper7 {
    background: #DFDBC4 url(../images/timberbg2.png) repeat-x 0 1.74%;
    z-index: 500;
    padding: 40px 0 40px 0;
    /*overflow: hidden;*/
}

div.page_wrapper3 {
    background: #DFDBC4 url(../images/timberbg2.png) repeat-x 0 1.82%;
    z-index: 500;
    padding: 40px 0 40px 0;
    /*overflow: hidden;*/
}

div.page_wrapper6 {
    background: #DFDBC4 url(../images/timberbg2.png) repeat-x 0 1.15%;
    padding: 40px 0 40px 0;
    z-index: 100;
    /*overflow: hidden;*/
}

div.page_wrapper4 {
    background: #DFDBC4 url(../images/timberbg2.png) repeat-x 0 0.65%;
    padding: 40px 0 40px 0;
    z-index: 100;
    /*overflow: hidden;*/
}

div.page_wrapper8 {
    background: #DFDBC4 url(../images/timberbg2a.png) repeat-x 0 0.86%;
    padding: 40px 0 40px 0;
    z-index: 100;
    /*overflow: hidden;*/
}

div.page_wrapper9 {
    background: #DFDBC4 url(../images/timberbg2.png) repeat-x 0 1.45%;
    z-index: 500;
    padding: 40px 0 40px 0;
    /*overflow: hidden;*/
}

/* Sub Heading */
div.sub_heading,
div.box_heading {
    text-align: center;
    position: relative;
    margin-bottom: 30px;
}

div.box_heading {
    text-align: left;
}

div.sub_heading h2,
div.box_heading h2 {
    position: relative;
    z-index: 2;
    background: #f5f5eb;
    display: inline;
    padding: 0 15px 0 15px;
}

div.box_heading h2 {
    padding-left: 0;
}

div.sub_heading span.line,
div.box_heading span.line {
    background: #f5f5eb;
    display: block;
    height: 2px;
    width: 98%;
    margin-left: 1%;
    text-align: center;
    position: absolute;
    z-index: 1;
    top: -10px;
}

h1.showcase, h1.showcase2 {
    width: 100%;
    font-size: 26px;
    padding-bottom: 6px;
    background: transparent;
    border-bottom: 2px dotted #628E8E;
    margin-bottom: 0; /* Med-lt green */
}

h1.showcase2 {

    margin-bottom: 0; /* Med-lt green */
}

/*--------------------------------------------
2. Header and Navigation
---------------------------------------------*/
header {
    /*background: url('../images/header.png') repeat-x;*/
    background: #193833;
    height: 65px;
    border-bottom: 0;
}

header .select-menu {
    display: none;
}

header nav {
    float: left;
    height: 65px;
    white-space: nowrap !Important;
}

header nav ul {
    list-style: none;
    padding-top: 22px;

}

header nav ul li {
    float: left;
    margin-right: 11px;
    position: relative;
}

header nav ul li a {
    font-family: 'Roboto Condensed', sans-serif;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
    padding: 5px 8px 5px 9px;
    border-radius: 3px;
}

header nav ul li a:hover {
    color: #E8A044;
    background: transparent;
    text-decoration: underline;
}

header nav ul li.current-menu-item {
    color: #E8A044;
}

header nav ul li.current-menu-item a {
    color: #DF8A4D;
    background: transparent;
}

/* Sub Nav */
header nav ul li ul {
    list-style: none;
    position: absolute;
    z-index: 999999;
    top: 20px;
    left: 0;
    width: 160px;
    text-align: left;
    border-top: none;
    padding: 23px 0 5px 0;
    display: none;
    margin: 0;
}

header nav ul li ul li {
    display: block;
    width: 100%;
    color: #DF8A4D;
    /*color: #c63;*/
    margin-bottom: 0;
    padding: 2px 15px 2px 15px;
    background: #000;
    background: rgba(25, 56, 51, 0.80);
}

header nav ul li ul li a,
header nav ul li.current-menu-item ul li a,
header nav ul li.current-menu-parent ul li a {
    display: block;
    padding: 8px 0 8px 0;
    font-size: 13px;
    font-weight: normal;
    color: #fff;
    font-family: "Helvetica Neue", helvetica, sans-serif;
    /*-webkit-border-radius: 0px;
				-moz-border-radius: 0px;*/
    border-radius: 0;
}



header nav ul li.current-menu-item ul li,
header nav ul li.current-menu-item ul li.current-menu-item a {
    color: #D87D39;
    cursor: pointer;
}

header nav ul li.current-menu-item ul li.current-menu-item ul li a {
    color: #FFF;
    cursor: pointer;
}

header nav ul li.current-menu-item ul li.current-menu-item
{
   padding-bottom: 8px;
    padding-top: 8px;
}

header nav ul li.current-menu-item ul li a,
header nav ul li.current-menu-parent ul li a {
    background: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-color: #c63;
    box-shadow: none;
    color: #fff;
}

header nav ul li ul li a:hover {
    background: none;
    color: #fff;
    text-decoration: underline;
}

header nav ul li ul li ul {
    left: 190px;
    /*width: 140px;*/
    top: 0;
    padding-top: 0;
    display: none;
}

header aside {
    float: right;
    padding-top: 22px;
}

header nav select {
    float: right;
    margin: 17px 10px 0 0;
    -webkit-appearance: button;
    -webkit-border-radius: 2px;
    -webkit-padding-end: 20px;
    -webkit-padding-start: 2px;
    -webkit-user-select: none;
    /*-webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);*/
    background: url("../images/select-arrow.png") no-repeat center right;
    border: 1px solid #ccc;
    color: #555;
    font-size: 13px;
    padding: 3px 3px 3px 5px;
    width: 115px;
    border-radius: 3px;
}

/*--------------------------------------------
Page Section Title
---------------------------------------------*/

div#others {
    padding-top: 0;
}

div#others .page {
    position: relative;
    z-index: 2;
    margin-top: 92px;
    border: 0;
}

/*--------------------------------------------
3. Homepage
---------------------------------------------*/

div#home {
    padding-top: 0;
}

div#home .page {
    position: relative;
    z-index: 2;
    margin-top: 90px;
}

div.flexslider-container {
    margin-bottom: 15px;
    position: relative;

}

div.flexslider-container img#ihclogo {
    float: right;
    z-index: 5000;
    max-width: 220px;
    min-width: 145px;
    width: 25%;
    box-shadow: 3px 4px 3px rgba(0, 0, 0, 0.5);
    position: absolute;
    margin-right: 5px;
    left: 68.0%;
    top: 9.5%;
}

.flexslider b {
    color: #fff;
}

/* Direction Nav */
.flex-direction-nav {
}

.flex-direction-nav li a {
    font-family: "FoundationIconsGeneralEnclosed";
    width: auto;
    height: auto;
    font-size: 35px;
    color: #000;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 0 0 rgba(255, 255, 255, 0.15);
    text-decoration: none;
    top: 40%;
    text-indent: 0;
    -moz-transition: all 0.3s ease-in-out 0s;
    opacity: 0.0;
    filter: alpha(opacity=0);
}

.flex-direction-nav li .next {
    right: -25px;
}

div.flexslider-container:hover .flex-direction-nav li .next {
    right: 25px;
}

.flex-direction-nav li .prev {
    left: -25px;
}

div.flexslider-container:hover .flex-direction-nav li .prev {
    left: 25px;
}

div.flexslider-container:hover .flex-direction-nav li .next,
div.flexslider-container:hover .flex-direction-nav li .prev {
    opacity: 0.7 !important;
    filter: alpha(opacity=70) !important;
}

div.flexslider-container:hover .flex-direction-nav li .next:hover,
div.flexslider-container:hover .flex-direction-nav li .prev:hover {
    opacity: 1 !important;
}

.flex-caption {
    background: rgba(0, 0, 0, 0.6);
}

span.color {
    color: #db9a6a;
}

div#revolution_wrap {
    overflow: hidden;
    margin-bottom: 4px;
    border: 0;
}

div#description {
    float: left;
    width: 329px;
    padding-right: 10px;
    padding-left: 10px;
}

div#description h3,
div#description p {
    margin-bottom: 15px;
}

div#actions {
    float: right;
    width: 575px;
    margin-top: 3px;
}

div#actions span.icon {
    margin-right: 12px;
    font-size: 28px;
    float: left;
}

div#actions .box_heading {
    margin-bottom: 10px;
}

div#actions h4 {
    padding-top: 10px;
    color: #709696;
}

div#actions .one_half {
    margin-bottom: 15px;
}

.half, .half2 {
    float: left;
    margin-right: 3%;
    margin-bottom: 18px;
    width: 46%;
    border: 0;
}

.half2 {
    padding-top: 10px;
    border-top: 1px dashed #254f49;
}

.pixieHomesWrapper {
    padding: 3px;
    border: 1px solid #bbb;
    margin: 0 0 4px 0;
    width: 256px;
    height: 161px;
    position: relative;
}

.pixieHomesWrapper .image {
    border: 1px solid #000;
    position: absolute;
    top: 3;
    left: 3;
    z-index: 99;
    height: 159px;
}

.pixieHomesWrapper .horizontalTextOverlay {
    position: absolute;
    height: 45px;
    bottom: 4px;
    left: 4px;
    background: rgba(255, 255, 255, .80);
    width: 256px;
    z-index: 100;
    text-align: center;
    padding-top: 3px;
}

.pixieHomesWrapper .horizontalTextOverlay .line1Text {
    color: #444;
    font-size: 17px;
    font-weight: 600;
    line-height: 22px;
    display: inline-block;
    font-family: 'Roboto Condensed', arial, helvetica, sans-serif;
}

.pixieHomesWrapper .horizontalTextOverlay .line2Text {
    font-family: 'Roboto Condensed', arial, helvetica, sans-serif;
    font-weight: bold;
    color: #598080;
    text-decoration: underline;
    font-size: 16px;
}

.pixieHomesWrapper .diagonalOverlay {
    position: absolute;
    z-index: 100;
    top: 15px;
    left: 4px;
    width: 54px;
    height: 25px;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    padding-top: 2px;
    background-color: #CC4848;
    padding-left: 6px;
    letter-spacing: .05em;
    font-family: 'Roboto Condensed', arial, helvetica, sans-serif;
    text-shadow: 2px 2px 2px rgba(51, 51, 51, 1);
}

.homeTopAdHorizontalDivider {
    border-bottom: 2px dotted #598080;
    width: 96%
}

a.homeAltColor {
    color: #cc4848;
}

.planbookAnimation {
    width: 92%;
    padding: 3px;
    border: 1px solid #bbb;
}

.ihcVideos {
    border-top: 7px double #E0DECE;
    padding-top: 2.5%;
    margin-top: .7%;
    border-bottom: 7px double #E0DECE;
    margin-bottom: 1%;
}

.offscreenHeader {
    text-index: -3000px;
    display: none;
}

/* Framed Find Dealer Box aka Donate Button */
/*--------------------------------------------
     DEALER BUTTON BOX
---------------------------------------------*/

div.framed_box {
    overflow: hidden;
    padding: 24px 15px 20px 15px;
    border: 4px double #E0DECE;
    background: #FCFCF6;
    border-radius: 4px;
    position: relative;
}

div#help {
    margin-bottom: 26px;
}

div#help span.icon {
    margin-right: 10px;
    font-size: 39px;
    margin-top: -5px;
    float: left;
}

div#help .text {
    margin-left: 50px;
    color: #c63;
    border: 0;
}

div#help .text h3 {
    margin-bottom: 5px;
}

div#help .donate_button {
    position: absolute;
    right: 20px;
    top: 18px;
}

.donate_button {
    float: right;
    margin-top: 8px;
    padding: 8px 18px;
    color: #fff;
    background: #598080;
    text-decoration: none;
    border: 1px solid #254f49;
    border-radius: 5px;
    text-shadow: 0 1px 0 #cfe5a4;
}

/* 3 Columns */
div#items {
    clear: both;
    overflow: hidden;
}

div#items div.box_heading {
    padding-bottom: 2px;
    margin-bottom: 15px;
    border-bottom: 1px dotted #598080;
}

div#items h5 {
    margin-bottom: 5px;
    font-weight: bold;
    color: #963;
}

div#items .one_third {
    margin-bottom: 0;
    border: 0;
}

/* News */

/*--------------------------------------------
         NEWS - HOME PG
---------------------------------------------*/
div.events ul {
    list-style: none
}

div.news ul li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #aecccc;
}

div.news ul li p {
    color: #598080;
}

div.news ul li:last-child {
    border-bottom: none;
}

div.news p.vids {
    margin-bottom: 10px;
}

div.news p.vids span, div.news p.vids2 span {
    font-size: 105%;
    text-align: center;
    color: #316962;
}

div.news p.vids img {
    width: 280px;
    display: block;
    padding-right: 12px;
    margin-bottom: 4px;
    margin-top: 6px;
    border: 0;
}

div.news p.vids2 img {
    margin: 6px 0;
    width: 280px;
    display: block;
    padding-right: 12px;
}

/*--------------------------------------------
        EVENTS  Home page
---------------------------------------------*/

/* Events */
div.events ul {
    list-style: none;
}

div.events ul li {
    padding-bottom: 10px;
    border-bottom: 1px solid #aecccc;
    margin-bottom: 10px;
}

div.events ul li .date {
    width: 40px;
    height: 33px;
    padding-top: 7px;
    background: #316962;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    margin-right: 10px;
    font-size: 12px;
    float: left;
    font-family: 'Cabin';
    line-height: 13px;
}

div.events ul li .date span {
    font-size: 18px;
    font-weight: bold;
}

div.events ul li .details {
    margin-left: 50px;
}

div.events ul li .details a {
    display: block;
    color: #d07837;
}

div.events ul li .details p {
    color: #598080;
    line-height: 1.25em;
}

div.events ul li .details p b {
    color: #316962;
}

/*--------------------------------------------
10. (SPONSORS) NEW PROJECTS HOME PAGE BOTTOM
---------------------------------------------*/

/* New Project Thumbs*/

/* Sponsors */
div#sponsors ul,
div#latest ul {
    /*width: 99%;*/
    overflow: hidden;
    background: #FCFCF6;
    margin: 0;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
}

div#sponsors ul li,
div#latest ul li {
    display: inline;
    float: left;
    padding: 9px 8px 0 9px;
    margin-right: 0;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

div#sponsors ul li img,
div#latest ul li img {
    margin-right: 2px;
    margin-top: 2px;
}

div#sponsors ul li.last,
div#latest ul li.last {
    border-right: none;
}

div#sponsors ul li.bottom,
div#latest ul li.bottom {
    border-bottom: none;
}

/*--------------------------------------------
4. Typography
---------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-family: sans-serif;
}

h1, h2, h3 {
    font-family: 'Roboto Condensed', arial, helvetica, sans-serif;
    color: #598080;
}

h4, h5 {
    font-family: 'Roboto Condensed', arial, helvetica, sans-serif;
}

h4 {
    font-weight: bold;
}

h1 {
    font-size: 30px;
    margin-bottom: 25px;
}

h2 {
    font-size: 24px;
}

h3, h3 a {
    font-family: 'Roboto Condensed', 'arial narrow', arial, helvetica, sans-serif;
    font-size: 2em;
    color: #347069;
}

h3 {
    padding: 0;
}

h4 {
    color: #2A5C56;
    font-size: 20px;
}

h5, h5 a {
    font-size: 15px;
    color: #c63; /* medium rust */
}

h3 a, h5 a {
    text-decoration: none;
}

h5 a:hover {
    text-decoration: underline;
}

h6 {
    font-size: 13px;
    color: #CC4848;
}

p {
    font-size: 13px;
    line-height: 20px;
    color: #444;
}

p.larger {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 23px;
    color: #666;
}

a {
    color: #bc532d;
    text-decoration: none;
}

a:hover {
    color: #CC4848;
    text-decoration: underline;
}

b {
    color: #347069;
}

a b {
    color: #cc4848;
}

.tipsy {
    line-height: 17px;
}

/* Blockquotes */

/* Blockquote2 is on WHAT'S NEW PAGE - FEATURE ARTICLE ARCHIVE */

blockquote, .blockquote2, blockquote p, .blockquote2 p {
    width: 96%;
    font-size: 15px;
    line-height: 24px;
    color: #777;
    font-style: italic;
}

blockquote, .blockquote2 {
    margin: 0 0 1.0em 0;
    padding: 3px 0 1.2em 2.4em;
}

blockquote {
    border-bottom: 3px dotted #80ACAC;
}

.blockquote2 {
    border-bottom: 0;
}

blockquote cite {
    display: block;
    font-size: 11px;
    color: #888;
}

blockquote cite:before {
    content: "\2014 \0020";
}

blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {
    color: #555;
}

/*--------------------------------------------
5. Gallery
---------------------------------------------*/

div#gallery ul.gallery_thumbnails,
div#gallery ul.gallery_thumbnails2 {
    overflow: hidden;
    width: 960px;
    border: 0;
}

/*div#gallery.with_sidebar ul.gallery_thumbnails { overflow: hidden; width: 710px; }*/

div#gallery ul.gallery_thumbnails li,
div#gallery ul.gallery_thumbnails2 li {
    float: left;
    display: inline-block;
    position: relative;
}

div#gallery ul.gallery_thumbnails li a {
    display: block;
    position: relative;
}

div#gallery ul.gallery_thumbnails li {
    margin-right: 10px;
    margin-bottom: 24px;
}

div#gallery ul.gallery_thumbnails2 li {
    margin-right: 12px;
    margin-bottom: 18px;
}

/* 2 Columns */
div#gallery ul.gallery_thumbnails.two_column li img {
    max-width: 468px;
    min-width: 361px;
    height: 330px;
}

/* 3 Columns */
div#gallery ul.gallery_thumbnails.three_column li img {
    width: 310px;
    height: 219px;
}

/* 4 Columns */
div#gallery ul.gallery_thumbnails.four_column li img,
div#gallery ul.gallery_thumbnails2.four_column li img {
    max-width: 222px;
    width: 97%;
    height: 154px;
    padding: 2px;
    border: 1px solid #D5CEA2;
}

div#gallery ul.gallery_thumbnails.two_column li.last,
div#gallery ul.gallery_thumbnails.three_column li.last,
div#gallery ul.gallery_thumbnails.four_column li.last,
div#gallery ul.gallery_thumbnails2.four_column li.last {
    margin-right: 0;
}

/* Gallery Filters */

ul.filter_list {
    list-style: none;
    overflow: hidden;
    margin-bottom: 18px;
}

ul.filter_list li {
    float: left;
    margin-right: 6px;
}

ul.filter_list li a {
    text-decoration: none;
    padding: 3px 8px 3px 8px;
    border-radius: 3px;
    border: 1px solid transparent;
    display: block;
    font-size: 13px;
    color: #598080;
    -webkit-transition: color 0.2s ease-in;
    -moz-transition: color 0.2s ease-in;
    -o-transition: color 0.2s ease-in;
    transition: color 0.2s ease-in;
}

ul.filter_list li a:hover {
    color: #316962;
    text-decoration: underline;
}

ul.filter_list li.current a {
    background: #f7f7f7;
    border: 1px solid #dadada;
    font-weight: bold;
}

/* Gallery Hover */
ul li div.hover {
    background: rgba(0, 0, 0, 0.3) url('../images/zoom.png') no-repeat center center;
    /*background:  !*url('../images/zoom.png') no-repeat center center*!;*/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 99%;
    display: none;
    cursor: pointer;
}

ul li.video div.hover {
    /*background: #333 url('../images/play.png') no-repeat center center;*/
    background: rgba(0, 0, 0, 0.6) url('../images/play.png') no-repeat center center;
}

/*--------------------------------------------
6. Events tours and TESTIMONIALS
---------------------------------------------*/
div#events_tours {
    overflow: hidden;
    border: 0;
}

div#events_tours div.tours {
    /*font: 1.1em/1.5 'Cabin Regular', tahoma, arial, Helvetica, sans-serif;*/
    clear: both;
    overflow: hidden;
    padding: 24px 0 0 0;
    margin: 0 0 22px 0;
    border-top: 2px dotted #598080;
}

div#events_tours div.tours p.pgup {
    text-align: center;
    font-weight: bold;
    padding-top: .6em;
    border: 0;
    width: 95%;
    clear: both;
    margin: -32px auto 0 auto;
}

div#events_tours div.tours p.pgup a {
    color: #CC4848;
    text-decoration: none;
    font-size: 93%;
}

div#events_tours div.tours:first-of-type {

    overflow: hidden;
    margin-top: -0.7em;
    margin-bottom: 22px;
    border-top: 0;
}

div.tours div.tour_details {
    float: left;
    width: 61%;
    margin: 0 0 12px 3.5%;
    border: 0;
}

div.tours div.tour_detailz { /* What's New Page - Recent Projects */
    float: left;
    width: 58%;
    padding: 1.3% .3% 0 0;
    margin: 6px 0 12px 6%;
    border-bottom: 0;
}

div.tours div.tour_pics { /* OPEN HOUSE ARCHIVE PAGE THUMBNAILS - - - - - - - - - */
    float: right;
    width: 31%;
    max-width: 250px;
    height: auto;
    background: transparent;
    padding-left: 1em;
    overflow: hidden;

}

div.tours div.tour_pics img {
    width: 77%;
    display: inline-block;
    border: 1px solid #C7C097;
}

div#events_tours div.tours div.tour_details2 { /* RECENT PROJECTS LANDING PG */
    float: right;
    width: 62%;
    margin: 0 10px 12px 0;
    border: 0;
}

div#events_tours div.tours div.tour_details3 {
    float: right;
    width: 61%;
    margin: 14px 10px 12px 0;
    border: 0;
}

div#events_tours div.tours div.tour_details3_testimonial {
    float: left;
    width: 95%;
    margin: .6em 10px .4em 1em;
    border: 0;
}

div#events_tours div.tours div.tour_details4 {
    float: right;
    width: 95%;
    margin: .6em 10px .4em 1em;
    border: 0;
}

div#events_tours div.tours div.tour_details h5 {
    font-weight: bold;
    margin-bottom: 15px;
}

div.tour_details p,
div.tour_details2 p,
div.tour_details3 p,
div.tour_details3_testimonial p,
div.tour_details4 p {
    margin-bottom: 8px;
    line-height: 23px;
}

div.tour_details4 p.cite {
    margin-bottom: 1.7em;
    margin-right: .85em;
    font-style: italic;
    text-align: right;
}

div.tour_details2 p,
div.tour_details3 p {
    margin-right: 1em;
}

div.tour_details2 h3 {
    margin-top: .6em;
}

div.tour_details3 h4,
div.tour_details4 h4,
div.tour_details3_testimonial {
    margin-bottom: 0.35em;
}

div.tours div.tour_details a,
div.tours div.tour_details4 a {
    text-decoration: none;
}

div.tours div.tour_pix img {
    max-width: 252px;
    width: 252px;
    display: inline-block;
    float: right;
    margin-left: 20px;
    border: 1px solid #C7C097;
}

div.tours div.whatsnew_pix img {
    max-width: 252px;
    width: 252px;
    display: inline-block;
    border: 1px solid #C7C097;
}

div.tours div.tour_pix2 { /* RECENT PROJECTS PAGE - LANDING PAGE */
    float: left;
    width: 32%;
    max-width: 310px;
    height: auto;
    margin-top: 1%;
    margin-left: 1em;
    overflow: hidden;
    border: 0;
}

div.tours div.tour_pix2 img { /* RECENT PROJECTS PAGE - LANDING PAGE */
    width: 100%;
    display: inline-block;
    border: 1px solid #C7C097;
    margin: 1px auto;
    text-align: center;
}

div.tours div.tour_pix3 {
    float: left;
    width: 33%;
    max-width: 275px;
    margin-top: 1em;
    margin-left: 1em;
    overflow: hidden;
}

div.tour_pix3 img,
p.tour_pix3_testimonial img,
p.tour_pix4 img,
p.tour_pix5 img,
p.tour_pix6 img {
    width: 98%;
    display: inline-block;
    padding: 2px;
    border: 1px solid #C7C097;
}

p.tour_pix3_testimonial {
    float: left;
    clear: left;
    max-width: 273px;
    width: 36%;
    height: auto;
    margin: 1.2em 1.5em 0em 0em;
}

p.tour_pix4 {
    float: right;
    clear: left;
    max-width: 273px;
    width: 36%;
    height: auto;
    margin: 1em;
}

p.tour_pix5 {
    float: left;
    clear: left;
    max-width: 425px;
    width: 42%;
    height: auto;
    margin: 0.5em 1em 0.5em 0;
}

p.tour_pix6 {
    float: right;
    max-width: 360px;
    width: 25%;
    height: auto;
    margin: 0.5em 1em 0.5em 0;
}

/*--------------------------------------------
0. Event Description - New Projects
---------------------------------------------*/

/* NEW PROJECTS NAVIGATION USING UNORDERED LIST */

ul.proj {
    list-style: none;
    margin: 1.3em 0;
    padding: 0 0 0 13px;
    font: 12px/15px normal arial, helvetica, sans-serif;
    text-indent: -14px;
}

ul.proj li {
    width: 54%;
    font: 12px/15px normal arial, helvetica, sans-serif;
    color: #444;
    letter-spacing: .015em;
    padding: 0;
    margin: 0 0 0 -2px;
}

ul.proj li:before {
    content: "\00AB \0020";
    color: #598080;
    font-size: 19px;
    font-weight: bold;
}

ul.proj li a:link {
    font: 12px/15px normal arial, helvetica, sans-serif;
    color: #BC5E2D;
    font-weight: bold;
    text-decoration: none;
}

ul.proj li a:visited {
    color: #598080;
    font-weight: bold;
    text-decoration: none;
}

ul.proj li a:hover {
    font: 12px/15px normal arial, helvetica, sans-serif;
    color: #D07837;
    font-weight: bold;
    text-decoration: underline;
}

/*--------------------------------------------
15. Events List
---------------------------------------------*/
div#events_list {
    overflow: hidden;
}

div#events_list div.list {
    clear: both;
    overflow: hidden;
    margin-bottom: 22px;
}

div#events_list div.list div.event_details {
    float: left;
    width: 59%;
    margin-bottom: 12px;
    margin-left: 3px;
}

div#events_list div.list div.event_details h5 {
    font-weight: bold;
    margin-bottom: 15px;
}

div#events_list div.list div.event_details p {
    margin-bottom: 4px;
    line-height: 23px;
}

div#events_list div.list div.event_details a {
    text-decoration: none;
}

div#events_list div.list div.event_date {
    float: right;
    width: 30%;
    background: #f5f5f5;
    padding: 20px 10px 12px 16px;
    border-radius: 5px;

}

div#events_list div.list div.event_date ul.left {
    float: left;
}

div#events_list div.list div.event_date ul.right {
    float: left;
    margin-left: 15px;
}

div#events_list div.list div.event_date li {
    margin-bottom: 10px;
}

/*--------------------------------------------
8. Event Description
---------------------------------------------*/
div#events {
    overflow: hidden;
    padding-bottom: 30px;
    border: 0;
}

div#events a {
    margin-top: -62px;
    text-decoration: none;
    color: #cc4848;
}

div#events div.event p {
    margin-bottom: 24px;
    float: right;
}

h2#call { /*  PHONE NUMBER AT TOP OF EVERY PAGE*/
    float: right;
    display: inline-block;
    z-index: 100;
    padding-right: 0.5em;
    margin-top: 2px;
    font-family: 'Times New Roman', times, georgia, serif;
    font-weight: bold;
    font-size: 2em;
    color: #cc4848;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    clear: both;
}

div#events p.back {
    text-align: right;
    float: right;
    clear: right;
    font: normal 0.958em/1.2 'Cabin Regular', tahoma, arial, Helvetica, sans-serif;
    color: #347069;
    width: 40%;
    padding: 0;
    margin-top: .6em !important;
    margin-bottom: 1.1em;
    border: 0;
}

div#events p.back a {
    font: normal 0.98em/1.2 'Cabin Regular', tahoma, arial, Helvetica, sans-serif;
    color: #347069;
    text-decoration: none;
    border: 0;
    padding-right: 1.1em;
    padding-left: 0.8em;
}

div#events p.back a:link {
    color: #347069 !important;
}

div#events p.back a:hover {
    color: #80ACAC !important;
}

div#events div.boxit {
    width: 80%;
    margin: 0 auto;
    clear: right;
    border: 0;
}

div#events div.pageup { /* ALL THE TOP OF PAGE LINKS */
    margin: 0 auto;
    clear: both;
}

div#events div.pageup a {
    text-decoration: none;
    text-align: center;
    color: #CC4848;
}

/*--------------------------------------------
9. Event Description - ABOUT Page
---------------------------------------------*/

div.serv {
    clear: both;
    padding: 4px 0;
    margin: 4px auto;
    border: 0;
}

h6.gray {
    color: #444;
    display: block;
    text-indent: 0;
    margin-bottom: 1.2em;
    margin-top: 1em;
}

div#events div.rodney ul.why_list {
    margin-bottom: 1.3em;
    margin-left: 2.5em;
    list-style: square outside none;
}

div#events div.rodney {
    float: right;
    margin-bottom: 12px;
    clear: both;
}

div#events div.rodney h3 {
    font-size: 130%;
    color: #598080;
    font-weight: bold;
}

div#events div.rodney img {
    width: 140px;
    /*height: 236px;*/
    display: inline;
    float: left;
    clear: left;
    padding: 0 12px 10px 0;
    margin: 0;
}

p.why, p.diffs {
    font-size: 13px;
    line-height: 20px;
    color: #666;
    margin-bottom: 12px;
}

p.why2, p.diffs2 {
    margin: 12px 0;
    width: 92%;
}

p.why {
    width: 90%;
}

p.diffs {
    width: 94%
}

div#events div.diff p.diffs h5 {
    display: inline;
    color: #316962;
    font-weight: bold;
}

/*--------------------------------------------
16. Event Description - IHC THANX SERVER SIDE FORM SUBMIT
---------------------------------------------*/

.diff3b {
    width: 50%;
    margin: .5em auto;
    padding: 1.2em 2.5em;
    border: 1px solid #DFDBC4;
    background: #f3f1e5;
}

.diff3b p {
    margin: 0.2em auto 0.6em auto;
}

.diff3b form {
    margin: .6em auto;
}

.diff3b form input.buyit {
    padding: .15em .35em;
    background: #ecead7;
    margin-bottom: 1.5em;
}

.diff3b img {
    width: 263px;
    height: 172px;
    display: block;
    padding: 0;
    margin: .6em auto;
}

/*--------------------------------------------
16. Event Description - IHC DIFF
---------------------------------------------*/

div#events div.diff { /*float: right;*/
    margin-bottom: 12px;
    clear: both;
    border: 0;
}

div#events div.diff .diff3 {
    width: 100%;
    float: left;
    margin-left: 10px;
}

div#events .diff3a {
    width: 86%;
    margin: .5em auto;
}

/*  Privacy Page */
.diff3a h4 {
    width: 58%;
    text-align: center;
    margin: 1em auto 0 auto;
    border: 0;
}

/*  Privacy Page Headlines */

div#events div.diff p {
    margin-bottom: 14px;
    font-size: 1em;
    color: #444;
}

div#events div.diff p h5 {
    display: inline;
    color: #316962;
    font-weight: bold;
    font-size: 1.3em
}

div#events div.diff p a, div#events div.diff p a:link {
    color: #C63; /*rust*/
    text-decoration: none;
}

div#events div.diff p a:visited {
    color: #316962; /*#D07837 - lt rust */
    text-decoration: none;
}

div#events div.diff p a:hover {
    text-decoration: underline;
}

div#events div.diff img {
    min-width: 100px;
    max-width: 100%;
    min-height: 140px;
    max-height: 100%;
    display: inline;
    clear: left;
    padding: 10px;
    margin: 0;
}

div#events div.diff img.intro {
    width: 227px;
    height: 300px;
    display: inline;
    float: left;
    padding: 0px 15px 15px 10px;
    margin: 0;
}

div#events div.diff table {
    margin: 8px auto;
    border: 1px solid #000;
    text-align: center;
}

div#events div.diff table tr.pix {
    background: #fff;
}

div#events div.diff table td {
    width: 25%;
    font: 13px/14px normal arial, helvetica, sans-serif;
    text-align: center;
}

div#events div.diff table td div.txtr {
    margin: 1em auto;
    font: 13px/14px normal arial, helvetica, sans-serif;
    text-align: center;
}

div#events div.diff table tr.txt {
    background: #d8d3b4;
}

div#events div.diff table td span.long img {
    height: 100% !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 2em 0 3.8em;
    margin: 12px auto;
    display: inline;
    border: none !important;
}

div#events div.diff ul.diffs_list {
    margin-bottom: 1.3em;
    margin-left: 2.5em;
    list-style: square outside none;
}

div#events div.diff ul.diffs_list {
    margin-bottom: 1.3em;
    margin-left: 2.5em;
    list-style: square outside none;
}

div#events div.event_date {
    overflow: hidden;
    clear: both;
    background: #f5f5f5;
    padding: 20px 10px 12px 16px;
    border-radius: 5px;
    margin-bottom: 24px;
}

div#events div.event_date ul {
    margin-right: 30px;
    float: left;
    border: 1px dashed red;
}

div#events div.event_date ul.two {
    margin-right: 70px;
}

div#events div.event div.event_date ul.four {
    margin-right: 0 !important;
}

div#events div.event div.event_date li {
    margin-bottom: 13px;
}

div#events div.event div.event_date ul.one li, ul.three li {
    font-weight: bold;
}

div.pageup a { /* GO TO TOP OF PAGE */
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    padding: 3em;
    margin: 3px auto;
    clear: both;
}

/*--------------------------------------------
8. Event Description - Design Dreams-Survey
---------------------------------------------*/

div#design, div#contact {
    /*overflow: hidden;*/
    padding-bottom: 30px;
    border: 2px dashed red;
}

div#design {
    overflow: hidden;
}

div#design a {
    margin-top: -62px;
    text-decoration: none;
    color: #cc4848;
}

div#design img {
    float: left;
    clear: left;
    max-width: 202px;
    width: 100%;
    height: auto;
    border: 0;
    margin: .1em 1.2em 3.5em 0;
}

div#design p, div#contact .three_4ths p, div#contact .three_4ths p.addy {
    font-size: 1em;
    line-height: 20px;
    color: #555;
    padding-right: .9em;
    margin: 0 0 .3em 0;
}

/*--------------------------------------------
8. SURVEY & REQUEST FREE INFO FORMS
---------------------------------------------*/

div#survey {
    clear: both;
}

div#survey div.row {
    overflow: hidden;
    clear: both;
    width: 96%;
    border: 0;
    padding: .02em 0;
}

div#survey div.row input {
    width: 225px;
    margin: 3px 1px;
    border: 1px solid #DFDBC4;
}

div#survey div.row input.phn {
    width: 105px;
    border: 1px solid #DFDBC4;
}

div#survey div.row input.ext {
    width: 45px;
    border: 1px solid #DFDBC4;
}

div#survey div.row input.email {
    width: 310px;
    border: 1px solid #DFDBC4;
}

div#survey div.row span.other input {
    width: 352px;
    border: 1px solid #DFDBC4;
}

div#survey div.row select.state {
    width: 148px;
    border: 1px solid #DFDBC4;
    margin-right: 0;
}

div#survey div.row select.country {
    width: 495px;
    border: 1px solid #DFDBC4;
}

div#survey div.row input.other {
    width: 478px;
    border: 0;
}

div#survey div.row span.zip input {
    width: 64px;
    margin-left: 0;
    border: 1px solid #DFDBC4;
}

div#survey div.row p {
    /*width: 99%;*/
    float: left;
    margin-right: 0;
    border: 0;
    vertical-align: middle;
}

div#survey div.row p.valign {
    padding: .3em .8em .5em 0;
    margin-bottom: 8px;
}

div#survey div.row p span.mag {
    width: 200px;
    border: 0;
    white-space: nowrap;
    vertical-align: middle;
}

div#survey div.row p span.mag input.magbox {
    width: 100%;
}

div#survey div.row p span.search {
    width: 215px;
    white-space: nowrap;
    margin-top: 4px;
    border: 0;
}

div#survey div.row p span.search input.searchbox {
    width: 240px;
    float: right;
}

div#survey div.row select {
    width: 96%;
}

div#survey textarea {
    width: 88%;
    height: 160px;
    border: 1px solid #DFDBC4;
}

div#survey .button {
    float: left;
}

div#survey .error {
    border-color: #E01C46;
}

div#survey .validation,
div#survey .success {
    display: none;
    font-size: 12px;
    margin-bottom: 20px;
}

div#survey .validation p {
    color: #e01c46;
}

div#survey .success p {
    color: #65cf82;
}

/*--------------------------------------------
8. CONTACT - CONTACT & DEALER LOCATOR
---------------------------------------------*/

/*div#contact p.addy ul { margin-bottom: -8px;}*/

div#design h4, div#contact h4,
div#design h5, div#contact h5 {
    font-weight: 500;
    font-family: 'Roboto Condensed', arial, helvetica, sans-serif;
}

div#design h4, div#contact h4 {
    color: #c63;
    font-family: 'Roboto Condensed', arial, helvetica, sans-serif;
}

div#design h5, div#contact h5 {
    color: #316962;
    border: 0;
}

div#contact p.indy,
div#contact p.indy h4,
div#contact div.indy form#finder {
    margin: 3px auto;
    text-align: center;
    clear: both;
}

div#contact div.indy {
    border: 0;
}

div#contact div.indy form#finder {
    width: 240px;
    margin-top: 1em;
}

div#contact div.indy h4 {
    color: #316962;
    text-align: center;
    margin: 3px auto;
    padding-bottom: 6px;
    border: 1px dotted green;
}

/*  INDEPENDENT DEALER BAR*/

div#contact div.indy h4 {
    color: #fff;
    text-align: center;
    background: #347069;
    margin: 4px auto;
    padding: 3px 0;
    border: 0;
}

div#contact .three_4ths img {
    float: left;
    clear: left;
    width: 260px;
    padding: 3px;
    margin: .0em 1.4em 1em 0;
    overflow: hidden;
    border: 0;
}

/*--------------------------------------------
8. Event Description - DEALER MAP PASTE IN
---------------------------------------------*/

div.indy ul#map {
    margin: 0 auto;
    padding-right: 60px;
    max-width: 770px;
    min-width: 560px;
    width: 95%;
    height: 550px;
    z-index: 1000;
    /*margin: 20px;*/
    background: url('../images/usmap3.png') top left no-repeat #f5f5eb;
    font-family: arial, helvetica, sans-serif;
    line-height: 1.4em;
    font-size: .9em;
    color: #555;
    position: relative;
    /*display: block;*/
    border: 0;
}

#map li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#map li a {
    position: absolute;
    display: block;
    /*
			   Specifying a background image
			   (a 1px by 1px transparent gif)
			   fixes a bug in older versions of
			   IE that causeses the block to not
			   render at its full dimensions.
			*/
    background: url(../images/clear.gif);
    text-decoration: none;
    color: #000;
}

#map li a span {
    display: none;
}

#map li a:hover span,
#map li a:focus span {
    position: relative;
    display: block;
    z-index: 5000;
    width: 200px;
    left: 20px;
    top: 20px;
    border: 5px solid #D5CEA2;
    background: #FBFBF1;
    color: #555;
    padding: 1.3em .6em 2em 1.4em;
    filter: alpha(opacity=99);
    opacity: 0.99;
    border-radius: 0.8em;
    box-shadow: 4px 6px 6px rgba(0, 0, 0, 0.5);
}

#map li a:hover span strong,
#map li a:focus span strong {
    font: 1.2em "Roboto Condensed", "Arial Narrow", helvetica, sans-serif;
    line-height: 1.6em;
    /*vertical-align: text-bottom;*/
    color: #BC5E2D;
    width: 100%;
    letter-spacing: -0.02em;
    padding-top: .4em;
    border-top: 1px dotted #316962;
    margin-top: .2em;
}

#map li a:hover span h4,
#map li a:focus span h4 {
    display: inline;
    color: #B25829;
    font-family: "Roboto Condensed", "Arial Narrow", helvetica, sans-serif;
}

#map li a:hover span b,
#map li a:focus span b {
    color: #507474;
    font: 1.8em "Roboto Condensed", "Arial Narrow", helvetica, sans-serif;
    letter-spacing: 0.06em;
    line-height: 1.8em;
    vertical-align: top;
}

#map a.ihc {
    top: 18px;
    left: 64px;
    width: 50px;
    height: 35px;
}

#map a.ore {
    top: 74px;
    left: 38px;
    width: 50px;
    height: 35px;
}

#map a.idaho {
    top: 92px;
    left: 120px;
    width: 50px;
    height: 35px;
}

#map a.nev {
    top: 167px;
    left: 73px;
    width: 50px;
    height: 35px;
}

#map a.utah {
    top: 188px;
    left: 146px;
    width: 50px;
    height: 35px;
}

#map a.ariz {
    top: 271px;
    left: 130px;
    width: 45px;
    height: 45px;
}

#map a.nmex {
    top: 286px;
    left: 214px;
    width: 50px;
    height: 35px;
}

#map a.wyo {
    top: 125px;
    left: 212px;
    width: 50px;
    height: 35px;
}

#map a.mont {
    top: 55px;
    left: 195px;
    width: 50px;
    height: 35px;
}

#map a.soda {
    top: 108px;
    left: 311px;
    width: 50px;
    height: 35px;
}

#map a.noda {
    top: 52px;
    left: 312px;
    width: 50px;
    height: 35px;
}

#map a.neb {
    top: 159px;
    left: 313px;
    width: 50px;
    height: 35px;
}

#map a.kan {
    top: 217px;
    left: 331px;
    width: 50px;
    height: 35px;
}

#map a.okla {
    top: 277px;
    left: 347px;
    width: 50px;
    height: 35px;
}

#map a.tex {
    top: 345px;
    left: 316px;
    width: 50px;
    height: 35px;
}

#map a.iowa {
    top: 150px;
    left: 400px;
    width: 50px;
    height: 35px;
}

#map a.moss {
    top: 220px;
    left: 418px;
    width: 50px;
    height: 35px;
}

#map a.ark {
    top: 286px;
    left: 422px;
    width: 50px;
    height: 35px;
}

#map a.lou {
    top: 345px;
    left: 421px;
    width: 50px;
    height: 35px;
}

#map a.wis {
    top: 104px;
    left: 448px;
    width: 50px;
    height: 35px;
}

#map a.mich {
    top: 122px;
    left: 521px;
    width: 50px;
    height: 35px;
}

#map a.ohio {
    top: 173px;
    left: 552px;
    width: 50px;
    height: 35px;
}

#map a.noca {
    top: 253px;
    left: 613px;
    width: 50px;
    height: 35px;
}

#map a.bama {
    top: 315px;
    left: 512px;
    width: 50px;
    height: 35px;
}

#map a.geo {
    top: 313px;
    left: 563px;
    width: 50px;
    height: 35px;
}

/* START ODD SIZES HERE */

#map a.alaska {
    top: 414px;
    left: 146px;
    width: 50px;
    height: 35px;
}

#map a.cali {
    top: 200px;
    left: 18px;
    width: 50px;
    height: 35px;
}

#map a.miss {
    top: 315px;
    left: 470px;
    width: 40px;
    height: 50px;
}

#map a.ind {
    top: 174px;
    left: 510px;
    width: 40px;
    height: 50px;
}

#map a.fla {
    top: 382px;
    left: 608px;
    width: 35px;
    height: 50px;
}

#map a.newy {
    top: 100px;
    left: 659px;
    width: 35px;
    height: 35px;
}

#map a.kent {
    top: 234px;
    left: 521px;
    width: 55px;
    height: 30px;
}

#map a.virg {
    top: 220px;
    left: 626px;
    width: 50px;
    height: 30px;
}

#map a.soca {
    top: 285px;
    left: 602px;
    width: 45px;
    height: 30px;
}

#map a.hawaii {
    top: 467px;
    left: 281px;
    width: 70px;
    height: 75px;
}

#map a.wva {
    top: 205px;
    left: 590px;
    width: 35px;
    height: 32px;
}

#map a.newj {
    top: 163px;
    left: 680px;
    width: 45px;
    height: 22px;
}

#map a.ver {
    top: 51px;
    left: 674px;
    width: 32px;
    height: 50px;
}

#map a.maine {
    top: 40px;
    left: 726px;
    width: 28px;
    height: 35px;
}

#map a.newh {
    top: 89px;
    left: 709px;
    width: 60px;
    height: 15px;
}

#map a.mass {
    top: 110px;
    left: 699px;
    width: 60px;
    height: 19px;
}

#map a.ris {
    top: 130px;
    left: 727px;
    width: 35px;
    height: 18px;
}

#map a.conn {
    top: 130px;
    left: 696px;
    width: 24px;
    height: 32px;
}

#map a.del {
    top: 185px;
    left: 675px;
    width: 43px;
    height: 19px;
}

#map a.mland {
    top: 204px;
    left: 674px;
    width: 52px;
    height: 16px;
}

#map a.dc1 {
    top: 219px;
    left: 669px;
    width: 30px;
    height: 20px;
}

#map a.dc2 {
    top: 199px;
    left: 651px;
    width: 18px;
    height: 22px;
}

#map a.colo {
    top: 205px;
    left: 258px;
    width: 50px;
    height: 35px;
}

#map a.ill {
    top: 183px;
    left: 461px;
    width: 50px;
    height: 35px;
}

#map a.minn {
    top: 77px;
    left: 386px;
    width: 50px;
    height: 35px;
}

#map a.penn {
    top: 151px;
    left: 620px;
    width: 50px;
    height: 35px;
}

#map a.tenn {
    top: 265px;
    left: 507px;
    width: 55px;
    height: 30px;
}

table#dealers td {
    font-size: 12px;
    padding: 1.8em;
    background: #ECEAD7;
}

table#dealers td h4 {
    color: #347069;
}

table#dealers td p.states {
    padding: 0;
    margin: 1.1em 0 1.3em 0;
    border-bottom: 3px dotted #598080;
    overflow: hidden;
}

table#dealers td p.states a {
    color: #cc4848;
}

/*--------------------------------------------
8. CONTACT / DEALER OPPORTUNITIES
---------------------------------------------*/
div.join, div.join2 {
    border: 0;
    padding-right: 1%;
    overflow: hidden;
}

div.join img {
    float: left;
    max-width: 365px;
    width: 38%;
    padding: 0 16px 16px 0;
    margin: 0;
}

div.join2 {
    width: 93%;
    border: 0;
    clear: both;
}

div.join2 img {
    float: right;
    max-width: 224px;
    width: 98%;
    /*height: 100%;*/
    padding: 0 .5em 0 6px;
    margin: 0;
}

div.join2 p.last {
    padding-bottom: 2.65em;
    border-bottom: 2px dotted #598080;
}

/* 1ST ROW PIC & OPP TEXT */
div.join article.opp {
    width: 54%;
    float: left;
    padding-top: .3%;
    border: 0;
}

/* DEALER REQUIREMENTS & OFFERS */

article.prods2 {
    padding-left: 1.8em;
    border: 0;
    font-size: 97%;
    color: #333;
    width: 91%;
    border-bottom: 2px dotted #598080;
}

article.prods2 ul.prodlist {
    width: 85%;
}

div.join article.offer {
    float: left;
    width: 40%;
    font-size: 97%;
    color: #333;
    padding: .5em 1.5em .7em 1.5em;
    border-right: 2px dotted #598080;
    margin-bottom: 1.2em;
}

div.join article.need {
    float: left;
    font-size: 97%;
    color: #333;
    width: 37%;
    display: inline;
    padding: .5em 0 0 1.5em;
}

div.join article.opp p,
div.join article.specs p { /* IHC DIFF - PACKAGE SPECS */
    border-top: 2px dotted #598080;
    border-bottom: 0;
    margin-top: 5px;
    padding: 1.3em 0 1em 1.0em;
}

/*--------------------------------------------
12. JOIN AND OTHER UNORDERED Lists
---------------------------------------------*/
div.join ul,
div.join1 ul,
div.join2 ul {
    padding-left: 2.5em;
    list-style: square outside;
    width: 94%;
    border: 0;
}

div.join ul li,
div.join1 ul li,
div.join2 ul li {
    line-height: 27px;
}

/*  */
/*--------------------------------------------
     TIMELINE UNORDERED LIST CUSTOMIZED
---------------------------------------------*/

div.join ul.timeline li {
    line-height: 2.25em;
}

div.join h4.time { /* TIMELINE HEADLINE RESIZE */
    font-size: 1.65em;
    padding-bottom: .75em;
    width: 90%;
}

article.prods {
    padding-left: 1.8em;
    border: 0;
}

article.prods h5 {
    font-size: 140%;
    font-weight: bold;
    color: #709696;
    padding-bottom: .7em;
}

div.join article.success {
    padding: 1.2em 0 0.8em 0;
    width: 93%;
    border-top: 1px dotted #347069;
    border-bottom: 1px dotted #347069;
    margin: 1em 0;
}

div.join article.success5 {
    padding: 1.2em;
    width: 93%;
    background: rgba(89, 128, 128, .08);
    border: 5px double #598080;
    margin: 1em 0;
}

div.join article.success a img {
    max-width: 600px;
    width: 96%;
    height: auto;
    float: right;
    border: 0;
    padding: .4em;
    display: block;
}

div.join article.success p {
    margin-bottom: 8px;
}

div.join article.success p.left {
    float: left;
    width: 35%;
}

/*--------------------------------------------
8. ABOUT WARRANTY & PACKAGE SPECS
---------------------------------------------*/

/* PACKAGE SPECS CUSTOMIZED HERE */
div.join article.specs {
    width: 100%;
    float: left;
    padding-top: .6%;
    border: 0;
}

article.specs h4 {
    color: #598080;
}

div.join ul li,
article.specs p,
article.specs p b {
    font-size: 105%;
}

article.specs p b {
    color: #347069;
}

/* WARRANTY CERTIFICATE. ALL JOIN 3s ARE FOR WARRANTY PAGE */
div.join3 {
    width: 90%;
    background: #FCFCF6;
    padding: 3em 3.5%;
    border: 5px double #598080;
    outline: 3px dotted #598080;
}

div.join3 h4,
div.join3 p.subhead {
    margin: 1px auto;
    text-align: center;
}

div.join3 p,
div.join3 p.subhead {
    margin-bottom: 1em;
}

div.join3 p.topper {
    padding-top: 1.0em;
    border-top: 2px dotted #598080;
    margin-top: 1.5em;
}

/*--------------------------------------------
8. Event Description - WHAT'S NEW
---------------------------------------------*/

/* HOME SHOW SCHEDULE */

div.join h5 {
    width: 45%;
    color: #709696;
    font-size: 1.5em;
    line-height: 1.8em;
    font-weight: bold;
    margin: .5em 0 0 0.75em;
    padding-bottom: .2em;
    border-bottom: 1px dotted #598080;
}

p.showbox {
    width: 42%;
    overflow: hidden;
    float: right;
    clear: both;
    margin-top: 0;
    border: 0;
}

p.showbox2 {
    width: 27%;
    overflow: hidden;
    float: right;
    clear: both;
    margin-top: 0;
    border: 0;
}

p.showbox2 span {
    padding-left: 1.4em;
    font-size: 95%;
    text-align: center;
}

p.showbox img {
    max-width: 550px;
    height: auto;
    width: 80%;
    padding: 3px;
    border: 1px solid #999;
}

p.showbox2 img {
    max-width: 220px;
    height: auto;
    width: 80%;
    padding: 3px;
    border: 1px solid #999;
}

.join h4.showhdr {
    width: 100%;
    margin: 0;
    border: 0;
}

div.join ul.addr {
    list-style: none;
    width: 45%;
    padding: 0.5em 0.5em 1.3em 0;
    overflow: hidden;
    margin: .8em 0 .8em 0.9em;
    border-bottom: 1px dotted #598080;
}

div.join ul.addr li {
    font-size: 1.1em;
    line-height: 1.3em;
    margin-left: 1em;
}

/* HOME SHOW SCHEDULE */

/* Blockquote2 is on WHAT'S NEW PAGE - FEATURE ARTICLE ARCHIVE */

/*--------------------------------------------
8. Event Description - Design Dreams-Survey
---------------------------------------------*/

#events .page div#survey {
    clear: both;
    border: 0;
}

div#survey div.row input,
div#survey div.row input.phn,
div#survey div.row input.ext,
div#survey div.row input.email,
div#survey div.row span.other input,
div#survey div.row select.state,
div#survey div.row select.country,
div#survey div.row span.zip input {
    border: 1px solid #DFDBC4;
}

div#survey div.row input {
    width: 225px;
    /*border:*/
}

div#survey div.row input.phn {
    width: 140px;
}

div#survey div.row input.ext {
    width: 58px;
}

div#survey div.row input.email {
    width: 310px;
}

div#survey div.row span.other input {
    width: 348px;
}

div#survey div.row select.state {
    width: 148px;
    margin-right: 0;
}

div#survey div.row select.country {
    width: 491px;
}

div#survey div.row input.other {
    width: 478px;
    border: 0;
}

div#survey div.row span.zip input {
    width: 64px;
    margin-left: 0;
}

div#survey div.row p {
    /*width: 99%;*/
    float: left;
    margin-right: 0;
    border: 0;
    vertical-align: middle;
}

div#survey div.row p.valign {
    padding: .5em .8em .5em 0; /*border-top: 9px solid red;*/
}

div#survey div.row p span.mag {
    width: 200px;
    border: 0;
    white-space: nowrap;
    vertical-align: middle;
}

div#survey div.row p span.mag input.magbox {
    width: 100%;
}

div#survey div.row p span.search input.searchbox {
    width: 240px;
    float: right;
}

div#survey div.row select {
    width: 96%;
}

div#survey textarea {
    width: 88%;
    height: 160px;
    border: 1px solid #DFDBC4;
}

div#survey .button {
    float: left;
}

div#survey .error {
    border-color: #E01C46;
}

div#survey .validation,
div#survey .success {
    display: none;
    font-size: 12px;
    margin-bottom: 20px;
}

div#survey .validation p {
    color: #e01c46;
}

div#survey .success p {
    color: #65cf82;
}

/*--------------------------------------------
9. Footer
---------------------------------------------*/

footer {
    background: #ecead7;
    padding-top: 2.25em;
    /*border-top: 1px solid #BAB598; original #c9c9c9;*/
    border-top: 0 #82A899 dotted;
}

footer .container {
    max-width: 1000px;
    width: 92%;
    padding-left: 2.2em;
    background: #ecead7;
}

.one_fourth p.org {
    color: #cc4848 !important;
}

footer .widget .one_fourth h5 {
    color: #316962;
}

.one_fourth ul#start li,
.one_fourth ul#linkage li {
    padding: 3px 0;
}

footer div.copy {
    clear: both;
    text-align: center;
    padding-top: 15px;
    border-top: 2px dotted #82A899;
    font-size: 12px;
}

footer div.copy p {
    /*-moz-transition: color 0.2s ease-in 0s, background 0.2s ease-in 0s;
	    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05);
	    border-radius: 4px 4px 4px 4px;*/
    color: #347069;
    display: inline-block;
    font-size: 1.05em;
    margin: 0 0 15px;
    padding: 4px 8px;
    text-align: center;
    border-top: 0 #aecccc dashed;
}

/*--------------------------------------------
6. Contact
---------------------------------------------*/

/*div#contact input,
div#contact select,
div#contact textarea { background: #f9f9f9; }
div#contact input:focus,
div#contact select:focus,
div#contact textarea:focus { background: #fff; }
div#contact p { margin-bottom: 10px; }

	div#contact div.row {
		overflow: hidden;
		clear: both;
		width: 715px;
	}
		div#contact div.row input,
		div#contact div.row select { width: 315px; }
		div#contact div.row p {
			width: 340px;
			float: left;
			margin-right: 15px;
		}
		div#contact div.row select { width: 340px; }
		div#contact textarea { width: 96%; height: 200px; }
		div#contact .button { float: right; }
	div#contact .error {
		border-color: #E01C46;
	}
	div#contact .validation,
	div#contact .success {
		display: none;
		font-size: 12px;
		margin-bottom: 20px;
	}
		div#contact .validation p  { color: #e01c46; }
		div#contact .success p	    { color: #65cf82; }*/

/*--------------------------------------------
12. Columns
---------------------------------------------*/

/* Columns */
div.column_last {
    margin-right: 0 !important;
}

div.full {
    margin-bottom: 25px;
}

div.one_half, div.one_third, div.two_third,
    /*div.three_fourth,*/
div.two_thirds {
    float: left;
    margin-right: 3.5%;
    margin-bottom: 25px;
}

div.one_fourth {
    float: left;
    margin-right: 3%;
    margin-bottom: 27px;
}

div.one-third {
    float: left;
    margin-right: 3%;
    margin-bottom: 5px;
    width: 30.4%;
}

div.three_fourth,
div.three_4ths {
    margin: 2% auto;
    border: 0;
}

div.two_thirds2 {
    margin: 2% 10% 2% 0;
    float: right;
    clear: right;
    width: 58%;
    border: 0;
}

div.two_thirds4 {
    margin: 2% auto;
    width: 58%;
    border: 0;
}

/*  DESIGN SURVEY */
div.two_thirds3 {
    margin: 2% auto;
    width: 75%;
    padding: 2em 4em;
    border: 1px solid #DFDBC4;
    background: #f3f1e5;
    /*margin-top: 40px;*/
    overflow: hidden;
}

/*div.two_thirds3 { margin: 2% auto ; width: 72%; border: 1px dashed red;}*/ /*  DESIGN SURVEY */
div.two_thirds5 {
    margin: 2% auto;
    width: 68%;
    border: 0;
}

/* SURVEY & COMMERCIAL ORDER FORM */
div.two_thirds6 {
    margin: 2% auto;
    width: 68%;
    border: 0;
}

div.one-third img {
    margin-bottom: 10px;
    border: 1px
}

div.one-third span {
    font-size: 1em;
    text-align: center;
}

div.one_half {
    width: 48%;
}

div.one_third {
    width: 30.42%;
}

div.two_thirds {
    width: 65%;
    border: 0;
    clear: both;
    margin: .5em auto !important;
}

div.one_fourth {
    width: 21.2%;
}

div.three_fourth {
    width: 82%;
}

div.three_fourth2 {
    width: 82%;
}

div.three_fourths { /*  REQUEST INFO PAGE */
    width: 86%;
    padding: .4em 0 1em 2.4em;
    margin: 1.6em auto .5em auto;
    overflow: hidden;
    background: #f0eee0;
    border: 4px double #DFDBC4;
}

div.three_fourths table.one {
    width: 275px;
    border: none;
    float: left;
}

div.three_fourths table.two {
    width: 275px;
    float: left;
    padding-left: 0.5em;
    border-left: 2px solid #DFDBC4;
}

div.three_fourths table.one td p.book1,
div.three_fourths table.one td p.book2 {
    width: 235px;
    margin-left: 12px;
    border: 0;
}

div.three_fourths table.two td p.book3,
div.three_fourths table.two td p.book4 {
    width: 250px;
    padding-left: 1em;
    overflow: hidden;
    border: 0;
}

div.three_fourths table.one td p.book3 {
    margin: 0 0 .8em .8em;
    padding-bottom: .5em;
    border-bottom: 2px solid #DFDBC4;
}

div.three_fourths table.one td p.book4 {
    margin-left: 11px;
}

div.three_4ths {
    width: 89%;
    border: 0;
}

div.three_4ths2 {
    width: 90%;
    margin: 5px auto;
    border: 0;
}

div.full h1 {
    margin-bottom: 0;
}

div.full h2, div.full h3 {
    margin-bottom: 10px;
}

div.full h4, div.full h5, div.full h6 {
    margin-bottom: 15px;
}

div.one_third img {
    margin-bottom: 10px;
    border-radius: 3px;
}

div.one_third h4 {
    margin-bottom: 10px;
}

/*--------------------------------------------
12. HOME TOUR ARCHIVE PAGE
---------------------------------------------*/

div.htour_archive {
    margin: .8em auto !Important;
    width: 90%;
    padding-left: 1.5em;
    overflow: hidden;
    border: 0;
}

div.htour_archive div.one_half2 {
    width: 47%;
    float: left;
    margin: 0 .5em 1.5em 0;
    border: 0;
    overflow: hidden;
}

div.htour_archive div.one_half2 img {
    max-width: 400px;
    width: 95%;
    padding: 2px;
    border: 1px solid #777;
    display: inline-block;
}

/* Images */
img.rounded {
    border-radius: 3px;
    margin-bottom: 20px;
}

/*--------------------------------------------
12. Lists
---------------------------------------------*/

div.toggle_list {
    margin-bottom: 25px;
}

div.toggle_list ul {
    list-style: none;
}

div.toggle_list ul li {
    margin-bottom: 10px;
}

div.toggle_list ul li div.title {
    background: #f0f0f0;
    border: 1px solid #ddd;
    padding: 10px;
    cursor: pointer;
    position: relative;
}

div.toggle_list ul li div.title h3 {
    margin: 0;
    color: #4b4b4b;
    font-size: 13px;
}

div.toggle_list ul li .title h3 span {
    color: #1c9eda;
    padding-right: 8px;
    font-weight: bold;
}

div.toggle_list ul li div.title a.toggle_link {
    position: absolute;
    top: 5px;
    right: 13px;
    color: #868686;
    font-weight: bold;
    font-size: 19px;
    text-decoration: none;
}

div.toggle_list ul li div.content {
    background: #fbfbfb;
    border: 1px solid #e5e5e5;
    border-top: none;
    padding: 10px !important;
    display: none;
}

div.toggle_list ul li div.content p {
    margin-bottom: 15px;
    font-size: 12px;
}

div.toggle_list ul li div.content p:last-child {
    margin-bottom: 0;
}

/*--------------------------------------------
8. Widgets
---------------------------------------------*/

/* This so-called text widget is not named text. There's no indication that
this so-called widget actually controls text down in the footer!*/
div.widget {
    border: 0;
    padding: 0 .37em;
    margin-bottom: 20px !important;
}

div.widget h5 {
    border-bottom: 1px dashed #aecccc;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #598080;
}

div.widget .logo {
    font-size: 15px;
    font-weight: 700;
    color: #598080;
    margin-bottom: 10px;
    border-bottom: 1px dashed #aecccc;
    padding-bottom: 5px;
}

div.widget a {
    color: #2A5C56
}

div.widget a:link {
    color: #2A5C56;
}

div.widget a:visited {
    color: #2A5C56;
}

div.widget a:hover {
    color: #e00;
    text-decoration: underline;
}

div.widget a:focus {
    color: #e00;
    font-size: 92%;
}

div.widget .org {
    color: #d07837;
    font-size: 12px;
}

/* end so-called text widget for logo header and text blurb
	in first left column. Proceed to footer at line 1006 to edit
	the copyright statement. */

aside div.widget {
    clear: both;
    margin-bottom: 30px;
}

/* Categories */
div.widget div.widget_categories ul {
    overflow: hidden;
}

div.widget div.widget_categories ul li {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

div.widget div.widget_categories ul li a {
    display: block;
    float: left;
    text-decoration: underline;
    width: 100%;
}

div.widget div.widget_categories ul li a:hover {
    color: #333;
}

div.widget div.widget_categories ul li span {
    float: right;
    padding: 3px 5px;
    text-decoration: none;
    color: #fff;
    background: #d7d7d7;
    border-radius: 3px;
}

div.widget div.widget_categories ul li a:hover span {
    background: #bbb;
}

/*--------------------------------------------
9. VIDEO
---------------------------------------------*/

div.widget div.video iframe {
    padding: 5px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fff;
    margin-bottom: 8px;
}

/* Gallery */
div.widget div.gallery {
    width: 226px;
}

aside div.gallery ul {
    overflow: hidden;
}

div.widget div.gallery ul li {
    float: left;
    margin-right: 12px;
    margin-bottom: 12px;
}

div.widget div.gallery ul li img {
    border-radius: 3px;
}

/*--------------------------------------------
10. Forms
---------------------------------------------*/

input, textarea {
    font-family: "Helvetica Neue", helvetica, sans-serif;
    font-size: 13px;
    outline: none;
    -webkit-appearance: none;
    -webkit-focus-ring-color: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #DFDBC4;
}

input[type="text"],
input[type="email"] {
    border: 1px solid #DFDBC4;
    padding: 6px;
    width: 100%;
    color: #444;
    background: #fff;
}

input[type="text"]:focus,
input[type="email"]:focus {
    padding-bottom: 8px;
}

/* RADIOS & CHECKBOXES STYLES */

/* base styles */
input[type="radio"],
input[type="checkbox"] {
    height: 1.2em;
    width: 1.2em;
    vertical-align: middle;
    margin: 0 0.4em 0.4em 0;
    border: 1px solid rgba(0, 0, 0, 0.3);
    background: -webkit-linear-gradient(#FCFCFC, #DADADA);
    -webkit-appearance: none;
    -webkit-transition: box-shadow 200ms;
    box-shadow: inset 1px 1px 0 #fff, 0 1px 1px rgba(0, 0, 0, 0.1);
}

/* border radius for radio*/
input[type="radio"] {
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

/* border radius for checkbox */
input[type="checkbox"] {
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

/* input checked border color */
input[type="radio"]:checked,
input[type="checkbox"]:checked {
    border-color: rgba(0, 0, 0, 0.5)
}

/* radio checked */
input[type="radio"]:checked:before {
    display: block;
    height: 0.3em;
    width: 0.3em;
    position: relative;
    left: 0.4em;
    top: 0.4em;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 100%;
    content: '';
}

/* checkbox checked */
input[type="checkbox"]:checked:before {
    font-weight: bold;
    color: rgba(0, 0, 0, 0.7);
    content: '\2713';
    -webkit-margin-start: 0;
    margin-left: 2px;
    font-size: 0.9em;
}

textarea {
    padding: 8px 6px 8px 8px;
    border: 1px solid #DFDBC4;
    color: #444;
    resize: vertical;
    background: #fff;
    width: 97%;
}

select {
    width: 100%;
    padding: 8px 6px 8px 8px;
    border: 1px solid #DFDBC4;
    border-radius: 3px;
    overflow: hidden;
    font-size: 13px;
    /*color: #999;*/
}

form p {
    position: relative;
}

label {
    /*position: absolute;*/
    /*top: 7px !important;*/
    /*left: 15px !important;*/
    /*color: #bbb;*/
    font-weight: normal;
    display: block;
    margin: 0 0 0 2px;
}

::-moz-placeholder {
    color: #AAAAAA !important;
    font-style: italic;
}

::-webkit-input-placeholder {
    color: #AAAAAA !important;
    font-style: italic;
}

img {
    border: none;
}

.clear {
    clear: both;
}

iframe {
    border: none;
}

/*--------------------------------------------
11. Buttons
---------------------------------------------*/

.button {
    border: 1px solid #DEDEDE;
    border-radius: 3px;
    /*color: #555555;*/
    display: inline-block;
    font: normal 1.1em/1.5 'Roboto Condensed', 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: 600;
    letter-spacing: .025em;
    padding: 6px 11px;
    text-align: center;
    text-decoration: none;

    /*text-transform: uppercase;*/
}

.button2 {
    border: 1px solid #DEDEDE;
    border-radius: 3px;
    /*color: #555555;*/
    display: inline-block;
    font: normal 1.1em/1.5 'Roboto Condensed', 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: 500;
    letter-spacing: .035em;
    padding: 2px 8px;
    text-align: center;
    text-decoration: none;

    /*text-transform: uppercase;*/
}

.button:active {
    -webkit-box-shadow: inset 0 0 3px #333;
    -moz-box-shadow: inset 0 0 3px #333;
    box-shadow: inset 0 0 3px #333;
}

.button:hover {
    cursor: pointer;
    -webkit-box-shadow: 0 0 3px #bbb;
    -moz-box-shadow: 0 0 3px #bbb;
    box-shadow: 0 0 3px #bbb;
}

.button.white {
    background: #f9f9f9; /* Old browsers */
    background: -moz-linear-gradient(top, #f9f9f9 0%, #f0f0f0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f0f0f0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f9f9f9 0%, #f0f0f0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9f9f9 0%, #f0f0f0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f9f9f9 0%, #f0f0f0 100%); /* IE10+ */
    background: linear-gradient(top, #f9f9f9 0%, #f0f0f0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0', GradientType=0); /* IE6-9 */
    border-color: #dedede #d8d8d8 #d3d3d3;
    color: #555;
    text-shadow: 0 1px 0 #fff;
}

.button.white a {
    color: #555
}

.button.gray {
    background: #cacaca; /* Old browsers */
    background: -moz-linear-gradient(top, #cacaca 0%, #aeaeae 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cacaca), color-stop(100%, #aeaeae)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #cacaca 0%, #aeaeae 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #cacaca 0%, #aeaeae 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #cacaca 0%, #aeaeae 100%); /* IE10+ */
    background: linear-gradient(top, #cacaca 0%, #aeaeae 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cacaca', endColorstr='#aeaeae', GradientType=0); /* IE6-9 */
    border-color: #b5b5b5 #a1a1a1 #8f8f8f;
    color: #555;
    text-shadow: 0 1px 0 #d4d4d4;
}

.button.gray a {
    color: #555
}

.button.dgreen {
    background: #316962; /* Old browsers */
    background: -moz-linear-gradient(top, #82A899 0%, #316962 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #82A899), color-stop(100%, #316962)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #82A899 0%, #316962 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #82A899 0%, #316962 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #82A899 0%, #316962 100%); /* IE10+ */
    background: linear-gradient(top, #82A899 0%, #316962 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82A899', endColorstr='#316962', GradientType=0); /* IE6-9 */
    border-color: #254F49 #316962 #2A5C56;
    color: #fff;
    -webkit-text-shadow: 1px 1px 0px #000;
    -moz-text-shadow: 1px 1px 0px #000;
    text-shadow: 1px 1px 0 #000;
}

.button.green {
    background: #cae285; /* Old browsers */
    background: -moz-linear-gradient(top, #cae285 0%, #9fcb57 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cae285), color-stop(100%, #9fcb57)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #cae285 0%, #9fcb57 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #cae285 0%, #9fcb57 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #cae285 0%, #9fcb57 100%); /* IE10+ */
    background: linear-gradient(top, #cae285 0%, #9fcb57 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cae285', endColorstr='#9fcb57', GradientType=0); /* IE6-9 */
    border-color: #adc671 #98b65b #87aa4a;
    color: #5d7731;
    text-shadow: 0 1px 0 #cfe5a4;
}

.button.green a {
    color: #5d7731
}

.button.black {
    background: #616161; /* Old browsers */
    background: -moz-linear-gradient(top, #616161 0%, #222222 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #616161), color-stop(100%, #222222)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #616161 0%, #222222 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #616161 0%, #222222 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #616161 0%, #222222 100%); /* IE10+ */
    background: linear-gradient(top, #616161 0%, #222222 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#616161', endColorstr='#222222', GradientType=0); /* IE6-9 */
    border-color: #4c4c4c #313131 #1f1f1f;
    color: #fff;
    text-shadow: 0 1px 0 #2e2e2e;
}

.button.black a {
    color: #fff
}

/*--------------------------------------------
13. Icons
---------------------------------------------*/
.icon {
    cursor: default;
    font-size: 18px;
    line-height: 1;
    color: #598080;
}

/* Icons General */
@font-face {
    font-family: 'FoundationIconsGeneral';
    src: url('../fonts/foundation-icons-general.eot');
    src: url('../fonts/foundation-icons-general.eot?#iefix') format('embedded-opentype'),
    url('../fonts/foundation-icons-general.woff') format('woff'),
    url('../fonts/foundation-icons-general.ttf') format('truetype'),
    url('../fonts/foundation-icons-general.svg#FoundationIconsGeneral') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon.general {
    font-family: "FoundationIconsGeneral";
}

/* Foundation Icons General Enclosed */
@font-face {
    font-family: 'FoundationIconsGeneralEnclosed';
    src: url('../fonts/foundation-icons-general-enclosed.eot');
    src: url('../fonts/foundation-icons-general-enclosed.eot?#iefix') format('embedded-opentype'),
    url('../fonts/foundation-icons-general-enclosed.woff') format('woff'),
    url('../fonts/foundation-icons-general-enclosed.ttf') format('truetype'),
    url('../fonts/foundation-icons-general-enclosed.svg#FoundationIconsGeneralEnclosed') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon.general-enclosed {
    font-family: "FoundationIconsGeneralEnclosed";
}

/* Icons Social Misc */
@font-face {
    font-family: 'FoundationIconsSocial';
    src: url('../fonts/foundation-icons-social.eot');
    src: url('../fonts/foundation-icons-social.eot?#iefix') format('embedded-opentype'),
    url('../fonts/foundation-icons-social.woff') format('woff'),
    url('../fonts/foundation-icons-social.ttf') format('truetype'),
    url('../fonts/foundation-icons-social.svg#FoundationIconsGeneral') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon.social_misc {
    font-family: "FoundationIconsSocial";
}

/* Icons Social */
@font-face {
    font-family: 'IcoMoon';
    src: url('../fonts/IcoMoon.eot');
    src: url('../fonts/IcoMoon.eot?#iefix') format('embedded-opentype'),
    url('../fonts/IcoMoon.svg#IcoMoon') format('svg'),
    url('../fonts/IcoMoon.woff') format('woff'),
    url('../fonts/IcoMoon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.icon.social {
    font-family: 'IcoMoon';
}

/*--------------------------------------------
14. Plan Pages and odds and ends
---------------------------------------------*/

/* Pagination */
div.pagination a {
    font-size: 12px;
}

div.pagination a:hover {
    text-decoration: none;
}

/*--------------------------------------------
16. PROJECT INTRO TITLE
---------------------------------------------*/

.intro {
    width: 88%;
    margin: 0 auto;
    overflow: hidden;
    border: 0;
}

.intro h2 {
    font: 2.2em/1.0 'Yanone Kaffeesatz', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #598080;
    margin: 0 0 2px 0;
}

.intro h2 span {
    color: #555;
    text-transform: none;
}

.intro p {
    font: 1.2em/1.5 'Cabin Regular', tahoma, arial, Helvetica, sans-serif;
    width: 97%;
    color: #555;
    margin: 0;
    border: 0;
}

.intro p.nospecs {
    font: 1.3em/1.5 'Roboto Condensed', tahoma, arial, Helvetica, sans-serif;
    font-weight: 700;
    width: 97%;
    color: #777;
    margin: 0;
    border: 0;
}

/**/

/*--------------------------------------------
16. CONTAINER STYLES
---------------------------------------------*/

.containerbox {
    width: 81%;
    margin: 15px auto 18px auto;
    overflow: hidden;
    padding-bottom: .8em;
    border: 0;
    border-bottom: 5px double #709696;
}

.containerbox div.zoom {
    width: 62%;
    border: 0;
    overflow: hidden;
}

.containerbox div.zoom span {
    float: right;
    color: #444;
    font-weight: 400;
    display: inline;
    padding-top: .7em;
    font-size: 100%;
    border: 0;
}

.containerbox div.zoom h2 {
    font-family: 'Roboto Condensed', sans-serif;
    color: #c63;
    font-size: 2.1em;
    line-height: 1.5;
    float: left;
    display: inline-block;
    padding-right: .5em;
    border: 0;
}

.containerbox h2 {
    font-family: 'Roboto Condensed', sans-serif;
    color: #c63;
    font-size: 2.1em;
    line-height: 1.5;
    border: 0;
    padding-left: 8px;
}

.galleryItem-p2 {
    color: #666;
    font: .8em/1.25 'Cabin Regular', tahoma, Helvetica, sans-serif !important;
    width: 100%;
    padding-bottom: 1px;
    margin: 1.5% 1.2%;
    border: 0;
    float: left;
    -webkit-transition: color 0.5s ease;
}

.galleryItem-p3 {
    color: #666;
    font: .8em/1.25 'Cabin Regular', tahoma, Helvetica, sans-serif !important;
    width: 29%;
    padding-bottom: 1px;
    margin: 1.5% 1.2%;
    border: 0;
    float: left;
    -webkit-transition: color 0.5s ease;
}

.galleryItem-v {

    width: 36%;
    padding-bottom: 1px;
    margin: 1.5% 1.0%;
    border: 0;
    float: left;

}

.galleryItem h2 {
    font-family: 'Roboto Condensed', sans-serif;
    color: #CC4848;
    line-height: 1.5;
    border: 0;
}

.galleryItem h3 {
    text-transform: uppercase;
    color: #963;
    line-height: 2;
}

.galleryItem h4, .galleryItem-p h4,
.galleryItem-p2 h4, .galleryItem-v h4, galleryItem-p3 h4 {
    color: #444;
    font: normal 1.1em/1.5 'Cabin Regular', sans-serif;
    font-weight: 400;
    text-align: center;
    margin: 2px auto;
}

.galleryItem:hover {
    color: #000;
}

.galleryItem-p img, .galleryItem-p2 img, .galleryItem-p3 img {
    max-width: 100%;
    border: 0px;
    border-radius: 2px;
}

.galleryItem-pd img {
    max-width: 100%;
    border: 0;
    border-radius: 2px;
}

.formLabel {
    color: #316962 !important;
    font-family: 'Roboto Condensed', arial, helvetica, sans-serif;
    font-weight: 500;
    font-size: 1.1em !important;
}

.formColumn {
    width: 48% !important;
}

.formPhoneColumn {
    width: 29% !important;
}

.formPhoneExtColumn {
    width: 12% !important;
}

.formUserInput {
    width: 85% !important;
}

.formWideUserInput {
    width: 95% !important;
}

.formDivider {
    width: 97%;
    margin-bottom: 20px;
}

.formSectionHeader {
    margin-bottom: 5px;
}

.formSubmitButton {
    width: 150px;
}

.formSubmitWrapper {
    display: inline-block;
    float: right;
    margin-top: 5px;
    margin-bottom: 25px;
    margin-right: 1%;
}

.formRequiredFields {
    display: inline-block;
    float: left;
    padding-top: 5px;
}

.formRequired {
    color: #e00;
}

.formStateDropdown {
    width: 95%;
    height: 28px;
    margin-top: 4px;
}

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

.formReferralMoreInformationWrapper {
    display: block;
    clear: both;
    padding-top: 5px;
    margin-bottom: 25px !important;
}

.formReferralMoreInformationLabel {
    display: inline-block;
    float: left;
    width: 18%;
    margin-top: 5px;
}

.formReferralMoreInformationInput {
    width: 70% !important;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
}

.formOptionalCommentsLabel {
    margin-bottom: 7px;
}

.formOptionalCommentsInput {
    width: 86% !important;
    height: 70px !important;
    margin-bottom: 14px !important;
}

.formProjectQuestionLabel {
    width: 43%;
    text-align: right;
    padding-right: 6%;
}

.formProjectQuestionInput {
    width: 48%;
}

.formProjectQuestionSelect {
    height: 28px;
    width: 85%
}

.formProjectQuestionText {
    width: 80%;
}

.formCompanyColumn {
    width: 100% !important;
}

.formCompanyInput {
    width: 91% !important;
    margin-bottom: 8px !important;
}

.formProfessionInput {
    width: 86% !important;
    margin-bottom: 15px !important;
}

@media screen and (min-width: 320px) and (max-width: 969px) {

    .formDivider {
        margin-bottom: 10px;
    }

    .formColumn {
        width: 96% !important;
    }

    .formPhoneColumn {
        width: 57% !important;
    }

    .formPhoneExtColumn {
        width: 22% !important;
    }

    .formStateDropdown {
        width: 100% !important;
    }

    .formReferralRadio {
        display: block;
        float: none;
    }

    .formReferralMoreInformationLabel {
        display: block;
        width: 100% !important;
    }

    .formReferralMoreInformationInput {
        width: 92% !important;
    }

    .formRequiredFields {
        padding-top: 0;
    }

    .formSubmitWrapper {
        display: block;
        float: none;
        margin-bottom: 0px;
        margin-top: 15px;
        padding-bottom: 30px;

    }

    .formCompanyColumn {
        width: 96% !important;
    }

    .formCompanyInput {
        width: 85% !important;
    }

    .formRequiredFields {
        margin: 0 0 20px 0 !important;
    }

    .formSubmitButton {
        width: 99%;
    }

    .formProjectQuestionLabel {
        width: 100%;
        text-align: left;
        padding-bottom: .1em !important;
    }

    .formProjectQuestionInput {
        width: 100%;
        margin-bottom: 1em !important;
        padding-bottom: 0 !important;
    }

    .formProjectQuestionSelect {
        width: 92% !important;
    }

    .formProjectQuestionText {
        width: 92% !important;
    }

}