@charset "utf-8";
/* CSS Document */

/* 
orange: #d9771b
dk blue: #758b9f
lt blue: #c5d9ec 
*/

body {	margin: 0; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:16px; width:100%; overflow-x:hidden;}
h1 { color: #385D7F;font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:42px;line-height:48px;text-decoration:none; font-weight:normal; }
h2 { font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;color: #d9771b;font-size:28px;text-decoration:none;line-height:36px; font-weight:normal; }
#maintable {background: #FFF; width:100%;}
h3 { font-weight:bold; font-size:24px; color:#758b9f; text-decoration: none; }
h3 a { color:#758b9f; text-decoration: none; }

#site_header { padding:10px 0; width:100%;  }
#logo_area {width:40%; float:left;}
#logo_area img { max-height:100px; width:auto; max-width:100%; }

#topright { width:35%; float:right; text-align: right;font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; padding:10px 20px 0px 20px; line-height:180%; font-size:18px; }
#topright .phone { display:block; }
#topright .email { display:block; text-decoration:none; color:#000; }
#topright a {  text-decoration:none; color:#000; }
#topright .contactus { display:block;  }

.contact_txt {color: #4f5e6b;font-weight:bold;font-size:16px;padding-right:5px;word-spacing:12px;}

#center_area {padding:5px 20px;text-align:center;clear:both;}

#topnavbar {height:auto;border-top: #758B9F 2px solid;	border-bottom: #758B9F 2px solid;clear:both;text-align:center justify; width:100%; background-color:#c7daec;}


.pageheader_txt {color: #385D7F;font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:42px;line-height:48px;text-decoration:none;}
 .pageheader_txt_white {color: #fff;font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:42px;line-height:48px;text-decoration:none;}
.sectionheader_txt {font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;color: #d9771b;font-size:28px;text-decoration:none;line-height:36px;} 

.content_txt {color: #333333;font-size:18px;text-decoration:none;line-height:28px;} 
a.content_txt:hover {font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;color: #92a5bc;font-size:16px;text-decoration: underline;}

.contentsm_txt {font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;color: #333;font-weight:bold;font-size:9px;text-decoration:none;} 
#learn_more_btn   {width:220px;background-color:#d9771b;color:#fff;text-align:center;border-radius:5px;border-bottom:solid 1px #333333; clear:both;}

.learn_more_txt   {color:#fff;text-decoration:none; line-height:34px;}

#highlight-orange li {list-style-image: url('gifs/orange-arrow.png');padding-right: 3px;}
#highlight-blue li {list-style-image: url('gifs/dkblue-arrow.png'); padding:3px 3px 3px 0;}

.siteworks_img { float:right; padding:3px; max-width:40%; height:auto; }

.featureblocklarge  {width:97%;padding:10px;margin-bottom:5px;text-align:left; clear:both;}
.cc { float:right; max-width:45%; margin:10px; }
.featureblocklarge h3 { font-size:110%; font-weight:bold; color: #d9771b; margin:3px 0; }

.tableheader_txt {color: #385D7F;font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:18px;text-decoration:none;font-weight:bold;}
.tableitemheader_txt {font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;color: #d9771b;font-weight:bold;font-size:16px;text-decoration:none;} 
#ratetable  {border:ridge;border-radius:15px;border-color:#c5d9ec;width:75%;}
td  {border-bottom:groove;border-color:#c5d9ec;}
#tableforrates { width:90%; }

#math_block  {text-align:right;padding:10px;width:300px;margin-left:10%;}

.portfolioblock  {text-align:center;}
#tesitmonial_container {  }
.testimonialblock {padding:10px;text-align:left;clear:both;white-space:normal; width:95%; display:inline-block; vertical-align:top;}
.testimonialblock img { float:left; width:50%; height:auto; max-width:350px; margin:10px; }
.portfolio_block { display:inline-block;padding:10px;margin-bottom:2px;margin-top:20px;text-align:left;font-size:20px;color:#666; vertical-align:top; clear:both; }
#compare-cart { width:25%; height:auto; max-width:122px; float:left; margin:7px }
#compare-three { width:55%; height:auto; float:right; margin:7px; }
#responsive-mockup { width:auto; height:auto; margin:10px; max-width:75%;transition:all ease-in-out .3s; }
#responsive-mockup:hover { transform:scale(1.05);}



#site_collection { margin:10px 0; padding:10px 0;background-color:#c7daec; text-align: center; }
.siteblock  {display:inline-block;width:auto; vertical-align:top; margin:10px; }
.siteblock img { width:auto; height:auto; max-width:300px; vertical-align: top; }

.siteblock2 { 
width:45%; 
height:auto; 
display:inline-block; 
margin:5px; 
vertical-align: top;
border-bottom:1px solid #333;
padding-bottom:10px;
}
.siteblock2 a { text-decoration:none; }
.siteblock2 img { vertical-align: top; max-width:98%; width:auto; height:auto; }
.siteblock2 h1 { font-size:22px; color:#000; text-decoration:none; }
.siteblock2 h2 { font-size:18px; }
.siteblock2 h1 a {color:#000; text-decoration:none;}


#seperator { width:80%; height:auto; max-width:400px; }
.bigquote_text {font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:bold;font-size:18px;text-decoration:none;color: #999; line-height: 120%;}
.portfolio_txt {font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;color: #4f5e6b;font-weight:bold;font-size:11px;text-decoration:none;}
a.portfolio_txt:hover {font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;color: #4f5e6b;font-weight:bold;font-size:11px;text-decoration:underline;}


#knights_block {  }
#social_feeds {  width:50%; height:auto; max-width:1000px; float:right;}

#indexblock_general { display:inline-block;padding:10px;margin-bottom:2px;margin-top:20px;text-align:left;font-size:20px;width:90%;color:#666; vertical-align:top; clear:both; }

.index-CTA-main { 
width:100%;
/*display:inline-block;*/
height:300px;
background-image: url("gifs/spring-cover.jpg"); 
background-size: cover; 
background-position: center;
text-align: center;position: relative;
}

.index-CTA-box { 
color:#fff;
/*background-color:#000; */
/*opacity: .7;*/
padding:40px;
text-align: center;
width:55%;
/*display:inline-block;*/
/*margin:0;*/
}

.index-CTA-box::after {
content: "";
  background-color:#000; 
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;  
}

.index-CTA-text { 
opacity: 1.0;
color:#fff; 
font-size:34px;
font-weight:bold;
font-family: Montserrat, Arial, Helvetica, sans-serif;
}

.v-h-center {
    margin: 0;
  position: relative;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.port-section { width:100%; text-align:center; vertical-align: top; }
.port-section a { text-decoration:none; }

.port-CTA { 
width:100%;
/*display:inline-block;*/
height:150px;
/*background-size:cover;*/
background-image:url("gifs/portfolio-bg.jpg");
background-size: cover;
background-position: center;
text-align: center;/*position: relative;*/display:inline-block;
margin:3px;
background-repeat: no-repeat;
transition: all 0.4s;
}

.port-CTA-box { 
color:#fff;
/*background-color:#000; */
/*opacity: .7;*/
padding:10px;
text-align: center;
width:75%;
/*display:inline-block;*/
/*margin:0;*/
}

.port-CTA-box::after {
content: "";
  background-color:#000; 
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;  
}

.port-CTA-text { 
opacity: 1.0;
color:#fff; 
font-size:24px;
font-weight:bold;
font-family: Montserrat, Arial, Helvetica, sans-serif;
margin:0; line-height:110%;
}


.indexblock1  {display:inline-block;padding:5px;margin-bottom:2px;text-align:center;font-size:20px;color:#666; vertical-align:top; clear:both; width:90%; max-width:1200px;}
.indexblock1 h2 { margin:0; padding:0; }
/*#indexblock1 img { margin:0 50px 10px 80px; width:23%; height:auto; float :left }*/
#index_noimage { width:95%; padding:20px; background-color:#fff; display:inline-block; }
#index_noimage_left { width:40%;float:left; text-align:center; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; padding-top:50px;}
.big_price { font-size:56px; color:#20BF41; line-height:120%; font-weight:bold; transition:all ease-in-out .3s; }
.big_price:hover { transform:scale(1.08);}
.notasbig_price { font-size:36px; color:#20BF41; line-height:120%; font-weight:bold; transition:all ease-in-out .3s; }
.notasbig_price:hover {transform:scale(1.08);  }

#index_noimage_right { width:50%; float:right; text-align:left;}
#indexblock2  {display:inline-block;padding:10px;margin-bottom:2px;margin-top:5px;text-align:center;font-size:20px;width:90%;color:#666; vertical-align:top; clear:both; max-width:1200px; line-height:120%;}
#indexblock2 img { margin:10px; width:50%; height:auto; float:left; }
#indexblock_blue { background-color:#7591FC; padding:20px; color:#fff; font-size:18px; text-align:center; clear:both; max-width:1200px; width:98%;}
.white_title { font-size:28px; font-stretch:expanded; maring-top:15px;  }

.pos_integration_block { margin:10px; font-size:20px; vertical-align: top; clear: both; text-align: center; max-width:1200px; width:100%; }
.pos_image { float:right; vertical-align: top; margin:10px 10px 20px 10px; max-height:350px; width:auto; width:40%; transition:all ease-in-out .3s; }
.pos_image:hover { transform:scale(1.08);}
.pos_integration_block h2 { /*color: #385D7F;*/ }


#wedding_index {  padding:20px; color:#000; font-size:18px; text-align:left; background-color:#EDE6CD; clear:both;}
#wedding_index img { float:right; margin:0 30px 10px 30px; width:30%; max-width:325px; height:auto;}
.weddingheader_txt {font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;color: #705F3E;font-size:28px;text-decoration:none;line-height:36px; font-weight:bold;} 

.learn_txt { font-weight:bold; font-size:24px;text-decoration:none; color:#758b9f;  }
.learn_txt_orange {  font-weight:bold; font-size:24px; text-decoration:none;color:#d9771b; }
.learn_txt_white {  font-weight:bold; font-size:24px; text-decoration:none;color:#fff; }

#contactusblock  {width:97%;height:170px;text-align:left;border-top:solid 1px;border-left:solid 1px;border-right:solid 3px;border-bottom:solid 3px;border-color:#c5d9ec;border-radius:15px;}

#contactustext  {width:185px;padding-left:10px;padding-top:10px;float:left;}
.contact_button  {width:200px;text-align:center;}

#footer  {width:98%;margin-bottom:20px;padding-top:20px;padding-bottom:20px;clear:both;}
#footer_main{padding:10px;	display:inline-block;border-bottom:solid 1px #c5d9ec;border-top:solid 1px #c5d9ec; width:98%;}
.footer_txt  {font-family:Arial, Helvetica, sans-serif;font-size:20px;color:#333;text-decoration:none;}
.footer_block1  {width:30%;text-align:left;line-height:28px;display:inline-block; vertical-align:top;}
.footer_block2  {width:25%;text-align:left; display:inline-block; vertical-align:top;}
.footer_block3  {text-align:left;	width:auto;clear:both;}

.sauce_txt  {font-family:Arial, Helvetica, sans-serif;font-size:17px;color:#999;line-height:21px;}

.copyright_txt {color: #4f5e6b;font-weight:bold;font-size:9px;text-align:center;clear:both;padding:10px;}

#gallery_block { clear:both; padding:20px;  }
#gallery_block img { float:right; width:50%; max-width:800px; height:auto; margin:10px; display:inline-block; }

#keepcalm { width:35%; margin:10px; float:left; max-width:600px; height:auto; }
#banners { width:45%; margin:10px; float:right; max-width:400px; height:auto; }
#mailers { width:30%; float:left; margin:10px; max-width:600px; height:auto; }
#ftdteleprod { width:20%; float:right; margin:10px; max-width:350px; height:auto; }

#ahutable { width:80%; }
#ahurow { width:98%; height:auto; border:1px solid #333; vertical-align:middle; }
#ahucol { width:45%; height:auto; display:inline-block;vertical-align:middle; }


.index-grid-block { width:100%; text-align:center; vertical-align: top; }
.index-grid-block h1 { margin:0; padding:0; line-height:100%; }
.index-grid-CTA { 
width:40%;
/*display:inline-block;*/
height:300px;
/*background-size:cover;*/
background-size: cover;
background-position: center;
text-align: center;/*position: relative;*/display:inline-block;
background-repeat: no-repeat;
vertical-align: top; float:left;
margin:0px 20px 10px 0px;
transition:all ease-in-out .3s;

}

.index-grid-CTA:hover { transform:scale(1.08);}

.index-grid-CTA-box { 
color:#fff;
/*background-color:#000; */
/*opacity: .7;*/
padding:10px;
text-align: center;
width:75%;
/*display:inline-block;*/
/*margin:0;*/

}


.index-grid-CTA-box::after {
content: "";
  background-color:#000; 
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;  
  
}

.index-grid-CTA-text { 
opacity: 1.0;
color:#fff; 
font-size:30px;
font-weight:bold;
font-family: Montserrat, Arial, Helvetica, sans-serif;
}

.index-features { display:inline-block; width:98%; text-align: left; line-height:160%;}
.index-features h2 { margin:0; padding:0; }
.hplist { clear:both; list-style:none; text-align:center; width:98%; margin:0; padding:0; }
.hplist li { margin:5px 0; line-height:120%; transition: all ease-in-out .3s; }
.hplist li:hover { transform: scale(1.1);}
.hplist-text { font-weight:bold; color:#d9771b; font-size:24px;}