@import url("http://fonts.googleapis.com/css?family=Droid+Serif|Open+Sans|Lato|Yanone+Kaffeesatz|Volkhov:400italic|Open+Sans+Condensed:700|Old+Standard+TT:400italic");
@import url("../../../css/call-to-action.css");
/*   
Theme Name: Roofex
Theme URI: http://www.bonline.com
Description: HTML/5 Site Template
Author: Gavin Steele
Author URI: http://www.bonline.com
Version: 1
*/

/* ******************************
     Default Typography Style 
   ******************************/

.wrapbg h1 {font-size:30px;font-family:"Yanone Kaffeesatz","Open Sans Condensed",sans-serif;line-height:40px;padding:0 10px 0px 10px;margin-bottom:10px;border-bottom:2px solid #444c4c;text-transform: uppercase;color:#444c4c;
}

.wrapbg h2 {
   line-height:normal;font-size:24px;font-family:"Yanone Kaffeesatz","Open Sans Condensed",sans-serif;text-transform: uppercase;padding-bottom:10px;color:#444c4c;
}
body#contacts .wrapbg .contact-form li{padding-top:0;}
section.contact-form form#form-main ul.errorlist{padding-bottom: 10px;}
.wrapbg h3 {font-family:"Yanone Kaffeesatz","Open Sans Condensed",sans-serif;font-size:18px;line-height:14px;margin:0px 0 8px 0;color:#444c4c;}

.wrapbg h4{color:#444c4c;}

.wrapbg h5{color:#444c4c;}

.wrapbg h6 {color:#444c4c;}

.wrapbg a {color:#1A5384; text-decoration:underline;}
.wrapbg a:hover{color:#1A5384; text-decoration:none;}

.wrapbg ul {
    list-style-type: circle; 
    color: #403A3F;
    margin:0;
    padding:0 0 20px 0;
}
.wrapbg li{
    padding-top: 10px;
    line-height:22px;
}
.wrapbg ol {
    list-style-type: decimal;
    margin:0px;
    padding:0px;
        line-height:22px;

}
.wrapbg ol li {
    margin-left: 2em;
    margin-top: 4px;
    padding-left: 5px;
}
.wrapbg .info{
    min-height: 10px;
    min-width: 50px;
}
.wrapbg a.team-add{color:white;}
.wrapbg a.team-add.btn:hover{color:white;}
/* Ordered Lists*/
.wrapbg .text ol {
    list-style-type: decimal;
    margin:0px;
    padding:0px;
}
.wrapbg .text ol li {
    margin-left: 40px;
    margin-top: 4px;
    padding-left: 5px;
    padding-top:0;
    list-style-position:outside;
}
.wrapbg .text ul {
    list-style-type: disc;
    margin:0px;
    padding:0px;
}
.wrapbg .text ul li {
    margin-left: 40px;
    margin-top: 4px;
    padding-left: 5px;
    padding-top:0;
    list-style-position:outside;
}
.wrapbg ul.pagination{
    padding:0;
    margin:0;
    float:right;
}
.wrapbg ul.pagination li{
    padding:0;
    float:left;
    list-style:none;
}
.wrapbg ul.pagination li a {
    border-radius: 5px !important;
    display: block;
    font-size: 0;
    height: 0px;
    margin: 10px 10px 10px 0;
    width: 0px;
    background-color:#f8b21d;
    padding:5px;
}
.wrapbg ul.pagination li.activeSlide a,.wrapbg ul.pagination li a:hover{
    background-color:#444c4c;
}
.wrapbg table{
    font-size:12px;
    width:auto;
}
.wrapbg table th, .wrapbg table td{
    border:none;
    padding:0;
}
/* ******************************
     Template Layout Style 
   ******************************/
html, body, .wrap{ height:100%;}
body > .wrap {height: auto; min-height: 100%;}
body > .wrapbg {height: auto; min-height: 100%;}
body{background-color:#444c4c;background-image:default;}

.wrap{ 
    padding:0 0 0 0; 
    margin:0 auto;
}
.wrapbg {
    position:relative;
    margin:29px 0 0 0;
    border-top:6px solid #f8b21d;
    color:#444c4c;
    font-size:13px;
    font-family:'Lato', Arial, sans-serif;
    background:url("../images/body-bg.gif") repeat left top;
    float:left;
    width:100%;
    line-height:22px;
}
.wrapbg  p,.wrapbg table th, .wrapbg table td{
    font-family:'Lato', Arial, sans-serif;
    line-height:22px;
}
.wrapbg .main_header,.wrapbg #content{
    width:960px;
    clear:both;
    margin:0 auto;
}
.wrapbg #content{
    position: relative;
}
.wrapbg .content {padding-bottom: 40px;}
#home .wrapbg #content{
    padding-top:400px;
    position: relative;
}
.wrapbg .call-to-action-v{
    width:250px;
}
/* Header Style */
.wrapbg .business-details{
    border-bottom: 5px solid #818686;
    float: left;
    margin-bottom: 15px;
    padding-bottom: 10px;
    width: 960px;
    position: relative;
}
.top {padding:0; overflow:hidden; text-align:right; color:#fff;}
.top .time {float:left; color:#828282;}
.wrapbg .head {height: 317px;padding-bottom: 10px;position: relative;}

.wrapbg .head_logo {
    float: left;
    padding:0px 10px 0 10px;
    min-height:75px;
    position: relative;
}
.wrapbg .head_logo img{
    float:left;
    margin-top:5px;
}
.wrapbg .head_logo .head_phone{
    padding-top:30px;
    text-align: center;
}
.wrapbg .head-img{
    position: absolute;
    top: 0;
    left:0;
}
/* Positioned Overlays */
.head_logo .overlay-background.enabled {
    top: 5px;
    left: 10px;
    position: absolute;
    width: 160px;
    height: 100px;
    display: none;
}
.head_logo:hover .overlay-background.enabled {
    display: block;
}

.team-wrapper .overlay-background.enabled {
    height: 120px;
    width: 120px;
    display:none;
    position:absolute;
    left:0px;
    top:0px;
}
#sections .team-wrapper .overlay-background.enabled, #product-page .team-wrapper .overlay-background.enabled{left:10px;}

.team-wrapper:hover .overlay-background.enabled {
    display:block;
}

/************common*******************/
#services .wrapbg #contact-page-address, 
#about-us .wrapbg  #contact-page-address,
#news .wrapbg #contact-page-address,
#testimonials .wrapbg #contact-page-address,
#portfolio  #contact-page-address,
#blank .wrapbg #contact-page-address,
#sections .wrapbg #contact-page-address,
#product-page .wrapbg #contact-page-address,
#price-list .wrapbg #contact-page-address,
#blog .wrapbg #contact-page-address  {
    border: 1px solid #4F5D5D;
    border-radius: 0 0 10px 10px;
    height: auto;
    margin: 0;
    padding: 20px;
    width: 208px;
    background: url("../images/business-bg.png") repeat scroll left top transparent;
    clear:both;
    text-align:center;
    display:none;
}

#contacts .wrapbg #contact-page-address
{    

    border: 1px solid #4F5D5D;
    border-radius: 0 0 10px 10px;
    height: auto;
    margin: 0;
    padding: 20px;
    width: 208px;
    background: url("../images/business-bg.png") repeat scroll left top transparent;
    clear:both;
    text-align:center;


}

#contacts .wrapbg #contact-page-address{
     float:right;
}
#services .wrapbg #business-hours, 
#about-us .wrapbg  #business-hours,
#news .wrapbg #business-hours,
#testimonials .wrapbg #business-hours,
#portfolio  #business-hours,
#blank .wrapbg  #business-hours,
#sections .wrapbg #business-hours,
#product-page .wrapbg #business-hours,
#price-list .wrapbg #business-hours,
#blog .wrapbg #business-hours{
    border: 1px solid #4F5D5D;
    border-radius: 0 0 10px 10px;
    height: auto;
    margin: 0;
    padding: 20px;
    width: 208px;
    margin-top:20px;
    background: url("../images/business-bg.png") repeat scroll left top transparent;
    clear:both;
    text-align:center;
    display:none;
}

#contacts .wrapbg #business-hours{

    border: 1px solid #4F5D5D;
    border-radius: 0 0 10px 10px;
    height: auto;
    margin: 0;
    padding: 20px;
    width: 208px;
    margin-top:20px;
    background: url("../images/business-bg.png") repeat scroll left top transparent;
    clear:both;
    text-align:center;
}

#services .wrapbg #business-hours table,
#about-us .wrapbg  #business-hours table,
#news .wrapbg #business-hours table,
#testimonials .wrapbg #business-hours table,
#portfolio .wrapbg  #business-hours table, 
#contacts .wrapbg #business-hours table,
#blank .wrapbg  #business-hours table ,
#sections .wrapbg   #business-hours table,
#product-page .wrapbg #business-hours table,
#price-list .wrapbg  #business-hours table,
#blog .wrapbg  #business-hours table {
    margin:0 auto;
    margin-right:13px;
}
#contacts .wrapbg #business-hours{
    float:right;
}
#services .wrapbg#aside-summary, 
body#about-us .wrapbg #aside-summary, 
#news .wrapbg #aside-summary, 
#testimonials .wrapbg #aside-summary, 
#blank .wrapbg #aside-summary, 
#blank .wrapbg#aside-summary, 
#sections .wrapbg#aside-summary,
#product-page .wrapbg#aside-summary, 
#price-list .wrapbg#aside-summary,
#blog .wrapbg#aside-summary{
    width:250px;
    height:auto;
    border:none;
    background:none;
    border-radius:0;
    padding:0;
    margin:40px 0 0px 0;
}

/* Business Name and Motto */
.wrapbg .header-title { 
    clear:both;
    padding:0 5px;
}
.wrapbg .header-title .wrap-header {
    border: medium none;
    margin: 0;
    padding: 0;
    float:left;
    margin-top:11px;
}
.wrapbg #site-header-title {
    font-family: Volkhov,"Old Standard TT", serif;
    color:#444C4C;
    font-weight: bold;
    padding:0;
    font-size: 30px;
    line-height: 40px;
}
.wrapbg #site-header-motto{
    font-family:Volkhov,"Old Standard TT", serif;
    font-size:18px;
    color:#f8b21d;
    font-style:italic;
    margin-left:2px;
}
.wrapbg .header-title h3{ margin:0;float:right;line-height: normal;}
.wrapbg .header-title p { text-align: center; }
.wrapbg .upload-button {
    position: absolute;
    text-align: left;
}

/* Business Phone Number */

.wrapbg #business-phone-number {
    float: right;
    text-align:right;
    margin-bottom:13px;
    clear:right;
}

#phone-number{
    font-family: Volkhov,"Old Standard TT", serif;
    font-style:italic;
    color:#444C4C;
}
/* ******************************
     Carousel Style 
   ******************************/
 
.wrapbg #faded{position: relative;}
.wrapbg #carousel{
    overflow:hidden;
    min-height:374px;
}
.wrapbg .slides_container ,.wrapbg .carousel,.carousel img {
    height: 374px;
    margin: 0 auto;
    width: 960px;
 }
.wrapbg .next {
    position: absolute;
    bottom: 130px;
    right: 0;
    border: solid 1px white;
    display: none;
    width: 25px;
    height: 25px;
    z-index: 97;
    background: url(../images/sprite.gif) 0 0 no-repeat;
}
.wrapbg .prev {
    position: absolute;
    bottom: 130px;
    /*right: 0;*/
    left:0;
    border: solid 1px white;
    display: none;
    width: 25px;
    height: 25px;
    z-index: 97;
    background: url(../images/sprite.gif) right 0 no-repeat;
}

/* Positioned Overlays */
.carousel .overlay-background.enabled {
    top: 0px;
    left: 230px;
    position: absolute;
    width: 730px;
    height: 374px;
    display: none;
}

.carousel:hover .overlay-background.enabled {
    display: block;
}

/* Navigation Style */
.wrapbg .main-nav{
float:right;
    width: 778px;
}
.wrapbg .navigation-bonline {
    float: right;
    list-style-image: none;
    list-style-position: inside;
    padding: 0;
}
.wrapbg .navigation-bonline li {
    float: left;
    padding: 0 1px;
    text-align: center;
    list-style:none;
    position:relative;
}

.topbar div > ul a, .navigation-bonline a {
    display:block;
    padding: 11px 10px 0 10px;
    font-size:17px;
    color:#444c4c;
    line-height:36px;
    text-decoration:none;
    min-width:78px;
    min-height:47px;
    border-radius:0 0 5px 5px;
    text-transform: uppercase;
    font-family:"Yanone Kaffeesatz","Open Sans Condensed",sans-serif;
    min-width:30px;
    min-height:10px;
    
    font-weight:bold;
}
 /* FIX for bootstrap */
.navigation-bonline li .active, .navigation-bonline li a:hover {
    background-color:#f8b21d;
    color:#ffffff;
}
.navigation-bonline .last-item {background:none;}
nav ul > li:last-child { background: none; }

/**********Submenu***********/
.wrapbg .navigation-bonline > li > a.menu-arrow{
}
.wrapbg .navigation-bonline > li > a.menu-arrow:after {
    border: solid transparent;
    content: ' ';
    height: 0;
    right: 2px;
    position: absolute;
    width: 0;
    border-width: 4px;
    border-top-color:#444C4C;
    top: 28px;
}
.wrapbg .navigation-bonline > li > a.menu-arrow:hover:after,.wrapbg .navigation-bonline li a.menu-arrow.active:after {
    border-top-color:#ffffff;
}
.wrapbg .navigation-bonline li ul {
    display:none;
    position:absolute;   
    top:100%;
    left:0;
    min-height:10px;
    border:1px solid #B3B8B6 ;
    border-top:none;
    border-radius:0 0 5px 5px;
    min-width:100%;
    z-index:999;
    padding:0;
    background:url("../images/body-bg.gif") repeat scroll left top transparent;
}
.wrapbg .navigation-bonline li:hover ul {
    display:block;
}
.wrapbg .navigation-bonline li ul li {
    float:none;
    width:auto;
    text-align:left;
    padding:0;
}
.wrapbg .navigation-bonline li ul li a {
    color:#444C4C;
    font-size:16px;    
    float:none;
    width:auto;
    padding:5px;
    line-height:normal;
    border-radius:0;
    font-weight:normal;
    border-top:1px solid #B3B8B6 ;
    background:url("../images/business-bg.png") repeat scroll left top transparent;
    white-space: nowrap;
    padding-left:13px;
}
.wrapbg .navigation-bonline li ul li a span{
    display: inline;
}
.wrapbg .navigation-bonline li ul li a:hover {
    color:#ffffff;
    border-top:1px solid #F8B21D;
    background:none repeat scroll 0 0 #F8B21D;
}

/* ******************************
  Home Page - Aside
  *******************************/
.wrapbg #business-description{
    float:left;
    background:url("../images/business-bg.png") repeat left top;
    border:1px solid #b4b9b8;
    border-radius:5px;
    padding:0 20px;
    width:898px;
    height:auto;
    margin:0px 10px 0 10px;
    overflow: hidden;
}
#news-widget{
    float:left;
    width:400px;
    margin-right:20px;
    padding-top:20px;
    padding-right:10px;
    padding-bottom:10px;

}
.wrapbg #aside-summary {
    float:right;
}
.wrapbg a.read-more,.wrapbg #contact-page-address a.internal {
    display: block;
    text-align: right;
    font-size:17px;
    font-family:"Yanone Kaffeesatz","Open Sans Condensed",sans-serif;
    font-weight:bold;
    padding-right:21px;
    text-transform: uppercase;
    color:#444c4c;
    text-decoration:none;
    background:url("../images/mark03.png") no-repeat right 3px;
    float:right;
    height:22px;
    overflow:hidden;
    padding-bottom:5px;
    margin-top:-5px;
}
.wrapbg #contact-page-address{
     float:left;
     width:197px;
     margin-right:20px;
}
#home .wrapbg #contact-page-address {
    border-right: 1px solid #b4b9b8;
    float: left;
    padding-top:20px;
    width: 197px;
    padding-right:20px;
    min-height:240px;
    padding-left:20px;
        border-left: 1px solid #b4b9b8;

}
.wrapbg #business-hours{
    float:left;
     width:197px;
     min-height:150px;
     margin-left:20px;
}
#home .wrapbg #business-hours{
    padding:20px 0;
    margin-left:0;
}
.wrapbg #edit-business-hours, .wrapbg #edit-address{float:left}
.wrapbg #business-hours  h3{ padding-bottom: 6px;}
/* ******************************
  Home Page - Testimonial Summary 
   ******************************/
.wrapbg  .testimonials-feedback .testimonials-testimonial {
    padding-bottom: 5px;
 }
.wrapbg #testimonial-widget{
    height: 289px;
    left: 0;
    padding: 25px 20px 60px;
    position: absolute;
    top: 0;
    width: 190px;
    z-index: 999;
    color:#fff;
    background:url("../images/business-bg01.png") repeat left top;
}
.wrapbg #testimonial-widget article,.wrapbg #testimonial-widget article p{
    font-family:Volkhov,"Old Standard TT", serif;
    font-size:22px;
    line-height:42px;
    max-height: 289px;
    overflow: hidden;
    font-style:italic;
}
.wrapbg #testimonial-widget article p{
    height:220px;
}
.wrapbg #testimonial-widget .read-more{
    display: block;
    text-align: right;
    font-family:"Yanone Kaffeesatz","Open Sans Condensed",sans-serif;
    font-weight:bold;
    padding-right:27px;
    text-transform: uppercase;
    color:#ffffff;
    text-decoration:none;
    background:url("../images/mark01.png") no-repeat right 1px;
    float:right;
    height:25px;
    overflow:hidden;
    position: absolute;
    right: 20px;
    bottom:20px;
}
.wrapbg #testimonial-widget h2{
    color:#ffffff;
    display: none;
}
.wrapbg .testimonial-summary-content cite{
    display: block;
    font-size: 18px;
    /*font-style: italic;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-style:italic;
}
.wrapbg #site_home_whatsnew_head{width: 315px;}
.wrapbg .business-description-body{
    float: left;
}
.wrapbg .edit_area_btn{
    margin-right:20px;
    margin-bottom:50px;
    display: block;
    width: 164px;
    height: 118px;
    float: right;
}
.wrapbg section#content article{
word-wrap: break-word;
}
.wrapbg section#content article#business-description-content {
    line-height:22px;
    font-family:'Lato', Arial, sans-serif;
    padding-left:10px;
    width:590px;
    padding-right:100px;
}
.wrapbg section#content article#business-description-content p {
    line-height:22px;
}
.wrapbg section#content article#business-description-content span {
    background:none !important;
    
}
.wrapbg div#submit-a-testimonial{
    text-align: left;
    line-height: 30px;
    padding-left: 30px;
    background: url(../images/marker-1.gif) 0 7px no-repeat;
    float:left;
}
.wrapbg div#submit-a-testimonial a{
    color:black;
}
.wrapbg .quote {width:11px; float:left;}
.wrapbg .quote img {width:11px; height: 11px;}
.wrapbg .testimonial-date {
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0 0;
}
.wrapbg .testimonial-excerpt {padding-left: 10px;}

.wrapbg .more-link, .wrapbg .contact-button {font-weight: 600;}
/* ******************************
 Home Page - News Widget
 ********************************/

.wrapbg #news-widget article h3 {
   
}
.wrapbg #news-widget article span {
    display: block;
    font-family: "Yanone Kaffeesatz","Open Sans Condensed",sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 5px;
}
.wrapbg #news-widget article p ,.wrapbg #contact-page-address p,.wrapbg #business-hours table td{
    font-family:Volkhov,"Old Standard TT", serif;
    font-size:12px;
    line-height:20px;
    font-style:italic;
    color:#444C4C;
}
.wrapbg #business-hours table td{
    padding:0 4px 0 0;
    text-align:left;
}

.wrapbg .business-content{
    width:710px;
    float:left;
    margin-bottom:10px;
}
.wrapbg #news-widget article{
    margin-bottom: 10px;
    margin-top: 5px;
}
.wrapbg .popup-content{
    margin-bottom:11px;
}
/* ******************************
 Home Page - Main Content / business description
   ******************************/
body#home .wrapbg .business-deal{
    float:right;
    margin-top:40px;
    margin-bottom:10px;
}
/* ******************************
     Home Page -  Featured Projects Summary
   ******************************/
.wrapbg .featured-projects-summary .project> .portfolio-more{
    display:block;
    text-align:right;
    padding-right:27px;
    background:url("../images/mark02.png") no-repeat right 5px;
    font-family:"Yanone Kaffeesatz","Open Sans Condensed",sans-serif;
    font-weight:bold;
    font-size:22px;
    color:#444c4c;
    text-decoration:none;
}
.wrapbg .featured-projects-summary .project p {
   text-align:left;
}
.wrapbg .featured-projects-summary .project span.upload{
   
}         
.wrapbg .project p { clear: both; padding-top:6px; margin-top:5px; min-height: 20px; text-align: center;display:none;}
.wrapbg .featured-projects-summary .project img {min-width:222px;min-height:149px;width: 222px; height: 149px; display:block;margin:0 5px;}
.wrapbg .featured-projects-summary {
    clear:both;
    border:1px solid #d9dad9;
    border-radius:5px;
    padding:10px 5px;
    margin:0px 10px 30px 10px;
    display:block;
    background:url("../images/project-bg.png") repeat left top;
    width:928px;
    position:relative;
}
.wrapbg .featured-projects-summary .project {
    float:left;
}
.wrapbg .featured-projects-summary h2 {
    margin-right: 5px;
    min-height: 25px;
    padding: 0 28px 10px 6px;
}

/* Positioned Overlays */
.project {
    position: relative;
}
.project .overlay-background.enabled {
    top: 0px;
    left: 4px;
    position: absolute;
    width: 223px;
    height: 149px;
    display: none;
}
.project:hover .overlay-background.enabled {
    display: block;
}

/* ******************************
   About-Us Page
   ******************************/
.team-summary{
    float: left;
    min-height: 210px;
    width: 710px;
}
.our-team-aside{
    margin-right:10px;
}
#about-us .wrapbg #team-summary-content,.wrapbg .our-team-content{
    float: left;
    font-family: 'Lato', Arial, sans-serif;
    width: 688px;
}
#sections .wrapbg .our-team-content, #product-page .wrapbg .our-team-content{width:666px;}
#about-us .wrapbg .team-wrapper{
    clear:both;
}
.wrapbg .single-our-team{
    clear: both;
    margin-bottom: 10px;
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom:5px;
}
#sections .wrapbg .single-our-team, #product-page .wrapbg .single-our-team{margin-top:10px;padding-left:10px;}
.wrapbg .team-wrapper> .our-team-content{
    float:none;
    padding:0;
}
.wrapbg .team-wrapper> .our-team-content h2{
    font-weight:normal;
    padding:0;
    margin-bottom:5px;
    line-height:normal;
}
#sections .wrapbg .team-wrapper> .our-team-content h2{width:546x;}
#product-page .wrapbg .team-wrapper> .our-team-content h2{width:546x;}
.wrapbg .our-team-wrapper{
    width:auto;
}

.wrapbg section#content article#business-description-content p img.inline-image{clear:none;}
.wrapbg .our-team-content span.text{
    float: none;
    width: auto;
    display:block;
}
.wrapbg .our-team-content span.text p{
    clear:none;
}
#about-us .wrapbg #content{
    padding-bottom:30px;

}
#sections div.our-team-content span.section-item-meta, #product-page div.our-team-content span.section-item-meta{
position:absolute;
width:80px;
right:26px;
top:5px;
text-align:right;

}
#about-us .wrapbg .team-summary> h2{
    padding:0;
}
.wrapbg #team-summary-title{
    font-family: "Yanone Kaffeesatz","Open Sans Condensed",sans-serif;
    line-height: 40px;
    font-size:30px;
}
.wrapbg .team-summary h1 {padding-left:0px;}

#sections .wrapbg #team-summary-title, #product-page .wrapbg #team-summary-title{margin-bottom:0;}
.wrapbg #our-team-title{
   margin-top:5px;
   clear:both;
}
.wrapbg #team-summary-content p{padding-right: 10px;}

.wrapbg #team-summary-content ol li{padding: 0 10px 8px 0;}

.wrapbg #site_about_us_wedocontent, body#about-us .wrapbg section.about-business article{
    float: left;
} 
.wrapbg .about-wrapper {
    float: left;
    width: 484px;
}
.wrapbg #about-business-wrapper { 
    width: 100%; 
    padding-right: 2px;
}

#about-us .wrapbg #our-team-content .our-team-aside{
    margin-right:5px;
    
}
#about-us .wrapbg #our-team-content .our-team-content h2{
    padding-bottom:5px;
}
.wrapbg #our-team-content{
    margin-bottom:20px;
}
/* ******************************
        News Page
   ******************************/
 .wrapbg .private {display:hidden;}
 .wrapbg .news-feed{
     width:755px;
     float:left;
 }
.wrapbg .news-article {
    clear: both;
    margin: 0 0 10px;
    padding-bottom:5px;
    border-bottom: 1px solid #CCCCCC;
    float:left;
    width:100%;
}
.wrapbg .news-article h3{
    clear: both;
    font-size: 18px;
    font-weight: bold;
    padding: 0;
    text-align: left;
    margin:0;
    line-height:22px;
}
.wrapbg .news-article .news-date {
    font-size: 13px;
    margin: 5px 0 0;
}
.wrapbg .news-article p {margin:0px 0 0 0px;}

#news .wrapbg .news{
    float: left;
    min-height: 210px;
    width: 710px;
}
#news .wrapbg .singleimage-summary.news{
    float:none;
    width:auto;
}

.wrapbg #feed{
    padding-left:10px;
    float:left;
    width:678px;
}

/* ******************************
        services Page
   ******************************/
#services .services{
    float: left;
    min-height: 210px;
    width: 710px;
}
#services  .services #services-description{
    font-family: 'Lato', Arial, sans-serif;
    line-height: 22px;
    padding-left:10px;
    width:590px;
    padding-right:95px;
}
#services .services #services-description p{
    line-height: 22px;
}
#services  .wrapbg #service-content{
    width:580px;
    margin-left:10px;
    clear:both;
}
#services  .wrapbg #content> .services header{
    padding:0 0px;
}

.wrapbg #aside-image{
    margin: 0px;
}
.wrapbg #ome #aside-image .project{
    width:190px;
}
/**/
#services .wrapbg  #service-content ul{
    padding:0 0px 20px;
    float:left;
    width:290px;
}
#services .wrapbg #service-content ul li{
    margin-right:30px;
}
.wrapbg .service-table-row{
    float:left;
    clear:none;
}
#services .wrapbg #service-content ul li{
    font-size:13px;
}
#services .wrapbg #service-content ul li h2{
    font-size:16px;
    padding-bottom:0px;
}
/**/


.wrapbg .service-table-header{
    margin:10px 0 0 0;
}
.wrapbg .service-table-buttons-right .service-table-add-header{
    margin:0;
}
.wrapbg .service-table-buttons-hint #drag-photo-help {
    margin: 0 10px 0 0;
}
/* ******************************
        Testimonial Page
   ******************************/ 
.wrapbg #aside-image section.testimonials{
}
#testimonials .wrapbg #wrap-testimonials{
    float: left;
    min-height: 210px;
    width: 710px;
}
#testimonials .wrapbg #wrap-testimonials header{
    
}
.wrapbg #testimonials-add a #news-add a{
    background-color:#8B2617;
    padding: 4px;
    border: 2px solid black;
    top: -56px;
    left:640px;
    position:relative;
}
.wrapbg #news-add a {
    background-color:#8B2617;
    padding: 4px;
    border: 2px solid black;
    left: 680px;
}
.wrapbg .testimonial-content{ 
    clear: both;
    float: left;
    width: 100%;
}
.wrapbg .testimonial-content:last-child{border:none;}
.wrapbg .testifier-name {width: 150px; float:left;}
.wrapbg .testifier-name cite {margin:0; padding-right:20px;}
.wrapbg .testifier-image {background: url(../images/quote.png) no-repeat; float:left; width: 20px; height: 11px;}
.wrapbg .testifier-text {float:right; width: 495px;}
.wrapbg #testimonials-add a {
    background-color:#8B2617;
    padding: 4px;
    border: 2px solid black;
    top: -56px;
    left:640px;
    position:relative;
}
.wrapbg .testimonial-name {
    clear: both;
    font-size: 18px;
    font-weight: bold;
    padding: 0;
    text-align: left;
    font-family:"Yanone Kaffeesatz","Open Sans Condensed";
}


.wrapbg .testimonial-content p{
    
}
.wrapbg #feedback{
padding-left:10px;
float:left;
width:678px;
}
.wrapbg #feedback .testimonials{
    clear: both;
    float: left;
    margin: 0 0 10px;
    padding-bottom:10px;
    border-bottom: 1px solid #CCCCCC;
    width:100%;
}
.wrapbg .wrap-test-cont{
    
}
/* Testimonial business deal */

/* ******************************
        Projects Page
   ******************************/
 
#portfolio .wrapbg .project-details{
    float: left;
    margin: 0 10px 0 0;
    width: 220px;
}

#portfolio .wrapbg .project-details> div{

}
.wrapbg .project-details p, .wrapbg .project-details div.edit_area {line-height: normal;}
.wrapbg .project-images {margin-bottom:10px;float:right;width:705px;}
.wrapbg .project-images img,.wrapbg .project-images .img-border {
    margin-left: 10px;
    width:220px;
    min-width:50px;
    min-height:50px;
    box-shadow:none;
    line-height:normal;
}
.wrapbg .project-images .img-border {
    line-height:25px;
    padding:61px 0;
}
.our-team-aside img{min-width:120px;}
.wrapbg .project-images img{
    border:1px solid #A9A9A9;
    height:172px;
}
.wrapbg span.rollover-eff3{
    width:222px;
    height:174px;
    line-height:172px;
    left:11px;
    bottom:6px;
}
.wrapbg .projects-section {position:relative;}
.wrapbg .project-single { 
    clear: both;
    float:left;
    width:940px;
    margin:0 10px 20px 10px;
    position:relative;
}
.wrapbg #projects-page-details { margin-bottom: 30px;}
.wrapbg #projects-page-details #projects-portfolio-content {
    font-family: 'Lato', Arial, sans-serif;
    line-height: 22px;
    padding: 0 10px 0 10px;
}
.wrapbg .projects-page{
    margin: 0px 0px 0px;
    word-wrap: break-word;
}
.wrapbg .image-count{
    float: left;
    clear:left;
    text-decoration:underline;
}
.wrapbg .project-details div .text{
    padding-top:10px;
}
.wrapbg #projects-page-details div .text{
    padding:5px 0 0px 0;
}
 /* ******************************
        Contacts Page
   ******************************/

.wrapbg .contact-details{ 
    display: block;
}

body#contact #page-deal { position: absolute; right: 40px;}

/* GMap*/
.wrapbg  #map {
    height: 200px;
    width: 248px;
} 
   /* ******************************
           Contact -  Form 
   ******************************/

.wrapbg a.btn:hover {
color: #333;
}
.wrapbg .contact-page-address{
    margin:0;
    width:395px;
    height:auto;
    border-radius:10px;
    padding:20px;
    border:1px solid #4F5D5D;
}
#contacts .wrapbg .contact-page-address{
    margin:40px 0 0 0;
    width:395px;
    height:auto;
    border-radius:10px;
    padding:0px;
    border:0px solid #4F5D5D;
    float:right;
    width:auto;
}
.wrapbg .contact-form{
    float: left;
    min-height: 210px;
    padding: 0;
    width: 710px;
}
.wrapbg #form-main{
    float: left;
    margin-left: 10px;
}
.wrapbg .contact-title{
    width:680px;
}
.wrapbg .contact-form #contact-call{
    font-family: 'Lato', Arial, sans-serif;
    padding-left:10px;
    width:590px;    
    float:left;

}
.wrapbg .contact-form .buttons{
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: left;
}
.wrapbg #location-map{
    border: 1px solid #444C4C;
    margin-bottom: 20px;
}
.wrapbg .contact-form .buttons button{
    display: inline-block;
    background-color: transparent;
}
.wrapbg .contact-form .buttons button:hover{
text-decoration: underline;
}
.wrapbg .contact-form-details{
    width: 450px;
    float:left;
}
.wrapbg .contact-form-details label{
    text-align: left;
}
.wrapbg .contact-form-message{
    width: 270px;
    float:left;
}
.wrapbg .contact-form-message input[type="radio"]{
    width: 50px;
}

.wrapbg .contact-form-message .contact-form-label{
    height: 50px;
}
.wrapbg .contact-form-label{
    display: block;
    padding: 0 0 8px 0;
}
.wrapbg #site_contacts_post figure{
    margin-bottom: 15px;
}
.wrapbg #site_contacts_post dl{
    width: 238px;
}
.wrapbg #site_contacts_post dl dt{
    padding-bottom: 15px;   
}
.wrapbg #site_contacts_post dl dd{
    padding-bottom: 10px;   
}
.wrapbg dt,dd { line-height: 200%;}
.wrapbg form#form-main p {
margin-bottom: 10px;
}
.wrapbg form#form-main label {
    text-align:left;
    width:100%;
}
.wrapbg form#form-main input {
    width: 420px;
    padding: 7px 5px;
    border: 1px solid #C9C9C9;
    background: white;
}
.wrapbg form#form-main fieldset{
    margin-top:30px;
}
.wrapbg #form-main textarea {
    height: 161px;
    overflow: auto;
    width: 420px;
    padding: 7px 5px;
    border: 1px solid #C9C9C9;
    background: white;
}
.wrapbg #form-1 strong {display:block; font-size:14px; color:#5c5c5c; padding-bottom:10px;}
.wrapbg #form-1 label {display:block; height:41px; overflow:hidden;}
.wrapbg #form-1 input {width:208px;color:#000; padding:7px 5px; border:1px solid #c9c9c9; background:#fff;}
.wrapbg #form-1 span {float:left; width:227px;}

/* Thank you message */

.wrapbg #thank-you {
    border: 1px solid black;
    padding: 20px;
    text-align:center;
    margin-top:20px;
    width:650px;
}
.wrapbg #thank-you p {
    margin-bottom: 10px;
}
/* ******************************
             Footer 
   ******************************/
   
/* BASE html - Footer Style */
.wrapbg #base-footer {
    background-color: #444C4C;
    border-top: 6px solid #F8B21D;
    clear: both;
    float:left;
    margin: 30px 0 0 0;
    padding: 0;
    position:relative;
    width:100%;
    min-height:30px;
    padding-bottom:10px;
}
.wrapbg #base-footer #legal-info{
    left: -209px;
    margin: 0 auto;
    padding-top: 10px;
    position: relative;
    width: 530px;
    line-height:normal;
    margin-top:5px;
    color:grey;

}
.wrapbg #base-footer #copyright-info{
    left: 0;
    margin: 0 auto;
    position: relative;
    right: 26px;
    top: 0;
    width: 300px;
    left:-323px;
    line-height:normal;
    margin-top:5px;
}
.wrapbg #base-footer ul{
    left: 0;
    list-style: none outside none;
    margin: 0 auto;
    padding:0 10px;
    position: absolute;
    right: -672px;
    bottom: 7px;
    width: 260px;
}
.wrapbg #base-footer ul li{
    float:left;
    text-align:center;
    position:relative;
    margin-left:30px;
    border:none;
    background:none;
    padding-top:8px;
    font-size:11px;
}
.wrapbg #base-footer ul li a { outline:none; text-decoration:none;font-size:11px;color:#808080;}
.wrapbg #base-footer ul li a:hover{color:#808080; text-decoration:underline;}
.wrapbg #base-footer .associations-summary {
    float: right;
    margin: 20px 25px;
    width: 680px;
    clear:both;
    margin-top:-240px;
    position:relative;
    display: none;
}
.wrapbg #base-footer .project{
    float:left;
    width:135px;
    height:186px;   
    margin-right:20px;
}
.wrapbg #base-footer .project img{
    width:135px;
    height:186px;   
}

/* ******************************
             Misc / Effects
   ******************************/  
/* Quote Icon */
.wrapbg .quote-icon {

 }
.wrapbg section.projects-page article.projects-section header{
    width: 430px;
    float: left;
}
.wrapbg section.projects-page article.projects-section ul{
    width: 430px;
    float: left;
    padding-top: 5px;
}
.wrapbg section.projects-page article.projects-section ul li{
    float: left;
    padding: 5px;
}
.wrapbg .prev-indent, .wrapbg section.news-teaser article figure {float:left; margin:0 16px 0px 0;}
.wrapbg .extra-box,.wrapbg #site_home_whatsnew1,.wrapbg #site_home_whatsnew2,.wrapbg #site_home_whatsnew3 {
overflow:hidden;
}
.wrapbg .remove-button {
    position: absolute;
    left: 30px;
}
.wrapbg article.testimonial div{
    text-align: right;
}
.extra-box1,#site_home_introcontent {
    width: 335px;
    float: left;
}
.col-1, .col-2, .col-3, .col-4 {float:left;}
.box {width:100%; overflow:hidden;}

section.services article figure{margin:0;}
.p1 {
    text-align: left;
    margin-top: 10px;
    margin-bottom: 8px;
}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}
#directions {
    float: right;
}
.logodiv{margin-left: auto;margin-right: auto;}
.project-admin-edit {
    margin-bottom: 40px;
    float: right;
    display:none;
    width: 596px;
}
/* Form field error messages */
.error { color: red; }
.wrapbg #thank-you {
    border: 1px solid black;
    margin-top: 30px;
    padding: 20px;
    text-align: center;
}
.wrapbg #thank-you p {
    margin-bottom: 10px;
}
.wrapbg .featured-projects-summary .project img { 
border: solid 0px #2c2c2c;
/*-webkit-box-shadow: 2px 2px 4px #735F47;  Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
/*-moz-box-shadow: 2px 2px 4px #735F47;  FF3.5 - 3.6 */
/*box-shadow: 2px 2px 4px #735F47; Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
}
.wrapbg .promo {
    width: 210px;
}
.wrapbg .promo span.icon{
    background:none;
    padding:0;
}
.wrapbg .promo-bg-color, .orange, .red{
    border-radius: 0 0 8px 8px;
    border:none !important;
    padding:15px 20px 30px 20px;
    box-shadow:none;
    filter:none;
}
.wrapbg .promo-bg-color{
    /*background:url("../images/clear-here.png") no-repeat scroll center bottom #444C4C;*/
    background:none repeat scroll 0 0 #444C4C;
}
.wrapbg .promo #edit_promo span b span {
    color:#ffffff !important;
    font-family:Volkhov,"Old Standard TT", serif;
    font-size:26px;
    font-style:italic;
}
.wrapbg .promo #edit_promo  div{
    color: #FFFFFF;
    font-family:Volkhov,"Old Standard TT", serif;
    margin: 0;
    padding: 0;
    font-style:italic;
}
.wrapbg .promo .cta-button{
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    color: #FFFFFF;
    display: block;
    font-family: Volkhov,"Old Standard TT", serif;
    font-size: 17px;
    font-style: italic;
    margin: 10px 0 0;
    padding: 10px 0;
    text-align: center;
    text-transform: capitalize;
}
/****/
.wrapbg section article .news-date.date-enabled, .wrapbg section article .testimonial-date.date-enabled{
     background: url("editor-iconsV2.png") no-repeat scroll -490px -70px transparent;
}
p img.inline-image{
    margin-top:5px;
}
img.inline-image {
    float: left;
    margin-right: 10px;
    margin-top:5px;
    max-width: 150px;
    padding: 0 0 5px;
    resize: none;
    width: 150px;
}

/******service-table******/
.wrapbg .service-table-row-name {
    float: left;
    margin-right: 20px;
    width: 158px;
}
.wrapbg .service-table-row-price {
    float: right;
    position: relative;
    right: 0;
    text-align: right;
    top: 0;
    width:63px;
}
#services .wrapbg #service-content ul li {
    margin-right: 27px;
}
#services .wrapbg .service-table-buttons{
    clear:both;
}
#services .wrapbg .service-table-remove{
    right:-30px;
}
/***************text-page***************/
#blank .wrapbg .team-summary,#sections .wrapbg .team-summary, #product-page .wrapbg .team-summary {
    float: left;
    min-height: 210px;
    width: 710px;
}
#blank .wrapbg  #team-summary-content,#sections  .wrapbg  #team-summary-content, #product-page  .wrapbg  #team-summary-content{
    font-family: 'Lato', Arial, sans-serif;
    line-height: 22px;
    padding-left:10px;
    width:666px;
}

/****************sections-page*********/
#sections .wrapbg .our-team-content span.text, #product-page .wrapbg .our-team-content span.text{
    min-height:10px !important;
}
#sections .wrapbg div.section-buttons, #product-page .wrapbg div.section-buttons{
    margin:0;
    padding-top:20px;
}
/***************price-list-page*******/
#price-list .wrapbg  section.services{
    float: left;
    min-height: 210px;
    width: 710px;
}
#price-list .wrapbg #services-description{
    font-family: 'Lato', Arial, sans-serif;
    line-height: 22px;
    padding-left:10px;
    width:590px;
}
#price-list .wrapbg #service-content{
    margin-left:10px;
    width:580px;
    clear:both;
}
#price-list .wrapbg #service-content ul {
    float: left;
    padding: 0 0 20px;
    width: 290px;
}
#price-list .wrapbg #service-content ul li {
    margin-right: 27px;
    font-size: 13px;
}
#price-list .wrapbg #service-content ul li h2 {
    font-size: 18px;
    padding-bottom:0;
}
#price-list .wrapbg .service-table-remove{
    right:-30px;
}
#price-list .wrapbg .service-table-buttons{
     clear:both;
}
/************blog-page**************/
#blog .wrapbg .news{
    float: left;
    min-height: 210px;
    width: 710px;
}


.wrapbg #business-phone-number a{text-decoration:none;}

 #aside-summary{margin-top:40px;}
 #team-summary-content{width:688px;margin-bottom:15px;}


/*secondary nav*/
.wrapbg .secondary-nav ol li.child-link{background-color:#444C4C;border-bottom:1px solid #CCC;padding:10px 10px 5px;list-style-type:square;list-style-position:inside;color:white;}
.wrapbg .secondary-nav ol li{padding:0;margin:0;clear:both;list-style:none;}
.wrapbg .secondary-nav ol li.parent-link a{padding-right:20px;padding-left:2px;color:#444C4C;font-family:"Yanone Kaffeesatz","Open Sans Condensed",sans-serif;font-size:18px;text-transform:uppercase;text-decoration:none;padding-top:0;padding-bottom:0;}
.wrapbg .secondary-nav ol li.child-link a{padding-right:20px;color:white;text-decoration:none;font-family:"Yanone Kaffeesatz","Open Sans Condensed",sans-serif;font-size:16px;
}
.wrapbg .secondary-nav ol li.child-link:first-of-type{border-radius:0 0 8px 8px;}
.wrapbg .secondary-nav ol li.child-link:last-of-type {border-radius: 0 0 10px 10px;}
.wrapbg .secondary-nav ol li.child-link:last-child{border-bottom:none;}


.wrapbg .business-details a[href^=tel], a[href^=tel], .wrapbg a[href^=tel]
{
   text-decoration: none;
   color: inherit;
}

/*New Gallery page*/

body#portfolio .tiled-project-single{width:300px;float:left;clear:none;}
#portfolio .wrapbg .tiled-project-details h2 {border:none;min-width:290px;margin-left:9px;}

.wrapbg .tiled-project-images .img-border{min-width:291px;min-height:71px;}

.wrapbg .tiled-project-images img {min-width:291px;min-height:192px;height:192px;width:291px;}

body#portfolio .wrapbg .tiled-project-images .wrapbg span.rollover-eff3 {width:189px;height:134px;}

.wrapbg .tiled-project-images{float:right;width:300px;}

.project-images.tiled-project-images span.rollover-eff3 {width:292px;height:192px;line-height:267px;}

/*social links*/
.social-links{display:block;clear:both;position:absolute;bottom:-8px;right:0;}
.social-section{float:right;position:relative;margin-right:9px;}
.social-links ul li img{width:20px;min-width:20px;height:20px;min-height:20px;float:right;clear:both;}
.social-links ul{height:0;padding:0;}
.social-links li{padding-top:0;line-height:normal;}

.wrapbg #base-footer .social-links ul li{margin-left:0;left:103px;}
.wrapbg #base-footer .social-section{float:none;top:20px;position:relative;}
.social-links button{line-height:19px;height:20px;}


.wrapbg #base-footer .social-links{position:relative;bottom:17px;}


/*LINK GREEN BUTTON*/
body#home .featured-projects-summary .create-imglink{padding-left:21px;padding-right:29px;margin-top:42px;display:block;}

 .create-imglink{padding-left:21px;padding-right:29px;margin-top:42px;display:none;}

 .wrapbg #base-footer .social-links div.social-overlay{min-height:10px;top:22px !important;left:322px !important;}

 /*Mosaic Portfolio Page*/
.wrapbg .mosaic .tiled-project-images img {
  height: auto; 
  min-height: 0;
}

#portfolio .wrapbg .mosaic .project-details {
  width: 293px;
  position: absolute;
  bottom: 6px;
  left: 10px;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.7);
}

.wrapbg .mosaic .project-single {
    margin-bottom: 0px;
}

body#portfolio .wrapbg .mosaic .tiled-project-single {
  margin-bottom: 5px;
}
.wrapbg .mosaic .project-images {
  margin: 0;
}

.wrapbg .mosaic span.rollover-eff:hover,
.wrapbg .mosaic span.rollover-eff2:hover,
.wrapbg .mosaic span.rollover-eff3:hover {
  opacity: 1;
  box-shadow: none;
}

.wrapbg .mosaic .project-single:hover span.rollover-eff,
.wrapbg .mosaic .project-single:hover span.rollover-eff2,
.wrapbg .mosaic .project-single:hover span.rollover-eff3{
  opacity: 1;
  box-shadow: none;
}

.wrapbg .mosaic span.rollover-eff3 {
    background: none;
    width: 100%;
    height: 50%;
    top: 0;
    left: 0;
    line-height: 0;
}

.wrapbg .mosaic span.rollover-eff3 .btn {
    width: 100px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left:-65px;
}

.wrapbg .mosaic .projects-section {
  margin-bottom: 40px;
  *zoom:1;
}

.wrapbg .mosaic .projects-section:before,
.wrapbg .mosaic .projects-section:after {
  display:table;
  content:"";
}
.wrapbg .mosaic .projects-section:after {
  clear:both;
}

.search-container #search-form {
    width: 960px;
}

/*PRODUCT PAGE STYLE*/
body#product-page .wrapbg .team-summary div.our-team-content span.section-item-description {display:none;}
body#product-page .wrapbg .team-summary div.our-team-content span.section-item-meta {position:relative;top:0px;right:0px;float:left;width:121px;}
body#product-page .wrapbg .team-summary div.our-team-content h2 {padding: 0px;width: 121px;float: none;clear: both;font-size: 16px;font-weight: bold;}
body#product-page .wrapbg .our-team-wrapper {width:750px;}
body#product-page .wrapbg .our-team-wrapper h2 {margin:0px;}
body#product-page .wrapbg .team-summary .our-team-content {width:121px;}
body#product-page .wrapbg article.single-our-team {width:120px;margin-right:53px;}
body#product-page .wrapbg .our-team-wrapper article {clear:none;}


.wrapbg .call-to-action-v img.inline-image{float:none;}
.wrapbg .text ol li, .wrapbg .text ul li{
    margin-top: 4px;
    padding-left:0px;
    padding-top:0;
    list-style-position:outside;
    margin-left: 2em;
}
.wrapbg .text ol, .wrapbg .text ul{
    overflow: hidden;
    zoom: 1;
}