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

/**Custom Fonts***/

/*
@font-face
{
    font-family: WorkBestFont;
    src: url(../Fonts/KozGoPr6N-Regular.otf);
}

@font-face
{
    font-family: CutNFont;
    src: url(../Fonts/KozGoPr6N-ExtraLight.otf);
}

@font-face
{
    font-family: EageFont;
    src: url(../Fonts/KozGoPr6N-Light.otf);
}

*/


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

.wrapbg  .quote-icon   /*#Customers-Say*/
{
    
    background-image: url("../images/pen.png");
    background-repeat: no-repeat;
    background-position:left;
    
    padding-top: 32px;
    width: 30px;
    margin-bottom: -40px;
    margin-left: -40px;
    
    /*
    padding-bottom:25px;
    padding-right:0px;
    background-position:right;
    margin-right:-10px;

    padding-left: 30px;
    margin-left: -80px;
    margin-bottom: -40px;
    
    */
} 
.wrapbg .testimonial-summary-content
{
    /*padding-left: 30px;   */
/*  margin-left: 30px;*/
    
    padding-left: 50px;    
    
}

#edit-address-widget{float:left;}
.wrapbg .testimonial-summary-content #feedback-testimonial-1331892826-content
{
    
    margin-left: 40px;
     text-align: left;
    padding-left: 0px;
       
}
body#contacts .wrapbg .contact-form li{margin-bottom: 10px;}

  .wrapbg h2{color:#5B5B5B;}

 
body#home,
body#services,
body#price-list,
body#about-us,
body#news,
body#testimonials,
body#portfolio,
body#contacts,
body#blank,
body#blog,
body#sections,
body#product-page{background-color:#DEDBDB;}

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

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

.wrapbg h1 {
    font-size:30px;
    font-weight:lighter;
    color: #999;
}

.wrapbg h2 {font-size:24px;   text-align:left; font-family:Tahoma, Geneva, sans-serif;}
.wrapbg h3 {
    margin:5px 0;
    font-size:15px;
    font-weight:normal;
    color:#A9A9A9;
}
.wrapbg #testimonial-widget a{color:white;}
.wrapbg h4{font-size:14px;color:#A9A9A9;}

.wrapbg h5{font-size:13px; font-weight:bold;color:#A9A9A9;}

.wrapbg a {color:#565656;text-decoration:underline;}

.wrapbg a:hover{text-decoration:none;}

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

.wrapbg #news-more{ text-decoration:none;color:#FFF ;text-align:center; height:17px;background-color:#3D873D;padding:5px;border-radius:40px;width:100px; font-family: Verdana, Geneva, sans-serif; }

/*Ol and UL */

.wrapbg ul {
    list-style-type: circle; 
    margin: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 .text ol li {
    margin-top: 4px;
    color:#565656;
    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;
    font-size:12px;
    list-style-position:outside;
    margin-left: 2em;
    color:#565656;
    padding-left:0px;
}

.wrapbg table{
    width:190px;
    margin-top:10px;
    float:right;

}
body#contacts section #business-hours table {margin-right:-10px;float:right;width:198px;font-family: 'Quattrocento Sans', sans-serif;}
.wrapbg table th, .wrapbg table td{
    border:none;
    padding-bottom:-10px;
    
    
}
/* ******************************
     Template Layout Style 
   ******************************/

html, body, .wrap{ height:100%; }
body > .wrap {height: auto; min-height: 100%;}
.wrapbg .content {/*padding-bottom: 40px; padding-right: 40px;*/ }
.wrap{width:990px;padding:0 13px; margin:0 auto;}
.wrapbg {
    position:relative;
   /* border:4px solid #cccccc;*/
    width:990px;
    padding-right:7px;
    padding-top:5px;
    border-radius:4px;
    padding-left:5px;
    float:left;
}
.wrapbg #content{
   margin-top:25px;
   margin-bottom:30px;
   float: left;
   width: 100%;
   /*background-color:EAE9DD;*/
}

body#services section#content aside.aside-image section.featured-projects-summary.services, body#price-list section#content aside.aside-image section.featured-projects-summary.services{position:relative;left:5px;width:226px;background:transparent;}

/* Header Style */


.wrapbg .business-details{
    margin-bottom:10px;
    float: left;
    padding: 20px 20px 5px 5px;
    width: 969px;
    margin-top: -10px;
    min-height: 150px;
    
    background-image: url("../images/header.png");   
    /*background: rgb(159, 159, 159); */ /* Old browsers */
}

.top {padding:0px; }
/*.top .time {float:left; color:#828282;}
*/
/*
.wrapbg .head {height: 317px;padding-bottom: 10px;position: relative;}
.wrapbg .head_logo {
    float: left;
    padding:0;
    margin-right: 10px;
}
.wrapbg .head_logo> img{
    float:left;
    height:100px;
}

.wrapbg .head-img{
    padding:0;
}

*/

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

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

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

/* Business Name and Motto */
.wrapbg .header-title { 
    float:left;
    position:relative;
    margin-bottom:10px;
    margin-top:40px;
    font-family: "Courier New", Courier, monospace;
    margin-left:10px;
    
}
.wrapbg .header-title .wrap-header {
    text-align: left;
}

.wrapbg #site-header-title {
    font-size: 35px;
    font-weight: normal;   
    min-width:50px;
    min-height:30px;
    position:relative; 
    color: white;   
    
}
 .wrapbg #site-header-lastTitle
 {
     
     font-size: 45px;
    font-weight: normal;
     /*color:# F00;*/
     color: #669966;
    
    min-width:50px;
    min-height:50px;
    position:relative;
    top:0px;
    padding-left: 0px;
    float: right;
    /*
    background-image: url(logo.png);
    background-repeat: no-repeat;
    */
    
 }
.wrapbg #site-header-motto{
    margin-top:-2px;
    font-size: 15px;
    color:#565656;
    min-width:40px;
    min-height:20px;
    padding-left:5px;
    
}
.wrapbg .upload-button {
    position: absolute;
    text-align: left;
}

/* Business Phone Number */

.wrapbg #business-phone-number {
    float: right;
    color: #999966;
    font-size:25px;
    right:10px;
    position:absolute;
    top:11px;
    
    word-spacing: 0.1em;
    font-family: Verdana;
    padding-right: 50px;
    
}
.wrapbg .head_logo{float:left;}
.wrapbg .head_logo img{float:left;margin-top:17px;}

.wrapbg #phone-number{padding-left:20px;line-height: 24px; color:#999966; font-family: Verdana;}

/* ******************************
     Carousel Style 
   ******************************/
 
 
.wrapbg #faded{position: relative;height:317px;}

/*
.wrapbg #carousel{
    overflow:hidden;
    margin:0 auto;
    top:10px;
    height:286px;
    width:527px;
     position:relative;
}

.wrapbg .slides_container , .wrapbg .carousel, 
.wrapbg .carousel img {
    width:527px;
    height:286px;

 }
 
 */
 
 
  .wrapbg .carousel .replace {
    width:527px;
    height:286px;
    min-height:286px;
    min-width:527px;
    border-style: solid;
    border-width:4px; 
    border-color:white;        
 }


.wrapbg .next {
    position: absolute;
    bottom: 145px;
    right: 7px;
    display: block;
    width: 56px;
    height: 55px;
    z-index: 97;
    background: url("../images/right.png") 0 0 no-repeat;
    background-color: transparent;
    cursor: pointer;
}
.wrapbg .prev {
    cursor: pointer;
    position: absolute;
    bottom: 145px;
    /*right: 0;*/
    left:-3px;
    display: block;
    width: 56px;
    height: 55px;
    z-index: 97;
    background: url("../images/left.png") right 0 no-repeat;
    
    /*background-image: url(SiteFiles/left.png);*/
    background-color: transparent;
    padding-bottom: 0px;
    margin-top: 50px; 
    
}

/* Positioned Overlays */

.carousel .overlay-background.enabled {
    top: 4px;
    left: 4px;
    position: absolute;
    width: 527px;
    height: 286px;
    display: none;
}

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

/*Pagination*/

.wrapbg .hostimage 
{
     padding:0;
    z-index:500;
    top:0px;
    /*right: 0;*/
 
    display: block;
    width: 570px;
    height: 68px;
    position:relative;
    margin-left: -17px;
  
    /*background-color: transparent; */
     
    background-image:url("../images/line.png");
    background-position:bottom;
    background-repeat: no-repeat;
    
}
    
.wrapbg ul.pagination{
     padding:0;
    z-index:97;
    top:-25px;
    position:relative;
    left:230px;
    width:150px;
        
}

.wrapbg .pagination{height:0;margin:0;
}
.wrapbg ul.pagination li{
    list-style:none;
    
    
}
.wrapbg ul.pagination li a {
        background:url("../images/wdot.png");
        background-repeat:no-repeat;
        font-size:0px;
        width:-20px;
        height:15px;
        padding: 15px;
        

}
.wrapbg .navigation-bonline li a.active{background-color:#0F3C1C;border-radius:6px;}
.wrapbg ul.pagination li.activeSlide a, .wrapbg ul.pagination li a:hover{
    background:url("../images/bdot.png");
    background-repeat:no-repeat;

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

/* Navigation Style */
.wrapbg .main-nav{
    /*border-top:3px solid #000;*/
    float: left;
   /* padding-right:4px;*/
    width:100%;
    min-height: 30px;
        
}

.wrapbg .navigation-bonline {
    
    /*list-style-image: none;
    list-style-position: inside;*/
    margin: 0 0 2px;
   float:left;
   /* padding:2px;*/
    width:760px;
    margin-left: 117px;
    min-height: 50px;
    margin-top: -40px;  
    padding-left: 18px;
    background: rgb(117,170,79); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top, rgb(117,170,79) 51%, rgb(61,135,61) 51%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(51%,rgb(117,170,79)), color-stop(51%,rgb(61,135,61))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(117,170,79) 51%,rgb(61,135,61) 51%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(117,170,79) 51%,rgb(61,135,61) 51%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(117,170,79) 51%,rgb(61,135,61) 51%); /* IE10+ */
    background: linear-gradient(top, rgb(117,170,79) 51%,rgb(61,135,61) 51%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75aa4f', endColorstr='#3d873d',GradientType=0 ); /* IE6-8 */
    background-repeat: no-repeat;
    border-radius:10px;    
    
}
.wrapbg .navigation-bonline li {
    float: left;
    font-size: 20px;
/*    padding: 0 30px 0 0px;*/
    text-align: center;
    list-style:none;
    padding-right: 15px;
    padding-top: 3px;   
}

.wrapbg .navigation-bonline li a {
    display:block;
    padding: 0 10px;
    font-size:16px;
    line-height:30px;
    color: white;    
    min-width: 40px;
    text-decoration:none;
    /*text-transform:uppercase;*/

}

 /* FIX for bootstrap */
.wrapbg .navigation-bonline li a:hover {
    color:#DEDBDB;
    background-color:#0F3C1C;
    border-radius:6px;
}
.wrapbg .navigation-bonline li a.active{/*background:#ffffff;*/color:#dedbdb;}
.wrapbg .navigation-bonline .last-item {background:none;}
.wrapbg nav ul > li:last-child { background: none; }
/* ******************************
  Home Page - Aside
  *******************************/
.wrapbg #aside-summary{
    float: right;
    width: 190px;
    /*color:black;*/
    font-size:14px; 
}
.wrapbg #aside-summary p{margin-right:7px; }
.wrapbg #aside-summary a{/*color:black;*/
    font-size:16px;
    position:relative;
    top:0px;
    font-weight: bold;
}
.wrapbg #business-description{
    width:545px;
    float:left;
    position:relative;
    left:25px;
    padding-bottom:10px;
    padding-right:5px;
}

.wrapbg #business-description p{color:#565656; }
.wrapbg #business-hours{
    margin-top:25px;
    float:left;
    width:190px;
    /*font-size:12px;*/
}

.wrapbg #business-hours-heading
{
    font-family:"Courier New", Courier, monospace;
    text-transform: uppercase;
    font-size:20px;
    line-height:24px;
}

.wrapbg #business-hours-heading{letter-spacing:0;font-weight:bold;min-height:38px;padding-right:10px;text-align:left;}
.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-left:7px;
    padding-right:5px;
    margin-bottom:35px;
    margin-top:20px;
}
.wrapbg #testimonial-summary-title{margin-left:5px;display:none;}
.wrapbg .testimonial-summary-content{ left: 20px;}
.wrapbg .testimonial-summary-content p{padding-bottom:10px;color:white;padding-left:40px;padding-right:40px;}
.wrapbg .testimonial-summary-content cite{
    position: relative;
    top:5px;
    color:white;
    display:none;    
}

.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#business-description-content {
    width: 216px;
    position:relative;
    top:8px;
    padding-left:5px;
}

.wrapbg .read-more {
    text-align: right;
    color:white;
    text-decoration:none;
    padding-top:10px;
    /*text-decoration:underline;*/
    float:right;
    margin-right:10px;
    color:#FFF ;text-align:center; width:100px; font-family: Verdana, Geneva, sans-serif; 

height:17px;background-color:#3D873D;padding:5px;border-radius:40px;

}
.wrapbg .read-more:hover{color:#BFbebe;}

/* ******************************
 Home Page - News Widget
 ********************************/
 
 .wrapbg #news-widget{
    background:url("../images/dots.png") no-repeat scroll 10px 0 transparent;
    padding-right:5px;
    margin-left:10px;
}

.wrapbg #news-widget article{
    background:url("../images/info.png") no-repeat scroll 0 10px transparent;
    padding-left:2px;
    /*border-bottom:1px solid #565656;*/
    padding-right:63px;
    margin-top:10px;
    float:left;
    padding-bottom:10px;
    padding-left:88px;
}
.wrapbg #news-widget article:last-child{border-bottom:none;}

.wrapbg #news-widget article h3 {
   line-height:22px;
   color:#565656;
}
.wrapbg #news-widget article span {
    color:#565656;
    font-size:11px;
}
.wrapbg #news-widget article p {
    color:#565656;

}

/* ******************************
 Home Page - left side
 ********************************/
.wrapbg .business-content{
    float: left;
    width: 250px;
    padding-bottom:18px;
    margin-top:15px;
    position:relative;
    left:1px;
}

.wrapbg .business-content #business-description-title{
    color: #5b5b5b; font-family: "Courier New", Courier, monospace;    
    padding-top: 0px;
    margin-top: -22px;
    font-weight:bold;
    line-height:28px;
    width:216px;
    padding-left:5px;
}

.wrapbg .business-content p{color:#565656; }

.wrapbg .featured-projects-summary services #featured-projects-title
{
    color: #f8649e; 
    font-family:Verdana, Geneva, sans-serif;
}

.wrapbg  .shade
{
    background-repeat: no-repeat;
    padding-left: 5px;
    padding-top: 8px;
    margin-top:-107px;
    margin-left: 2px;
    width: 180px;
    height: 5px;
    
}

.wrapbg .head-img{background:url("../images/Line.png");background-repeat:repeat-y;}
/* ******************************
 Home Page - Main Content / business description
   ******************************/
.wrapbg #business-description-bold{ margin-bottom: 20px;}

.wrapbg #projects-page-title{margin-bottom:5px;}
.wrapbg #featured-projects-title{min-height:38px;position:relative;left:-4px;letter-spacing:0;padding-left:10px;width:216px;margin-bottom:5px; text-transform: uppercase; }
.wrapbg #news-summary-title{position:relative;top:5px; /*;margin-bottom:2px;left:5px;*/ text-transform: uppercase; font-family:Verdana, Geneva, sans-serif; font-weight:700; letter-spacing: 0.1px; }
.wrapbg #News-Material 
{
    margin-left: 100px; 
    margin-top: 20
    
}

.wrapbg .picInfo
{
    background-image: url("..images/info.png");
    background-repeat: no-repeat;
    background-position:bottom;       
    margin-left: 0px;  
   padding-left: 36px;
    padding-top: 40px;
    padding-bottom: 30px;
}

.wrapbg #address-heading-name{
    min-height:38px;
    line-height:24px;
    margin: 0;
    margin:0 0 10px;
    padding-right:10px;
    text-align:left;
    font-family:  "Courier New", Courier, monospace;
    text-transform: uppercase;
}
/*.wrapbg #inline-phonenumber{margin-top:0px;}*/

/* ******************************
     Home Page -  Featured Projects Summary
   ******************************/
.wrapbg .featured-projects-summary .project {
   width:216px;
   position: relative;
}

.project .overlay-background.enabled {
    top: 10px;
    left: 0px;
    position: absolute;
    width: 216px;
    height: 131px;
    display: none;
}

.wrapbg #aside-summary #contact-page-address span a{color:#f8649e;}
.wrapbg .featured-projects-summary .project p {
   text-align:right;
   /*color:black;*/
}
.wrapbg #aside-summary #contact-page-address span .internal{text-decoration:none;color:white;font-family: Verdana, Geneva, sans-serif; font-weight:normal; font-size: 13px;}
.wrapbg #aside-summary #contact-page-address span { height:17px;background-color:#3D873D;padding-top:4px;padding-bottom:4px;padding-left:10px;padding-right:10px;border-radius:40px;
}
.wrapbg #inline-phonenumber{margin-bottom:20px ;}

.wrapbg .featured-projects-summary .project span.upload{
   width:225px; 
   
}         
.wrapbg .project p { clear: both; padding-top:6px; margin-top:5px; min-height: 20px; text-align: center;}
.wrapbg .featured-projects-summary .project img { display:block;background:url("../images/shade.png") center bottom;width:216px;background-repeat:no-repeat;padding:10px;float:left;padding-left:0;}
.wrapbg .featured-projects-summary {margin-bottom:10px;float: left;width: 226px;position:relative;left:5px;}
body#services section#content aside.aside-image section.featured-projects-summary.services, body#price-list section#content aside.aside-image section.featured-projects-summary.services{position:relative;left:5px;width:226px;background:transparent; }


/* ******************************
   About-Us Page
   ******************************/
#about-us .team-summary{
  float: left;
    width: 545px;   
    position:relative;
    left:25px;
    padding-right:4px;
    color:#565656;
    padding-bottom:10px;
}
.our-team-aside img{margin-right:10px;min-width:120px;min-height:80px;}
#about-us #content{
    padding-bottom:30px;
    
}
.wrapbg #team-summary-title{
   padding-bottom:10px;
   padding-top:10px;
   font-size:28px;
   line-height:35px;
   font-weight:normal;
   padding-left:10px;
}
.wrapbg #our-team-title{
    padding-left:7px;
   font-weight:normal;
   margin-top:10px;
   clear:left;
   
}
.wrapbg .our-team-wrapper h2{padding-left:10px;color:#565656;font-size:14px;font-weight:bold;line-height:1.5em;  }
.our-team-buttons a{/*color:black;*/font-size:14px;}
.our-team-content{margin-bottom:5px;margin-top:5px;min-height:80px;width:530px;float:none;}
.our-team-content span.text{padding-left:10px; 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;}
.wrapbg #team-summary-content ol li{color:#565656;}
.wrapbg #team-summary-content ul li{color:#565656;}
.wrapbg .our-team-wrapper ul li{color:#565656;}
.wrapbg .our-team-wrapper ol li{color:#565656;}

.wrapbg #site_about_us_wedocontent, body#about-us section.about-business article{
    float: left;
} 
.wrapbg #services-description p{padding-left:25px;margin-top:5px;color:#565656;}
.wrapbg .about-wrapper {
    float: left;
    width: 484px;
}
.wrapbg #about-business-wrapper { 
    width: 100%; 
    padding-right: 2px;
}
.single-our-team{margin-left:-9px;}
#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:#565656;}
.wrapbg #our-team-content ol li{color:#565656;}

/* ******************************
        News Page
   ******************************/
 #news .news{
    float: left;
    left:25px;
    position:relative;
    width: 545px;
    padding-right:5px;
}
 .news-feed{
     width:755px;
     float:left;
 }
 .wrapbg .news-article{
    clear:both;
    float:left;
    margin: 10px 0;
    width: 100%;
    padding-bottom:15px;
    border-bottom:1px solid #eeeeee;
 }
.news-edit-group, .testimonial-edit-group{
    margin:10px 5px;
}
.wrapbg .news-article h3 {
    font-weight:normal;
    letter-spacing: normal;
    color:#565656;
    font-size:18px;
    
}
.wrapbg .news-article .news-date {
    font-size: 11px;    
}



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

.wrapbg #news-title{
    margin-bottom:5px;
    padding-left:7px;
    position:relative;
    padding-top:10px;
    
}
.wrapbg #feed{
    float: left;
    padding-left:10px;
    padding-right:10px;
    margin-bottom:10px;
    width:524px;
}


/* ******************************
        services Page
   ******************************/
#services .services, #price-list .services{
    float: left;
    width: 545px;
    padding-right:5px;
    position:relative;
    left:25px;
    padding-top:10px;

}
.wrapbg .service-table-add-header{/*color:black;*/}
.wrapbg .service-table-add-row{/*color:black;*/}
.wrapbg .our-team-wrapper{padding-left:10px;padding-right:5px;}
#services  #service-content, #price-list  #service-content{
    width:535px;
    margin-top:10px;
}

body#services #page-deal{
    width: 170px;
}
.wrapbg #team-summary-content{padding-left:10px;padding-right:5px;}
.wrapbg #aside-image{
    float: left;
    width: 216px;
    margin-left: 0px;
    
    
}
.wrapbg #aside-image a{/*color:black;*/}

.wrapbg #aside-image .project img {}

#services #service-title, #price-list #service-title{
 font-weight:lighter;
 padding-left:24px;
 font-family:Lapland; 
 
}

#services #service-content ul, #price-list #service-content ul{position:relative;left:20px;width:245px;margin-right:20px;float:left;margin-bottom:10px;padding:0;}

#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: 230px;
}
#services #service-content ul li h2, #price-list #service-content ul li h2{
    color:#565656;
    font-weight:bold;
    line-height:1.5em;
    margin-left:10px;
}

#services #service-content ul li h2, #price-list #service-content ul li h2{font-size:14px;text-transform:capitalize;}

/*Services page table*/

.wrapbg .service-table-row-name{
    margin-left:10px;
    min-height:20px;
    min-width:50px;
    width:151px;
    
}

.wrapbg .service-table-row-price{width:56px;min-height:12px;min-width:56px;right: 0px;float:right;position:relative;}

.wrapbg .service-table-header{
    margin:10px 0 0 0;
}

/* ******************************
        Testimonial Page
   ******************************/ 
   .wrapbg #feedback{
    float:left;
    padding-left:10px;
    padding-right:5px;
    margin-bottom:10px;
}

#testimonials #wrap-testimonials{
    position:relative;
    left:25px;
    width:545px;
    float:left;
    padding-right:5px;
}
.wrapbg #testimonial-title{
  padding-top:10px;
  padding-left:7px;
  margin-bottom:5px;
   
}

.wrapbg .testimonial-name {
    text-align: left;
    font-size: 18px;
    letter-spacing: normal;
    margin: 5px 0;
}
.wrapbg .testimonial-date {
    font-size: 11px;        
}
.wrapbg .testimonial-content p{
    color:#565656;
     
}


.wrapbg #feedback .testimonials{
    clear: both;
    float: left;
    margin: 10px 0;
    width: 100%;
    padding-bottom:15px;
    border-bottom:1px solid #eeeeee;
}

/* ******************************
        Projects Page
   ******************************/
 
 #portfolio .project-details{
    width:190px;
    float:left;
}
 #portfolio .project-details p{
    margin-top: 5px;

    font-family: "Kozuka Gothic Pr6N R";
}
.wrapbg .project-images {float:right;}
.wrapbg .project-images img, .wrapbg .project-images .img-border {cursor:pointer;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{
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    width:760px;
    float:left;
    margin-left:11px;
}
.wrapbg .image-count{
       text-decoration:underline;
       float:left;
       clear:left;
       margin-top:10px;
       cursor: pointer;
}
.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 .featured-projects-summary .project > a{padding-left:8px;text-decoration:none;color:white;position:relative;left:5px;height:17px;background-color:#3D873D;padding:5px;border-radius:40px;top:20px;padding-top:5px;}

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

.wrapbg .contact-details{ 
    display: block;
    float: left;
    margin-bottom:30px;
}
.wrapbg #contact-title{
    padding-top:10px;
    margin-bottom:10px;
}
.wrapbg #contact-page-address{margin-top:15px;width:190px;text-align:left;}
.wrapbg #contact-call{padding-right:5px; }
.wrapbg .contact-page-address{
    float: right;
    position:relative;
    left:10px;
    width: 395px;
    font-size:16px;
    /*color:black;*/
}
.wrapbg .contact-page-address #contact-page-address{
    float: left;
    width: 190px;
    margin-right:15px;
    margin-top:25px;
}

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

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

.wrapbg .contact-form{
    float: left;
    margin-left:10px;
    width: 570px;
}
.wrapbg .contact-form .buttons{
    padding-bottom: 10px;
    float:right;
    margin-right:35px;
    padding-left:20px;
    padding-right:40px;
    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-color: transparent;
    color:black;
    border:none;
}
.wrapbg .contact-form .buttons button:hover{
    text-decoration:none;
}
.wrapbg .contact-form-details{
    width: 500px;
    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, .wrapbg dd { line-height: 200%;}
.wrapbg form#form-main p {
 margin-bottom: 10px;
}
.wrapbg form#form-main label {
    text-align:left;
    width:100%;
    color:#565656;
    
}
.wrapbg form#form-main input {
    width: 480px;
    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: 480px;
    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;

}
.wrapbg #thank-you p {
    margin-bottom: 10px;
}
.wrapbg .error { color: red; }
/* ******************************
             Footer 
   ******************************/
   
/* BASE html - Footer Style */

.wrapbg #base-footer {
   clear:both;
   border:0;
   margin:0 0 0px;
   padding-left:3px;
   /*border-top:2px solid #555555;*/
    min-height:58px;
    clear:both;
    width:100%;
    padding-top:3px;
    background-image: url("../images/header.png");
    background-position: top;
    background-repeat: no-repeat;
    color:#99cc66;
    float:left;
}

.wrapbg #base-footer a{color:black;}
.wrapbg #base-footer #legal-info{
    
    float: left;
    min-width: 50px;
    color:#99cc66;
    width:100%;
    min-height:10px;
    padding-top:10px;
}
.wrapbg #base-footer #copyright-info{
    float: left;
    min-width: 50px;
    color:#99cc66;
    margin-top:5px;
    min-height:10px;
    
}
.wrapbg .contact-page-address #contact-page-address p{color:#565656;}
.wrapbg #base-footer ul{
    float: right;
    list-style: none;
    /*padding:0px;*/
    margin-right:5px;
    color:#99cc66;
    
}
.wrapbg #base-footer ul li{
    float:left;
    text-align:center;
    position:relative;
    margin-left:10px;
    border:none;
    color:#99cc66;
    
}
.wrapbg #base-footer ul li a { outline:none; text-decoration: none;color:#99cc66;font-size:11px; }
.wrapbg #base-footer ul li a:hover{color:#99cc66; 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:#565656;
}
.wrapbg section.projects-page article.projects-section ol li{color:#565656;}
.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;width:545px;}
.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 .promo {
    border:none;
    width:140px;
    background:black;
}
.wrapbg .promo-bg-color{

background: rgb(38,31,28); /* Old browsers */
 border:none;
   
    border-radius:none;
    padding-top:0;

}

.wrapbg .promo-bg-color:hover{

background: rgb(38,31,28); /* Old browsers */
}

.wrapbg .icon text promo-v{color:white; }
.wrapbg .promo span.icon{
    position:relative;
    padding:5px 0 0px 0;
    margin-left:0px;
    color:white;
    margin-bottom:8px;
    background: none repeat scroll 0 0 transparent;
}
.wrapbg .call-to-action-v{width:150px; color:#FFF ; /*padding: 10px;*/ text-align:center; 
/*:black;border-width:2px;border-style:solid;border-color:#000;*/
text-decoration:none;}

.wrapbg .call-to-action-v #CallBelowText
{
    text-align:center;
    word-spacing: 0.2em;
    font-size: 12px;
    /*padding-left: 20px;*/
}

.wrapbg .call-to-action-v .CallShadow
{

  text-transform: uppercase;
}

.wrapbg .promo-bg-color, .wrapbg .orange, .wrapbg .red{border:0px;box-shadow:none;border-radius:0;}
#edit_promo span{color: white !important; text-shadow: #000;}

#contact-page-address a{/*color:black;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;}
.handle,.service-table-header .handle{left:5px;}

.wrapbg .promo .cta-button{
    background: #75aa4f;    
	font-family:arial;
	text-decoration:none;  
    -moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: normal;
    padding: 5px 22px 5px 15px;
    text-transform: capitalize;
    position: relative;
    display:inline-block;
}

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

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

.main-nav ul.navigation-bonline ul li {    border-bottom-width:1px;
    border-color:#3D873D;
    border-style:solid;
padding:0;}

.main-nav ul.navigation-bonline ul li:last-child{border-bottom:none;}
.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;
    border-radius:none;
}

/*these are structural styles*/
.main-nav > ul > li{
    float:left;
    position:relative;
}

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

.main-nav ul ul li a{
    text-align:left;
}

.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;
}
.wrapbg .navigation-bonline ul li a.active, .wrapbg .navigation-bonline ul a:hover{border-radius:0px;}

/*menu arrow*/

.wrapbg .navigation-bonline li a.menu-arrow {
    padding-right: 25px;
}

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

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

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

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

#blank .wrapbg #team-summary-content {
min-height: 24px;
min-width:530px;
margin-top:5px;
line-height:18px;
}

 /******************************************
                        Sections page
************************************************/
#sections .team-summary, #product-page .team-summary  {
    float: left;
    width: 545px;   
    position:relative;
    left:25px;
    padding-right:4px;
    padding-bottom:10px;
}
#sections .team-summary article#team-summary-content, #product-page .team-summary article#team-summary-content {
    min-width:500px;
    margin-bottom:10px;
    margin-top:5px;
    line-height:18px;
}
#product-page .single-our-team{width:169px;margin-top:10px;margin-bottom:10px;}
#product-page .team-summary div.our-team-content h2{width:120px;line-height: normal;clear:both;padding-left: 0px}
#product-page .team-summary div.our-team-content span.section-item-meta {min-height:0;width:120px;position:relative;line-height: normal;padding:0;top:3px;}
#sections .team-summary div.our-team-content {width:531px;min-height:18px; }
#product-page .team-summary div.our-team-content  {width:500px;min-height:18px; }

/*item name*/
#sections .team-summary div.our-team-content h2{
    width: 444px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5em;
    min-height: 0px;
    float:none;
}
/*price*/
#sections .team-summary div.our-team-content span.section-item-meta {
    position: absolute;
    top: 5px;
    right: -8px;
    width: 74px;
    min-height: 0px;
    padding: 5px 0;
}
#product-page .about-us-table-remove{right:39px;}
#sections .team-summary div.our-team-content span.section-item-description {
    width:444px;
    display:block;
    min-height:18px;
    margin-top:5px;
}
#product-page .team-summary div.our-team-content span.section-item-description {display: none;}
/*********************************
********** Blog Page***********
*********************************/
#blog .news{
    float: left;
    position:relative;
    width: 545px;
    padding-right:5px;
    left:25px;
}

#blog .news-content {width:527px; float:none;}
#blog .news-author {width:200px; font-weight:bold;margin-top:5px;}

/*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;margin-left:10px;}

/*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 {
    margin-bottom: 5px;
}

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

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