@import url("../../../css/call-to-action.css");
/*   
Theme Name: Naom06-cta
Theme URI: http://www.bonline.com
Description: HTML/5 Site Template
Author: Gavin Steele
Author URI: http://www.bonline.com
Version: 1
*/

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

.wrapbg h1 {color:#6f979f;font-size:26px;font-weight:normal;text-transform: uppercase;}

.wrapbg h2 {
   font-size:22px;color:#6F979F;
   line-height:normal;
}
#services-sections .wrapbg h2, #services .wrapbg h2 {
    font-size:16px;
}
section.contact-form form#form-main ul.errorlist{padding-bottom: 10px;}
.wrapbg h3 {font-size:18px;color:#666666;}

.wrapbg h4{}

.wrapbg h5{}

.wrapbg h6 {}

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

.wrapbg ul {
    list-style-type: circle; 
	margin:0;
	padding:0 0 20px 0;
}
.wrapbg li{
    padding-top: 10px;
	font-size: 14px;
}
.wrapbg ol {
	list-style-type: decimal;
	margin:0px;
	padding:0px;
}
.wrapbg ol li {
	margin-left: 2em;
	margin-top: 4px;
	padding-left: 5px;
}

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

}
.wrapbg .text ul {
	list-style-type: disc;
	margin:0px;
	padding:0px;
}
.wrapbg .text ul li {
	margin-left: 2em;
	margin-top: 4px;
	padding-left: 5px;
	padding-top:0;
  list-style-position:inside;
}

.wrapbg ul.pagination{
  padding:0;
	margin:0;
	position:absolute;
	bottom:60px;
	z-index:97;
	width:200px;
  right:0px;
}
.wrapbg ul.pagination li{
    padding:0;
	float:right;
	list-style:none;
}
.wrapbg ul.pagination li a {
    border: 1px solid #333333;
    display: block;
    font-size: 0;
    height: 24px;
    margin-right:5px;
    width: 17px;
    background-color:black;
    padding:0;
    border-radius:0;
}
.wrapbg ul.pagination li.activeSlide a,.wrapbg ul.pagination li a:hover{
    background-color:#333333;
}
.pagination li:last-child a{border-radius:0;}

.wrapbg table{
    font-size:11px;
    width:155px;
    margin-left:2px;

    margin-top:5px;
}
.wrapbg table th, .wrapbg table td{
    border:none;
	padding:0;
}
/* ******************************
     Template Layout Style 
   ******************************/
html {overflow-y:scroll;}
html, body, .wrap{ height:100%;}
body > .wrap {height: auto; min-height: 100%;}
body{background-color:#181818;}

.wrap{
	padding:0;
    width:100%;
    margin:0 auto;
}
.wrapbg { position:relative;
 font-size:14px;
 font-family:'Lato',"Open Sans",arial, sans-serif;
 color:#c6c4c4;
 margin:0 auto;
 float:left;
 width: 100%;

}
.wrapbg  p,.wrapbg table td,.wrapbg label{font-family:'Lato',sans-serif;color:#c6c4c4;}
.wrapbg #content{
   float: left;
   width: 100%;
   position:relative;
}
.wrapbg .call-to-action-v{
    width:auto;
    float:right;
    margin-top:15px;
}



#our-team .wrapbg #content,
#services-sections .wrapbg #content,
#services .wrapbg #content,
#blank-about-us .wrapbg #content,
#about-us .wrapbg #content,
#news .wrapbg #content,
#testimonials .wrapbg #content,
#contacts  .wrapbg #content,
#blank .wrapbg #content,
#sections .wrapbg #content,
#product-page .wrapbg #content,
#price-list .wrapbg #content ,
#blog .wrapbg #content,
#portfolio .wrapbg #content{
    /*background: url("../images/title-bg.png") repeat-y scroll center top transparent;*/
  clear: both;
  position: relative;
  float:left;
  width: 100%;
  background: #222222;
  border-top-width:1px; 
  border-style:solid; 
  border-color:#272727;
  border-bottom-width:1px;

}
#our-team .wrapbg #content-wrapper,
#services-sections .wrapbg #content-wrapper,
#services .wrapbg #content-wrapper,
#blank-about-us .wrapbg #content-wrapper,
#about-us .wrapbg #content-wrapper,
#news .wrapbg #content-wrapper,
#testimonials .wrapbg #content-wrapper,
#contacts  .wrapbg #content-wrapper,
#blank .wrapbg #content-wrapper,
#sections .wrapbg #content-wrapper,
#product-page .wrapbg #content-wrapper,
#price-list .wrapbg #content-wrapper ,
#blog .wrapbg #content-wrapper,
#portfolio .wrapbg #content-wrapper {
  width: 840px;
  margin: 0 auto;
  padding-left:5px;
}

/* Header Style */
.wrapbg .main_header{
    background:#222222;
    border-bottom: 1px solid #272727;
    border-top: 1px solid #272727;
}
.wrapbg .business-details{
    margin: 0 auto;
    width: 840px;
    position:relative;

}


.top {padding:0px; 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:80px;
    margin-top:11px;
}
.wrapbg .head_logo .head_phone{
    padding-top:30px;
	text-align: center;
}
.wrapbg .head-img{
    position: absolute;
    top: 0;
	width:100%;
    background:#282828;
}

/* Positioned Overlays */
.head_logo .overlay-background.enabled {
  top: 12px;
  left: 0px;
  position: absolute;
  display: none;
  width: 128px;
  height: 78px;
}

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

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

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

/* Business Name and Motto */
.wrapbg .header-title { 
	float:left;
	padding:0;
    margin-top:54px;
	position:relative;
}
.wrapbg .header-title .wrap-header {
    text-align: left;
	float:left;
	margin:0;
}
.wrapbg #site-header-title {
    font-size: 35px;
    font-weight: normal;
    line-height: normal;
	color:#fffcfc;
	text-transform: uppercase;
  min-width:180px;
}
.wrapbg #site-header-motto{
    color: #a4a2a2;
    font-size: 14px;
    margin-left: 30px;
	line-height:normal;
position:relative;
margin-top:20px;
	white-space: nowrap;
}
.wrapbg .header-title h3{float: left; }
.wrapbg .upload-button {
    position: absolute;
    text-align: left;
}

/* Business Phone Number */

.wrapbg #business-phone-number {
	position: absolute;
    top:0;
    right:15px;
    font-weight: bold;
    margin: 0px;
	display:none;
}
/* ******************************
     Carousel Style 
   ******************************/
 
.wrapbg #faded{
    position: relative;
    width: 840px;
    margin: 0 auto;
}

.wrapbg #carousel{
    overflow:hidden;
	min-height:350px;
}
.wrapbg .slides_container ,.carousel,.wrapbg .carousel img {
    width:840px;
    height:420px;
    margin: 0 auto;
 }
.wrapbg .next {
    position: absolute;
    bottom: 130px;
    right: 0;
	border: solid 1px white;
    display: none;
    width: 25px;
    height: 25px;
    z-index: 97;
    background: url(../images/sprite.gif) 0 0 no-repeat;
}
.wrapbg .prev {
    position: absolute;
    bottom: 130px;
    /*right: 0;*/
	left:0;
	border: solid 1px white;
    display: none;
    width: 25px;
    height: 25px;
    z-index: 97;
    background: url(../images/sprite.gif) right 0 no-repeat;
}

.wrapbg .wrap-content-carousel .single-carousel-content {
  position: absolute;
  z-index: 97;
  width: 840px;
  height: 80px;
  left:0;
  top: 0px;
  background-color: rgba(0, 0, 0, 0.5);

}
body#home .wrapbg #carousel .call-to-action-v {
  width:100%;
}
body#home .wrapbg #carousel .promo {
  width: 840px;
  margin: 0;
  padding: 0;
    background-color:none;

}
.wrapbg #carousel .wrapbg .promo-bg-color, .wrapbg #carousel .promo-bg-color {
  border:none !important;
  box-shadow: none !important;
  background:none;

}
.wrapbg .wrap-content-carousel #carousel .carousel-description {
  text-align: left;
}
body#home .wrapbg .wrap-content-carousel #carousel .promo header h2 {
  text-align: left;
  font-size: 18px;
}
body#home .wrapbg .wrap-content-carousel #carousel .promo header,
.wrapbg .wrap-content-carousel #carousel .carousel-description {
  width: 600px;
  float: left;
  margin: 10px 20px 0;
  margin-top:0;
}
.wrapbg #carousel .cta-button {
  float: right;
  margin-right: 20px;
  margin-top: -15px;
}
body.edit-mode .wrapbg #carousel-control {
  width: 840px;
  clear: both;
  margin: 0 auto;
  position: absolute;
  top: -24px;
  left: 1px;
  right:0;
}

div.wrap-replace {
  width: 840px;
  height: 272px;
  right: 0px;
  top: 80px;
}

/* Positioned Overlays */

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

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

/* Navigation Style */
.wrapbg .main-nav{
    clear: both;
    text-align: center;
    width: 840px;
	margin:0 auto;
}

.wrapbg .navigation-bonline {
	float: left;
    list-style-image: none;
    list-style-position: inside;
    margin:25px 0;
    padding: 0;
    width:100%;
}
.wrapbg .navigation-bonline li {
    padding: 0 1px;
    text-align: center;
	list-style:none;
    display:inline-block;
    line-height:25px;
    position:relative;
}
.topbar div > ul a, .wrapbg .navigation-bonline a {
	color: #ffffff;
    font-weight:bold;
    font-size: 14px;
    line-height: 14px;
    padding: 0 8px;
    text-decoration: none;
    text-transform: uppercase;
}
 /* FIX for bootstrap */
.wrapbg .navigation-bonline li .active, .wrapbg .navigation-bonline li a:hover {
    color:#6f979f;
}
.wrapbg .navigation-bonline .last-item {background:none;}
.wrapbg nav ul > li:last-child { background: none; }

/**********Submenu***********/
.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: 10px;
    position: absolute;
    width: 0;
    border-width: 4px;
    border-top-color:#ffffff;
    top: 12px;
}
.wrapbg .navigation-bonline > li > a.menu-arrow:hover:after {
    border-top-color:#6F979F;
}
.wrapbg .navigation-bonline li ul {
    display:none;
    position:absolute;   
    top:100%;
    left:0;
    min-height:10px;
    border:1px solid #272727;
    border-top:none;
    border-radius:0;
    margin-left:5px;
    min-width:100%;
    z-index:999;
    padding:0;
    text-align:left;
    background:#181818;
}
.wrapbg .navigation-bonline li:hover ul {
    display:block;
}
.wrapbg .navigation-bonline li ul li {
    float:none;
    width:auto;
    text-align:left;
    padding:0;
    display:block;
}
.wrapbg .navigation-bonline li ul li a {
    font-size:13px;    
    float:none;
    width:auto;
    padding:5px;
    line-height:normal;
    border-radius:0;
    font-weight:normal;
    display:block;
    border-top:1px solid #272727;
    white-space: nowrap;
}
.wrapbg .navigation-bonline li ul li a:hover {
}
.wrapbg .navigation-bonline li ul li a span{
    display: inline;
}
/* ******************************
  Home Page - Aside
  *******************************/

.wrapbg #contact-page-address{
    color: #3E3E3E;
    float: left;
    font-size: 9px;
    line-height: 15px;
    margin-top:5px;
}
.wrapbg #contact-page-address> span{
    display:block;
}
.wrapbg #contact-page-address #edit-address{
    margin-top:25px;
    color:black;
}
.wrapbg #contact-page-address p{
    color: #3E3E3E;
}
.wrapbg #contact-page-address a,.wrapbg #contact-page-address a:hover{
    color: #3E3E3E;
}
.wrapbg #contact-page-address h2{
    display:none;
}
.wrapbg .read-more {
    display: block;
    text-align: right;
}
.wrapbg #business-hours{
    margin-top:20px;
    float:left;
}
#edit-business-hours, #edit-address{float:left;color:black;}
.wrapbg #business-hours  h3{ padding-bottom: 6px;}
/* ******************************
  Home Page - Testimonial Summary 
   ******************************/
.wrapbg  .testimonials-feedback .testimonials-testimonial {
	padding-bottom: 5px;
 }
.wrapbg #testimonial-widget{
    padding: 0 20px;
	margin-bottom:30px;
}
.wrapbg .testimonial-summary-content cite{
	color:#ADB0BA;
	font-size:11px;
	font-style: italic;
	display:none;
}
#site_home_whatsnew_head{width: 315px;}
.wrapbg #testimonial .business-description-body{
    float: left;
    margin-bottom: 50px;
    width: 100%;
}
.wrapbg .edit_area_btn{
	margin-right:20px;
	margin-bottom:50px;
	display: block;
	width: 164px;
	height: 118px;
	float: right;
}
.wrapbg section#content article{
word-wrap: break-word;
color:white;
}
.wrapbg .our-team-content{
    width:auto;
	float:none;
	clear:both;
}
.wrapbg .our-team-aside{
    margin-right:10px;
    margin-top: 5px;
}
.wrapbg .our-team-wrapper{
    width:auto;
}
.our-team-buttons a.team-add{color:white;float:left;margin-top:-10px;}
.wrapbg .our-team-wrapper article{
    clear: both;
    float: left;
    margin-bottom: 15px;
    width: 100%;
}
.wrapbg .team-wrapper{
    float:left;
	width:100%;
}

.wrapbg section#content article#business-description-content span {
    background:none !important;
	
}
.wrapbg div#submit-a-testimonial{
    text-align: left;
    line-height: 30px;
    padding-left: 30px;
    background: url(../images/marker-1.gif) 0 7px no-repeat;
    float:left;
}
.wrapbg div#submit-a-testimonial a{
    color:black;
}
.wrapbg .quote {width:11px; float:left;}
.wrapbg .quote img {width:11px; height: 11px;}
.wrapbg .testimonial-date {
    
}
.wrapbg .testimonial-excerpt {padding-left: 10px;}

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

.wrapbg #news-widget article h3 {
   line-height:22px;
}
.wrapbg #news-widget article span {
	color:#ADB0BA;
	font-size:11px;
}
.wrapbg #news-widget article p {
	padding: 4px 0px;
}
.wrapbg .business-content  header{
    background:#1a1a1a;
    margin-bottom: 10px;
    min-height: 70px;
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter:alpha(opacity=7);
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

}

.wrapbg .business-content h1{
    margin: 0 auto;
    padding: 25px 15px 7px;
    width: 810px;
}
.wrapbg .business-content article.business-description-body{
    width: 690px;
    margin: 20px auto 40px auto;
    position: relative;
    left: -74px;
}
#home #aside-image .business-content{
    overflow: hidden;
    /*background-color: #181818;*/
}
.wrapbg #news-widget{
    padding: 0 20px;
}
.wrapbg #news-widget article{
    margin-bottom:20px;
}
/* ******************************
 Home Page - Main Content / business description
   ******************************/
#home .wrapbg #aside-image{
    /*background: url("../images/project-bg.png") repeat-y scroll center bottom transparent;*/
    clear: both;
    margin: 352px auto 0;
    position: relative;
    z-index: 9;
}

.wrapbg #aside-summary {
    float: left;
    margin-left: 41px;
    margin-top:24px;
    width: 220px;
}
/* ******************************
     Home Page -  Featured Projects Summary
   ******************************/
.wrapbg .featured-projects-summary .project {
    float: left;
    margin: 5px 10px;
    width: 267px;
}
.wrapbg .featured-projects-summary .project p {
   text-align:left;
}
.wrapbg .featured-projects-summary .project span.upload{
   width:267px;
}

.wrapbg .project {}
.wrapbg .project p { display:none;clear: both; padding-top:0; margin-top:0; margin-bottom:2px;min-height: 10px; text-align: center;}
.wrapbg .featured-projects-summary .project img {width: 267px; height: 115px;}
.wrapbg  .featured-projects-summary {
    margin: 0 auto;
    width: 100%;
	clear:both;
    background:#222222;
    padding-bottom:10px;
       border-top-width:1px; 
       border-style:solid; 
       border-color:#272727;
       border-bottom-width:1px;
     position:relative;
}

.wrapbg  .featured-projects-summary .wrap-projects,
.wrapbg  .featured-projects-summary header {
  width: 861px;
  margin: 0 auto;
}

#featured-projects-title{
    font-size: 22px;
    font-weight: normal;
    line-height: 36px;
    margin: 10px 10px 0;
    text-transform: uppercase;
}

/* Positioned Overlays */
.project {
  position: relative;
}
.project .overlay-background.enabled {
  top: 1px;
  left: 1px;
  position: absolute;
  width: 267px;
  height: 115px;
  display: none;
}
.project:hover .overlay-background.enabled {
  display: block;
}

/* ******************************
   About-Us Page
   ******************************/
#blank-about-us .wrapbg .team-summary, #our-team .wrapbg .team-summary, #services-sections .wrapbg .team-summary, #about-us .wrapbg .team-summary, #services .wrapbg .team-summary {
    width: 562px;
    float:left;
    margin-top:16px;
}
.wrapbg .our-team-content{
    float: left;
    width: 562px;
    margin: 0;
}
.wrapbg .team-wrapper .our-team-content{
    clear: none;
    float: none;
    margin:0;
    margin-top:5px;
}
.wrapbg .our-team-wrapper h2{
    line-height: normal;
    padding: 0 0 10px; 
    font-size:16px;
    color:#666;
}
.wrapbg .our-team-content span.text{
    width:auto;
    float:none;
    display:block;
    min-height: 10px;

}
.wrapbg .our-team-content span.text p{
    clear:none;
    line-height:normal;
    color:white;
}
.wrapbg #team-summary-title{
    font-size: 30px;
    font-weight: normal;
    text-transform: uppercase;
}
.wrapbg #our-team-title{
  clear:both;
  margin-bottom:10px;
}
#team-summary-content{
    float: left;
    width: 100%;
	  margin-top:10px;
    margin-bottom:10px;
    color:white;
}
.wrapbg p img.inline-image{
    margin-top:5px;
}
img.inline-image {
    clear: none;
    float: left;
    margin:5px 10px 0 0;
    max-width: 150px;
    padding: 0 0 5px;
    resize: none;
    width: 150px;
}
.wrapbg .our-team-content span.text img.inline-image{clear:left;}
.wrapbg #our-team-title{
    margin-top: 5px;
}
.wrapbg #team-summary-content p{padding-right: 10px;}

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

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

.wrapbg  #our-team-content .our-team-aside{
	margin-right:5px;
	
}
.wrapbg  #our-team-content .our-team-content h2{
    line-height: normal;
    padding: 0 0 10px;
}
.wrapbg #our-team-content{
    margin-bottom:20px;
}
/* ******************************
        News Page
   ******************************/
.wrapbg .private {display:hidden;}
.wrapbg  .news-feed{
	 width:755px;
	 float:left;
 }
.wrapbg .news-article {
    clear: both;
    float: left;
    width: 100%;
    margin-bottom:15px;
}
.wrapbg .news-article h3 {
    margin:0 0 10px;
}
.wrapbg .news-article p {margin:0px 0 0 0px;}

.wrapbg .news, .wrapbg .blog{
    width: 562px;
    margin-top:16px;
    float:left;
}
.wrapbg .news h1{
    margin: 0;
}
.wrapbg .singleimage-summary.news{
    float:none;
	width:auto;
}

.wrapbg #feed{
    float: left;
    width: 562px;
	margin-top:10px;
  margin-bottom:10px;
}
body#news #page-deal{
    float:right;
}
/* ******************************
        services Page
   ******************************/
#services-sections .services, #price-list .services, #services .services {
    margin: 0 auto;
    width: 562px;
    float:left;
    margin-top:16px;
}
.wrapbg .services h1{
    margin-bottom:0;
}
.wrapbg #service-content{
    float: left;
    width: 600px;
}
#services-sections-description, #services-description{
    float: left;
    margin-top: 10px;
    width: 100%;
}
.wrapbg #service-content{
    margin-bottom:50px;
}
.wrapbg .services header{
}
body#services-sections #page-deal, body#services #page-deal{
    float:right;
}
.wrapbg #home #aside-image .project{
    width:195px;
}
.wrapbg #aside-image .project img {width: 267px; height: 115px; }
.wrapbg #aside-image .project span.upload {
    width: 267px;
}

.wrapbg #service-content ul li{
    margin-right:50px;
}
.wrapbg .service-table-row{
    float:left;
	clear:none;
}

/**/
.wrapbg .service-table-row-name{
    margin-right:20px;
	width: 164px;
}
.wrapbg .service-table-header{
    margin:10px 0 0 0;
}
/* ******************************
        Testimonial Page
   ******************************/ 
.wrapbg #aside-image section.testimonials{
    
}

#testimonials .wrapbg #wrap-testimonials{
     float:left;
    width: 562px;
    margin-top:16px;
}
#testimonials .wrapbg #wrap-testimonials h1{
    margin: 0 ;
}
.wrapbg #testimonials-add a #news-add a{
    background-color:#8B2617;
    padding: 4px;
    border: 2px solid black;
	top: -56px;
    left:640px;
    position:relative;
}
.wrapbg #news-add a {
	background-color:#8B2617;
    padding: 4px;
    border: 2px solid black;
	left: 680px;
}
.wrapbg .testimonial-content{ 
    clear: both;
    float: left;
    width: 100%;
}
.wrapbg .testimonial-content:last-child{border:none;}
.wrapbg .testifier-name {width: 150px; float:left;}
.wrapbg .testifier-name cite {margin:0; padding-right:20px;}
.wrapbg .testifier-image {background: url(../images/quote.png) no-repeat; float:left; width: 20px; height: 11px;}
.wrapbg .testifier-text {float:right; width: 495px;}
.wrapbg #testimonials-add a {
    background-color:#8B2617;
    padding: 4px;
    border: 2px solid black;
	top: -56px;
    left:640px;
    position:relative;
}
.wrapbg .testimonial-name {
	text-align: left;
	font-weight:bold;
	clear:left;
    color: #666666;
    font-size: 14px;
    line-height:27px;
    margin:0 0 10px;
}


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

.wrapbg #feedback{
    float: left;
    width: 562px;
	margin-top:10px;
}
.wrapbg #feedback .testimonials{
    clear: both;
    float: left;
    width: 100%;
    margin-bottom:10px;
}
body#testimonials #page-deal{
    float:right;
}
#testimonials .wrapbg #content> .testimonials{
}
#testimonials  .wrapbg #contact-page-address{
    width: 190px;
}
#testimonials .wrapbg #business-hours{
    margin-top: 10px;
    width: 190px;
}
.wrapbg .wrap-test-cont{
    margin-bottom:5px;  
}
/* Testimonial business deal */

/* ******************************
        Projects Page
   ******************************/
 

#portfolio .wrapbg  .news-edit-group{
    width:840px;
    margin:0 auto 20px;
}

.wrapbg .project-details p, .project-details div.edit_area {line-height: normal;margin-top:5px;}
.wrapbg .project-images {
    margin-bottom:10px;
    float:right;
    margin-top:10px;
    margin-right:12px;
}
.wrapbg .project-images img,.wrapbg .project-images .img-border {
    line-height: normal;
    margin-left: 10px;
    min-height: 50px;
    min-width: 195px;
    width: 195px;
    box-shadow:none;
    border:none;
}
.wrapbg .project-images img{
    height:150px;
    min-height:150px;
}
.wrapbg .project-images .img-border {
    line-height: 25px;
    padding: 50px 0;
}
.wrapbg .projects-section {
    position:relative;
	width:840px;
	margin:0 auto;
}
#projects-page-title{
    margin: 0 auto;
    width: 814px;
    margin-left:-2px;
}
.wrapbg .project-single { 
    clear: both;
    float: left;
    margin: 0 0px 20px;
    position: relative;
    width: 840px;
}
.wrapbg #projects-page-details { margin-bottom: 30px;margin-top:16px;}
.wrapbg #projects-page-details> div {
    margin: 0 auto;
    margin-top:10px;
    width: 814px;
    margin-left:-2px;
}
#projects-page-details h1{

}
.wrapbg .projects-page{
	word-wrap: break-word;
}
.wrapbg .image-count{
float:left;
clear:left;
font-weight:bold;
color:#ffffff;
margin-top:5px;
}
.wrapbg .project-details div .text{
    padding-top:10px;
}
.wrapbg #projects-page-details div .text{
    padding:5px 0 0px 0;
}
.wrapbg span.rollover-eff3{
    width:200px;
	height:154px;
	left:11px;
	bottom:2px;
	line-height:150px;
}
#projects .wrapbg .news-edit-group{
    width:840px;
	margin:0 auto;
}
 /* ******************************
        Contacts Page
   ******************************/

.wrapbg .contact-details{ 
    display: block;
    margin: 0 auto;
    width: 840px;
    float:left;
}

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

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

.wrapbg .contact-page-address{
	float: right;
    margin-left: 20px;
	margin-top:30px;
    width: 210px;
    margin-bottom:10px;
}
.contact-form{width:562px;float:left;}
.wrapbg .contact-details .contact-page-address #contact-page-address{
    float: right;
    margin-top: 10px;
	width:195px;
	color:#C6C4C4;
	font-size:13px;
	line-height:16px;	
  background:#282828;
  padding-left:14px;
  padding-bottom:10px;
  padding-top:5px;
}
.wrapbg .contact-details .contact-page-address #contact-page-address p{
    color:#C6C4C4;
}
#business-hours-heading{width:190px;}
.wrapbg .contact-page-address #contact-page-address a,.wrapbg .contact-page-address #contact-page-address a:hover{
    color:#C6C4C4;
	font-size:13px;
	line-height:16px;
}
.wrapbg .contact-page-address #contact-page-address h2{
    display:block;
    margin-bottom:5px;
}
.wrapbg .contact-page-address #business-hours{
    float: none;
    margin-top: 10px;
    float:right;
	width:195px;
  padding-left:14px;
	clear:both;
  padding-top:5px;
  background:#282828;

}
.wrapbg .contact-page-address #business-hours table td{
    font-size:12px;
    color:#C6C4C4;
}
.wrapbg #contact-call,#form-main{
    float: left;
    margin-right: 30px;
    width: 562px;
}
.contact-form h1#contact-title{
    padding:16px 0;
	margin:0;
}

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

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

/* Thank you message */

.wrapbg #thank-you {
	border: 1px solid black;
	padding: 20px;
	text-align:center;
	margin-top:20px;
}
.wrapbg #thank-you p {
	margin-bottom: 10px;
}
/* ******************************
             Footer 
   ******************************/
   
/* BASE html - Footer Style */

body#home .wrapbg #base-footer{width:840px;}
.wrapbg #base-footer {
   border: 0 none;
    clear: both;
    margin: 0 auto 56px;
    width: 815px;
	color: lightgrey;
    font-size: 9px;
    line-height: 15px;
	position:relative;
    top:20px;
	min-height:90px;
    padding:0;
}


.wrapbg #base-footer #legal-info{
    color: grey;
    float: left;
    font-family: 'Lato',sans-serif;
    font-size: 11px;
    line-height: 15px;
    margin:5px 0 0 0;
    min-height: 18px;
    min-width: 50px;
    padding: 0;
    left: 0px;
    width:500px;
    top: 0;
}
.wrapbg #base-footer #copyright-info{
    color: grey;
width:500px;
clear:both;
float:left;
margin-top:5px;
}
.wrapbg #base-footer #footer-wrapper > ul{
    float: right;
    list-style: none outside none;
    clear:right;
}
.wrapbg #base-footer #footer-wrapper div.wrap-legal{width:560px;float:left;}
.wrapbg #base-footer ul li{
    float:left;
	text-align:center;
	position:relative;
	margin-left:30px;
	border:none;
	background:none;
	color:grey;
    font-size: 11px;
    line-height: 18px;
    padding-top:5px;
}
.wrapbg #base-footer ul li a { 
    outline:none; 
	text-decoration: underline;
	color: grey;
    font-size: 11px;
    line-height: 15px;
}
.wrapbg #base-footer ul li a:hover{color:grey; text-decoration:none;}


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

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

section.services article figure{margin:0;}
.p1 {
	text-align: left;
	margin-top: 10px;
	margin-bottom: 8px;
}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}
#directions {
    float: right;
}
.logodiv{margin-left: auto;margin-right: auto;}
.project-admin-edit {
    margin-bottom: 40px;
    float: right;
    display:none;
    width: 596px;
}
/* Form field error messages */
.error { color: red; }
.wrapbg #thank-you {
    border: 1px solid black;
    margin-top: 20px;
    padding: 20px;
    text-align: center;
}
.wrapbg #thank-you p {
	 margin-bottom: 10px;
}
.wrapbg .featured-projects-summary .project img { 
border: solid 1px #2c2c2c;
/*-webkit-box-shadow: 2px 2px 4px #735F47; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
/*-moz-box-shadow: 2px 2px 4px #735F47; /* FF3.5 - 3.6 */
/*box-shadow: 2px 2px 4px #735F47    ; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
}
.wrapbg .promo {
    width: 160px;
}
/* IE Carousel FIX
.wrapbg .promo-bg-color{
    background:black;
}
.wrapbg .promo-bg-color, .orange, .red{
    border:1px solid #666666 !important;
    box-shadow:0 1px 1px #A3A3A3 inset, 0 0 1px rgba(0, 0, 0, 0.5);
    filter:none;
    text-align:center;
}*/
.wrapbg .promo-bg-color{
    background:#252525;
}
.wrapbg .promo-bg-color, .orange, .red{
    border:1px solid #666666 !important;
    box-shadow:0 1px 1px #A3A3A3 inset, 0 0 1px rgba(0, 0, 0, 0.5);
    filter:none;
    text-align:center;
}
.wrapbg .promo .cta-button{   
   
  background-color:#ffffff;
  -moz-border-radius:20px;
  -webkit-border-radius:20px;
  border-radius:20px;
  display:inline-block;
  color:#333333;
  font-size:12px;
  font-weight:bold;
  padding:5px 15px;
    margin-bottom:5px;
  text-decoration:none;
}
.wrapbg .promo .cta-button:hover{

	background-color:#ffffff;
}

.classname:active {
	position:relative;
	top:1px;
}
.wrapbg #edit_promo span b span{
    color: #666666 !important;
    display: block;
    padding: 5px 0 10px;
}
.wrapbg #edit_promo div{
    color:#C6C4C4;
}
.wrapbg .promo span.icon {
    /*background: url("../images/click-here-button.png") no-repeat scroll center 85px transparent;*/
    background: none repeat scroll 0 0 transparent;
    padding-bottom: 10px;
}
.news-author{font-weight:bold;margin-top:5px;font-size:14px;}
/*****/
.wrapbg .service-table-row-price{
    position: relative;
    right:0;
    float: right;
    text-align: right;
	width:61px;
}
.wrapbg .service-table-remove{
     right:-30px;
}
.wrapbg .service-table-row-name {
    float: left;
    margin-right: 10px;
    width: 164px;
}
.wrapbg #service-content ul li {
    margin-right: 50px;
    width: 240px;
}
.wrapbg #service-content ul {
    float: left;
    padding: 0 0 20px !important;
    width: 300px;
}
.wrapbg .service-table-buttons{
    float:left;
    width:100%;
}
.wrapbg .project .project-price, .wrapbg .project .project-link{display:none;}

.wrapbg .overlay-background{
    z-index:1000;
}
/*********blank-page***************/
#blank .wrapbg  .team-summary{
    margin: 0 auto;
    width: 562px;
    float:left;
    margin-top:16px;
}
#blank .wrapbg  #team-summary-content{
    width: 562px;
    margin-top:10px;
    margin-bottom:0;
    color:white;
}
/**************sections-page*******/
#sections .wrapbg .team-summary, #product-page .wrapbg .team-summary{
    margin: 0 auto;
    width: 562px;
    float:left;
    margin-top:17px;
}
/**********blog-page***********/



body#services-sections .wrapbg .services #service-content ul li h2, body#services .wrapbg .services #service-content ul li h2, body#price-list .wrapbg .services #service-content ul li h2{font-size:15px;color:#666;}

#sections .wrapbg .team-wrapper > .our-team-content h2, #product-page .wrapbg .team-wrapper > .our-team-content h2{width:474px;margin-bottom:5px;padding-bottom:0;}
#sections div.our-team-content span.section-item-meta, #product-page div.our-team-content span.section-item-meta{width:80px;float:right;position:absolute;top:7px;right:0;}
#sections .wrapbg div.section-buttons a, .wrapbg #sections div.section-buttons a.btn, #product-page .wrapbg div.section-buttons a, .wrapbg #product-page div.section-buttons a.btn {float:left;margin-top:-10px;}


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

/*Tiled Portfolio Page*/

body#portfolio .tiled-project-single{width:259px;float:left;clear:none; margin-bottom:40px;}
#portfolio .wrapbg .tiled-project-details h2 {border:none;min-width:250px;}

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

.wrapbg .tiled-project-images img {min-width:251px;min-height:169px;height:169px;width:251px;margin-top:0;}

.project-images.tiled-project-images span.rollover-eff3 {width:251px;height:172px;line-height:238px;left:10px;}
.project-images.tiled-project-images{width:254px;}
.wrapbg .tiled-project-details{margin-top:5px;}
/*secondary nav*/
.secondary-nav{width:187px;float:right;clear:both;}
.wrapbg .secondary-nav ol li.child-link{padding:10px 10px 5px;list-style-type:circle;list-style-position:inside;color:white;padding-top:2px;}
.wrapbg .secondary-nav ol li{padding:0;margin:0;clear:both;list-style:none;}
.wrapbg .secondary-nav ol li.parent-link a{float:left;margin-bottom:3px;color:#6F979F;text-decoration:none;font-size:18px;text-transform:uppercase;}
.wrapbg .secondary-nav ol li.child-link a{padding-right:20px;color:white;text-decoration:none;font-family:"Yanone Kaffeesatz","Open Sans Condensed", sans-serif;font-size:16px;
}
.wrapbg .secondary-nav ol li.child-link:first-of-type{border-radius:0 0 8px 8px;}
.wrapbg .secondary-nav ol li.child-link:last-of-type {border-radius: 0 0 10px 10px;}
.wrapbg .secondary-nav ol li.child-link:last-child{border-bottom:none;}

.social-links{display:block;padding:5px;height:25px;float:right;margin-top:0;}
#base-footer .social-links{margin-top:-11px;}
#base-footer .social-links ul li {margin-left:0;}

.project-details{width:200px;float:left;margin-top:10px;}

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

 .create-imglink{padding-left:21px;padding-right:29px;margin-top:36px;display:none;}
 .wrapbg footer#base-footer .bonline-version-number{opacity:9;}

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

.wrapbg .mosaic .project-details {
  width: 251px;
  position: absolute;
  bottom: 3px;
  left: 15px;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.7);
}

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

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

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

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

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

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

.wrapbg .mosaic .projects-section:before,
.wrapbg .mosaic .projects-section:after {
  display:table;
  content:"";
}
.wrapbg .mosaic .projects-section:after {
  clear:both;
}
.search-container #search-form {
  width: 840px;
}

/*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:initial;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;}
body#product-page .wrapbg .our-team-aside {margin-right: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;
}