@import url("../../../css/call-to-action.css");
@import url("../../../css/supersized.core.css");

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

body#home, body#services, body#price-list, body#about-us, body#news, body#testimonials, body#portfolio, body#contacts, body#blank, body#sections, body#product-page, body#blog{
    background: #e7e7df url("../images/2-bg-new.png") repeat-x;
} 

body#home .wrapbg, body#services .wrapbg, body#price-list .wrapbg, body#about-us .wrapbg, body#news .wrapbg, body#testimonials .wrapbg, body#portfolio .wrapbg, body#contacts .wrapbg, body#blank .wrapbg, body#sections .wrapbg, body#product-page .wrapbg, body#blog .wrapbg{
    font-size: 13px;
    color:#000;
} 
.wrapbg h1 {
    font-size: 30px;
    font-weight:bold;
    color:#333;
    font-family:'Satisfy', cursive;
}
body#contacts .wrapbg .contact-form li{margin-bottom: 10px;}
#news-title{margin-bottom:5px;margin-top:10px;}
.wrapbg h2 {
    font-size: 28px;
    font-weight:bold;
    color:#333;
    width:100%;
    font-family:'Satisfy', cursive;
}

.wrapbg h3 {
    font-size: 20px;
        color:#333;

    line-height:normal;
}

.wrapbg h4 {font-size: 14px;}
.wrapbg h5 {font-size: 12px;}
.wrapbg h6 {font-size: 11px;}

h4, h5, h6 {
    line-height: 18px;
}

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

.wrapbg ul {
    list-style-type: disc; 
}
#news-summary-title{margin-top:-35px;font-size:30px;}
.wrapbg .news-date{margin-top:5px;font-size:11px;}
.news-title{font-weight:normal;font-size:17px;}
.wrapbg .info{
    min-height: 10px;
    min-width: 50px;
}
.wrapbg ul,
.wrapbg ol,
.wrapbg li,
.wrapbg .text ul,
.wrapbg .text ol,
.wrapbg .text ul li
.wrapbg .text ol li {
    list-style-position: inside;
    margin:0;
}

.wrapbg ul.pagination{
    padding:0;
    margin:0;
    position:absolute;
    bottom:18px;
    z-index:97;
    left: 436px;
}

.wrapbg ul.pagination li a {
    border-radius: 12px 12px 12px 12px;
    font-size: 0;
    line-height: 0px;
    margin: 23px 4px;
    padding: 7px;
    background: #F3F4EF;
    border: 1px solid #F3F4EF;
}

.wrapbg ul.pagination li.activeSlide a,.wrapbg ul.pagination li a:hover{
    background-color: #282828;
    border: 1px solid #282828;
}


.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%;}

.wrap{
    padding:0;
    width:960px;
    margin:0 auto;
}
.wrapbg {
    position:relative;
    font-size:13px;
    float:left;
    overflow: visible;
    width:960px;padding-right:15px;padding-left:15px;
    margin-top: 15px;

}

.wrapbg #content{
    float: left;
    margin-top: 5px;
    position: relative;
    width: 960px;
}
.wrapbg .call-to-action-v{
    width:auto;
    float:right;
    margin-top:10px;
    margin-right:20px;
}
body#home .wrapbg .call-to-action-v {margin-top:60px;float:left;}


#services .wrapbg #content, #price-list .wrapbg #content, #about-us .wrapbg #content, #news .wrapbg #content, #testimonials .wrapbg #content, #contacts  .wrapbg #content, #blank  .wrapbg #content, #sections .wrapbg #content, #product-page .wrapbg #content, #blog  .wrapbg #content, #portfolio  .wrapbg #content {
    clear: both;
    position: relative;
    width: 960px;
    margin-top: 30px;
}
/* Header Style */
.wrapbg .business-details{
   width:960px;
   float:left;
   padding-top:10px;
   margin-bottom:30px;
   position:relative;

}



.top {padding:0px; overflow:hidden; text-align:right;}
.top .time {float:left;}
.wrapbg .head {height: 317px;padding-bottom: 10px;position: relative;}
.wrapbg .head_logo {
    padding:0;
    float:left;
    margin-top: -12px;
}
.wrapbg .head_logo img{
   margin-right: 14px;
    margin-top: -55px;
}
.wrapbg .head_logo .head_phone{
    padding-top:30px;
}

.wrapbg #social-links{
    float:right;
}
.wrapbg  .popup-content{
    margin-right:15px;
}
.wrapbg  .popup-content li {
    list-style: none outside none;
    float:left;
    margin-left:10px;
}
.wrapbg  .popup-content img{
    width:25px;
    height:25px;
}
/* Business Name and Motto */
.wrapbg .header-title { 
    float: left;
    margin-top:-22px;
}
.wrapbg .header-title .wrap-header {
    text-align: left;
}
.wrapbg #site-header-title {
    color:#000;
    font-size:42px;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height:normal;
}
.wrapbg #site-header-motto{
    color:#000;
    font-size:18px;
}
.wrapbg .upload-button {
    position: absolute;
    text-align: left;
}
/*business content*/

#business-description{
    float: left;
    margin: 10px 0 0;
    width: 960px;
}

/* Business Phone Number */

.wrapbg #business-phone-number {
    color: #000;
    font-size: 24px;
    text-align: right;
    margin-right:0px;
    margin-bottom:22px;

}

#phone-number{
    font-family:'Satisfy', cursive;
    padding-left:30px;
}
/* ******************************
     Carousel Style 
   ******************************/

.wrapbg .wrap-content-carousel{clear:both;}

    /*.wrapbg .head-img{
background: url("../images/bh1.png") repeat scroll 0 0 transparent;
    float: left;
    min-height: 410px;
    width: 949px;
    z-index: 99;
    margin:0;
}*/

.wrapbg .wrap-content-carousel .single-carousel-content h2 {
    line-height: normal;
}

.wrapbg .wrap-content-carousel #carousel-description-content {
    margin-top: 20px;
    margin-bottom: 30px;
}

.wrapbg .wrap-content-carousel #carousel-description-content + a {
    border: 2px solid grey;
    padding: 8px 20px;
    border-radius: 20px;
    background: lightgrey;
}
 
.wrapbg #faded{
    position: relative;
}
.wrapbg #carousel{
    clear:both;
    height: 289px;
    min-height: 289px;
    min-width: 949px;
    width: 949px;
    padding-bottom:20px;

}
.wrapbg .slides_container{
    border:6px solid #ffffff;
}
.wrapbg .slides_container ,.carousel,.wrapbg .carousel img {
    
    height: 289px;
    margin: 0 auto;
    width: 949px;

 }
.wrapbg .next {
    position: absolute;
    bottom: 100px;
    right: 0;
    border: solid 1px white;
    width: 25px;
    height: 25px;
    z-index: 97;
    background: url(../images/sprite.gif) 0 0 no-repeat;
    display:none;
}
.wrapbg .prev {
    position: absolute;
    bottom: 100px;
    /*right: 0;*/
    left:0;
    border: solid 1px white;
    width: 25px;
    height: 25px;
    z-index: 97;
    background: url(../images/sprite.gif) right 0 no-repeat;
    display:none;
}
/* Navigation Style */
.wrapbg .main-nav{
    position: relative;
    width: 685px;
    clear: left;
    margin-top: 12px;
    margin-left: 275px;
}

.wrapbg .navigation-bonline {
    list-style-image: none;
    list-style-position: inside;
    margin-bottom: 0px;
    width:650px;
    margin-left: 88px;
    padding-top:10px;
    padding-bottom:4px;
}
.wrapbg .navigation-bonline li {
    background: none repeat scroll 0 0 transparent;
    list-style: none outside none;
    padding-bottom:4px;
}

.topbar div > ul a, .wrapbg .navigation-bonline li a {
    color: #333;
    font-size: 19px;
    line-height: normal;
    padding: 10px 19px;
    text-decoration: none;
    text-transform: capitalize;
    font-family:'Satisfy', cursive;
    padding-top:0;
    padding-bottom:0;
    padding-right:12px;
}



.wrapbg .navigation-bonline li a.active,
.wrapbg .navigation-bonline li a:hover {
    background: none repeat scroll 0 0 transparent;
    color: #000;
}

 /* FIX for bootstrap */
.wrapbg .navigation-bonline .last-item {background:none;}
.wrapbg nav ul > li:last-child { background: none; }
/* ******************************
  Home Page - Aside
  *******************************/

body#home .wrapbg #contact-page-address,  body#services .wrapbg #contact-page-address, body#price-list .wrapbg #contact-page-address, body#about-us .wrapbg #contact-page-address, body#news .wrapbg #contact-page-address,body#testimonials .wrapbg #contact-page-address, body#portfolio .wrapbg #contact-page-address, body#blank .wrapbg #contact-page-address, body#sections .wrapbg #contact-page-address, body#product-page .wrapbg #contact-page-address, body#blog .wrapbg #contact-page-address{

    float: right;

    width: 270px;
    min-height: 270px;
    background: #282828;
        -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    position:absolute;
    right:0;

}

body#home .wrapbg #business-hours, 
body#services .wrapbg #business-hours, 
body#price-list .wrapbg #business-hours, 
body#about-us .wrapbg #business-hours,
body#news .wrapbg #business-hours, 
body#testimonials .wrapbg #business-hours, 
body#portfolio .wrapbg #business-hours, 
body#blank .wrapbg #business-hours, 
body#sections .wrapbg #business-hours, 
body#product-page .wrapbg #business-hours, 
body#blog .wrapbg #business-hours{

    float: left;
    width: 303px;
    padding-bottom:0px;
    min-height:205px;
    margin-top:0;
    display:none;

 }

.wrapbg #contact-page-address #edit-address{
background:none;
float:right;
margin-top:4px;
}
body#contacts .wrapbg #contact-page-address #edit-address{margin-top:4px;}




body#contact.wrapbg #contact-page-address  .popup-content p{
    color: #333;
    
}
.wrapbg .read-more {
    margin-left:-12px;
    font-size:12px;
    color:black;text-decoration:underline;font-weight:normal;
    float:left;
    clear:left;
background: #f0f1f1; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top, #f0f1f1 1%, #e0e3e4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f0f1f1), color-stop(100%,#e0e3e4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f0f1f1 1%,#e0e3e4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f0f1f1 1%,#e0e3e4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f0f1f1 1%,#e0e3e4 100%); /* IE10+ */
background: linear-gradient(to bottom, #f0f1f1 1%,#e0e3e4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f1f1', endColorstr='#e0e3e4',GradientType=0 ); /* IE6-8 */
padding-top:6px;
padding-bottom:6px;
padding-left:8px;
padding-right:11px;
border-radius:5px;
border:1px solid white;

}
.wrapbg #news-widget a{margin-left:0;float:left;clear:left;}
.wrapbg #news-more{
    font-size:12px;
    color:black;text-decoration:underline;font-weight:normal;
    float:right;
background: #f0f1f1; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top, #f0f1f1 1%, #e0e3e4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f0f1f1), color-stop(100%,#e0e3e4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f0f1f1 1%,#e0e3e4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f0f1f1 1%,#e0e3e4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f0f1f1 1%,#e0e3e4 100%); /* IE10+ */
background: linear-gradient(to bottom, #f0f1f1 1%,#e0e3e4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f1f1', endColorstr='#e0e3e4',GradientType=0 ); /* IE6-8 */
padding-top:6px;
padding-bottom:6px;
padding-left:8px;
padding-right:11px;
border-radius:5px;
border:1px solid white;
margin-left:0;
}
.service-table-buttons{clear:both;}
.wrapbg .featured-projects-summary .project a{margin-top:10px;}

#testimonial-summary-title{margin-left:7px;text-align:left;}
}

.wrapbg #business-hours{
    margin-top:20px;
    float:left;
}
body#contacts .contact-page-address{width:288px;float:right;margin-top:25px;}
#edit-business-hours, #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 header{margin-bottom:10px;}

.wrapbg #testimonial-widget{
   padding-left:10px;
   padding-right:10px;
    margin-bottom: 10px;
    margin-top: 10px;
    width:321px;
    float:right;
}
.wrapbg .testimonial-summary-content {
    width:292px;
    margin-left:15px;
    margin-right:10px;
}
.wrapbg .testimonial-summary-content p{color:#333;}

.wrapbg .testimonial-summary-content cite{
    font-size:11px;
    font-style: italic;
    font-weight:bold;
    display:none;
    
}
#site_home_whatsnew_head{width: 315px;}
.wrapbg #testimonial .business-description-body{
    float: left;
    margin-bottom: 50px;
    width: 100%;
}
.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;
}
#blank .wrapbg .our-team-content, .wrapbg .our-team-content{
    width:auto;
    float:none;
    
}
#sections .wrapbg .our-team-content,
#product-page .wrapbg .our-team-content{margin-top:0px;}
.wrapbg .our-team-aside{
    margin-right:10px;
}

.wrapbg .our-team-wrapper article{
    clear: both;
    float: left;
    margin-bottom:12px;
}
body#sections .wrapbg .our-team-wrapper article,
body#product-page .wrapbg .our-team-wrapper article{margin-bottom:0;}
.wrapbg .team-wrapper{
    float:left;
    width:100%;
}

.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;
    float:left;
}
.wrapbg .quote {width:11px; float:left;}
.wrapbg .quote img {width:11px; height: 11px;}
.wrapbg .testimonial-date {
        margin-top:5px;
        font-size:11px;
}
.wrapbg .testimonial-excerpt {padding-left: 10px;}

/* ******************************
 Home Page - News Widget
 ********************************/
.wrapbg #news-widget header {margin-bottom:10px;}
.wrapbg #news-widget article h3 {
   line-height:22px;
   display:none;
}
.wrapbg #news-widget article span {
    font-size:11px;
    display:none;
}
.wrapbg #news-widget article p {
    padding: 4px 0px;
    color:black;
}

.wrapbg .business-content{
    float:left;
    margin-bottom:20px;
    background-repeat:no-repeat;
    border-bottom: 2px dashed #b3b2ad;
}
.wrapbg  #business-description-title{
    display: block;
    text-align: left;
    margin-left:2px;
    text-align:center;
}
.wrapbg .business-content article.business-description-body{
    line-height: normal;
    margin-top:14px;
    margin-bottom:10px;
    padding-bottom:10px;
    width:960px;
}

#home #aside-image .business-content{
}
.wrapbg #news-widget{
    width:410px;
    float:right;
    margin-top:10px;
}
.wrapbg #news-widget article{
    margin-bottom:5px;

}
/* ******************************
 Home Page - Main Content / business description
   ******************************/
#home .wrapbg #aside-image{
    clear: both;
    position: relative;
    width:960px;
    margin-left:-3px;
    margin-top:32px;
    float:left;
    border-bottom: 2px dashed #b3b2ad;
    background-repeat:no-repeat;
    padding-bottom:26px;
}


.wrapbg #aside-widgets {
    float: right;
    margin-top: 10px;
}

.wrapbg #aside-widgets #link-section {
    background: white;
    margin-bottom: 10px;
    padding: 10px;
    border: 2px solid grey;
}

.wrapbg #aside-widgets #link-section heading h2,
.wrapbg #aside-widgets #link-section heading p {
    margin-bottom: 5px;
}

.wrapbg #aside-widgets .link-section-links li {
    line-height: 27px;
}

.wrapbg #aside-widgets .affiliates {
    margin-bottom: 10px;
    margin-top: 10px;
}

.wrapbg #aside-widgets .affiliates .affiliate {
    margin: 10px 0;
}

.affiliate p {
    *zoom:1;
}
.affiliate p:before,.affiliate p:after{
    content: "";
    display:table;
}
.affiliate p:after{
    clear:both;
}


/* ******************************
     Home Page -  Featured Projects Summary
   ******************************/
.wrapbg .featured-projects-summary .project {
    float: left;
    width: 239px;
    min-height:159px;
    margin-right:21px;

}
.wrapbg .featured-projects-summary .project p {
   text-align:left;
}

.wrapbg .featured-projects-summary .project span.upload{
   width:298px;
}         

.wrapbg .project {}
.wrapbg .featured-projects-summary .project img {
     height: 159px;
    width: 227px;
    margin-left:-12px;
    margin-top:-5px;
    -webkit-box-shadow: 0px 4px 2px #b4b4b4; /* Saf3-4, .wrapbg iOS 4.0.2 - 4.2, .wrapbg Android 2.3+ */
-moz-box-shadow: 0px 4px 2px #b4b4b4; /* FF3.5 - 3.6 */
 box-shadow: 0px 4px 2px #b4b4b4    ; /* Opera 10.5, .wrapbg IE9, .wrapbg FF4+, .wrapbg Chrome 6+, .wrapbg iOS 5 */
 box-shadow: 0 12px 10px -12px rgba(0, 0, 0, 1);
 border:10px solid white;
 margin-top:17px;
 margin-bottom:7px;
}




}
body#home .featured-projects-summary {
    clear: both;
    /*background: white;*/
    width:960px;
    margin-left:12px;

}
.wrapbg  .wrap-projects{
    margin-left:15px;
    width:532px;
    float:left;
    margin-top:-27px;
}
a#edit-address-widget{float:right;color:black;}

/* GLOBAL: Ensures default link is on its own line - featured-links MOVE TO GLOBAL */
a.block-link {display:block;}
img.affiliate-img {display:block; margin-bottom:10px;}

/* ******************************
   About-Us Page
   ******************************/
#about-us .wrapbg .our-team-content,
#blank .wrapbg .our-team-content,
#our-team .wrapbg .our-team-content,
#services-sections .wrapbg .our-team-content{
    width: 650px;
}
.wrapbg .team-wrapper .our-team-content{
    clear:none;
}
.wrapbg #our-team-title{
    margin-top:16px;
    text-align:left;
    margin-bottom:5px;
    clear:left;
}

.wrapbg p img.inline-image{
    margin-top:5px;
}
.inline-image{float:left;margin-right:10px;}
.our-team-content span.text{padding-right:10px;margin-top:5px;float:none;width:auto;display:block;min-height:20px;margin-bottom:7px;}
.our-team-wrapper h2{font-weight:normal;text-align:left;padding:0;font-size:20px;font-style:normal;line-height:normal;}
.wrapbg .text p{clear:none;}
.wrapbg #team-summary-content p{padding-right: 10px;margin-top:5px;}
body#blank #team-summary-content{margin-top:5px;}
body#sections .our-team-wrapper h2,
body#product-page .our-team-wrapper h2{width:550px;}
/* ******************************
   Professional Services Pages
   ******************************/

body#home .wrapbg .wrap-content-carousel{
    background: none repeat scroll 0 0 #B92A30;
    display: block;
    position: relative;
}

body#about-us .team-summary,
body#blank .team-summary,
body#sections .team-summary,
body#product-page .team-summary,
body#our-team .wrapbg .team-wrapper,
body#contacts .contact-form
{
    margin:0;
    width:650px;
    
    float:left;
    margin-top:10px;
    min-height:100px;
    margin-bottom:10px;
}
body#services .services, body#price-list .services{float:left;width:650px;margin-top:10px;}
#wrap-testimonials{    margin:0;
    width:650px;
    
    float:left;
    margin-top:10px;
    min-height:100px;
margin-bottom:10px;}

body#services-sections .wrapbg .team-wrapper,
body#sections .wrapbg .team-wrapper {
    width: 650px;
}

body#services article#service-content, body#price-list article#services-description { 
    width: 650px;
}


p#inline-phonenumber{margin-top:12px;}

body#contacts .contact-form {
    width: 650px;
}
body#sections .wrapbg a.btn.team-add,
body#product-page .wrapbg a.btn.team-add{float:left;clear:left;}


.section-buttons {
    line-height: 40px;
}

/* call to action */

body#home .wrapbg .promo {
    width: 726px;
}
.wrapbg .promo {width:200px;}

/* ******************************
        News Page
   ******************************/
.wrapbg .private {display:hidden;}
.wrapbg  .news-feed{
     width:755px;
     float:left;
 }
.wrapbg .news-article {
    margin:0 0 12px 0;
    clear:both;
}
#feed{margin-top:11px;}
 #news .news,  #blog .news{width:650px;float:left;margin-top:10px;min-height:100px;margin-bottom:10px;}
.wrapbg .news-article p {margin:0px 0 0 0px;}

.wrapbg .news-article a, .wrapbg .news-article a:visited {
    text-decoration: underline;
}

#news .wrapbg .singleimage-summary.news{
    float:none;
    width:auto;
}

/* ******************************
        services Page
   ******************************/
#services  .wrapbg #content> .services h1{
    margin-bottom:0;
}
#services  .wrapbg #service-content{
    float: left;
    width: 590px;
}
#price-list .wrapbg #service-content{
    float: left;
}
#services-description{
    float: left;
    margin-top: 10px;
    width: 650px;

}
#services  .wrapbg #service-content, #price-list  .wrapbg #service-content{
    width:700px;
    margin-top:10px;
}


.wrapbg #ome #aside-image .project{
    width:164px;
}
.wrapbg #aside-image .project span.upload {
    width: 255px;
}
.wrapbg .featured-projects-summary .project header h2{
    margin-left:-10px;
    line-height:normal;
    font-size:26px;
    font-family:'Satisfy', cursive;
    text-transform:capitalize;

}
.project-description{float:left;margin-left:-10px;margin-bottom:10px;}


.wrapbg .text p{clear:none;}
#services .wrapbg #service-content ul li, #price-list .wrapbg #service-content ul li{
}
#service-title{margin-top:10px;}
#services .wrapbg #service-content ul li:first-child{border-bottom:0;}
.wrapbg .service-table-row{
    float:left;
    clear:none;
}

/**/
.wrapbg .service-table-row-name{
    margin-right:20px;
    width: 190px;
}
.wrapbg .service-table-header{
    margin:10px 0 0 0;
}
/* ******************************
        Testimonial Page
   ******************************/ 
.wrapbg #aside-image section.testimonials{
    
}
.wrapbg .service-table-header h2{text-align:left;font-size:21px;font-weight:normal;line-height:normal;font-style:normal;}

.wrapbg #testimonials-add a #news-add a{
    padding: 4px;
    top: -56px;
    left:640px;
    position:relative;
}
.wrapbg #news-add a {
    padding: 4px;
    left: 680px;
}
.wrapbg .testimonial-content{ 
    clear: both;
}
#testimonial-title{margin-bottom:5px;margin-top:10px;}
.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 {
    padding: 4px;
    top: -56px;
    left:640px;
    position:relative;
}
.wrapbg .testimonial-name {
    clear: left;
    font-size: 14px;
    margin-bottom: 10px;
    text-align: left;
}


.wrapbg .testimonial-content p{
    margin-top: -2px;
}

.wrapbg #feedback .testimonials{
    clear: both;
    margin-bottom: 20px;
}


#testimonials .wrapbg #business-hours{
    margin-top: 10px;
    width: 190px;
}
.wrapbg .wrap-test-cont{
    margin-bottom:5px;  
}
/* Testimonial business deal */

/* ******************************
        Projects Page
   ******************************/
 
#portfolio .wrapbg .project-details{
    float:left;
    width: 210px;
    margin-top:9px;
}
.project-details h2{text-align:left;font-size:20px;line-height:normal;font-style:normal;font-weight:normal;}

.wrapbg .project-details p, .project-details div.edit_area {margin-top:5px;line-height: normal;}
.wrapbg .project-images {
    float:right;
    margin-top:12px;
}
.wrapbg .project-images img,.wrapbg .project-images .img-border {
    line-height: normal;
    min-height: 147px;
    min-width: 200px;
    width: 200px;
    height:147px;
    margin-right:10px;
    box-shadow:none;
    margin-left:0px;
    border:none;
}
.wrapbg .project-images .img-border{min-height:119px;height:119px;padding-top:28px;}


.wrapbg .projects-section {

    float:left;

}
#projects-page-title{
  
}
.wrapbg .project-single { 
    clear: both;
    float: left;
    position: relative;
    width: 650px;
    margin-bottom:10px;
}
.wrapbg #projects-portfolio-content {

}
.wrapbg #projects-page-details div {
    margin-bottom:7px;
    margin-top:7px;
    
}
#projects-page-details h1{

}
.wrapbg .projects-page{
    float:left;
    width:650px;
    
    margin-top:10px;
}
.wrapbg .image-count{
   margin-top:7px;
   float:left;
   clear:left;
   text-decoration:underline;
   color:black;
}
.wrapbg .image-count:hover{text-decoration:none;}
.wrapbg .project-details div .text{
    padding-top:10px;
}
.wrapbg #projects-page-details div .text{
    padding:5px 0 0px 0;
}
.wrapbg span.rollover-eff3{
    width:200px;
    height:147px;
    left:-2px;
    bottom:4px;
    line-height:236px;
}
#projects .wrapbg .news-edit-group{
    width:840px;
    margin:0 auto;
}
 /* ******************************
        Contacts Page
   ******************************/

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

body#contacts.wrapbg .contact-page-address{
    float: right;
    width:300px;
    margin-top:25px;
}
body#contacts .wrapbg .contact-details .contact-page-address #contact-page-address{
    float:right;
    margin-top:10px;
    width:236px;
    background:none;
    padding-bottom:0;

}
.wrapbg #contact-page-address span a{color:black;}
body#home .wrapbg #contact-page-address span a,
body#services .wrapbg #contact-page-address span a, 
body#price-list .wrapbg #contact-page-address span a, 
body#about-us .wrapbg #contact-page-address span a, 
body#news .wrapbg #contact-page-address span a,
body#testimonials .wrapbg #contact-page-address span a, 
body#portfolio .wrapbg #contact-page-address span a, 
body#blank .wrapbg #contact-page-address span a, 
body#sections .wrapbg #contact-page-address span a, 
body#product-page .wrapbg #contact-page-address span a, 
body#blog .wrapbg #contact-page-address span a
{margin-left:56px;margin-top:10px;float:left;color:white;}

.wrapbg .contact-page-address #business-hours{
    margin-top: 10px;
    float:right;
    width:236px;
    clear:both;
}
.wrapbg .contact-page-address #business-hours table td{
    color:#333;
}
.wrapbg #contact-call{
    margin-top:5px;
    margin-left:2px;
}

    #form-main{
      float: left;
    margin-left:3px;
    
}
#team-summary-title{text-align:left;margin-top:10px;}


.wrapbg #location-map{
    float:right;
}
.wrapbg .contact-form .buttons button{
    display: inline-block;
background: #f0f1f1; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top, #f0f1f1 1%, #e0e3e4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f0f1f1), color-stop(100%,#e0e3e4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f0f1f1 1%,#e0e3e4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f0f1f1 1%,#e0e3e4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f0f1f1 1%,#e0e3e4 100%); /* IE10+ */
background: linear-gradient(to bottom, #f0f1f1 1%,#e0e3e4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f1f1', endColorstr='#e0e3e4',GradientType=0 ); /* IE6-8 */
    font-weight:normal;
    font-size:15px;
    color:black;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:7px;
    padding-right:7px;
    border:1px solid white;

}
.our-team-buttons{float:left;margin-top:5px;padding-top:0;clear:none;}

.wrapbg .contact-form-details{
    width: 600px;
    float:left;
    margin-top:10px;
}
.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:400px;
    color:#333;
}
.wrapbg form#form-main input {
    width: 400px;
    padding: 7px 5px;
}
.wrapbg form#form-main fieldset{
    margin-top:10px;
}
.wrapbg #form-main textarea {
    height: 161px;
    overflow: auto;
    width: 400px;
    padding: 7px 5px;
}
#form-1 strong {display:block; font-size:14px; padding-bottom:10px;}
#form-1 label {display:block; height:41px; overflow:hidden;}
#form-1 input {width:208px; padding:7px 5px;}
#form-1 span {float:left; width:227px;}

/* Thank you message */

.wrapbg #thank-you {
    border: 1px solid black;
    padding: 20px;
    
    margin-top:10px;
}
.wrapbg #thank-you p {
    margin-bottom: 10px;
}
/* ******************************
             Footer 
   ******************************/
   
/* BASE html - Footer Style */
.wrapbg #base-footer {
    clear: both;
    float: left;
    font-size: 9px;
    min-height: 60px;
    position: relative;
    width: 951px;
    padding-bottom:5px;
       margin-left:-6px;

}


.wrapbg #base-footer #legal-info{
    color: #333;
    float: left;
    font-size: 12px;
    line-height: 15px;
    margin:5px 0 0 0;
    min-height: 18px;
    min-width: 50px;
    padding: 0;
    margin-top:15px;
    width:910px;
    margin-left:5px;

}
.wrapbg #base-footer #copyright-info{
    color: #333;
    float: left;
    font-size:12px;
    line-height: 15px;
    margin: 5px 0 0 0;
    min-height: 18px;
    min-width: 50px;
    padding: 0;
    clear:left;
    margin-left:5px;

}
.wrapbg #base-footer ul{
    top: 0;
    clear: right;
    float: right;
    list-style: none outside none;
    padding: 0;
    right: 0;
}
.wrapbg #base-footer ul li{
    float:left;
    position:relative;
    margin-left:30px;
    border:none;
    background:none;
    font-size: 12px;
    line-height: 18px;
    padding-top:5px;
}
.wrapbg #base-footer ul li a { 
    outline:none; 
    text-decoration: underline;
    color: #333;
    font-size: 12px;
    line-height: 15px;
}
/* ******************************
             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;
}
.prev-indent, section.news-teaser article figure {float:left; margin:0 16px 0px 0;}
.extra-box,#site_home_whatsnew1,#site_home_whatsnew2,#site_home_whatsnew3 {
overflow:hidden;
}
.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: 10px;
    padding: 20px;
    text-align: center;
}
.wrapbg #thank-you p {
    margin-bottom: 10px;
}

.wrapbg .promo-bg-color,.promo-bg-color:hover{
}

.wrapbg .promo-bg-color, .orange, .red{
    box-shadow:none;
}
.wrapbg #edit_promo span b span{
    color: #000!important;
    display: block;
    font-size:26px;
    line-height:normal;
    font-family:'Satisfy', cursive;
}
body#home .wrapbg #edit_promo span b span {text-align:left; width:650px;}
body#home .wrapbg #edit_promo div{text-align:left;    width:650px;}

.wrapbg #edit_promo div{
    color:grey;
    font-size:17px;
    margin-bottom:13px;
    letter-spacing:2px;
}
.wrapbg .promo span.icon {
    padding: 0px;
    color: darkGray;
    font-size: 14px;
    background: none repeat scroll 0 0 transparent;
}

.wrapbg .promo-bg-color {
    text-align:center;
    padding-top: 10px;
    margin-top:13px;
    border:none;
    background-color:white;
    padding-left:10px;

    padding-bottom:10px;

}

.wrapbg .cta-button {
    padding-top:6px;
    padding-bottom:6px;
    padding-right:15px;
    padding-left:5px;
    color: black;
   background: silver; /* Old browsers */

padding-top:6px;
padding-bottom:6px;
padding-left:8px;
padding-right:11px;
border-radius:5px;
border:1px solid white;
    font-size:15px;
    float:none;
}
body#home .wrapbg .cta-button {float:left;}
/*****/
.wrapbg .service-table-row-price{
    position: relative;
    right:0;
    float: right;
    text-align: right;
    width:64px;
}
.wrapbg .service-table-remove{
     right:-30px;
}
.wrapbg .service-table-row-name {
    float: left;
    margin-right: 10px;
}
#services .wrapbg #service-content ul li, #price-list .wrapbg #service-content ul li {
    margin-right: 50px;
    width: 280px;
}
#services .wrapbg #service-content ul, #price-list .wrapbg #service-content ul {
    float: left;
    padding: 0 0 20px;
    width: 325px;
}

/************************************************
                DROPDOWN MENU
*************************************************/               

/*Edit this style to match designs current menu*/
.main-nav ul ul{
    background: #F3F4EF;
    padding:4px 0;
    position:absolute;
    left:-5000px;
    min-width:100%;
    z-index:100;
    opacity:0;
    top:27px;
    min-height:30px;
    padding-right:7px;

}
.main-nav ul.navigation-bonline ul li{padding-top:5px;text-align:left;}
.main-nav ul.navigation-bonline ul li a{
    padding-bottom:0;
    width: auto;
    display: block;
    padding-top:0;
}


.wrapbg .navigation-bonline > li > a.menu-arrow:after {
    border: solid transparent;
    content: ' ';
    height: 0;
    right:2px;
    position: absolute;
    width: 0;
    top: 13px;
    border-width: 4px;
    border-top-color:#333;
}
.wrapbg .navigation-bonline > li > a.menu-arrow.active:after {
    border-top-color:#000;
}

.wrapbg .navigation-bonline > li > a.menu-arrow:hover:after {
    border-top-color:#000;
}
.main-nav > ul > li{
    float: left;
    position: relative;
}

.main-nav li:hover ul{
    left:0;
    opacity:1;
    -webkit-transition:opacity .1s;
    -moz-transition:opacity .1s;
    -ms-transition:opacity .1s;
    -o-transition:opacity .1s;
    transition:opacity .1s;
}

.main-nav ul ul li {
    white-space:nowrap;
    width:100%;
}

.main-nav ul ul li span{
    display:block;
}

.main-nav ul.navigation-bonline li ul li span a{
        font-size:10px;
        line-height:21px;
}
.wrapbg .navigation-bonline li ul li a span{
    display: inline;
}
/*************************************************
/*EXTRA PAGES*/
/*************************************************/



 /******************************************
                        Sections page
************************************************/
#sections .team-summary article#team-summary-content {
    margin-top:10px;
}
#sections .team-summary div.our-team-content,
#product-page .team-summary div.our-team-content {min-height:18px;float:none;margin-top:10px;}

body#our-team .about-us-table-remove,
body#services-sections .about-us-table-remove{right:3px;}
body#our-team .our-team-wrapper img.handle,
body#services-sections .our-team-wrapper img.handle{
position: absolute;
left: 0px;
top: 19px;
}
/*item name*/

/*price*/
#sections .team-summary div.our-team-content span.section-item-meta {
    position: absolute;
    top: 12px;
    right: 10px;
    width: 67px;
    min-height: 0px;
    text-align:right;
}
#product-page .team-summary div.our-team-content span.section-item-meta {
    position: absolute;
    top: 12px;
    right: 10px;
    width: 67px;
    min-height: 0px;
}


#sections .our-team-wrapper img.handle,
#product-page .our-team-wrapper img.handle {
    position: absolute;
    left: -19px;
    top: 5px;
}
/*********************************
********** Blog Page***********
*********************************/
#blog #aside-image, #blank #aside-image, #sections #aside-image, #product-page #aside-image {margin-top:7px;}
#blog .news-content {float:none;}
#blog .news-author {font-weight:bold;margin-top:5px;}

/* twitter widget overrides */
.twtr-widget .twtr-doc {
    width:216px !important;
    border: 2px solid grey;
    moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

/* Secondary-Nav */

.wrapbg .secondary-nav {
    margin-bottom: 20px;
    padding: 20px;
    background: white;
    border: 2px solid grey;
}
.wrapbg .secondary-nav ol li {
    list-style: none;
    clear: both;
    padding: 10px;
}

.wrapbg .secondary-nav .parent-link,
.wrapbg .secondary-nav .active-subpage {
    background-color: lightgrey;
}

.wrapbg .secondary-nav .child-link {
    margin-left: 20px;
}

/* Social media links */
.social-links {
display:none;
}
.wrapbg .project p.project-price{float:right;width:89px;margin-right:3px;text-align:right;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:black;}
.wrapbg .project p.project-link a{float:left;margin-top:-14px;color:white;text-decoration:none;font-family:'Satisfy', cursive; font-weight:normal;}
.wrapbg .project p.project-link:hover{background:url("../images/readmorehover.png") -7px -4px; background-repeat:no-repeat;}

.wrapbg .project p.project-link{font-size:16px;float:left;margin-top:25px;width:120px;background:url("../images/readmorea2.png") -7px -1px; background-repeat:no-repeat;padding-right:10px;padding-left:20px;padding-top:28px;padding-bottom:11px;}
.wrapbg .project p {font-family:'Satisfy', cursive; width:178px;float:left;font-size:20px;font-weight:bold;margin-top:15px;margin-left:-18px;}
body#home #aside-summary{float:left;width:960px;
    margin-top:10px;

margin-bottom:57px;

}

/*contact page*/

.contact-details{float:left;margin-bottom:10px;}
body#contacts #business-hours-heading, body#contacts h2#address-heading-name{text-align:left;margin-left:0;color:#333;}
body#contacts .wrapbg #contact-page-address span a{float:left;margin-top:10px;}
body#home .wrapbg #contact-page-address  .popup-content p,
body#services .wrapbg #contact-page-address  .popup-content p, 
body#price-list .wrapbg #contact-page-address  .popup-content p, 
body#about-us .wrapbg #contact-page-address  .popup-content p, 
body#news .wrapbg #contact-page-address  .popup-content p,
body#testimonials .wrapbg #contact-page-address  .popup-content p, 
body#portfolio .wrapbg #contact-page-address  .popup-content p, 
body#blank .wrapbg #contact-page-address  .popup-content p, 
body#sections .wrapbg #contact-page-address  .popup-content p, 
body#product-page .wrapbg #contact-page-address  .popup-content p, 
body#blog .wrapbg #contact-page-address  .popup-content p{
    color: white;
    font-size: 14px;
    margin-left:49px;
    
}

h2#address-heading-name, #business-hours-heading{text-align:left;color:#ffffff;margin-left:49px;margin-top:44px;width:182px;margin-bottom:5px;font-family:'Satisfy', cursive;}

 body#contacts .wrapbg #contact-page-address .popup-content p{color:#333;}

 .wrapbg #testimonial-widget a{float:left;margin-left:16px;color:white;}

 #aside-summary .featured-projects-summary.services {width:280px;float:left;}
  #aside-summary #featured-projects-title{display:none;}
#aside-summary .featured-projects-summary.services .wrapbg .featured-projects-summary .project a{display: none;}

body#home .wrapbg table th, 
body#services .wrapbg table th,
body#price-list .wrapbg table th, 
body#about-us .wrapbg table th, 
body#news .wrapbg table th, 
body#testimonials .wrapbg table th, 
body#portfolio .wrapbg table th, 
body#blank .wrapbg table th, 
body#sections .wrapbg table th, 
body#product-page .wrapbg table th, 
body#blog .wrapbg table th
 {   color: #333;
    font-size: 16px;
    margin-left:27px;}


body#home .wrapbg table, 
body#services .wrapbg table,
 body#price-list .wrapbg table, 
 body#about-us .wrapbg table, 
 body#news .wrapbg table, 
 body#testimonials .wrapbg table, 
 body#portfolio .wrapbg table, 
 body#blank .wrapbg table, 
 body#sections .wrapbg table, 
 body#product-page .wrapbg table, 
 body#blog .wrapbg table {font-size:14px;margin-left:27px;}

#aside-summary .wrapbg table{}
#business-hours-heading{color:white;width:232px;margin-top:18px;}
.wrapbg table th, .wrapbg table td{font-size:12px;}

 body#contacts h2#address-heading-name, 
 body#contacts #business-hours-heading{margin-top:0;}

 body#home  .wrapbg table td, 
body#services .wrapbg table td,
body#price-list .wrapbg table td, 
body#about-us  .wrapbg table td, 
body#news .wrapbg table td, 
body#testimonials .wrapbg table td, 
body#portfolio .wrapbg table td, 
body#blank .wrapbg table td, 
body#sections .wrapbg table td, 
body#product-page .wrapbg table td, 
body#blog  .wrapbg table td {   color: #333;
    font-size: 16px;
    margin-left:27px;}

   body#services .wrapbg #carousel, 
   body#price-list .wrapbg #carousel, 
   body#about-us .wrapbg #carousel, 
   body#news .wrapbg #carousel, 
   body#testimonials .wrapbg #carousel, 
   body#portfolio .wrapbg #carousel, 
   body#contacts .wrapbg #carousel,
    body#blank .wrapbg #carousel, 
    body#sections .wrapbg #carousel, 
    body#product-page .wrapbg #carousel, 
    body#blog .wrapbg #carousel {display:none;}



body#services .wrapbg .business-details,
body#price-list .wrapbg .business-details,
body#about-us .wrapbg .business-details,
body#testimonials .wrapbg .business-details,
body#portfolio .wrapbg .business-details,
body#contacts .wrapbg .business-details,
body#blank .wrapbg .business-details, 
body#blog .wrapbg .business-details,
 body#sections .wrapbg .business-details,
 body#product-page .wrapbg .business-details,
 body#news .wrapbg .business-details        {margin-bottom:0;}      



 /* Positioned Overlays */

.carousel .overlay-background.enabled {
    top: 0px;
    left: 0px;
    position: absolute;
    width: 949px;
    height: 289px;
    display: none;
}

.team-wrapper .overlay-background.enabled {
    height: 120px;
    width: 120px;
    position: absolute;
    top: 0px;
    left: 0px;
    display:none;
}

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

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

.head_logo .overlay-background.enabled {
    top: -14px;
    left: 0px;
    position: absolute;
    width: 183px;
    height: 112px;
    display: none;
}

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

.project { position: relative;}

.overlay-background.enabled {
    display: block;
    top: 63px;
    left: -2px;
    position: absolute;
    width: 227px;
    height: 160px;
    display: none;
}

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

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

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

/*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;width:121px;float:left;padding-right:0;}
body#product-page .wrapbg .team-summary div.our-team-content h2 {padding: 0px;width: 121px;float: none;clear: both;}
body#product-page .wrapbg .our-team-wrapper {width:695px;}
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 .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;
}