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

/* ******************************
     Default Typography Style 
   ******************************/
body#home .wrapbg,
body#services .wrapbg,
body#price-list .wrapbg,
body#news .wrapbg,
body#about-us .wrapbg,
body#testimonials .wrapbg,
body#portfolio .wrapbg,
body#contacts .wrapbg,
body#blank .wrapbg,
body#sections .wrapbg,
body#product-page .wrapbg,
body#blog .wrapbg {
    font-family:Lustria, Georgia, "Times New Roman", Times, serif;
    font-size:12px;
    color:#000000;
}
.wrapbg p{
    font-family:Lustria, Georgia, "Times New Roman", Times, serif;
    color:#000
}
section.contact-form form#form-main ul.errorlist{padding-bottom: 10px;}
/*H tags*/

.wrapbg h1 {  font-size:22px; color:#424a9b; font-weight:normal }

.wrapbg h2 {font-size:20px; color:#303791;font-weight:normal;line-height:normal; }
.wrapbg h3 {font-size:16px; color:#383f96; }

.wrapbg h4{font-size:14px;color:#383f96;}

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

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

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

/*Ol and UL */

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

.wrapbg ol {
    list-style-type: decimal;
    margin:0px;
    color: #A9A9A9;
    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: 5px;
    padding-top:0;
    list-style-position:inside;
}
.wrapbg .text ul {
    list-style-type: square;
    margin:0px;
    padding:0px;
}
#edit-address-widget{float:right;margin-top:5px;}
.wrapbg .text ul li {
    margin-top: 4px;
    padding-top:0;
    font-size:12px;
    list-style-position:inside;
    color:#565656;
}
.wrapbg table{
    margin-top:10px;
    color:white;
    margin-right:-5px;
    float:right;
    width:170px;

}
.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%;}
.wrapbg .content {padding-bottom: 40px;}
.wrap{width:960px;padding:0 13px; margin:0 auto;}
.wrapbg {
    position:relative;  
    width:960px;
    float:left;
}
.wrapbg #content{
   margin-bottom:30px;
   float: left;
   width: 960px;
   background-color:#bbbbbb;
   position:relative;
   padding-bottom:15px;
   top:-5px;
   padding-right:5px;
}


/* Header Style */
.wrapbg .business-details{
    margin-bottom:10px;
    float: left;
    width: 960px;
    padding-left:5px;
   background: #3b4297; /* Old browsers */
/* IE9 SVG, needs conditional override of filter to none */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNiNDI5NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzNiNDI5NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzFjMjQ4NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzI0ODciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #3b4297 0%, #3b4297 55%, #1c2487 51%, #1c2487 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b4297), color-stop(55%,#3b4297), color-stop(51%,#1c2487), color-stop(100%,#1c2487)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3b4297 0%,#3b4297 55%,#1c2487 51%,#1c2487 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3b4297 0%,#3b4297 55%,#1c2487 51%,#1c2487 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #3b4297 0%,#3b4297 55%,#1c2487 51%,#1c2487 100%); /* IE10+ */
background: linear-gradient(top, #3b4297 0%,#3b4297 55%,#1c2487 51%,#1c2487 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#3b4297, endColorstr=#1c2487,GradientType=0 ); /* IE6-8 */


}
.top {padding:10px 0 5px; overflow:hidden; text-align:right; color:#fff;}
.top .time {float:left; color:#828282;}
.wrapbg .head {height: 317px;padding-bottom: 10px;position: relative;}
.wrapbg .head_logo {
    float: left;
    padding:0;
    margin-right: 10px;
}
.wrapbg .head_logo> img{
    float:left;
    height:100px;
    margin-top:5px;
    margin-bottom:5px;
}

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


/* Business Name and Motto */
.wrapbg .header-title { 
    float:left;
    position:relative;
    margin-bottom:10px;
    margin-top:20px;
}
.wrapbg .header-title div {
    text-align: left;
}
.wrapbg #site-header-title {
    font-size: 35px;
    font-weight: normal;
    color:#ffffff;
    min-width:50px;
    min-height:30px;
    position:relative;
    top:-5px;

}
.wrapbg #site-header-motto{
    font-size: 14px;
    color:#ffffff;
    font-weight:normal;
    min-width:50px;
    min-height:30px;
    position:relative;
    top:3px;
}
.wrapbg .upload-button {
    position: absolute;
    text-align: left;
}

/* Business Phone Number */

.wrapbg #business-phone-number {
    float: right;
    right:0;
    position:absolute;
    top:12px;
}
.wrapbg #phone-number{padding-left:50px;line-height: 24px;color:#ffffff;font-size:30px;}


/* ******************************
     Carousel Style 
   ******************************/
 
.wrapbg #faded{position: relative;height:317px;}
.wrapbg #carousel{
    overflow:hidden;
    margin:0 auto;
    top:10px;
     position:relative;
}
.wrapbg .slides_container , .wrapbg .carousel, .wrapbg .carousel img {
    width:527px;
    height:356px;
 }
.wrapbg .next {
    position: absolute;
    bottom: -36px;
    right: 16px;
    display: block;
    width: 25px;
    height: 50px;
    z-index: 97;
    background: url(../images/righticon.png) 0 0 no-repeat;
}
.wrapbg .prev {
    position: absolute;
    bottom: -36px;
    /*right: 0;*/
    left:10px;
    display: block;
    width: 25px;
    height: 50px;
    z-index: 97;
    background: url(../images/lefticon.png) right 0 no-repeat;
}
/*Pagination*/
.wrapbg ul.pagination{
    padding:0;
    z-index:97;
    top:-20px;
    position:relative;
    left:165px;
    width:150px;
    padding:30px;
}
.wrapbg .pagination{height:0;margin:0;}
.wrapbg ul.pagination li{
    list-style:none;
}
.wrapbg ul.pagination li a {
        background:url("../images/selector1.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/selector-a.png");
    background-repeat:no-repeat;

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

/* Navigation Style */
.wrapbg .main-nav{
    float: right;
    padding-right:4px;
}

.wrapbg .navigation-bonline {
    list-style-image: none;
    list-style-position: inside;

    float:right;
    padding:2px;
    margin-top:-5px;
    background:none;
}
.wrapbg .navigation-bonline li {
    float: left;
    font-size: 20px;
    padding: 0 1px;
    list-style:none;
}
.wrapbg .navigation-bonline li a{color:#000;}
.topbar div > ul a, .wrapbg .navigation-bonline a {
    display:block;
    padding: 0 10px;
    font-size:18px;
    line-height:35px;
    color:#010101; ;
    min-width:30px;
    text-decoration:none;
    margin-right:10px;

}
 /* FIX for bootstrap */
.wrapbg .navigation-bonline li a:hover {
    background-color:#777777;
    color:#000;
    border-top-right-radius:10px;
    border-top-left-radius:10px;

}

.wrapbg .navigation-bonline .last-item {background:none;}
.wrapbg nav ul > li:last-child { background: none; }
/* ******************************
  Home Page - Aside
  *******************************/
.wrapbg #aside-summary{
    float: right;
    width: 170px;
    color:white;
    font-size:13px;
    margin-top:12px;
    margin-right:7px;
 
}

.wrapbg section#business-hours section.popup-content table tbody{color:#ffffff;}
.wrapbg #aside-summary p{color:#ffffff;}

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


.wrapbg #aside-summary a{color:black;font-size:13px;position:relative;top:10px;text-decoration:underline;}
.wrapbg #business-description{
    width:525px;
    float:left;
    position:relative;
    left:25px;
    padding-bottom:10px;
    padding-right:3px;
    background-color: #ffffff;
    border-width:8px;
     border-style:double;
     border-color:#bbbbbb;
    top:10px;
    padding-left:5px;
}
.no-rgba .wrapbg #business-description{background-color: #ffffff;}
.no-rgba #about-us .team-summary,
.no-rgba #services .services,
.no-rgba #price-list .services,
.no-rgba #news .news,
.no-rgba #wrap-testimonials{
    background-color: #ffffff;
}

.wrapbg #business-description p{color:#000;}
.wrapbg #about-us .team-summary p{color:#000;}
.wrapbg section.contact-page-address section#contact-page-address .popup-content p{color:#ffffff;}

.wrapbg #business-hours{
    margin-top:25px;
    float:right;
    margin-right:-10px;
    font-size:13px;
    border-top:2px solid #DCDCDC;
    width:180px;

}
.service-table-buttons-left{width:240px;}
.service-table-buttons-hint #drag-photo-help{margin-left:-10px;}
body#contacts #business-hours{border:none;margin-top:5px;}



.wrapbg #business-hours-heading{width:160px;margin-left:10px;margin-right:10px;margin-top:10px;letter-spacing:0;font-weight:normal;min-height:38px;text-align:right;}

.wrapbg #edit-business-hours, .wrapbg #edit-address{float:right;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;
	float:left;
	clear:both;
	width:510px;
}
.wrapbg #testimonial-summary-title{margin-left:5px;display:none;}
.wrapbg .testimonial-summary-content{position:relative;top:-20px;padding-bottom:5px;margin-left:5px;float:left;width:100%;
clear:both;}

.wrapbg .testimonial-summary-content p{color:black;text-align:center;}


.wrapbg .testimonial-summary-content cite{
    position: relative;
    top:5px;
    display: block;
    color:#6e6e6e;
    font-size:13px;
    text-align:center;

}

.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;
    font-size:13px;
}
.wrapbg #aside-image p{color:#ffffff;}

.wrapbg .read-more {
    text-align: right;
    text-decoration:underline;
    float:right;
    color:black;
}


/* ******************************
 Home Page - News Widget
 ********************************/
 .wrapbg #news-widget{
    padding-right:5px;
    margin-left:10px;
    position:relative;
    top:-10px;
    float:left;
	clear:both;
}

.wrapbg #news-widget article{
    padding-bottom:20px;
    padding-left:5px;
	float:left;
	clear:both;
}
.wrapbg #news-widget article:last-child{border-bottom:none;}

.wrapbg #news-widget article h3 {
   line-height:22px;
   font-weight:normal;
   margin-bottom:10px;
}
.wrapbg #news-widget article span {
    color:#000;
    font-size:11px;
}
.wrapbg #news-widget article p{margin-top:10px;}

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

/* ******************************
 Home Page - Main Content / business description
   ******************************/
.wrapbg #business-description-bold{ margin-bottom: 20px;}
.wrapbg #business-description-title, .wrapbg #featured-projects-title, .wrapbg #testimonial-summary-title, .wrapbg #news-summary-title, .wrapbg #projects-page-title{
    text-align: left;
    width:220px;

}
.wrapbg #business-description-title{width:216px;}
.wrapbg #projects-page-title{margin-bottom:5px;}
.wrapbg #featured-projects-title{display:none;}

.wrapbg #featured-projects-title:after{
    border-bottom:1px solid #000;
    content: "";
    padding: 1px;
    float:left;
    width:104%;
    margin-left:-10px;
    margin-top:2px;
}
.wrapbg #news-summary-title{position:relative;left:5px;}

.wrapbg #address-heading-name{
    min-height:38px;
   font-weight:normal;
margin-left:5px;}

/* ******************************
     Home Page -  Featured Projects Summary
   ******************************/
.wrapbg .featured-projects-summary .project {
   width:215px;
}
.wrapbg .featured-projects-summary .project p {
   text-align:right;
   color:black;
}
.wrapbg .featured-projects-summary .project span.upload{
   width:226px;
}         
.wrapbg .featured-projects-summary .project :last-child {margin-right:0; padding:0;}
.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;}
.wrapbg .featured-projects-summary {margin-top:3px;float: left;width: 226px;position:relative;left:5px;}


/* ******************************
   About-Us Page
   ******************************/
#about-us .team-summary{
  float: left;
    width: 527px;   
    position:relative;
    left:28px;
    padding-right:4px;
    background:#ffffff;
    padding-bottom:10px;
    margin-top:10px;
    border:8px double #bbbbbb;
}

.our-team-aside img{border:3px solid black;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;
   line-height:35px;
   font-weight:normal;
   padding-left:10px;
}
.wrapbg #our-team-title{
    padding-left:7px;
   font-weight:normal;
   margin-top:10px;
   margin-bottom:10px;
   clear:left;
   width:510px;
}
.wrapbg .our-team-content span.text{display:block;float:none;width:auto;min-height:20px;}
.wrapbg .our-team-wrapper h2{font-size:16px;line-height:1.5em;}
.wrapbg .our-team-buttons a{font-size:14px;margin-left:10px;}
.wrapbg .our-team-content{margin-bottom:5px;margin-top:5px;min-height:20px;width:510px;float:none;}
.wrapbg .inline-image{margin-right:10px;float:left;padding:0;}
.wrapbg #team-summary-content ol li{color:black;}
.wrapbg #team-summary-content ul li{color:black;}
.wrapbg .our-team-wrapper ul li{color:black;}
.wrapbg .our-team-wrapper ol li{color:black;}

.wrapbg #site_about_us_wedocontent, body#about-us section.about-business article{
    float: left;
} 
.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-aside{float:left;padding-top:3px;}
.wrapbg #our-team-content{
    margin-bottom:20px;
}
.wrapbg #our-team-content ul li{color:black;}
.wrapbg #our-team-content ol li{color:black;}

/* ******************************
        News Page
   ******************************/
 #news .news{
    float: left;
    left:28px;
    position:relative;
    width: 530px;
    background:white;
    border:8px double #bbbbbb;
    margin-top:10px;
}
 .news-feed{
     width:755px;
     float:left;
 }
 .wrapbg .news-article{
    clear:both;
    margin: 0 0 15px;
    padding: 5px 0 15px;
    border-bottom: 1px solid #BBBBBB;
 }

.wrapbg .news-article h3 {
    font-weight:normal;
    letter-spacing: normal;
}
.wrapbg .news-article .news-date {
    font-size: 12px;
    padding-bottom:5px;
}

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

 #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;
    margin-top:5px;
	width:510px;
}
.wrapbg .news-article p{margin-top:10px;}


/* ******************************
        services Page
   ******************************/

#services .services,
#price-list .services{
    float: left;
    width: 520px;
    padding-right:5px;
    position:relative;
    left:28px;
    background:white;
    border:8px double #bbbbbb;
    margin-top:10px;
    padding-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{width:223px;background-color:transparent;position:relative;left:1px;}

.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;
}
#services  #content> .services header
#price-list  #content> .services header{
    padding:0 0px;
}
body#services #page-deal{
    width: 170px;
}
.wrapbg #team-summary-content{padding-left:10px;padding-right:5px;}
.wrapbg #aside-image{
    float: left;
    width: 216px;
}
.wrapbg.single-our-team{clear:both;float:none;padding-top:10px;width:100%;}

.wrapbg #aside-image .project img {margin-right:5px;margin-top:10px;margin-bottom:10px;}

#services #service-title,
#price-list #service-title{
 font-weight:lighter;
 padding-left:15px;
 padding-top:5px;

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

#services #service-content ul li,
#price-list #service-content ul li,
.wrapbg #services #service-content ul li h2,
.wrapbg #price-list #service-content ul li h2{
    font-size:12px;
}
#services #service-content ul li h2,
#price-list #service-content ul li h2{
    width:205px;
    line-height:1.5em;
    margin-left:10px;
	font-size:14px;
	text-transform:capitalize;
}
#services #service-content ul li h2 p,
#price-list #service-content ul li h2 p{color:#505050;line-height:1.5em;}

/*Services page table*/

.wrapbg .service-table-row-name{
    margin-left:10px;
    min-height:18px !important;
    min-width:50px;
    width:138px;
}
.wrapbg .service-table-row-price{min-height:18px !important;min-width:52px;margin-right:15px;width:52px;right:0;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;
	width:510px;
}
.wrapbg .testimonial-content{
    float:left;
	clear:both;
	width:100%;
}
.wrapbg .news-edit-group, .wrapbg .testimonial-edit-group{
    margin:10px;
}
#testimonials #wrap-testimonials{
    background:#ffffff;
    position:relative;
    left:28px;
    width:530px;
    float:left;
    border:8px double #bbbbbb;
    margin-top:10px;
}
.service-table-header .service-table-remove{font-size:0;right:-20px;}
.wrapbg #testimonial-title{
  padding-top:10px;
  padding-left:7px;
  margin-bottom:5px;
}

.wrapbg .testimonial-name {
    text-align: left;
    color:#383F96;
    font-size:16px;
	width:100%;
}
.wrapbg .testimonial-date {
    font-size: 12px;
    padding-bottom: 5px;
}
.wrapbg .testimonial-content p{
    margin-top: -5px;
    margin-bottom:15px;
}


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

/* ******************************
        Projects Page
   ******************************/
 
 #portfolio .project-details{
    width:180px;
    float:left;
}
 #portfolio .project-details p{
    margin-top: 5px;
}
.wrapbg .project-images {float:right;}
.wrapbg .project-images img, .wrapbg .project-images .img-border {background:#bbbbbb;color:white;margin-right:10px;margin-left:20px;box-shadow:none;border-width:3px;border-style:solid;border-color:#1c2487;width:145px;height:125px;min-height:138px;min-width:145px;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:200px;width:145px;cursor:pointer;}

span.rollover-eff3{width:145px;height:200px;left:23px;line-height:265px;opacity: 0;top:3px;}
.wrapbg #projects-page-details { margin-bottom: 30px;}
.wrapbg .projects-page{
    background:white;
    padding-left:10px;
    padding-right:10px;
    margin-top:10px;
    width:736px;
    float:left;
    margin-left:10px;
    border:8px double #bbbbbb;
}
.wrapbg .image-count{
       text-decoration:underline;
       float:left;
       clear:left;
       margin-top:10px;
       cursor: pointer;
       color:#1c2487;
}
.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 img { 
 
-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);

}
.wrapbg .featured-projects-summary a{position:relative;left:10px;color:white;}
 /* ******************************
        Contacts Page
   ******************************/

.wrapbg .contact-details{ 
    display: block;
    float: left;
    margin-bottom:30px;
}
.wrapbg #contact-title {
    padding-left:10px;
    padding-top:10px;
}
.wrapbg #contact-page-address{margin-left:7px;margin-top:15px;width:160px;text-align:right;}
.wrapbg #contact-page-address span a{color:white;text-decoration:underline;}
.wrapbg #contact-call{padding-left:10px;padding-right:5px;}
.wrapbg .contact-page-address{
    float: right;
    position:relative;
    left:5px;
    font-size:16px;
    color:white;
    top:12px;
}
.wrapbg #contact-page-address p{color:white;}
.wrapbg .contact-page-address #contact-page-address{
    float: left;
    margin-right:55px;
    margin-left:-10px;
}

.wrapbg #map {
    width: 368px;
    height: 239px;
    position:relative;
    left:10px;
}

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

.wrapbg .contact-form{
    float: left;
    margin-left:10px;
    width: 540px;
    padding-bottom:10px;
    background:white;
    border:8px double #bbbbbb;
    margin-top:10px;

}
.wrapbg .contact-form .buttons{
    background-image:url("../images/contact-us.png");
    padding-bottom: 10px;
    float:right;
    margin-right:100px;
    padding-left:20px;
    padding-right:40px;
    background-repeat:no-repeat;
    padding-top:5px;
}
.wrapbg .more-link, .wrapbg .contact-button {font-size:14px;margin-left:10px;margin-top:3px;}
.wrapbg .contact-form .buttons button{
    display: inline-block;
    background-color: transparent;
    color:white;
    border:none;
}
.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:413px;
    color:black;
}
.wrapbg form#form-main input {
    width: 400px;
    padding: 7px 5px;
    border-top: 1px solid #666666;
    border-bottom-width: 1px;
    border-bottom-style:solid; 
    border-bottom-color:#666666;
    border-left-width: 2px;
    border-left-style:solid;
    border-left-color:#666666;
     border-right-width: 2px;
    border-right-style:solid;
    border-right-color:#666666;
    background: #f0f0f0;
}
.wrapbg form#form-main fieldset{
    margin-top:30px;
}
.wrapbg #form-main textarea {
    height: 161px;
    overflow: auto;
    width: 400px;
    padding: 7px 5px;
    border-width: 2px;
    border-style:solid; 
    border-color:#666666;
    background: #f0f0f0;
}
.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:420px;
    margin-left: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;
    position:relative;
    top:-25px;
    min-height:50px;
    clear:both;
    width:960px;
    border-bottom:2px solid #bbbbbb;
    padding-left:5px;
    background-color:transparent;

}
.wrapbg #base-footer a{color:black;}
.wrapbg #base-footer #legal-info{
    float: left;
    min-width: 50px;
    color:#000;
    width:100%;
    margin:0;
    min-height:10px;
    border-bottom-width:4px;
    border-bottom-style:solid;
    border-bottom-color:#1c2487;
    padding-bottom:5px;
}
.wrapbg #base-footer #copyright-info{
    float: left;
    min-width: 50px;
    color:#000;
    margin-top:5px;
    min-height:10px;
}
.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;
    color:black;
    padding-top:5px;
    font-size:!1px;
}
.wrapbg #base-footer ul li a { outline:none; text-decoration: none;color:#000;font-size:11px;}
.wrapbg #base-footer ul li a:hover{color:#000; text-decoration:underline;}
.wrapbg #base-footer .associations-summary {
    float: right;
    margin: 20px 25px;
    width: 680px;
    clear:both;
    margin-top:-240px;
    position:relative;
    display: none;
}
.wrapbg #base-footer .project{
    float:left;
    width:135px;
    height:186px;   
    margin-right:20px;
}
.wrapbg #base-footer .project img{
    width:135px;
    height:186px;   
}

/* ******************************
             Misc / Effects
   ******************************/  

.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:black;
}
.wrapbg section.projects-page article.projects-section ol li{color:black;}
.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;padding-top:5px;padding-left:15px;}
.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 .promo {
    border:none;
    background:white;
    width:123px;
    border-radius:0;
    padding-bottom:15px;
    margin-top:-10px;
    text-align:center;
}

.wrapbg .promo .cta-button{
    background: rgb(28,36,135); /* Old browsers */

    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 2px 3px 0 #161616;
    color: #EEEEEE;
    display: inline-block;
    font-size: 14px;
    margin: 5px 0 10px;
    min-width: 92px;
    padding: 3px;
    position: relative;
    
}

.wrapbg .icon text promo-v{color:#1c2487;}
.wrapbg .promo span.icon{width:120px;color:#000;font-size:13px;/*background:url("../images/clickhere.png") no-repeat scroll 65% 90% transparent;*/background: none repeat scroll 0 0 transparent;padding:0;}
.wrapbg .call-to-action-v{width:150px;margin-left:15px;}
.promo-bg-color, .orange, .red{border:none;box-shadow:none;background: white;border-radius:none;margin:auto auto 10px;}
#edit_promo span{color:#1c2487 !important;font-weight:normal;}
#contact-page-address a:hover{text-decoration:none;}
div#wrap-font-size{color:#000;}
.wrapbg .portfolio-more{float:right;text-decoration:underline;}
.wrapbg .service-table-buttons{clear:both;}
.wrapbg .navigation-bonline li a.active{padding-bottom:3px;position:relative;top:-3px;border-top-right-radius:10px;border-top-left-radius:10px;background-color: #BBBBBB;color:#ffffff;}
.promo-bg-color{background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of filter to none */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff)), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,#ffffff 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(top, #ffffff 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#ffffff, endColorstr=#ffffff,GradientType=0 ); /* IE6-8 */
border:none;
border-radius:none;
}

.service-table-remove{right:-20px;}
.handle,.service-table-header .handle{left:10px;}
.service-table-header .handle{top:0px;}
.service-table-header .service-table-remove{top:0px;}
#services #service-content ul li,
#price-list #service-content ul li{
    float: left;
    height: auto;
    position: relative;
    width: 227px;
}
.wrapbg .service-table-buttons a.btn{
    padding:5px 12px 6px;
}
#contacts section .contact-page-address section #business-hours{width:180px;}

.wrapbg h1  a:link, .wrapbg h1  a:active, .wrapbg h1 a:visited,.wrapbg h2  a:link, .wrapbg h2  a:active, .wrapbg h2 a:visited,.wrapbg h3  a:link, .wrapbg h3  a:active, .wrapbg h3 a:visited,.wrapbg h4  a:link, .wrapbg h4  a:active, .wrapbg h4 a:visited,.wrapbg h5  a:link, .wrapbg h5  a:active, .wrapbg h5 a:visited,.wrapbg h6  a:link, .wrapbg h6  a:active, .wrapbg h6 a:visited{
   color:inherit;
}

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


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

.wrapbg .navigation-bonline ul li{ 
    padding: 0px
}

.wrapbg .navigation-bonline ul a{ 
    margin: 0px
}

.wrapbg .navigation-bonline ul a:hover {
    background-color: #777;
}

.wrapbg .navigation-bonline ul li a.active,
.wrapbg .navigation-bonline ul a:hover {
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
}

.main-nav ul.navigation-bonline ul li{border-bottom-width:1px;border-style:solid;border-color:#505050;}
.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;
}

/*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 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;
}
/*menu arrow*/

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

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

.wrapbg .navigation-bonline > li > a.active.menu-arrow:after{
    right:5px;
    top:17px;
}

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

.wrapbg .navigation-bonline > li > a.menu-arrow.active:after {
    border-top-color:#ffffff;
}
/******************************************
                        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;
}

/*item name*/
#sections .team-summary div.our-team-content h2,
#product-page .team-summary div.our-team-content h2  {
    width: 442px;
    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,
#product-page .team-summary div.our-team-content span.section-item-meta  {
    position: absolute;
    top: 5px;
    right: -7px;
    width: 74px;
    min-height: 0px;
    padding: 5px 0;
}
#sections .team-summary div.our-team-content span.section-item-description,
#product-page .team-summary div.our-team-content span.section-item-description  {
    width:442px;
    display:block;
    min-height:18px;
}
/*********************************
********** Blog Page***********
*********************************/
#blog .news, #blank .team-summary, #sections .team-summary, #product-page .team-summary {
    float: left;
    left:28px;
    position:relative;
    width: 530px;
    background:white;
    border:8px double #bbbbbb;
    margin-top:10px;
}

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

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

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

.head_logo .overlay-background.enabled {
    top: 2px;
    left: 5px;
    position: absolute;
    width: 159px;
    height: 96px;
    display: none;
}

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

.project {
    position: relative;
}

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

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

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

.team-wrapper:hover .overlay-background.enabled {
    display:block;
}
#sections .team-wrapper .overlay-background.enabled,
#product-page .team-wrapper .overlay-background.enabled{top:0;left:0;}

/*New Gallery page*/

body#portfolio .tiled-project-single{width:318px;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:287px;height:184px;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 #search-form {
    width: 970px;
}
/* iPad Fixes */
 a[href^=tel] {
    text-decoration: inherit;
    color: inherit;
}

/*PRODUCT PAGE STYLE*/
body#product-page .wrapbg .team-summary div.our-team-content span.section-item-description {display:none;}
body#product-page .wrapbg .team-summary div.our-team-content span.section-item-meta {position:relative;top:0px;right:0px;float:left;width:121px;}
body#product-page .wrapbg .team-summary div.our-team-content h2 {padding: 0px;width: 121px;float: none;clear: both;}
body#product-page .wrapbg .our-team-wrapper {width:520px;}
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 .ui-datepicker table {margin-right: 0px;margin-top:0px;}

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