/* ----------------------------------------------- */
/*                  BASE STYLES                   */
/* ----------------------------------------------- */

body {
	font-family: arial,helvetica,san serif; 
	background-color: #ffffff; 
	color:#000000;
	margin:0;
	padding:0;
	font-size:14px;
	line-height:1.3em;
}

.container{width:100%;max-width:984px;margin:10px auto 10px auto;}
.containernarrow{width:100%;max-width:860px;margin:10px auto 10px auto;}

/* Global Styles */

.left {float:left;}
.right {float:right;}
.clear {clear:both;}


/* To make sidebar alignment work */
table, tr, td, td .sidebar {
  vertical-align:top;
}

/* -------------- Adjusts superior, inferior ----------------*/
sub,
sup {
  position: relative;
  font-size: 75% !important;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}
ul{padding-left:24px;}

/* ------------------------------------ */
/*     Header Definitions for family    */
/* ------------------------------------ */
.login_text{float:left;font-size:12px;color:#ffffff;margin-left:12px;}
.login_text a:hover{color:#ffffff;}
.login_form{float:left;font-size:12px;color:#ffffff;margin-left:12px;}
.login_form a:hover{color:#ffffff;}

.changing{background-color:#cccccc;width:250px;margin:auto;padding:12px;}
.login_change{font-size:12px;color:#000000;margin:12px;}
.login_change a:hover{color:#000000;}
.login_change input{width:230px;}
.ferror{font-weight:strong;color:red !important;text-align:center;}
::placeholder {
  opacity: 1; /* Firefox */
}

/* Variation for homepage    */
.box3-text .topnav{background:black;}
.box3-text .topnav a:hover{background:black;}
.box3-text input{clear:both;float:none;}

@media screen and (max-width: 600px) {
	.login_text{float:none;width:100%;height:24px;text-align:left;}
	.login_form{float:none;width:90%;margin:2px auto;}
}

/* ---------------------------- */
/*      Common Footer           */
/* ---------------------------- */

.footer{max-width:984px;margin:18px auto 12px auto;font-size:14px;text-align:center;}

/* ------------------------------------ */
/*    font-awesome characters           */
/* ------------------------------------ */
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    font-size: inherit;
    right:12px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ------------------------------------ */
/*               Link Styles            */
/* ------------------------------------ */
/* jquery mobile overwrite */
.ui-body-c .ui-link {
    color: inherit !important;
    font-weight: inherit !important;
}

/* generic site link styles */
.ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a {
   text-decoration:none; color: navy;font-weight:bold;
}
.ui-page-theme-a a:hover, html .ui-bar-a a:hover, html .ui-body-a a:hover, html body .ui-group-theme-a a:hover {
text-decoration:underline;color: #38c /*{a-link-hover}*/;
}
.ui-page-theme-a a:visited, html .ui-bar-a a:visited, html .ui-body-a a:visited, html body .ui-group-theme-a a:visited {
text-decoration:none;color: navy /*{a-link-visited}*/;
}
.ui-page-theme-a a:active, html .ui-bar-a a:active, html .ui-body-a a:active, html body .ui-group-theme-a a:active {
text-decoration:none;color: #3192c1 /*{a-link-active}*/;
}

.ui-page-theme-a .ui-btn:focus, html .ui-bar-a .ui-btn:focus, html .ui-body-a .ui-btn:focus, html body .ui-group-theme-a .ui-btn:focus, html head+body .ui-btn.ui-btn-a:focus, .ui-page-theme-a .ui-focus, html .ui-bar-a .ui-focus, html .ui-body-a .ui-focus, html body .ui-group-theme-a .ui-focus, html head+body .ui-btn-a.ui-focus, html head+body .ui-body-a.ui-focus {
-webkit-box-shadow: 0 0 12px #ccc;
-moz-box-shadow: 0 0 12px #ccc;
box-shadow: 0 0 12px #ccc;
}

a.white{color: #ffffff;text-decoration:none;}
a:visited.white{color: #ffffff;text-decoration:none;}
a:active.white{color: #ffffff;text-decoration:none;}
a:hover.white{color: #ffcc00;text-decoration:none;}
a:visited:hover.white {color: #ffcc00;text-decoration:none;}

.red a {color: #cc0000;}
.red a:visited {color: #cc0000;}
.red a:active {color: #cc0000;}
.red a:hover {color: #cc0000;}

.smlink {color: #000000;font-size: 12px;}
.smlink a:link {color: #000000;font-size: 12px;}
.smlink a:visited {color: #000000;font-size: 12px;}
.smlink a:active {color: #000000;font-size: 12px;}
.smlink a:hover{color: #000000;font-size: 12px;}


/* ------------------------------------ */
/*         Generic  Button              */
/* ------------------------------------ */

 .ui-btn {
 	height:22px !important;
 	font-size:14px;
 	padding:3px 12px 0px 12px;
	border:1px;
	-moz-border-radius:3px !important; /* Firefox */
	-ms-border-radius:3px !important; 
	-o-border-radius:3px !important; 
	-webkit-border-radius:3px !important; /* Safari and Chrome */
	border-radius:3px !important;  /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	border-color:#ffcc00 !important;
	background: #ffcc00 !important; /* for non-css3 browsers */
	text-shadow: none !important; /* Don't remove this - covers browsers which don't suppor text-shaddow  */
	text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25) !important;
	color:#000000 !important;
	font-weight:normal !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc00', endColorstr='#ffcc00'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#ffcc00)) !important; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ffcc00,  #ffcc00) !important; /* for firefox 3.6+ */
}

.ui-btn:active, .ui-btn:focus {background: #ffcc00 !important;}

/*Button Hover Status. Inverse of class above */
.ui-btn:hover {
	background-color:#e6b800 !important;
	border-color:#e6b800 !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6b800', endColorstr='#e6b800'); /* for IE */
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e6b800), color-stop(1, #e6b800) ) !important;
	background:-moz-linear-gradient( center top, #e6b800 5%, #e6b800 100% ) !important;
}

@media screen and (max-width: 650px) {
  }

 }
 
/* --------- End Generic  Button ---------- */

/*  body styles */
.text {font-size: 16px;font:arial,helvetica,san serif; }
.textcal {font-size: 14px;font:arial,helvetica,san serif;padding:6px 12px;min-height:200px; }
.italic{font-style:italic;}

.text16 {font-size: 16px;font:arial,helvetica,san serif; }
.gallery {font-size: 13px;line-height:18pt; }

/* Headline sizes */
H1, h1 {font-weight: bold; font-size: 20pt; color: maroon; line-height: 1em;}
H2, h2 {font-weight: bold; font-size: 18pt; color: #003366; line-height: 1.2em; font-style: italic;}
H3, h3 {font-weight: bold; font-size: 15pt; color: #003366; line-height: 1em; font-style: normal;}
H4, h4 {font-weight: normal; font-size: 14pt; color: #000000; line-height: 1.2em; font-style: normal;}
H5, h5 {font-weight: bold; font-size: 14pt; color: #0000ff; line-height: 1.2em; text-align: center}
H6, h6 {font-weight: bold; font-size: 12pt; color: #ff9999; line-height: 1.2em;}
.header{font-weight: bold; font-size: 16pt; color: maroon; line-height: 1.2em;}
.subheader {font-weight: bold; font-size: 14pt; color: #003366; line-height: 1.2em; font-style: normal;}

@media screen and (max-width: 800px) {
H1, h1 {font-size: 14pt; }
H2, h2 {font-size: 14pt;}
}
/* colors */
.red {color:#cc0000;}
.toc {background: gray}
.look {background: #ff80c0; color: lime}

#position1 {left: 30px; position: absolute; top: 500px;}
.toctxt {font-weight: bold; color: #ffffff; font-family: arial; text-decoration: none;}
.bluebanner{color:#ffffff;background-color:navy;height:20px;padding-top:2px;font-weight:bold;text-shadow:none;}
.ojectlist{font-size:12px;font-weight:bold;font-color:navy;}
.textsm {font-size: 11px;}

/* sidebars  */
.family-sidebar{float:left;text-align:left;width:30%;background:#cccccc;padding:12px;}
.family-rightcol{float:right;width:65%;background:#ffffff;text-align:left;padding:12px;}

/* Home Page for Family */

.homeformbox{width:300px;float:left;background-color:#eeeeee;padding:0px;margin:12px 0px 0px; 0px;}
.homeformtext{color:#000000;margin:12px;font-size:11px;}

.home_leftcol{width:50%;float:left;margin:12px 24px 12px 24px;}
.home_rightcol{width:45%;float:left;padding:0px;margin:12px 0px 0px; 0px;}
.pagecontent{float:none;width:900px;}
.leftcol{width:50%;float:left;margin:12px 24px 12px 24px;}
.rightcol{width:49%;float:left;padding:0px;margin:12px 0px 0px 0px;}
.indentform{margin:0px 0px 0px 0px;padding-top:12px;}


@media screen and (max-width: 414px) {
	.home, .tourbox{width:98%;}
	.textcal {min-height:300px;}
	.tourleftcol{width:95%;float:none;margin:0 auto 12px auto;}

}
/* ------------------------------------ */
/* image rollovers on family homepage   */
/* ------------------------------------ */
.full_image_container {
	margin-top:20px;
	float:left; 
	width:100%;
	max-width:500px;
	height:338px; 	
	background:url(/images_unique/img_main-467x336.jpg) #ffffff no-repeat top left;
}
#thumbnails_container {margin-top:19px;}
.thumbnails img {margin:1px 2px;width:30%;min-width:20%;}
.rightthumbs{float:right; width:49%;}

@media screen and (max-width: 984px) {
	.full_image_container {
		float:none;
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}
	.rightthumbs {float:none;display:block;width:90%;margin-left:auto;margin-right:auto;}

}

/* ----------------------------------------------- */
/*   Page Stucture - Standard row & col widths    */
/* ----------------------------------------------- */

/* Home Page Stucture - set rows and col widths */
.row{width:100%;position:relative;clear:both;}
.col-80{width:78%;}
.col-70{width:68%;}
.col-60{width:58%;}
.col-50{width:48%;}
.col-40{width:38%;}
.col-30{width:28%;}
.col-25{width:13%;}
.col-20{width:18%;}
.gleft {float:left;margin-right:2px;}
.gright {float:right;margin-left:2px;}


.baseindent{margin:0px 0px;}
.indent18{margin:18px 18px;}

.carrow{color:#ffffff !important;background:#000000;text-shadow:none !important;}
.carrow H1{color:#ffffff;text-decoration:none;text-shadow:none !important;}

.tour{border:1px solid black;margin-top:12px;}
.tour H2{font-size:16px;}
.tour .baseindent{margin:12px 12px;}

.blog{
	margin-top:12px;
	background:red;
	text-align:center;
	color:white;
	font-size:18px;
	line-height:1.3em;
	text-shadow:none;
	padding-top:12px;
	min-height:240px;
}

/* -------------- end structure ---------------- */


@media screen and (max-width: 680px) {
	.row{width:98%;position:relative;clear:both;}
	.left{float:none;clear:both;width:100%;margin:0px auto;}
	.right{float:none;clear:both;width:100%;margin:0px auto;}	
	.baseindent{margin:12px 12px;}
	.tour .baseindent{margin:12px 12px;}
}

.macro-grid{float:left;width:31%;padding:0;margin:20px 0 0 0;}





.box3-text{padding:12px;text-align:left;color:white;text-shadow:none;font-size:14px;line-height:1.4em;}
.box4-text {margin:16px auto 0 47%;color:#000000;font-size:18px;line-height:1.3em;text-shadow:none;}
.box4-text a, .box4-text a:active, .box4-text a:visited{color:navy;text-decoration:none !important;}
.box4-text a:hover{color:#38c;}
.box6-text {text-align:center;color:white;font-size:18px;line-height:1.3em;text-shadow:none;padding-top:12px;min-height:240px;}

@media screen and (max-width: 650px) {
	.blog {clear:both;float:none;margin:auto;width:98%;}
}


/* Gallery Page */
.roll{color:#cc0000;font-weight:bold;}

/* image border */

.imagestyle {border: 4px solid #eeeeee;}

/* Christmas pages */
body .yule{
	background:#006633;
	text-shadow:none !important;
}

.yule-page{width:100%;max-width:984px;margin:0px auto;}

.yule-page-interior{width:100%;max-width:956px; min-height:1100px;margin:0px auto;background:#ffffff;border-left:4px solid white;border-top-left-radius: 25px;padding-bottom:30px;}
.left-yule{position:relative;width:180px;min-height:400px;float:left;background:#99cc99;border:4px solid white;border-radius: 25px;margin:4px 12px 0 0;box-shadow: 10px 5px 5px rgba(0, 0, 0, 0.2);padding-left:15px;}
.middle-yule{position:relative;width:55%;min-height:400px;float:left;background:#ffffff;border-right:1px solid #cccccc;text-align:left;padding-bottom:20px;margin-top:12px;}
.middle-yule-twocol{position:relative;width:73%;min-height:400px;float:left;background:#ffffff;text-align:left;padding-bottom:20px;margin-top:24px;margin-left:12px;}
.right-yule{position:relative;width:18%;min-height:400px;float:right;background:#ffffff;}

.middle-yule-text{margin:12px;}

.left-yule h3{color:#006633;}
.left-yule a, .left-yule a:visited:hover{text-decoration:none}
.middle-yule-twocol .left{width:54%;} 
.middle-yule-twocol .right{width:44%;} 

@media screen and (max-width: 962px) {
	.middle-yule{max-width:70%;border:0; } 
	.right-yule{float:none;clear:both;margin:10px auto; }
}

@media screen and (max-width: 680px) {
	.middle-yule-twocol .left{float:none;clear:both;width:100%;margin:0px auto;}
	.middle-yule-twocol .right{float:none;clear:both;width:100%;margin:0px auto;}
}
@media screen and (max-width: 479px) {
	.yule-page img{width:100%;min-width:320px;}
	.middle-yule, .middle-yule-twocol{float:none;clear:both;width:100%;margin:10px auto; } 
	.middle-yule-text{margin:0px;}

	.left-yule{float:none;clear:both;margin:0px auto;border-top:10px solid #ffffff;} 
	.right-yule{float:none;clear:both;width:100%;margin:0px auto;}
}


/* Consulting */
.conleft{float:left;width:35%;margin-left 12px;}
.conright{float:right;width:60%;}
@media screen and (max-width: 880px) {
	.conleft{float:none;clear:both;width:95%;margin-left:12px;margin-right:20px;}
	.conright{float:none;clear:both;width:95%;margin-left:12px;margin-right:20px;}
}


.conselect  .ui-btn {
 	height:22px !important;
 	font-size:14px !important;
 	padding:3px 12px 0px 12px !important;
	border-top-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
	-moz-border-radius:3px !important; /* Firefox */
	-ms-border-radius:3px !important; 
	-o-border-radius:3px !important; 
	-webkit-border-radius:3px !important; /* Safari and Chrome */
	border-radius:3px !important;  /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	border-color:#cccccc !important;
	background: #cccccc !important; /* for non-css3 browsers */
	text-shadow: none !important; /* Don't remove this - covers browsers which don't suppor text-shaddow  */
	text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25) !important;
	color:#000000 !important;
	font-weight:normal !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#cccccc'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#cccccc)) !important; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #cccccc,  #cccccc) !important; /* for firefox 3.6+ */
}

.conselect .ui-btn:active, .conselect .ui-btn:focus {background: #cccccc !important;}

/*Button Hover Status. Inverse of class above */
.conselect .ui-btn:hover {
	background-color:#aaaaaa !important;
	border-color:#aaaaaa !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#aaaaaa'); /* for IE */
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #aaaaaa), color-stop(1, #aaaaaa) ) !important;
	background:-moz-linear-gradient( center top, #aaaaaa 5%, #aaaaaa 100% ) !important;
}
.conportfolio{text-shadow:none !important}

/* ------------------------------------ */
/*  Database 3 columns                  */
/* ------------------------------------ */
.dbrow{border-bottom:1px solid #cccccc;margin:6px 12px 0 12px;padding-bottom:10px;}
.dbcol-1{display:inline-block;width:34%;font-weight:bold;vertical-align: text-top;}
.dbcol-2{display:inline-block;width:24%;vertical-align: text-top;}
.dbcol-3{display:inline-block;width:14%;vertical-align: text-top;}
.dbcol-4{display:inline-block;width:24%;vertical-align: text-top;}

.dbcol-1 h4{font-size:16px;line-height:1em;font-weight:bold;}
.dbcol-2 h4{font-size:16px;line-height:1em;font-weight:bold;}
.dbcol-3 h4{font-size:16px;line-height:1em;font-weight:bold;}
.dbcol-4 h4{font-size:16px;line-height:1em;font-weight:bold;}

@media screen and (max-width: 840px) {
	.dbcol-1{display:block;width:100%;}
	.dbcol-2{display:block;width:95%;}
	.dbcol-3{display:block;width:95%;}
	.dbcol-4{display:block;width:95%;}
	.dbcol-1 h4{display:none;}
	.dbcol-2 h4{display:none;}
	.dbcol-3 h4{display:none;}
	.dbcol-4 h4{display:none;}

}

/* ------------------------------------ */
/* Slideshow (el-camino and san diego)  */
/* ------------------------------------ */

.mySlides {display:block}

/* Slideshow container */						  
.slideshow-container {
  max-width:860px;
  position: relative;
  margin: auto;
}

.mySlides img{width:auto;height:500px;}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: relative;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -225px;
  color: white !important;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  background-color:navy;
  text-shadow:none;
}

/* Position the "next button" to the right */
.next {
  float:right;
  right: 0;
  border-radius: 3px 0 0 3px;
}
.prev{
 	float:left;
	left:0;
}

.prev:hover, .next:hover, .prev:active, .next:active, .prev:focus, .next:focus {
  background-color:navy;
}

.snapshot{
	width:100%;
	float:left;
	text-align:center;
	font-size:12px;
	line-height:1.2em;
	font-weight:bold;
	margin-top:30px;
	margin-bottom:18px;
	}
.snapshot li{list-style-type:none;float:none;display:inline;width:100%}


/* Caption text */
.slidetext {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  top:99%;
  width: 100%;
  text-align: center;
  background:black;
  opacity:70%;
}


/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 20px;
  width: 20px;
  margin: 4px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  text-shadow:none;
}

.active, .dot:hover {
  background-color: navy;
  color:white;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

.mySlides .text{max-width:600px;text-align:left;}
.slidesintro{text-align:left;max-width:500px;margin:6px auto 18px auto;}
.slidesbullets{clear:both;text-align:center; max-width:500px;margin:0 auto;}

@media screen and (max-width: 775px) {
	.prev, .next {margin-top:0;}
	.slidetext {}
	.slidesbullets{margin-top:40px;}
	.slidesintro{width:90%;}
	.mySlides img{width:80%;height:auto;}
	.myslides .text{margin-left:6px;}
}

/* ------------------------------------ */
/*  House Gallerys: Tucson, Mass        */
/* ------------------------------------ */
.top{margin-top:18px;}
.bodyleft{float:left;width:45%;margin:20px 0 0 0;}
.bodyright{float:right;width:54%;margin:20px 0 0 6px;}
.bottomleft{float:left;width:45%;}
.bottomright{float:right;width:54%;padding-bottom:24px;}

.mainimage{width:100%;margin-bottom:12px;}
.houseimg img{width:100%;}
.houseimg li{list-style-type:none;display:inline-block;width:18%;margin-top:0;margin-bottom:6px;}
.headline{font-size: 18px; line-height:1.3em;font-weight: bold;text-align:center;}
.subhead{font-size: 14px; line-height:1.3em;font-weight: normal;text-align:center;}

.textblock{width:100%;background:#000066;color:#ffffff;text-align:center;margin:0;padding:8px 2px 8px 0px;height:24px;line-height:1.2em;}
.deckbox{float:left;width:90%;background:#000066;padding:12px;height:24px;margin:0 auto;line-height:1em;text-align:center;font-weight:bold;color:#ffffff;text-shadow:none;}
.deckbox-def{float:left;width:90%;background:#cccccc;padding:12px;margin:0 auto;line-height:1.4em;text-align:left;text-shadow:none;}
.textdescribe{display:block;width:80%;font-size:14px;line-height:12px;font-weight:bold;margin-left:48px;}
.floorplan{float:right;width:73%;margin:0;}
.floorplan img{width:50%;}

@media only screen and (max-width: 850px) {
	.houseimg li{width:31%;}
}
@media only screen and (max-width: 650px) {
	.bottomleft{float:none;width:98%;margin-left:10px;}
	.bottomright{float:none;width:98%;margin-left:10px;}
	.textdescribe{display:none;}
	.bodyleft{float:none;width:100%;}
	.bodyright{float:none;width:100%;}
	.houseimg li{width:32%;}
}
@media only screen and (min-width: 651px and max-width:750px) {
	.textblock{height:36px;}
}
@media only screen and (max-width: 538px) {
	.houseimg{width:100%;margin:0 auto;}
	.houseimg li{width:32%;}
	.bottomright .left, .bottomright .right{float:none;width:95%;margin-left:12px;}

}
@media only screen and (max-width: 370px) {
	.houseimg{width:100%;}
	.houseimg li{width:30%;}
}


/* ------------------------------------ */
/*     Top Menu Navigation              */
/* ------------------------------------ */
.navigation .topnav a.familylogo, .navigation .topnav a.familylogo .ui-link{
	font-family: 'Freestyle Script', sans-serif;
	font-size:30px;
	padding: 12px 14px 12px 14px;

}

.navigation{width:100%;background:navy;}

.topnav {
  overflow: hidden;
}

.topnav a, .topnav a:visited {
  float: left;
  display: block;
  color: #ffcc00;
  background-color:navy;
  text-align: center;
  padding: 12px 12px;
  text-decoration: none;
  font-size: 16px;
  font-weight:bold;
  text-shadow:none;
}

.topnav a:hover, .dropdown:hover .dropbtn{
  background-color: #ffcc00;
  color: navy;
  text-decoration: none;
}

.topnav a:visited{
  color: ffcc00 !important;
}

.subnavbar{max-width:984px; margin-left:auto;margin-right:auto;} 

.topnav .icon {
  display: none;
  font-size:18px !important;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn{
  font-size: 16px;
  text-shadow:none;
  padding: 12px 12px;
  margin:0x 0px;
  color: #ffcc00;
  background-color: navy;
  font-family: inherit;
  font-weight:bold;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color:#cccccc;  
  padding: 0px 0px 0px 0px;
  min-width: 160px;
  box-shadow: 0px;
  text-decoration: none;
  z-index: 1;
}

.dropdown-content a {
  font-size: 14px;
  float: none;
  color: navy;
  padding:6px 12px 6px 12px;
  margin-left:0px;
  margin-right:0px;
  background-color: #cccccc;  
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:visited {
  background-color: #cccccc;
  padding-left:0px;
  margin-left:12px;
  padding-right:0px;
  margin-right:12px; 
  color: navy;
  text-decoration:none;
}

.dropdown-content a:hover {
  background-color: #aaaaaa;
  color: navy;
  text-decoration:none;
}

.dropdown:hover .dropdown-content {
  display: block;
}

@media screen and (max-width: 700px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
  
  .navigation .topnav a.logonlogo, .navigation .topnav a.logonlogo .ui-link{
  	width:100%;
  	float:none;
  	display:block;
  }
  .navigation .topnav a.familylogo, .navigation .topnav a.familylogo .ui-link{
	display: block;
	width: 100%;
	padding: 12px 14px 12px 14px;
  
  }


}

/* ------------------------------------ */
/*      SampsonConsulting Navigation         */
/* ------------------------------------ */

.samconHdr .topnav a.titlelogo, .samconHdr .topnav a.titlelogo .ui-link{
	font-size:20px;
	line-height:1.4em;
	color:#B8860B;  
	padding: 14px 12px;
	margin:0 auto;
	background:white;
}
.samconHdr .one{text-align:center;}

.samconHdr {max-width:984px; margin-left:auto;margin-right:auto;background:white;}
.samconHdr span{font-family: 'Montserrat', sans-serif;font-size:12px;height:60px;color:#ffffff;background:navy;padding:6px 30px 6px 30px;text-transform:lowercase;}
.samconHdr a{text-decoration:none !important;}

.samconHdr .topnav {
  background-color: #ffffff;
  text-shadow:none;
}

.samconHdr .topnav a {
  background-color: #ffffff;
  color: navy;
  padding:30px 14px 12px 14px;

}

.samconHdr .topnav a:hover, .samconHdr .topnav a:visited:hover{
  background-color: #ffffff;
  color: #B8860B;
}

.samconHdr .fa-bars, .samconHdr .fa-bars:hover{color:navy;}

.samconHdr .topnav a:active, .samconHdr  .topnav a:visited  {
  background-color: #ffffff;
  color: navy;
}