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

/* ******************************
     Default Typography Style 
   ******************************/
body#home, body#services, body#about-us, body#news,
body#testimonials, body#portfolio, body#contacts, body#blank, body#blog, body#sections, body#product-page, body#price-list
{background:#000 url(../images/bg.jpg) repeat-x;}

.wrapbg {font-size:13px;font-family:'Quattrocento Sans', sans-serif; color:#fff;}

.wrapbg p{font-family:'Quattrocento Sans', sans-serif;}

/*H tags*/
.wrapbg h1, .wrapbg h2, .wrapbg h3, .wrapbg h4, .wrapbg h5, .wrapbg h6
{color: #18abff;font-weight: bold;font-family: Arial;line-height:normal;}

.wrapbg h1 { font-size:30px}
.wrapbg h2 {font-size:24px;}
.wrapbg h3 {margin:5px 0;font-size:15px; font-weight:bold;color:#ffffff; }
.wrapbg h4{font-size:14px;color:#18abff;}
.wrapbg h5{font-size:13px; font-weight:bold;color:#18abff;}

.wrapbg a {color:#fff;text-decoration:underline;}
    .wrapbg a:hover{text-decoration:none;color:#18abff;}

.wrapbg #news-summary-title h2{color:#ffffff;}

/*Ol and UL */

.wrapbg ul {
    list-style-type: circle; 
    margin:0;
    padding:0 0 20px 0;
}

.wrapbg ol {
    list-style-type: decimal;
    margin:0px;
    padding:0px;
}
.wrapbg ol li {
    margin-top: 4px;
    padding-left: 5px;
}
/* Ordered Lists*/
.wrapbg .text ol {
    list-style-type: decimal;
    margin:0px;
    padding:0px;
}

.wrapbg .featured-projects-summary a{color:#ffffff;}
.wrapbg .text ol li {
    margin-top: 4px;
    padding-left: 0px;
    padding-top:0;
	list-style-position:outside;
    margin-left: 2em;
}
.wrapbg .text ul {
    list-style-type: disc;
    margin:0px;
    padding:0px;
}
.wrapbg .text ul li {
    margin-top: 4px;
    padding-top:0;
    padding-left: 0px;
    font-size:12px;
	list-style-position:outside;
    margin-left: 2em;
}
#edit-address-widget{color:black;float:left;margin-bottom:5px;margin-top:5px;}

.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{width:980px;margin:0 auto;}
    .wrapbg {position:relative;width:980px;float:left;}
    .wrapbg .content {padding-bottom: 40px;}
    
.wrapbg #content{margin-bottom:30px;float: left;width: 100%;}

/* Header Style */
.top {padding:0 0 5px; overflow:hidden; text-align:right; color:#fff;}
    .top .time {float:left; color:#828282;}

.wrapbg .business-details{
    margin-bottom:26px;
    float: left;width: 100%;
    padding:20px 0 5px;
    border-bottom: 1px solid #797979;
}

.wrapbg .head {height: 317px;padding-bottom: 10px;position: relative;}
    .wrapbg .head_logo {float: left;padding:0;margin-top:35px;}
    .wrapbg .head_logo img {margin-right: 10px;margin-top:-25px;}

/* Business Name and Motto */
.wrapbg .header-title { 
    float:left;
    position:relative;
    top:20px;
    margin-bottom:10px;
}
.wrapbg .header-title .wrap-header {
    text-align: left;
}
.wrapbg #site-header-title {
    font-size: 45px;
    font-family: Times, "Times New Roman", serif;
    color: #18ABFF;
    font-style: italic;
    min-width:50px;
    min-height:30px;
}
.wrapbg #site-header-motto{
    font-size: 16px;
    font-family: 'Quattrocento Sans', sans-serif;
    color:#ffffff;
    font-weight:normal;
    min-width:50px;
    min-height:27px;
    word-spacing: 5px;
}
.wrapbg .upload-button {
    position: absolute;
    text-align: left;
}

/* Business Phone Number */

.wrapbg #business-phone-number {
    float: right;
    color:#fff;
    font-size:21px;
    font-family: 'Quattrocento Sans', sans-serif;
    width: 100%;
    text-align: right;
}

/* ******************************
     Carousel Style 
   ******************************/
.wrapbg #faded, .wrapbg #carousel{
    overflow:hidden;
    margin:0 auto;
    position:relative;
    height: 367px;
}
.wrapbg .slides_container , .wrapbg .carousel, .wrapbg .carousel img {
    width:469px;
    height:331px;margin-bottom: 0;
}
.wrapbg .slides_container {
    border-width: 4px;
    border-style:solid;
    border-color:#18ABFF;
}

.wrapbg .next, .wrapbg .prev {
    display: block;margin-top: -22px;
    width: 23px;height: 45px;z-index: 97;
    position: absolute;top: 50%;cursor: pointer;
}
.wrapbg .next {
    background: url(../images/righticon.png) 0 0 no-repeat;
    right: 10px;
}
.wrapbg .prev {
    background: url(../images/lefticon.png) 0 0 no-repeat;
    left: 10px;
}
/*Pagination*/
.wrapbg ul.pagination{
    padding: 7px 13px;
    z-index:97;
    bottom:0;
    position:absolute;
    right:0;
    height:14px;
    background-color: #18ABFF;
}
.wrapbg .pagination{height:0;margin:0;}
.wrapbg ul.pagination li{
    list-style:none;
}
.wrapbg ul.pagination li a {
        background:url("../images/selector-a.png");
        background-repeat:no-repeat;
        font-size:0px;
        width:5px;
        height:15px;

}

.wrapbg ul.pagination li.activeSlide a, .wrapbg ul.pagination li a:hover{
    background:url("../images/selector1.png");
    background-repeat:no-repeat;

}
.wrapbg .pagination a{border:none;line-height:15px;}

/* Navigation Style */
.wrapbg .main-nav{float: left;width:100%;}

.wrapbg .navigation-bonline {list-style: none;margin:0 0 20px;float:left;padding:0;width:100%;}

.wrapbg .navigation-bonline li {
    float: left;
    list-style:none;
}

.wrapbg .navigation-bonline li a {
    display:block;
    padding: 0 20px;
    font-size: 20px;
    line-height:35px;
    color:#fff;
    text-decoration:none;
}
 /* FIX for bootstrap */
.wrapbg .navigation-bonline li a:hover {color:#18abff;}
.wrapbg .navigation-bonline li a.active {
    color:#18abff;
    font-weight: bold;
    text-decoration: underline;
}

.wrapbg nav ul > li:last-child, .wrapbg .navigation-bonline .last-item a {padding-right: 0;}

/* ******************************
  Home Page - Aside
  *******************************/
.wrapbg #aside-summary{float: right;width: 195px;font-size:14px;}
.wrapbg #business-description{width:477px;float:left;margin: 0 43px;}



.wrapbg #business-hours-heading {
    clear: both;
}



.wrapbg #edit-business-hours, .wrapbg #edit-address{float:left;margin-bottom:10px;color:black;margin-top:10px;font-size:14px;}
.wrapbg #business-hours  h3{ padding-bottom: 6px;}

/* ******************************
  Home Page - Testimonial Summary 
   ******************************/
 .wrapbg .testimonials-feedback .testimonials-testimonial {
    padding-bottom: 5px;
 }

.wrapbg #testimonial-widget{margin: 20px 0 30px;}
.wrapbg .testimonial-summary-content{margin-top:30px;background:url("../images/pencilicon.png") no-repeat scroll 0 0 transparent;padding-bottom:5px;padding-left:45px;margin-left:5px;}
.wrapbg .testimonial-summary-content p{color:white;}
.wrapbg .testimonial-summary-content cite{
    position: relative;
    top:5px;
    color:white;
}

.wrapbg #site_home_whatsnew_head{width: 315px;}

.wrapbg .edit_area_btn{
    margin-right:20px;
    margin-bottom:50px;
    display: block;
    width: 164px;
    height: 118px;
    float: right;
}

.wrapbg .read-more {
    text-align: right;
    color:#18ABFF;
    padding-top:10px;
    text-decoration:underline;
    float:right;
    margin-right:10px;
    font-size: 15px;
    font-weight: bold;
}
.wrapbg .read-more:hover{color:#BFbebe;}

/* ******************************
 Home Page - News Widget
 ********************************/
.wrapbg #news-widget article{
   
    background:url("../images/newsicon.png") no-repeat scroll 0 5px transparent;
    padding-left:52px;
    padding-right:36px;
    margin-top:15px;
    padding-bottom:20px;
}
.wrapbg #news-widget article:last-child{border-bottom:none;}

.wrapbg #news-widget article h3 {
   line-height:22px;
   color:white;
}
.wrapbg #news-widget article span {
    color:#ADB0BA;
    font-size:11px;
}
.wrapbg #news-widget article p {
    padding: 4px 0px;
    color:white;

}

/* ******************************
 Home Page - left side
 ********************************/

/* ******************************
 Home Page - Main Content / business description
   ******************************/
.wrapbg #business-description-bold{ margin-bottom: 20px;}
.wrapbg #projects-page-title{margin-bottom:5px;}


.wrapbg #news-summary-title{position:relative;top:15px;margin-bottom:20px;left:5px;}

.wrapbg #inline-phonenumber{margin-top:20px;}

/* ******************************
     Home Page -  Featured Projects Summary
   ******************************/

/* ******************************
   About-Us Page
   ******************************/
#about-us .team-summary{width:477px;float:left;margin: 0 43px;}
.our-team-aside img{margin-right:10px;min-width:120px;min-height:80px;}
#about-us #content{
    padding-bottom:30px;
    
}
.wrapbg #our-team-title{
   font-weight:normal;
   margin-top:10px;
   clear:left;
}
.wrapbg .our-team-wrapper h2{color:white;font-size:14px;font-weight:bold;line-height:1.5em;}
.our-team-buttons a{font-size:14px;}
.our-team-content{margin:5px 0;width:477px;float:none;}
.our-team-content span.text{width:auto;display:block;float:none;line-height:1.5em;}
.wrapbg .team-wrapper{clear:left;}
.wrapbg .inline-image{margin-right:10px;float:left;padding:0;}
body#home .wrapbg .inline-image{
    display: block;
    float: none;
    margin-bottom: 10px;
    text-align: center;
	margin-top:3px;
}
.wrapbg #team-summary-content ol li{padding: 0 10px 8px 0;}


.wrapbg #site_about_us_wedocontent, body#about-us section.about-business article{
    float: left;
} 
.wrapbg #services-description p, .wrapbg #price-list #services-description p{margin-top:5px;}

.wrapbg .service-table-buttons-right .service-table-add-header {
    margin-left:0px;
}

.wrapbg .about-wrapper {
    float: left;
    width: 484px;
}
.wrapbg #about-business-wrapper { 
    width: 100%; 
    padding-right: 2px;
}

#about-us #our-team-content .our-team-aside{
    margin-right:5px;
    
}
.wrapbg #our-team-content{
    margin-bottom:20px;
}
.wrapbg #our-team-content ul li{color:white;}
.wrapbg #our-team-content ol li{color:white;}

/* ******************************
        News Page
   ******************************/
 #news .news{
width:477px;float:left;margin: 0 43px;        
}
 .news-feed{
     width:755px;
     float:left;
 }
 .wrapbg .news-article{
    border-bottom: 1px solid #797979;
    clear: both;
    float: left;
    margin: 0 0 10px;
    padding: 15px 0;
    width: 100%;
 }
.wrapbg .news-content{
     float:left;
	 width:100%;
}
.wrapbg .news-article h3 {
    font-weight:normal;
    letter-spacing: normal;
    color:#A9A9A9;
    font-size:18px;
}
.wrapbg .news-article .news-date {
    font-size: 11px;
    padding-bottom:5px;
}

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

.wrapbg #news-title{
    margin-bottom:5px;
    position:relative;
}
.wrapbg #feed{
    float: left;
    margin-bottom:10px;
	width:100%;
}

/* ******************************
        services Page
   ******************************/
#services .services, #price-list .services {width:477px;float:left;margin: 0 43px;position:relative;}

.wrapbg .service-table-add-header{color:black;}
.wrapbg .service-table-add-row{color:black;}
.wrapbg .our-team-wrapper{width: 100%;}
#services  #service-content{
    margin-top:10px;
}

body#services #page-deal{
    width: 170px;
}
.wrapbg #team-summary-content{padding-right:5px;}
.wrapbg #aside-image{
    float: left;
    width: 216px;
}

#services #service-title, #price-list #service-title {
 font-weight:lighter;
}
#services #service-content ul, #price-list #service-content ul{width:218px;margin-right:20px;float:left;margin-bottom:10px;padding:0;}
.wrapbg .service-table-content2{
    float:right !important;
}
.wrapbg .service-table-content2 li{
     padding-left:20px;
}
#services #service-content ul li, .wrapbg #services #service-content ul li h2, #price-list #service-content ul li, .wrapbg #price-list #service-content ul li h2{
    font-size:12px;
    float: left;
    width: 207px;
}
#services #service-content ul li h2, #price-list #service-content ul li h2{
    color:white;
    font-weight:bold;
    line-height:1.5em;
}
#services #service-content ul li h2, #price-list #service-content ul li h2{font-size:14px;text-transform:capitalize;width:209px;}

/*Services page table*/

.wrapbg .service-table-row-name{
    margin:0;
    min-height:18px !important;
    min-width:50px;
    width:137px;
}

.wrapbg .service-table-row-price{min-height:18px !important;min-width:59px;right: 0;position:relative;float:right;width:59px;}

.wrapbg .service-table-header{
    margin:10px 0 0 0;
}
.service-table-header .handle{top:0;}
.service-table-header .service-table-remove{top:0;}
.service-table-buttons-right{
    margin-left: 20px;
    margin-right: -25px;
    width: 240px;
}
/* ******************************
        Testimonial Page
   ******************************/ 
   .wrapbg #feedback{
    float:left;
    margin-bottom:10px;
	width:100%;
}

#testimonials #wrap-testimonials{
    width:477px;float:left;margin: 0 43px;
}
.wrapbg #testimonial-title{
  margin-bottom:5px;
}

.wrapbg .testimonial-name {
    text-align: left;
    color: #A9A9A9;
    font-size: 18px;
    margin: 5px 0;
    clear:both;
    font-weight:bold;
}
.wrapbg .testimonial-date {
    color: white;
    font-size: 11px;
    padding-bottom: 5px;
}
.wrapbg .testimonial-content p{
    color:white;
}


.wrapbg #feedback .testimonials{
    clear: both;
    float: left;
    padding: 15px 0;
    margin-bottom:10px;
    width: 100%;
    border-bottom: 1px solid #797979;
}
.wrapbg #feedback .testimonials .wrap-test-cont{
    clear: both;
    float: left;
	width: 100%;
}
/* ******************************
        Projects Page
   ******************************/
 
 #portfolio .project-details{
    width:190px;
    float:left;
}
 #portfolio .project-details p{
    margin-top: 5px;
}
#portfolio .project-details h2{color:#ffffff;}
.wrapbg .project-images {float:right;}
.wrapbg .project-images img, .wrapbg .project-images .img-border {margin-right:10px;margin-left: 30px;box-shadow:none;border-width:3px;border-style:solid;border-color:white;width:137px;height:125px;min-height:125px;min-width:137px;line-height:normal;padding-top:60px;}
.wrapbg .project-single { 
    clear: both;
    float:left;
    width:100%;
    margin-bottom:20px;
    position:relative;
}
.wrapbg .project-images img{padding-top:0;height:185px;width:137px;}

span.rollover-eff3{width:145px;height:194px;left:28px;line-height:255px;opacity: 0;}
.wrapbg #projects-page-details { margin-bottom: 30px;}
.wrapbg .projects-page{width: 760px;float: left;margin-left: 11px;}
.wrapbg .image-count{
       text-decoration:underline;
       float:left;
       clear:left;
       margin-top:10px;
       cursor: pointer;
       color:white;
}
.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;
}



 /* ******************************
        Contacts Page
   ******************************/

.wrapbg .contact-details{ 
    display: block;
    float: left;
    margin-bottom:30px;
}
.wrapbg #contact-title{
    padding-left:10px;
    padding-top:10px;
    margin-bottom:10px;
}
.wrapbg #contact-call{padding-left:10px;padding-right:5px;}
.wrapbg .contact-page-address{
    float: right;
    position:relative;
    width: 395px;
    font-size:16px;
    color:black;
}
.wrapbg .contact-page-address #contact-page-address{
    float: left;
    width: 190px;
    margin-right:15px;
    color: #FFF;
}
.wrapbg #aside-summary #contact-page-address p{color:white;}
.wrapbg #aside-summary #business-hours p{color:white;}
 .wrapbg section#business-hours section.popup-content table tbody{color:white;}

.wrapbg #contact-page-address span a.internal {
    display: block;
    color:white;
}

.wrapbg #map {
    width: 390px;
    height: 239px;
}

   /* ******************************
           Contact -  Form 
   ******************************/

.wrapbg .contact-form{
float: left;
margin-right: 30px;
width: 555px;
    background:#262626;
    border-radius: 5px;
}
.wrapbg .contact-form .buttons{
    padding-bottom: 10px;
    float:right;
    margin-right:70px;
    background-repeat:no-repeat;
}
.wrapbg .more-link, .wrapbg .contact-button {font-size:14px;margin-left:10px;margin-top:4px;}
.wrapbg .contact-form .buttons button{
    display: inline-block;
background: #18ABFF;
color: white;
border: none;
font-weight: bold;
font-size: 16px;
padding: 4px 8px;
border-radius: 6px;
}
.wrapbg .contact-form .buttons button:hover{
    text-decoration:none;
}
.wrapbg .contact-form-details{
    width: 320px;
    float:left;
    padding-left:20px;
}
.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, .wrapbg dd { line-height: 200%;}
.wrapbg form#form-main p {
 margin-bottom: 10px;
}
.wrapbg form#form-main label {
    text-align:left;
    width:450px;
    color:white;
}
.wrapbg form#form-main input {
    width: 450px;
    padding: 7px 5px;
    border: 1px solid #C9C9C9;
    background: #e6e6e6;
}
.wrapbg form#form-main fieldset{
    margin-top:30px;
}
.wrapbg #form-main textarea {
    height: 161px;
    overflow: auto;
    width: 450px;
    padding: 7px 5px;
    border: 1px solid #C9C9C9;
    background: #E6E6E6;
}
.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:10px;
    width:380px;
    margin-left:10px;
    margin-bottom: 10px
}
.wrapbg #thank-you p {
    margin-bottom: 10px;
}
.wrapbg .error { color: red; }
/* ******************************
             Footer 
   ******************************/
   
/* BASE html - Footer Style */
.wrapbg #base-footer {clear: both;width: 100%;border-top: 1px solid #797979;padding: 10px 0 0;float: left;}

.wrapbg #base-footer #legal-info, .wrapbg #base-footer #copyright-info {color: #fff;}
.wrapbg #base-footer #copyright-info{float:left;min-width:50px;min-height:10px;}
.wrapbg #base-footer #copyright-info {}

.wrapbg #base-footer ul{
    float: right;
    list-style: none;
    padding:0px;
    margin-right:5px;
}
.wrapbg #base-footer ul li{
    float:left;
    text-align:center;
    position:relative;
    margin-left:10px;
    border:none;
}
.wrapbg #base-footer ul li a { outline:none; text-decoration: none;font-size:11px;}
.wrapbg #base-footer ul li a:hover{text-decoration:none;}
.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
   ******************************/  

.wrapbg section.projects-page article.projects-section header{
    width: 430px;
    float: left;
}
.wrapbg section.projects-page article.projects-section ul{
    float: left;
    padding-top: 5px;
}
.wrapbg section.projects-page article.projects-section ul li{
    float: left;
    padding: 5px;
    color:white;
}
.wrapbg section.projects-page article.projects-section ol li{color:white;}
.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;
}
.wrapbg .extra-box1, .wrapbg #site_home_introcontent {
    width: 335px;
    float: left;
}
.wrapbg .col-1, .wrapbg .col-2, .wrapbg .col-3, .wrapbg .col-4 {float:left;}
.wrapbg .box {width:100%; overflow:hidden;}

.wrapbg section.services article{float: left;margin-top:7px;}
.wrapbg section.services article{float: left;}
.wrapbg section.services article figure{margin:0;}
.wrapbg .p1 {
    text-align: left;
    margin-top: 10px;
    margin-bottom: 8px;
}
.wrapbg .p2 {margin-bottom:15px;}
.wrapbg .p3 {margin-bottom:30px;}
.wrapbg .p4 {margin-bottom:40px;}
.wrapbg .p5 {margin-bottom:50px;}

.wrapbg #directions {
    float: right;
    width: 250px; 
}
.wrapbg .logodiv{margin-left: auto;margin-right: auto;}
.wrapbg .project-admin-edit {
    margin-bottom: 40px;
    float: right;
    display:none;
    width: 596px;
}

/*call to action button*/
.wrapbg .call-to-action-v{ width:159px;padding-top:5px;}
  
 .wrapbg .promo-bg-color, .wrapbg .promo-bg-color:hover {
    width:159px;
    background:rgb(0,0,0);
    box-shadow:none;
    border-width:2px;
    border-style:solid;
    border-color:#5d5d5d !important;
} 


.wrapbg .promo-bg-color, .wrapbg .orange, .wrapbg .red, .wrapbg .promo-bg-color:hover {color: #fff;}
    .wrapbg .promo span.icon{
         /*background:url("../images/click-here-button.png") 53% 90%;background-repeat:no-repeat;*/
         margin:0;
         color: #fff;
         font-size: 14px;
         background: none repeat scroll 0 0 transparent;
         padding:0;}
    .wrapbg .promo b span {color: #fff !important}
    
#contact-page-address a{text-decoration:underline;}
#contact-page-address a:hover{text-decoration:none;}
div#wrap-font-size{color:black;}
.wrapbg .service-table-buttons{clear:both;}
.wrapbg #news-summary-title h2{color:#ffffff;}
.service-table-remove{right:-30px;}

/* Sidebar */
aside section {margin-bottom: 20px;}
aside .business-content h1, aside .featured-projects-summary h2, #business-hours h2, #address-heading-name,
.wrapbg #testimonial-summary-title
    {font-size: 20px;}
aside .featured-projects-summary h2{margin-bottom:10px;}
aside .business-content p, aside .featured-projects-summary p {font-size: 14px}
.wrapbg .featured-projects-summary .project img {
    border-width:2px;
    border-style: solid;
    border-color:#18abff;
}
aside .project > a.portfolio-more {float: right;margin-top:10px;}

#location-map {margin-bottom: 30px;}
#business-hours {color: #fff;font-size: 14px;float:left;}
#business-hours td {padding:2px 2px;}

/* Style.css */
.call-to-action span.icon, .call-to-action a
{
   margin: 0;
   padding: 0;
}

span.icon{
  display:block;

}

.call-to-action-h {
    width:199px;
}

.call-to-action-v {
    width: 128px;
    min-width:128px;
}

.promo-bg-color, .orange, .red {
  font-size: 13px;
  text-decoration: none;
  display: inline-block;
  padding: 7px 13px;
  min-width: 100px;
  margin: auto auto 20px;
  border-width: 5px !important;
  border-color: #5f4319 !important;
  border-style: solid;
  position: relative;
  line-height: 1.5em;
  -moz-box-shadow: 0 1px 1px #FFFFFF inset, 0 0 1px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 1px #FFFFFF inset, 0 0 1px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 1px 1px #FFFFFF inset, 0 0 1px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 1px 1px #FFFFFF inset, 0 0 1px rgba(0, 0, 0, 0.5);
  -khtml-box-shadow: 0 1px 1px #FFFFFF inset, 0 0 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 1px #FFFFFF inset, 0 0 1px rgba(0, 0, 0, 0.5);
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 4px;
  border-radius: 8px;
  behavior: url(pie/PIE.htc)
}

/*shapes formating for css notifications*/
.standard{
  border-width: 2px !important;
  cursor:pointer;
}

/* Icon */
.save span.icon{
    background: url(icons/piggy.png)
}

.promo span.icon {
    background: url(icons/clickhereIcon.png)
}

/* Link */
.promo span.icon a{
display: block;
}

/* Type */
.promo {
    width: 110px;
    text-align:center;
}
.promo span.icon{
    text-align: center;
    padding: 0px 0px 48px 0px;
    background-repeat: no-repeat;
    background-position: 50% 90%;
    min-height: 48px;
    behavior: url(pie/PIE.htc);
    color: black;
    font-weight: normal;
}
.cta-button{
	background-color:#ffffff;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
    color: #000000;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px;
}

/************************************************
                DROPDOWN MENU
*************************************************/               
.wrapbg .main-nav{z-index:100;}

/*Edit this style to match designs current menu*/
.main-nav ul ul{
    background-color:#000000;
    padding:4px 0;
    position:absolute;
    top:32;
    left:-5000px;
    min-width:100%;
    z-index:100;
    opacity:0;
    border-width: 1px;
    border-style:solid;border-color:#18ABFF;
}

.wrapbg .navigation-bonline > li > a.menu-arrow:after {
    border: solid transparent;
    content: ' ';
    height: 0;
    right: -1px;
    position: absolute;
    width: 0;
    border-width: 4px;
    border-top-color:#ffffff;
    top: 14px;
}

.main-nav ul.navigation-bonline ul li{border-bottom-width:1px;border-style:solid;border-color:#18ABFF;}
.main-nav ul.navigation-bonline ul li:last-child{border-bottom:none;}


.wrapbg .navigation-bonline > li > a.menu-arrow:hover:after {
    border-top-color:#18ABFF;
}

.wrapbg .navigation-bonline > li > a.menu-arrow.active:after {
    border-top-color:#18ABFF;
}

.main-nav > ul > li{
    float:left;
    margin:7px 0 6px;
    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*/
/*************************************************/
/*Blank Page secondary menu*/

body#blank{background:#000 url(../images/bg.jpg) repeat-x; font-size:13px;font-family:'Quattrocento Sans', sans-serif; color:#fff;}
#blank .team-summary{width:477px;float:left;margin: 0 43px;}
#blank .team-summary p{color:white;}
#blank #content{
    padding-bottom:30px;
    
}
body#blank section.about-business article{
    float: left;
}

#blank #our-team-content .our-team-aside{
    margin-right:5px;
}

#blank .wrapbg #team-summary-content {
    min-height: 240px;
}


/******************************************
                        Blank page
************************************************/
#blank .team-summary{
  float: left;
    position:relative;
    padding-right:0px;
    padding-bottom:10px;
}

#blank .wrapbg #team-summary-content {
min-height: 24px;
}

 /******************************************
                        Sections page
************************************************/
#sections .team-summary, #product-page .team-summary {
    float: left;
    position:relative;
    padding-right:0px;
    padding-bottom:10px;
}#sections .team-summary article#team-summary-content, #product-page .team-summary article#team-summary-content {
    margin-bottom:10px;
}
#sections .team-summary div.our-team-content, #product-page .team-summary div.our-team-content {min-height:18px; width:477px;}

/*item name*/
#sections .team-summary div.our-team-content h2, #product-page .team-summary div.our-team-content h2 {
    width: 400px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5em;
    min-height: 0px;
    float:none;
}
#product-page .team-summary div.our-team-content h2{width:120px;line-height: normal;clear:both;}
/*price*/
#sections .team-summary div.our-team-content span.section-item-meta, #product-page .team-summary div.our-team-content span.section-item-meta {
    position: absolute;
    top: 5px;
    right: 0px;
    width: 64px;
    min-height: 0px;
    padding: 5px 0;
}
#product-page .team-summary div.our-team-content span.section-item-meta {position: relative;width:120px;float:left;line-height: normal;padding:0;}
#product-page .single-our-team{width:148px;margin-top:10px;margin-bottom:10px;}
#sections .team-summary div.our-team-content span.section-item-description {
    width:400px;
    display:block;
    min-height:18px;
}
#product-page .team-summary div.our-team-content span.section-item-description{display: none;}

#sections .about-us-table-remove  {right:-20px;}
 #product-page .about-us-table-remove  {right:17px;}
/*********************************
********** Blog Page***********
*********************************/
#blog .news, #blank .team-summary, #sections .team-summary, #product-page .team-summary{
width:477px;
float:left;
margin:0 43px;
}

 #blog .news #news-title{
    background: url("../images/main-title-bg.png") no-repeat scroll left top transparent;
    height: 37px;
    left: -20px;
    line-height: 25px;
    list-style: none outside none;
    padding: 0 20px;
    position: relative;
    text-align: left;
    width: 494px;
}
#blog .news-content {float:none;}
#blog .news-author {width:200px; font-weight:bold;}

#services .featured-projects-summary{width:216px;float:left;margin-left:-10px;}
#price-list .featured-projects-summary{width:216px;float:left;margin-left:-10px;}


 .featured-projects-summary{width:216px;float:left;}

/* Positioned Overlays */
.team-wrapper .overlay-background.enabled {
    height: 120px;
    width: 120px;
    position: absolute;
    top: 5px;
    left: 0px;
    display:none;
}
#sections .team-wrapper .overlay-background.enabled{top:0;}
.team-wrapper:hover .overlay-background.enabled {
    display:block;
}

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

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

.head_logo .overlay-background.enabled {
    top: 49px;
    left: 0px;
    position: absolute;
    width: 160px;
    height: 98px;
    display: none;
}

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

.project {
    position: relative;
}

.project .overlay-background.enabled {
    top: 2px;
    left: 2px;
    position: absolute;
    width: 215px;
    height: 130px;
    display: none;
}

body#contacts .wrapbg #contact-page-address a[href^="tel"], .wrapbg a[href^="tel"], a[href^="tel"], .wrapbg .business-details a[href^="tel"], .wrapbg #contact-page-address a[href^="tel"] {
   text-decoration: none;
   color: inherit;
}
#inline-phonenumber a {
    text-decoration: none;
    color: inherit;

}
/*New Gallery page*/

body#portfolio .tiled-project-single{width:304px;float:left;clear:none;}
#portfolio .wrapbg .tiled-project-details h2 {border:none;min-width:292px;margin-top:7px;}

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

.wrapbg .tiled-project-images img {min-width:287px;min-height:184px;height:184px;width:287px;}

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

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

.project-images.tiled-project-images span.rollover-eff3 {width:295px;height:193px;line-height:267px;}
#portfolio .wrapbg .tiled-project-details{width:270px;}

/*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: 980px;
}

.wrapbg .text ol, .wrapbg .text ul{
    overflow: hidden;
    zoom: 1;
}