@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; overflow-x:hidden; width:98%;}
#maintable {background: #FFF; min-width:320px; max-width:94%;}

#site_header { padding:10px 0 0 0; text-align:center;}
#logo_area { width:45%; }
#logo_area img {  width:auto; height:auto;   }
#socialmedia_area {clear:both; padding:5px; text-align:justify; width:60%;}

#topright { float:none; text-align:center; width:98%; clear:both; margin-bottom:0; padding-bottom:0; }

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

#center_area {padding:5px;clear:both;}

.dropdown-content .column { width:90%; }
.column ul li a { text-align:center;}

#menu_container { display:none; height:0; }
.burg { display:inline-block; vertical-align: middle;}
.burg_line{
width: 30px;
  height: 4px;
  background-color: black;
  margin: 5px 0;
}

/* mobile_mega container */
.mobile_mega {
  overflow: hidden;
  background-color: #fff;
  font-family: Arial;
  display:block;
  position:fixed; 
  right:15px; top:10px;
/*  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;*/
  z-index: 1000;
  height:auto;
  
}

.mobile_mega:hover {
/*border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;*/
  transition: .3s;
  
}

/* Links inside the mobile_mega */
.mobile_mega a {
  float: left;
  font-size: 16px;
  color: #000;
  text-align: center;
  padding: 7px 0px;
  text-decoration: none;
  
}

/* The dropdown container */
.mobile-dropdown {
  float: right;
  overflow: hidden;
 border:1px solid #000;
 
}

/* Dropdown button */
.mobile-dropdown .mobile-dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: white;
  padding: 12px 12px;
  background-color: inherit;
  font: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
 
  
}



/* Add a red background color to mobile_mega links on hover */
.mobile_mega a:hover, .mobile-dropdown:hover .mobile-dropbtn {
  background-color: #fff;
 /*transition: .1s;*/

}

/* Dropdown content (hidden by default) */
.mobile-dropdown-content {
  display: none;
  /*position: absolute;*/
  background-color: #f9f9f9;
  width: 100%;
  right: 0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  position:fixed;
  overflow-y:auto;
  overflow-y: scroll;
  height:427px;
  background-color: #fff;


}

/* Mega Menu header, if needed */
.mobile-dropdown-content .header {
  padding: 5px;
  color: #000;
  display:block;
  background-color: #fff;
}

/* Show the dropdown menu on hover */
.mobile-dropdown:hover .mobile-dropdown-content {
  display: block;
  width:75%;
  padding:5px;
  text-align: right;background-color: #fff;
  
}

.row { background-color:#fff;}

/* Create three equal columns that floats next to each other */
.mobile-column {
  /*float: right;*/
  width: 98%;
  padding: 0px;
  background-color: #fff;
  /*height: 250px;*/
  height:auto;
  display:inline-block;
  text-align: left;
  margin:5px 0;
  vertical-align: top;
  
}

.mobile-column h3 { 
text-align:left;
padding:5px;
margin:0;
color: #d9771b;
font-size:22px;

}

.mobile-column h3 a {color: #d9771b;font-size:22px;}

.mobile-column ul { list-style:none; margin:0; padding:0; text-align: left; width:100%; }
.mobile-column ul li { display:inline-block; width:98%; margin:0; padding:0; vertical-align: top;}
/* Style links inside the columns */
.mobile-column a {
  float: none;
  color: black;
  padding: 5px;
  padding-right:0;
  text-decoration: none;
  display: inline-block;
  text-align: left;
  line-height:200%;
  /*width:45%;*/
  
}

/* Add a background color on hover */
.mobile-column a:hover {
  background-color: #ddd;
}

.mobile-column ul li img {  width:auto; height:auto; /*width:90%;*/ max-width:80%; }

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.image_column { width:90%; text-align: center; }
.tall { width:98%; text-align: center; }
.tall a {  font-size:110%; padding-bottom:5px; padding-top:5px; text-align:center; }
.tall img { width:auto; height:auto; max-width:90%; }
.left { text-align:left;}
.left a { text-align:left;}
.small_txt { font-size:14px; margin:0; line-height: 80%; }
.green { width:98%; text-align: center; padding:0 15px; }
.green a { background-color:green; color:#fff; /*padding-top:15px;*/ padding:0 15px; font-size:120%;}
.green a:hover { background-color:green; }
.nohover a:hover { background-color: #EEEEEE; }
.width_lmt { clear:both; width:98%}
.width_lmt img { max-width:98%;  }
.siteworkslogo img { max-height:28px; }
.menuitem a {color: #d9771b;font-size:22px;}

/*#topnavbar {height:auto;border-top: #758B9F 2px solid;	clear:both;text-align:center; width:100%;}

#menu136id9 a {
  background: none;
  color: #000;
  display: inline-block;
  font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight:normal;
  line-height: 160%;
  padding: 0 40px;
  text-decoration: none;
}

#menu136id9 .has-sub ul li a {
  background: #c7daec;
  border-bottom: 1px dotted #758B9F;
  filter: none;
  font-size: 16px;
  display: block;
  line-height: 120%;
  padding: 10px;
}

#nav {margin:0;list-style: none;background-color: #c7daec;border-bottom:1px solid #92a5bc; border-top:1px solid #c5ced9; padding-right:20px; padding-left:0;}
#nav li {width:98%;cursor:pointer; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; margin:5px 20px;	}
#nav li a {padding: 5px;text-decoration: none;color: #333;font-size: 30px;}
#nav li a:hover {color: #333;background:url(gifs/uiactivetabbg.gif) repeat-x bottom left;background-color: #fff; }*/

.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-right: 3px;}

.portfolioblock  {text-align:center;}
#tesitmonial_container {  }
.testimonialblock {padding:10px;text-align:left;clear:both;white-space:normal; width:98%; 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-cart img { width:auto; height:auto; max-width:98%; }
#compare-three { width:95%; height:auto; margin:7px; }
#compare-three img { width:auto; height:auto; max-width:65%; }
#responsive-mockup { width:auto; height:auto; float:right; margin:10px; max-width:98%; }
#spedales { float:right;width:auto; height:auto; max-width:50%; margin:10px; }
#site_collection { margin:10px 0; padding:10px 0;background-color:#c7daec; width:90%; }


.siteblock  {display:inline-block;width:96%; vertical-align:middle; margin:10px;}
.siteblock img { height:auto; width:100%; }
.siteblock2 { 
width:98%; 
height:auto; 
display:inline-block; 
margin:5px; 
vertical-align: top;
border-bottom:1px solid #333;
padding-bottom:10px;
}


#seperator { width:auto; height:auto; max-width:95%; }
#swindler { width:auto; height:auto; max-width:95%; }
.bigquote_text {font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:bold;font-size:18px;text-decoration:none;color: #999;}
.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;}

#social_feeds { width:auto; height:auto; max-width:50%; float:right; }
.featureblocklarge  {width:97%;padding:10px;margin-bottom:5px;text-align:left;}

.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:98%;}
td  {border-bottom:groove;border-color:#c5d9ec;}
#tableforrates { width:95%; }

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



.indexblock1  {padding:10px;margin-bottom:2px;margin-top:3;text-align:left;font-size:20px;width:98%;color:#666; vertical-align:top;}
.indexblock1 img { margin:10px; width:40%; height:auto; }
#index_noimage { width:90%; padding:20px; background-color:#fff; display:inline-block; }
#index_noimage_left { width:98%;float:left; text-align:center; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; padding-top:5px;}
.big_price { font-size:56px; color:#20BF41; line-height:120%; font-weight:bold; }
.notasbig_price { font-size:36px; color:#20BF41; line-height:120%; font-weight:bold;  }
#index_noimage_right { display:none;}
#indexblock2  {padding:10px;margin-bottom:2px;margin-top:20px;text-align:center;font-size:20px;width:98%;color:#666; vertical-align:top;}
#indexblock2 img { margin:10px; width:96%; height:auto; }
#indexblock_blue { background-color:#7591FC; padding:20px; color:#fff; font-size:20px; text-align:center; width:92%;}
.white_title { font-size:28px; font-stretch:expanded;  }

.pos_integration_block { margin:10px; font-size:20px; vertical-align: top; clear: both; text-align: center; width:98%; }
.pos_integration_block img { width:98%; max-height:none; }
.pos_image { display:inline-block; float:none;vertical-align: top; margin:10px; height:auto;  width:98%; max-height:none; }
.pos_integration_block h2 { /*color: #385D7F;*/ }

#wedding_index {  padding:20px; color:#000; font-size:18px; text-align:left; background-color:#EDE6CD; }
#wedding_index img { float:right; margin:0 20px ; width:50%; 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; color:#758b9f; }

#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;}
#footer_main{padding:10px;	clear:both;display:inline-block;border-bottom:solid 1px #c5d9ec;border-top:solid 1px #c5d9ec;}
.footer_txt  {font-family:Arial, Helvetica, sans-serif;font-size:18px;color:#333;text-decoration:none; line-height:200%;}
.footer_block1  {width:90%;text-align:center;line-height:28px;display:inline-block; vertical-align:top;padding:10px;}
.footer_block2  {width:90%;text-align:center;padding:10px;vertical-align:top;  }
.footer_block3  {text-align:left;	width:95% ;clear:both; padding-top:20px;border-top:1px solid #666;}

.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:auto; margin:10px; float:left; max-width:35%; height:auto; }
#banners { width:auto; margin:10px; float:right; max-width:45%; height:auto; }
#mailers { width:auto; float:left; margin:10px; max-width:30%; height:auto; }
#ftdteleprod { width:auto; float:right; margin:10px; max-width:35%; height:auto; }

.index-grid-CTA { width:100%; float:none; }
.index-features { width:100%; }

.port-section { width:90%; text-align:center; vertical-align: top; }