/*************************************************
**************************************************

Website Name: isabase-2columnleft
Website URL: isabase-2columnleft.isadex.com
Website Author: ISADEX Corporation
Author URL: ISADEX.com
Copyright 2015. All Rights Reserved.

Color Guide
***************
1466A6 - Dark Blue
247BB1 - Mid Blue 
ef303f - Red
333333 - Dark Gray
*************************************************/
/************************************************
*************************************************
0. Global Styles 
1. Header Styles 
2. Home Side Nav Styles 
3. Main Homepage Styles
4. Footer styles
5. Interior Page Styles
6. Mobile Styles
7. Product Styles
8. Additional Custom Styles
*************************************************
************************************************/
/*----------------------------------------------
------------------------------------------------
0. Global Styles
------------------------------------------------
----------------------------------------------*/
/* START OF STYLE SHEET */
@font-face {
    font-family: tahoma;
    src: local(tahoma), url('../fonts/tahoma.ttf') format('opentype');
}
/* body attributes */
body {
    background: url(../../../../../../../images/sitewide/background.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-family: roboto, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #333;
}
/* change button colors text and all instances of #ffd22e and #ffeba4 (lighter yellow needed for gradient effect */
.button {
    border: 0px solid #B0E33D;
    font-size: 0.9em;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    padding: 6px 30px 6px 30px;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
    color: #162953;
    background-color: #FFD22E;
    cursor: pointer;
}
/* reverse colors of button_small for rollover effect */
.button:hover {
    color: #FFD12E;
    background-color: #162953;
    cursor: pointer;
    margin-bottom: 0px;
}
.button_contact_box {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
.button_contact_box:hover {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
.button_blue {
    border: 0px solid #B0E33D;
    -webkit-box-shadow: #4A4A4A 1px 1px 1px;
    -moz-box-shadow: #4A4A4A 1px 1px 1px;
    box-shadow: #4A4A4A 1px 1px 1px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    font-size: 0.8em;
    padding: 6px 30px 6px 30px;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
    color: #FFF;
    background-color: #1466A6;
    cursor: pointer;
}
.button_blue:hover {
    background-color: #126293;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 5px 29px 5px 29px;
}
/* Changes colors for generic links */
a:link {
    text-decoration: none;
    color: #05639D;
}
a:visited {
    text-decoration: none;
    color: #05639D;
}
a:active {
    text-decoration: underline;
    color: #05639D;
}
a:hover {
    text-decoration: underline;
    color: #05639D;
}
hr {
    border-right: medium none;
    border-top: #CCCCCC 1px solid;
    border-left: medium none;
    border-bottom: medium none;
    height: 1px;
}
h1,
h2,
h3,
h4,
h5 {
    color: #000;
    /* changes color of  default and homepage headlines */
    font-family: roboto, tahoma, Arial, Helvetica, sans-serif;
    font-weight: 500;
    line-height: 100%;
}
h1 {
    font-size: 1.7em;
    padding-bottom: 15px;
}
h2 {
    font-size: 1.25em;
    padding: 15px 0;
}
h3 {
    font-size: 1em;
    padding: 5px 0;
}
.contact-us-btn {
    border: 1px solid #CCA108;
    font-size: 0.9em;
    border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    padding: 6px 22px;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #F1C75B;
    cursor: pointer;
}
.contact-us-btn:hover {
    color: #FFD12E;
    background-color: #162953;
    cursor: pointer;
    margin-bottom: 0px;
}
/*----------------------------------------------
------------------------------------------------
1. Header Styles
------------------------------------------------
----------------------------------------------*/
#header_wrapper {
    width: 100%;
    height: 185px;
    max-height: 173px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: relative;
    z-index: 200;
    background-color: #FFFFFF;
}
#header {
    width: 1100px;
    max-width: 100%;
    margin: 0 auto;
    height: 125px;
    max-height: 153px;
    position: relative;
    /*+border-radius: 0;*/
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
}
#header_bottom {
    height: 48px;
    width: 100%;
    background-color: #252C55;
    position: relative;
}
.social_header {
    position: absolute;
    left: 25px;
    top: 9px;
}
/*adjust margin and padding to position contact information*/
#info {
    color: #252C55;
    text-align: center;
    margin: 0px;
    position: absolute;
    /*important*/
    top: 22px;
    left: 0px;
    width: 409px;
}
#info h3 {
    color: #AA1E2C;
    font-weight: normal;
    font-size: 1.2em;
    padding-bottom: 10px;
}
#info img {
    width: 85px;
    float: left;
}
#info p {
    float: right;
    text-align: left;
    font-size: 0.95em;
    padding-top: 0px;
    line-height: 146%;
}
.call_button {
    display: none;
}
/*adjust margin and padding to position logo*/
#logo {
    position: absolute;
    left: 0;
    right: 0;
    width: 213px;
    margin: 0 auto;
    text-align: center;
    top: 16px;
    z-index: 502;
}
#logo img {
    vertical-align: middle;
    /*max-height: 165px;*/
    max-width: 140px;
    height: auto;
}
#logo_inside {
    position: absolute;
    left: 0;
    right: 0;
    width: 243px;
    margin: 0 auto;
    text-align: center;
    top: 6px;
    z-index: 502;
}
#logo_inside img {
    vertical-align: middle;
    /*max-height: 165px;*/
    max-width: 156px;
    height: auto;
}
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
/*adjust margin and padding to position logo*/
#slogan {
    float: left;
    font-size: 1em;
    font-weight: 500;
    color: #252C55;
    text-align: center;
    position: absolute;
    bottom: 26px;
    right: 153px;
}
#slogan img {
    width: 75%;
}
#slogan p {
    padding-top: 4px;
    line-height: 146%;
}
/*Site Search*/
#searchwrapper_rental {
    width: 148px;
    /*follow your image's size*/
    height: 29px;
    /*follow your image's size*/
    background-image: url(../../images/sitewide/search.png);
    background-repeat: no-repeat;
    /*important*/
    margin: 0px;
    position: relative;
    /*important*/
    top: 0px;
    margin: auto;
}
#searchwrapper {
    width: 148px;
    /*follow your image's size*/
    height: 100%;
    /*follow your image's size*/
    background-image: url(../../images/sitewide/search.png);
    background-repeat: no-repeat;
    /*important*/
    margin: 0px;
    position: absolute;
    /*important*/
    top: 18px;
    right: 14px;
}
#searchwrapper form {
    display: inline;
}
.searchbox {
    border: 1px;
    /*important*/
    background-color: transparent;
    /*important*/
    position: absolute;
    /*important*/
    top: 0px;
    right: 30px;
    width: 112px;
    height: 18px;
}
.searchbox_submit {
    border: 0px;
    /*important*/
    background-color: transparent;
    /*important*/
    position: absolute;
    /*important*/
    top: 2px;
    right: 8px;
    width: 19px;
    height: 18px;
}
/*----------------------------------------------
------------------------------------------------
2. Home Page Content
------------------------------------------------
----------------------------------------------*/
#banner {
}
#desktop_nav {
}
.section_container {
    width: 100%;
    float: left;
}
.section_content {
    width: 96%;
    padding: 2% 2% 0% 2%;
    float: left;
    /*add border-top in addition to this margin for top border*/
    /*make margin-left if no border is necessary*/
    /*make margin-bottom if no border is necessary*/
}
.wrapper {
    margin: 0 auto;
    width: 1600px;
    max-width: 96%;
    padding: 19px 2%;
}
#section_1 {
    background: url(../../../images/home/bg_sec_1.jpg) 0px 0px / cover no-repeat;
}
#section_1 h1 {
    text-align: center;
    text-transform: uppercase;
    color: #252C55;
}
#service_photos {
    width: 100%;
    float: left;
    line-height: 125%;
    margin-top: 13px;
    margin-bottom: 59px;
}
#service_photos li {
    display: inline-block;
    width: 16.5%;
    margin: 0 3% 0 0;
    vertical-align: middle;
    transition: all 0.2s ease-in-out;
}
#service_photos li:hover {
    transform: scale(1.1);
}
#service_photos a {
    color: black;
}
.tile {
    position: relative;
    overflow: hidden;
    max-width: 255px;
    margin: 0 auto;
    transition: all 0.3s ease;
}
.tile img {
    max-width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
}
.tile_overlay {
    background-color: rgba(37, 44, 85, 0.85);
    color: white;
    position: absolute;
    top: 80%;
    bottom: -63px;
    left: 0;
    right: 0;
    z-index: 3;
}
.tile_overlay p {
    line-height: 127%;
    text-align: center;
    margin-top: 3%;
    padding: 0 2%;
    font-size: 0.9em;
}
.tile_overlay button {
    color: white;
    padding: 3%;
    z-index: 5;
    margin: 6% auto 0;
    /*left: 0;*/
    right: 0;
    display: block;
    font-size: 1em;
    font-weight: bold;
    border: 0;
    background-color: #A6E25F;
    border-radius: 8px;
}
.tile_overlay button:hover {
    background-color: #FFA024;
    cursor: pointer;
}
.tile_overlay h2 {
    color: white;
    font-weight: 500;
    font-size: 1.2em;
    text-align: center;
    text-transform: uppercase;
    margin-left: 0%;
}
#tile_overlay_h2_1 {
    padding-top: 26px;
}
#tile_overlay_1:hover h2 {
    padding-top: 30%;
}
#tile_overlay_h2_2 {
    padding-top: 26px;
}
#tile_overlay_2:hover {
    padding-top: 14%;
}
.tile:hover > div {
    top: 0;
    bottom: 0;
}
.tile:hover > div h2 {
    padding-top: 30%;
}
#service_photos .tile_overlay a {
    color: white;
}
#service_photos .tile_overlay a:hover {
    text-decoration: none;
}
#rightcolumn,
#leftcolumn {
    background: #FFFFFF;
    width: 29%;
    float: left;
    padding: 2%;
    /*add border-top in addition to this margin for top border*/
    /*remove entirely if no border is necessary*/
}
#rightcolumn h1,
#leftcolumn h1 {
    width: 95%;
    padding: 10px 0;
    padding-left: 5%;
    color: #000;
    text-align: center;
}
#section_2 {
    background: url(../../../images/home/bg_sec_2_1.jpg);
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#section_2_content h1 {
    color: white;
    background-color: #982727;
    width: 539px;
    max-width: 100%;
    text-align: center;
    padding: 1% 0%;
    text-transform: uppercase;
    font-weight: lighter;
    position: relative;
    bottom: 70px;
}
#section_2_content h1 a {
    color: white;
}
#section_2_interior_container {
    width: 100%;
    max-width: 671px;
    float: right;
    background-color: #FFFFFF;
    padding: 2%;
    margin-bottom: 37px;
    position: relative;
    bottom: 28px;
}
#section_2_interior_box {
    width: 95%;
    padding: 2%;
    border: 1px solid #000000;
    position: relative;
}
#section_2_interior_box h2 {
    text-align: center;
    position: relative;
    bottom: 38px;
    background-color: #FFFFFF;
    width: 55%;
    margin: auto;
}
#section_2_interior_box p {
    position: relative;
    padding-left: 12px;
    bottom: 26px;
    line-height: 157%;
}
#section_2_interior_box img {
    width: 49%;
    height: auto;
    position: absolute;
    bottom: 27px;
    right: 25px;
}
#section_2_interior_box ul {
    list-style-position: inside;
    list-style-type: none;
    margin-left: 7%;
    position: relative;
    bottom: 17px;
}
#section_2_interior_box li {
    line-height: 145%;
}
#section_3 {
    background: repeating-linear-gradient(45deg, #FCFCFC, #FCFCFC 20px, #F6F8F8 20px, #F6F8F8 26px);
    padding-bottom: 50px;
}
#section_3_rental_place {
    color: #AA1E2C;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 1.5em;
    line-height: 119%;
}
#section_3 ul {
    list-style-position: inside;
    list-style-type: none;
    margin-left: 4%;
    margin-top: 5px;
}
#section_3 li {
    line-height: 145%;
}
#section_3 p {
    line-height: 133%;
}
#section_3 img {
    width: 51%;
    height: auto;
    float: right;
}
#section_3_tips {
    color: #242C55;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 1.5em;
}
#section_3_tips a {
    color: #AA1E2C;
}
#section_3 .module_holder:last-of-type {
    border-left: 1px solid #CFCFCF;
    width: 41.2%;
}
#section_4 {
    background: url(../../../images/home/bg_sec_4_1.jpg);
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}
#section_4_content h1 {
    color: white;
}
#section_4_content h1 a {
    color: white;
    background-color: #982727;
    width: 100%;
    max-width: 669px;
    text-align: center;
    padding: 1% 0%;
    text-transform: uppercase;
    font-weight: lighter;
    position: relative;
    bottom: 70px;
    float: right;
}
#section_4_interior_container {
    width: 100%;
    max-width: 742px;
    float: left;
    background-color: #FFFFFF;
    padding: 2%;
    margin-bottom: 37px;
    position: relative;
    bottom: 15px;
}
#section_4_interior_box {
    width: 95%;
    padding: 2%;
    border: 1px solid #000000;
    position: relative;
}
#section_4_interior_box h2 {
    text-align: center;
    position: relative;
    bottom: 41px;
    background-color: #FFFFFF;
    color: #AA1E2C;
    width: 81%;
    margin: auto;
    text-transform: uppercase;
}
#section_4_interior_box h2 a {
    color: #AA1E2C;
}
#section_4_interior_box p {
    position: relative;
    left: 310px;
    padding-left: 12px;
    bottom: 27px;
    width: 47%;
    line-height: 140%;
}
#section_4_interior_box img {
    width: 39%;
    height: auto;
    position: absolute;
    bottom: 31px;
    left: 25px;
}
#section_4_interior_box ul {
    list-style-type: none;
    margin-left: 48%;
    position: relative;
    bottom: 21px;
}
#section_4_interior_box li {
    line-height: 163%;
}
#section_5 {
    background: repeating-linear-gradient(45deg, #FCFCFC, #FCFCFC 20px, #F6F8F8 20px, #F6F8F8 26px);
    padding-bottom: 50px;
    position: relative;
}
#section_5_content h1 {
    color: white;
    background-color: #982727;
    width: 100%;
    max-width: 669px;
    text-align: center;
    padding: 1% 0%;
    text-transform: uppercase;
    font-weight: normal;
    position: relative;
    bottom: 70px;
    float: right;
}
#section_5_headline {
    list-style-position: inside;
    list-style-type: none;
    background-color: #982727;
}
#section_5_headline li {
    width: 44%;
    display: inline-block;
    color: #FFFFFF;
    font-size: 2em;
    padding: 1% 0% 1% 4%;
    font-weight: lighter;
}
#section_5_headline li:last-of-type {
    width: 42%;
    display: inline-block;
    color: #FFFFFF;
    font-size: 2em;
    padding: 1% 0% 1% 5%;
}
#section_5 .module_holder ul {
    list-style-position: inside;
    list-style-type: none;
}
#section_5 .module_holder li:nth-child(odd) {
    width: 55%;
    display: inline-block;
    line-height: 174%;
}
#section_5 .module_holder li:nth-child(even) {
    width: 44%;
    display: inline-block;
}
#section_5 .module_holder {
    margin-top: 46px;
}
#section_5 .module_holder:last-of-type {
    border-left: 1px solid #CFCFCF;
    width: 41.2%;
}
#section_5 img {
    width: 44%;
    height: auto;
    float: right;
}
#section_5_headline_services {
    display: none;
}
#section_5_headline_products {
    display: none;
}
#section_6 {
    background: url(../../../images/home/bg_sec_6.jpg) 0px 0px / cover no-repeat;
}
#section_6_interior_container {
    width: 95%;
    max-width: 1032px;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 2%;
    margin-bottom: 37px;
    position: relative;
    margin: auto;
    bottom: 15px;
}
#section_6_interior_container h2 {
    color: #FFD22E;
    text-transform: uppercase;
    font-size: 1.6em;
}
#section_6_interior_container p {
    color: white;
}
#mobile_banner {
    display: none;
}
#basic_content,
#home_mobile_content {
    width: 100%;
    float: left;
    line-height: 108%;
    min-height: 400px;
}
#basic_content img,
#home_mobile_content img {
    max-width: 100%;
}
#home_mobile_content {
    display: none;
}
#video {
    float: left;
    width: 100%;
    position: relative;
}
#video iframe {
    min-height: 250px;
}
#widgets {
    float: left;
    margin: 15px auto;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    width: 100%;
    position: relative;
}
#widgets h1 {
    font-family: roboto, tahoma, Arial, Helvetica, sans-serif;
    font-weight: normal;
    background: #FFF;
    position: absolute;
    top: -10px;
    left: 30px;
    padding: 0 15px;
}
#widgets h1 span {
    color: #B70101;
}
#social_feed {
    float: left;
    padding-top: 0px;
    margin-left: 5%;
    background: #EBF0F3;
}
#youtube_feed {
    float: left;
    margin-left: 5%;
    padding-top: 0px;
    background: #EBF0F3;
}
.tabs_holder {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 8px;
}
.tabs_header {
    background-color: #E9E9E9;
    padding: 0px;
    padding-left: 3px;
    margin: 3px 3px;
    margin-bottom: 2px;
    border-radius: 5px;
    border: 1px solid #DDDDDD;
}
.tabs_header h2 {
    background-color: #007FFF;
    padding: 9px 14px;
    margin-top: 4px;
    font-size: 1em;
    border-radius: 4px 4px 0 0;
    border: 1px solid #003EFF;
    font-family: arial, helvetica, sans-serif;
    color: white;
    display: inline-block;
}
#rightcolumn,
#leftcolumn {
    background: #FFFFFF;
    width: 29%;
    float: left;
    padding: 2%;
    /*add border-top in addition to this margin for top border*/
    /*remove entirely if no border is necessary*/
}
#rightcolumn h1,
#leftcolumn h1 {
    width: 95%;
    padding: 10px 0;
    padding-left: 5%;
    color: #000;
    text-align: center;
}
#bottom_content {
    float: left;
    background: #FFFFFF;
    width: 1020px;
    padding: 40px;
    /*make margin-bottom if no border is necessary*/
}
#resources_2 {
    float: left;
    margin: 10px auto;
    width: 100%;
    position: relative;
    padding: 2% 0;
}
#resources_2 h1 {
    font-family: roboto, tahoma, Arial, Helvetica, sans-serif;
    position: absolute;
    top: -15px;
    left: 0px;
    padding: 0 15px;
    color: #FFFFFF;
}
#resources_2 h1 span {
    color: #1384AE;
}
#resources_2 ul {
    margin: 0 auto;
    padding-left: 3%;
}
#resources_2 li {
    display: inline-block;
    width: 32.5%;
    margin: 1% 0;
}
#resources_2 a {
    color: black;
}
/* News and Testimonials Singular Display Styles */
#testimonials {
    margin-top: 25px;
    padding: 0 0;
    line-height: 125%;
    background-image: url(../../images/sitewide/quotes_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    position: relative;
    width: 100%;
    min-height: 111px;
    text-align: center;
}
#testimonials p {
    font-size: 0.80em;
}
#testimonials button {
    position: absolute;
    bottom: -33px;
    left: 0;
    right: 0;
    width: 39%;
    margin: 0 auto;
}
#testimonials span {
    font-size: 1.8em;
}
#testimonials h1 {
    background-image: url(../../images/sitewide/testimonials.png);
    background-repeat: no-repeat;
    background-position: left;
    padding: 25px 0;
    text-align: center;
}
#news,
#testimonials {
    min-height: 111px;
    width: 100%;
    text-align: center;
    float: left;
    margin-top: 25px;
}
#news button,
#testimonials button {
    margin-top: 15px;
}
/* News and Testimonials List Styles */
.module_holder {
    width: 42%;
    padding: 0 4%;
    float: left;
}
#news_list,
#testimonials_list {
    min-height: 111px;
    width: 100%;
    text-align: center;
    float: left;
    margin-top: 25px;
}
#news_list h1,
#testimonials_list h1 {
    width: 95%;
    border-bottom: 2px solid #659FD4;
    padding: 10px 0;
    padding-left: 5%;
    font-family: roboto, Arial, Helvetica, sans-serif;
}
#news_list button,
#testimonials_list button {
    margin-top: 15px;
}
.news_update {
    width: 100%;
    border-bottom: 2px solid #659FD4;
    float: left;
    padding: 23px 0;
}
.news_update img {
    display: block;
    float: left;
    width: 20%;
    margin-right: 5%;
}
.news_update p a {
    display: block;
    float: left;
    width: 75%;
    font-size: 0.85em;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 125%;
}
.testimonial_update {
    width: 100%;
    border-bottom: 2px solid #659FD4;
    float: left;
    padding: 9px 0;
    text-align: left;
}
.testimonial_update strong {
    display: block;
    font-size: 1em;
    padding: 12px 0;
    background-image: url(../../images/sitewide/testimonial_icon.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left: 40px;
    padding-bottom: 4px;
    color: #FFFFFF;
}
.testimonial_update em,
.news_update em {
    color: #928F8F;
    display: block;
    margin-left: 40px;
    font-size: 0.9em;
}
.testimonial_update p {
    display: block;
    font-size: 0.85em;
    color: white;
    line-height: 125%;
    margin: 7px 0;
    margin-left: 40px;
}
#communities,
#services {
    color: #000;
    text-align: left;
    position: relative;
    border: 2px solid #F2D2D2;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 15px 15px 50px 15px;
}
#communities h1,
#services h1 {
    font-family: roboto, Arial, Helvetica, sans-serif;
    font-weight: normal;
    padding: 10px 15px;
    margin-bottom: 0;
    text-align: center;
}
#communities h1 span,
#services h1 span {
    color: #B70101;
}
#communities table table,
#services table table {
    margin-left: 10px;
}
#services ul,
#communities ul {
    margin: 0 auto;
    padding: 0;
    display: block;
    /*+border-radius: 0;*/
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
    list-style: none;
    text-align: center;
    line-height: 152%;
    -moz-column-width: 8.5em;
    /* Firefox */
    -webkit-column-width: 8.5em;
    /* webkit, Safari, Chrome */
    column-width: 8.5em;
}
#services ul li,
#communities ul li {
    line-height: 100%;
    padding-top: 12px;
}
#services ul li a,
#communities ul li a {
    color: #659FD4;
}
#services ul li:first-child,
#communities ul li:first-child {
    margin-top: 0px;
}
a.side_link {
    position: absolute;
    bottom: 15px;
    right: 20px;
    color: #659FD4;
}
#wrapper {
    margin: 0 auto;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.692);
}
#interior_header #header_wrapper {
    position: static;
}
/*----------------------------------------------
------------------------------------------------
3. Contact
------------------------------------------------
----------------------------------------------*/
#contact_form {
    background-color: #659FD4;
    /*Color of the contact us box*/
}
#contact_form {
    padding: 9%;
    width: 80%;
    padding-bottom: 15px;
    padding-top: 20px;
    color: white;
    /*border: 2px solid #659FD4;*/
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    margin: 0 15px 51px;
    font-size: 0.9em;
    padding: 4%;
    width: 84%;
    text-align: left;
    float: left;
}
#contact_form p,
#contact_form_interior p {
    font-size: 0.67em;
    text-align: center;
    margin: 6px auto 0;
    float: left;
}
#contact_form a,
#contact_form_interior a {
    font-size: 0.67em;
    color: white;
    text-decoration: none;
}
#contact_form a {
    margin: 0 auto;
    display: block;
    text-align: right;
    margin-right: 31px;
    margin-top: 3px;
    margin-bottom: 19px;
}
#contact_form img {
    margin: 0 auto;
    text-align: center;
    display: block;
}
#contact_form h1 {
    text-align: center;
}
#contact_form input[type=text],
#contact_form textarea,
#contact_form input[type=password] {
    padding: 6px !important;
    width: 94%;
    border: 0px;
    border-bottom: 1px solid #FFF;
    font-size: 0.95em;
    line-height: 22px;
    color: #555;
    background-color: #FFFFFF;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
}
#contact_form input[type=text]:focus,
#contact_form textarea:focus,
#contact_form select:focus,
#contact_form input[type=radio]:focus {
    background-color: #F1F1F1;
    outline: 0;
    outline: thin dotted \9;
    border-color: rgba(238, 191, 41, 0.880);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);
    box-shadow: inset 0 1px 1px rgba(238, 191, 41, 0.075), 0 0 8px rgba(238, 191, 41, 0.6);
}
#contact_form select:focus {
    background-color: #FBFBFB;
    outline: 0;
    outline: thin dotted \9;
    border-color: rgba(238, 191, 41, 0.880);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);
    box-shadow: inset 0 1px 1px rgba(238, 191, 41, 0.075), 0 0 8px rgba(238, 191, 41, 0.6);
}
#contact_form input[type=submit]:focus {
    outline: thin dotted \9;
    border-color: rgba(238, 191, 41, 0.880);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);
    box-shadow: inset 0 1px 1px rgba(238, 191, 41, 0.075), 0 0 8px rgba(238, 191, 41, 0.6);
}
#contact_form select {
    padding: 10px !important;
    width: 94%;
    border: 0px !important;
    border: none !important;
    font-size: 0.95em;
    line-height: 22px;
    color: #555;
    background-color: #FFF;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16) !important;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16) !important;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16) !important;
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16) !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}
#contact_form ul {
    list-style: none;
}
#contact_form li {
    list-style: none;
    width: 42%;
    padding: 7px 3%;
    float: left;
    /*clear: left;*/
}
#contact_form li.full_width {
    width: 92%;
    padding: 7px 4%;
    float: left;
    /*clear: left;*/
}
#contact_form label.radio {
    font-weight: normal;
    display: inline-block;
    font-size: 0.95em;
}
#subscribe_container {
    margin: auto;
    width: 89%;
    max-width: 666px;
}
#subscribe_container .form_section {
    margin: 10px 0 10px 0%;
    padding: 2%;
    width: 98%;
    border-radius: 5px;
    background-color: #F1F1F1;
}
/*----------------------------------------------
------------------------------------------------
3. Home Contact
------------------------------------------------
----------------------------------------------*/
#home_contact_form {
    width: 100%;
    color: white;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    font-size: 1em;
    padding: 1% 0% 0%;
}
#home_contact_form a {
    margin: 0 auto;
    display: block;
    text-align: right;
    margin-right: 31px;
    margin-top: 3px;
    margin-bottom: 19px;
    font-size: 0.67em;
    color: white;
    text-decoration: none;
}
#home_contact_form img {
}
#home_contact_form li {
    display: inline-block;
    width: 30%;
    padding: 15px 2% 7px 0%;
    text-align: left;
    vertical-align: top;
}
#captchacode_container {
    width: 10%;
}
#home_contact_form li.full_width {
    width: 92%;
    padding: 7px 4%;
    float: left;
    /*clear: left;*/
}
#home_contact_form input[type=text],
#home_contact_form textarea,
#home_contact_form input[type=password] {
    padding: 6px !important;
    width: 100%;
    border: 0px;
    border-bottom: 1px solid #FFF;
    font-size: 0.95em;
    line-height: 22px;
    color: #555;
    background-color: #FFFFFF;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09) inset;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
}
#home_contact_form input[type=text]:focus,
#home_contact_form textarea:focus,
#home_contact_form select:focus,
#contact_form input[type=radio]:focus {
    background-color: #F1F1F1;
    outline: 0;
    outline: thin dotted \9;
    border-color: rgba(238, 191, 41, 0.880);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);
    box-shadow: inset 0 1px 1px rgba(238, 191, 41, 0.075), 0 0 8px rgba(238, 191, 41, 0.6);
}
#home_contact_form select:focus {
    background-color: #FBFBFB;
    outline: 0;
    outline: thin dotted \9;
    border-color: rgba(238, 191, 41, 0.880);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);
    box-shadow: inset 0 1px 1px rgba(238, 191, 41, 0.075), 0 0 8px rgba(238, 191, 41, 0.6);
}
#home_contact_form input[type=submit]:focus {
    outline: thin dotted \9;
    border-color: rgba(238, 191, 41, 0.880);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);
    box-shadow: inset 0 1px 1px rgba(238, 191, 41, 0.075), 0 0 8px rgba(238, 191, 41, 0.6);
}
#home_contact_form select {
    padding: 10px !important;
    width: 94%;
    border: 0px !important;
    border: none !important;
    font-size: 0.95em;
    line-height: 22px;
    color: #555;
    background-color: #FFF;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16) !important;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16) !important;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16) !important;
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16) !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}
/*----------------------------------------------
------------------------------------------------
4. Footer
------------------------------------------------
----------------------------------------------*/
#footer_wrapper {
    width: 100%;
    padding-bottom: 140px;
    overflow: hidden;
    background: #000000;
    position: relative;
}
#footer a:link {
    color: #FFF;
}
#footer a:visited {
    color: #FFF;
}
#footer a:active {
    color: #FFF;
    text-decoration: none;
}
#footer a:hover {
    color: #FFD22E;
    text-decoration: none;
}
/*color of footer link hover*/
#footer a:focus {
    color: #FFD22E;
    text-decoration: none;
}
/*color of footer link focus*/
#footer {
    padding: 27px 0;
    color: #FFF;
    text-align: left;
    width: 1100px;
    margin: 0 auto;
    clear: both;
    position: relative;
}
#footer_nav_wrapper {
    float: left;
    position: absolute;
    margin: auto;
    top: 46px;
    bottom: 45px;
    left: 0;
    z-index: 1;
}
#footer_nav_wrapper h1 {
    color: #FFFFFF;
    font-size: 2em;
    padding: 0;
}
#footer_nav_wrapper h2 {
    color: #FFFFFF;
    font-size: 1.3em;
    padding: 12px 0 25px;
    font-family: Shadows Into Light, Arial, Helvetica, sans-serif;
}
#footer_nav {
    color: #FFF;
    text-align: left;
    font-size: 0.8em;
    line-height: 130%;
    max-width: 470px;
    min-width: 410px;
    margin: 0 auto;
}
#footer ul li {
    display: inline;
}
#logo_footer {
    position: absolute;
    right: 54%;
    margin-top: 17px;
    color: #FFF;
    text-align: left;
    line-height: 130%;
    z-index: 2;
    font-size: 12px;
}
#logo_footer h3 {
    color: #FFF;
    margin-bottom: 6px;
    font-size: 1.6em;
}
#logo_footer img {
    vertical-align: middle;
    max-height: 110px;
    max-width: 205px;
}
#info_footer {
    margin-top: 19px;
    float: right;
    color: #FFF;
    text-align: left;
    font-size: 12px;
    margin-right: 46px;
    line-height: 130%;
    position: absolute;
    right: 30%;
    z-index: 2;
}
#info_footer2 {
    margin-top: 19px;
    float: right;
    color: #FFF;
    text-align: left;
    font-size: 12px;
    margin-right: 46px;
    line-height: 130%;
    position: absolute;
    right: 14%;
    z-index: 2;
}
#info_footer3 {
    margin-top: 19px;
    float: right;
    color: #FFF;
    text-align: left;
    font-size: 12px;
    margin-right: 46px;
    line-height: 130%;
    position: absolute;
    right: 0;
    z-index: 2;
}
#info_footer h3 {
    color: #FFF;
    margin-bottom: 4px;
    font-size: 1.6em;
}
#info_footer2 h3 {
    color: #FFF;
    margin-bottom: 4px;
    font-size: 1.6em;
}
#info_footer3 h3 {
    color: #FFF;
    margin-bottom: 4px;
    font-size: 1.6em;
}
#social_footer {
    position: absolute;
    right: 25px;
    bottom: 15px;
    z-index: 2;
}
#social_footer ul li {
    display: inline;
    width: 40px;
}
#social_footer ul li img {
    width: 25px;
}
.copyright {
    color: #A4A4A4;
    position: absolute;
    bottom: 16px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    font-size: 0.7em;
}
.copyright a {
    color: #A4A4A4;
}
.copyright a:hover {
    color: #F3D22E;
    text-decoration: none;
}
/*----------------------------------------------
------------------------------------------------
5. Interior Page Styles
------------------------------------------------
----------------------------------------------*/
#left_nav {
    display: none;
}
#vertical_nav h1 {
    background: #000 url(../../images/sitewide/diag_pattern.png);
    /*Changes color of the "Find Out More" section of interior page left nav */
    color: #FFF;
    text-align: left;
    font-size: 1.43em;
    padding-left: 25px;
    padding-top: 14px;
    line-height: 30px;
    margin-bottom: 2px;
}
#vertical_nav ul {
    text-align: center;
    font-size: 1em;
    font-family: Sansation_Regular, Arial, Helvetica, sans-serif;
    width: 100%;
    background: none;
}
#vertical_nav li {
    text-align: center;
    font-size: 1em;
    font-family: Sansation_Regular, Arial, Helvetica, sans-serif;
    padding: 18px 0;
    margin-left: auto;
    margin-right: auto;
    border-bottom: thin solid #9F9F9F;
    border-top: thin solid #C9C9C9;
    width: 90%;
}
#vertical_nav ul li {
    list-style-type: none;
    text-decoration: none;
}
#vertical_nav ul li a {
    text-decoration: none;
}
#vertical_nav li:last-child {
    border-bottom: none;
}
#vertical_nav li:first-child {
    border-top: none;
}
#vertical_nav li a {
    padding: 10px;
    color: #05639D;
    /*Changes color of left nav links */
    font-family: Sansation_Regular, Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    width: 260px;
}
#vertical_nav li a:hover {
    background: #05639D url(../../images/sitewide/diag_pattern.png);
    /*Changes color of the hover background of left nav links */
    color: white;
    width: 260px;
    text-decoration: none;
}
#contact_form_interior {
    padding-bottom: 20px;
    padding-top: 20px;
    width: 280px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 35px;
    color: white;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    background-color: #05639D;
    /*Changes color of interior contact box */
}
.contact_interior_h2 {
    margin-bottom: 15px;
    text-align: center;
    margin-top: 25px;
}
#copyright {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin-top: 20px;
    text-align: center;
    font-size: 0.9em;
    margin-left: auto;
    margin-right: auto;
}
#page_content h1 {
    color: #05639D;
    /*Changes color of interior page headlines */
    margin: 0;
    padding: 0;
    margin-bottom: 6px;
}
#page_content h2 {
    color: #000;
    margin: 0;
    padding: 0;
}
#page_main_content {
    margin-top: 30px;
    font-weight: initial;
    font-style: initial;
    font-size: initial;
}
#page_main_content p {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    line-height: 145%;
}
#page_main_content ul {
    list-style: initial;
    margin: initial;
    padding: 0 0 0 40px;
}
#page_main_content li {
    display: list-item;
}
/*AREA FOR ADVANCED CODING RULES */
#page_advanced_content {
    margin-top: 10px;
    font-weight: initial;
    font-style: initial;
    font-size: initial;
}
#page_advanced_content p {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    line-height: 145%;
}
#page_advanced_content ul {
    list-style: initial;
    margin: initial;
    padding: 0 0 0 40px;
}
#page_advanced_content li {
    display: list-item;
}
#page_advanced_content.search_content li {
    list-style: none;
}
.h3_link h3 {
    display: inline-block;
    font-size: 1.5em;
}
a.h3_link:hover {
    text-decoration: none;
    color: #05639D;
}
a.h3_link:hover h3 {
    color: #05639D;
}
.news_int > div {
    float: left;
    width: 100%;
    border-bottom: 1px solid #D0CDCD;
    padding-bottom: 13px;
    margin-top: 25px;
}
.news_int > div:first-of-type {
    margin-top: 0;
}
.news_int > div:last-of-type {
    border-bottom: none;
}
#page_advanced_content img.interior_news_photo {
    max-width: 30%;
    padding: 0 2% 2%;
    float: left;
}
#repair_contact {
    width: 100%;
    max-width: 500px;
    position: relative;
    margin: auto;
}
#garage_holder ul li {
    display: inline-block;
    width: 27%;
    padding-left: 4.5%;
    margin-top: 52px;
    margin-bottom: 36px;
    text-align: center;
}
#garage_holder ul li img {
    width: 100%;
    height: auto;
}
.garage_btn:hover {
    transform: scale(1.1);
}
#design_holder ul {
    margin-top: 29px;
}
#design_holder ul li {
    display: inline-block;
    width: 27%;
    padding-left: 4.5%;
    text-align: center;
}
#design_holder ul li img {
    width: 100%;
    height: auto;
}
#repair_holder ul {
    margin-top: 29px;
}
#repair_holder ul li {
    display: inline-block;
    width: 27%;
    padding-left: 4.5%;
    text-align: center;
}
#repair_holder ul li img {
    width: 100%;
    height: auto;
}
/*END FOR ADVANCED CODING RULES */
#contact_table input[type=text] {
    height: 15px;
    margin: 5px 4px;
    padding: 3px;
    border: solid 1px #CCCCCC;
}
#contact_table textarea {
    border: solid 1px #CCCCCC;
    margin: 5px 4px;
    padding: 3px;
}
#details {
    text-align: center;
}
.interior_news_photo {
    max-width: 30%;
    padding-bottom: 5%;
}
.int_testimonial {
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.int_testimonial:last-of-type {
    border: none;
}
.int_testimonial strong {
    font-size: 0.9em;
    margin-top: 10px;
    display: inline-block;
    margin-bottom: 2px;
}
.int_testimonial em {
    font-size: 0.9em;
}
#dl-menu,
#tablet_nav {
    display: none;
}
/*----------------------------------------------
------------------------------------------------
1. interior continued
------------------------------------------------
----------------------------------------------*/
#interior_content {
    padding: 0px 0 0 0;
    height: 100%;
    height: auto !important;
    min-height: 100%;
    overflow-y: hidden;
    position: relative;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    /*float: left;*/
    background-color: #FFFFFF;
}
#page_content {
    float: left;
    padding: 25px 40px 25px 40px;
    font-family: Arial, Helvetica, sans-serif;
    width: 92.5%;
    background-color: #FDFDFD;
    min-height: 700px;
}
.header_link {
    font-size: 0.7em;
}
#page_main_content,
#page_mobile_content {
    margin-top: 30px;
    font-weight: initial;
    font-style: initial;
    font-size: initial;
    line-height: 100%;
}
#page_main_content p,
#page_mobile_content p {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    line-height: 145%;
}
#page_main_content ul,
#page_mobile_content ul {
    list-style: initial;
    margin: initial;
    padding: 0 0 0 0px;
}
#page_main_content li,
#page_mobile_content li {
    display: list-item;
}
#page_main_content img,
#page_mobile_content img,
#page_advanced_content img {
    max-width: 100%;
}
#page_mobile_content {
    display: none;
}
#contact_table input[type=text] {
    height: 15px;
    margin: 5px 4px;
    padding: 3px;
    border: solid 1px #CCCCCC;
}
#contact_table textarea {
    border: solid 1px #CCCCCC;
    margin: 5px 4px;
    padding: 3px;
}
#details {
    text-align: center;
}
#details p {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    line-height: 145%;
    font-size: 1.3em;
}
#dl-menu,
#tablet_nav {
    display: none;
}
.mobile_contact_form label {
    font-size: 0.8em;
    font-weight: bold;
    float: left;
    margin-bottom: 5px;
    margin-top: 20px;
    width: 100%;
}
.mobile_contact_form input,
.mobile_contact_form textarea {
    width: 97%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    float: left;
}
.mobile_contact_form input {
    padding: 4px 0;
    padding-left: 3px;
}
.mobile_contact_form textarea {
    height: 100px;
    padding-left: 3px;
}
.mobile_contact_form input[type=submit] {
    width: 50%;
    margin-top: 23px;
    font-size: 1.5em;
}
#page_mobile_content p.case_statement {
    margin: 0 0;
    float: left;
    font-size: 0.9em;
}
#page_mobile_content h1.case_statement {
    width: 100%;
    margin-top: 8px;
    color: black;
    float: left;
    font-size: 1.1em;
    border-bottom: 1px solid #A9A9A9;
    padding-bottom: 4px;
    font-family: Arial, Helvetica, sans-serif;
}
#mobile_captcha {
    float: left;
    margin-top: 20px;
}
.mobile_contact_form input.captcha_field {
    width: 50%;
}
#mobile_contact_info {
    float: left;
    margin-top: 3px;
    margin-bottom: 10px;
    line-height: 115%;
    font-size: 0.9em;
    color: #505050;
    font-style: italic;
}
#mobile_contact_info h1 {
    font-weight: bold;
    font-size: 1.1em;
    color: black;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
}
.button_phone,
.button_solid {
    border: 0px solid;
    background-color: #05639D;
    /*Changes color of button*/
    -webkit-box-shadow: #1b5375 0px 3px 0px;
    /*Changes color of button shadow*/
    -moz-box-shadow: #1b5375 0px 3px 0px;
    /*Changes color of button shadow*/
    box-shadow: #1B5375 0px 3px 0px;
    /*Changes color of button shadow*/
    color: #FFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 1.1em;
    font-family: Sansation_Regular, arial, helvetica, sans-serif;
    padding: 8px 30px 6px 30px;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
    cursor: pointer;
    opacity: 0.85;
    filter: alpha(opacity=85);
}
/* faded rollover effect */
.button_phone:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
/* POPUP BOX */
.popup_position {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.761);
    width: 100%;
    min-height: 100%;
    z-index: 502;
}
#popup_wrapper {
    width: 500px;
    max-width: 100%;
    margin: 14.5vh auto;
    text-align: left;
    max-height: 100%;
}
#popup_container {
    background-color: rgba(255, 255, 255, 0.906);
    padding: 30px 35px 30px 20px;
    padding-left: 35px;
    border-radius: 4px;
    -moz-box-shadow: 1px 1px 1px #808080, 0px 0px 2px #808080;
    -webkit-box-shadow: 1px 1px 1px #808080, 0px 0px 2px #808080;
    box-shadow: 1px 1px 1px #808080, 0px 0px 2px #808080;
    height: 460px;
    position: relative;
}
#popup_container h1 {
    margin-bottom: 19px;
    color: #2F986E;
    /*display: none;*/
}
#popup_container p {
    margin-bottom: 0;
    margin-top: 20px;
    font-size: 1.3em;
    text-align: center;
}
#popup_container p span {
    font-weight: bold;
    margin-bottom: 8px;
    display: inline-block;
}
#popup_container img {
    min-width: 100%;
    max-width: 100%;
    min-height: 200px;
    max-height: 275px;
    margin: 0 auto;
    display: block;
}
.close_button {
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    z-index: 200;
    position: absolute;
    font-weight: bold;
    font-size: 1.4em;
    right: 26px;
    top: 22px;
}
.close_button:hover {
    opacity: 0.55;
    filter: alpha(opactiy=55);
    text-decoration: none;
}
#popup_container img.mobile_gallery {
    position: absolute;
    right: 51px;
    bottom: 141px;
    max-width: 22%;
}
/*hide divs in instant quote pop up window and give them absolute positioning */
/*----------------------------------------------
------------------------------------------------
6. Additional Custom Classes
------------------------------------------------
----------------------------------------------*/
/* text - black */
.pk8 {
    color: #000000;
    font-family: Arial, Helvetica;
    font-size: 8px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
.pk9 {
    color: #000000;
    font-family: Arial, Helvetica;
    font-size: 9px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
.pk10 {
    color: #000000;
    font-family: Arial, Helvetica;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
.pk10b {
    color: #000000;
    font-family: Arial, Helvetica;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
.pk10i {
    color: #000000;
    font-family: Arial, Helvetica;
    font-size: 10px;
    font-style: italic;
    font-weight: normal;
    text-decoration: none;
}
.pk11 {
    color: #000000;
    font-family: Arial, Helvetica;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
.pk11b {
    color: #000000;
    font-family: Arial, Helvetica;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
.pk11i {
    color: #000000;
    font-family: Arial, Helvetica;
    font-size: 11px;
    font-style: italic;
    font-weight: normal;
    text-decoration: none;
    line-height: 200%;
}
.pk12 {
    line-height: 160%;
    color: #000000;
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
.pk12j {
    color: #000000;
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-align: justify;
}
.pk12x {
    color: #000000;
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    line-height: 165%;
}
.pk12b {
    color: #000000;
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
.pk12i {
    color: #000000;
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    text-decoration: none;
}
.pk12bi {
    color: #000000;
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    text-decoration: none;
}
.pk13 {
    color: #000000;
    font-family: Arial, Helvetica;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
.pk13b {
    color: #000000;
    font-family: Arial, Helvetica;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
.pk13i {
    color: #000000;
    font-family: Arial, Helvetica;
    font-size: 13px;
    font-style: italic;
    font-weight: normal;
    text-decoration: none;
}
.pk14 {
    color: #000000;
    font-family: Arial, Helvetica;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
.pk14b {
    color: #000000;
    font-family: Arial, Helvetica;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
.pk14i {
    color: #000000;
    font-family: Arial, Helvetica;
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    text-decoration: none;
}
.pk15 {
    color: #000000;
    font-family: Arial, Helvetica;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
.pk15b {
    color: #000000;
    font-family: Arial, Helvetica;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
.pk15i {
    color: #000000;
    font-family: Arial, Helvetica;
    font-size: 15px;
    font-style: italic;
    font-weight: normal;
    text-decoration: none;
}
.pk15bi {
    color: #000000;
    font-family: Arial, Helvetica;
    font-size: 15px;
    font-style: italic;
    font-weight: bold;
    text-decoration: none;
}
.pk16 {
    color: #000000;
    font-family: Arial, Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
.pk16b {
    color: #000000;
    font-family: Arial, Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
.pk16i {
    color: #000000;
    font-family: Arial, Helvetica;
    font-size: 16px;
    font-style: italic;
    font-weight: normal;
    text-decoration: none;
}
.pk18 {
    color: #000000;
    font-family: Arial, Helvetica;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
.pk18b {
    color: #000000;
    font-family: Arial, Helvetica;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
.pk18i {
    color: #000000;
    font-family: Arial, Helvetica;
    font-size: 18px;
    font-style: italic;
    font-weight: normal;
    text-decoration: none;
}
.pk18bi {
    color: #000000;
    font-family: Arial, Helvetica;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    text-decoration: none;
}
.pk22b {
    color: #000000;
    font-family: Arial, Helvetica;
    font-size: 22px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
.pk24b {
    color: #000000;
    font-family: Arial, Helvetica;
    font-size: 24px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
.pk28b {
    color: #000000;
    font-family: Arial, Helvetica;
    font-size: 28px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
.pw10 {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
.pw10b {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
.pw10i {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 10px;
    font-style: italic;
    font-weight: normal;
    text-decoration: none;
}
.pw11 {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
.pw11b {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
.pw11i {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 11px;
    font-style: italic;
    font-weight: normal;
    text-decoration: none;
}
.pw12 {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
.pw12b {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
.pw12i {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    text-decoration: none;
}
.pw13 {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
.pw13b {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
.pw13b {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
.pw13bi {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 13px;
    font-style: italic;
    font-weight: bold;
    text-decoration: none;
}
.pw14 {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
.pw14b {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
.pw14i {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    text-decoration: none;
}
.pw15bi {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 15px;
    font-style: italic;
    font-weight: bold;
    text-decoration: none;
}
.pw16 {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
.pw16b {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
.pw16i {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 16px;
    font-style: italic;
    font-weight: normal;
    text-decoration: none;
}
.pw18 {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
.pw18b {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
.pw18i {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 18px;
    font-style: italic;
    font-weight: normal;
    text-decoration: none;
}
.pw18bi {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    text-decoration: none;
}
.pw22 {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 22px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
.pw22b {
    color: #FFFFFF;
    font-family: Arial, Helvetica;
    font-size: 22px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
/* end custom styles */
/* END OF STYLE SHEET */
