@font-face {
    font-family: 'lato-regular';
    src: url('../common/fonts/lato/Lato-Reg-webfont.eot');
    src: url('../common/fonts/lato/Lato-Regwebfont.eot?#iefix') format('embedded-opentype'),
         url('../common/fonts/lato/Lato-Reg-webfont.woff') format('woff'),
         url('../common/fonts/lato/Lato-Reg-webfont.ttf') format('truetype'),
         url('../common/fonts/lato/Lato-Reg-webfont.svg#colaborate-mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSansRegular';
    src: url('../common/fonts/pt-sans/PTS55F-webfont.eot');
    src: url('../common/fonts/pt-sans/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../common/fonts/pt-sans/PTS55F-webfont.woff') format('woff'),
         url('../common/fonts/pt-sans/PTS55F-webfont.ttf') format('truetype'),
         url('../common/fonts/pt-sans/PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'colaborate-light';
    src: url('../common/fonts/colaborate/ColabLig-webfont.eot');
    src: url('../common/fonts/colaborate/ColabLig-webfont.eot?#iefix') format('embedded-opentype'),
         url('../common/fonts/colaborate/ColabLig-webfont.woff') format('woff'),
         url('../common/fonts/colaborate/ColabLig-webfont.ttf') format('truetype'),
         url('../common/fonts/colaborate/ColabLig-webfont.svg#colaboratelightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'colaborate-medium';
    src: url('../common/fonts/colaborate/ColabMed-webfont.eot');
    src: url('../common/fonts/colaborate/ColabMed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../common/fonts/colaborate/ColabMed-webfont.woff') format('woff'),
         url('../common/fonts/colaborate/ColabMed-webfont.ttf') format('truetype'),
         url('../common/fonts/colaborate/ColabMed-webfont.svg#colaborate-mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dancing_script';
    src: url('../fonts/dancing/dancingscript-regular-webfont.woff2') format('woff2'),
         url('../fonts/dancing/dancingscript-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'pacificoregular';
    src: url('../fonts/pacifico/pacifico-webfont.woff2') format('woff2'),
         url('../fonts/pacifico/pacifico-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'rieslingregular';
    src: url('../fonts/riesling_regular_macroman/riesling-webfont.woff2') format('woff2'),
         url('../fonts/riesling_regular_macroman/riesling-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/* http://fortawesome.github.io/Font-Awesome/examples/ */
@font-face {
  font-family: 'FontAwesome';
  src: url('../common/fonts/fontawesome/fontawesome-webfont.eot?v=4.2.0');
  src:  url('../common/fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), 
  		url('../common/fonts/fontawesome/fontawesome-webfont.woff?v=4.2.0') format('woff'), 
		url('../common/fonts/fontawesome/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), 
		url('../common/fonts/fontawesome/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 1em/1em FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}

.fa-home:before {
  content: "\f015";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-phone:before {
  content: "\f095";
}
.fa-wrench:before{
	content: "\f0ad";
}

/* *************************** end fonts adn icons ************************************* */


a{
	color:		#002a50;
}

.img-responsive{
	margin:		0 auto;
}


a img:hover{
	opacity:0.7;	
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a img{
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.carousel a img:hover{
	opacity:1.0;	
}

a.anchor {
    display: block;
    position: relative;
    top: -120px;
    visibility: hidden;
}

body{
	font-family: 		"PTSansRegular", Helvetica,sans-serif; /*"lato-regular" */
	color:				#002a50; /* aba89e */
}

h1, h2, h3, h4, h5, h6{
	font-family: 		"lato-regular", Helvetica,sans-serif; /* "colaborate-medium", lato-regular*/
	color:				#002a50;
	font-weight:		400;
}
.thin{
	font-family: 		"lato-regular", Helvetica,sans-serif;
}

.footerupperouter{
	
}
.footerupper{
	border-top:		25px solid #edeae3;
	background: 	#19577c; 
	padding:		20px 0 ;
	margin:			0 auto;
	text-align:		center;
}


.footermargin{
	margin-top:	30px;
}
.footerrow{
	background:		#002a50; 
	padding:		25px 0;
	color:			#ffffff;
	
	
}
.footerrow h3,.footerrow h4{
	color:			#ffffff;
}
.footerrow .footernav a, .footerupper  .footernav a{
	color:			#ffffff;
	margin:			0 10px  ;
	padding: 		3px;
	
}

.footerrow .footernav a:hover, .footerupper  .footernav a:hover{
	background-color:		#edeae3;
	color:					#002a50;
	-webkit-border-radius: 	3px;
	border-radius: 			3px;
	-webkit-transition: 	all 0.3s ease-in-out;
    -moz-transition: 		all 0.3s ease-in-out;
    -o-transition: 			all 0.3s ease-in-out;
    transition: 			all 0.3s ease-in-out;
}

.blueicon{
	color:				#002a50;
	font-size:			.65em;
}

.socialicons{

}
.socialwhite{
	color:		#ffffff;
	z-index:	1;
}
.socialred{
	color:		#19577c;
	
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.socialicons a:hover .socialred{
	color:		#2b3336;
		
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* ********** tiny nav **************      */
/* styles for desktop */
.tinynav { display: none }

/* styles for mobile */
@media screen and (max-width: 767px) {
    .tinynav { display: block }
    #nav { display: none }
}
/* **************** tiny nav ************* */


/* ***************************8 start map containers ********************************* */
 	#map_canvas { 
		 	height: 500px; 
			padding: 6px;
	        border: 1px solid black;
	        -webkit-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
	        -moz-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
	  		    box-shadow: rgba(64, 64, 64, 0.1) 0 2px 5px;
	        width: 100%;
			}
			
			/* fixes error with the diaplsy of the controls and the info window */
	#map_canvas img {
			    max-width: none;
			}
/* ***************************** end map containers *************************************** */



/* **************************** back to top ************************/
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(220,214,200, 0.9) url(/images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  
  -webkit-border-radius: 5px;
	border-radius: 5px;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 20px;
    bottom: 100px;
  }
}
/* **************************** back to top ************************/


/* start home page ******************************************************************/
.quote{
	overflow: 		hidden;
	padding:20px;
	background:				url('/images/quote.png');
	background-repeat:		no-repeat;
	background-position:	left center;
}


.spotlightbackground{
	background-image:	url('/images/spotlightbackground.jpg');
	background-size: cover;
	background-position: center top;
	background-color:	#19577c;
}
.spotlightbackground2{
	background-color:	rgba(25,87,124,0.5);
}
.spotlight {
	padding:20px;
	margin-top:20px;
}

.paddedrow{
	padding-top:		30px;
	padding-bottom:		30px;
}

.fadeInBlock {
    opacity:0;
}

.homeinfographic{
	background: 		#002a50;
    padding: 			20px;
    color: 				#ffffff;
}
.homeinfographic2{
	background: 		#19577c;
    padding: 			20px;
    color: 				#ffffff;
}
.infographictop{
	width:					100%;
	background-color:		#ccc;
	height:					16px;
	-webkit-border-radius: 	8px;
	border-radius: 			8px;
}
.infographicbody{
	width:					90%;
	background-color:		#fff;
	color:					#002a50;
	margin:					0 auto;
	padding:				10px;
	font-weight:			bold;
}
.infographicbodystring{
	width:					3px;
	background-color:		#ccc;
	height:					8px;
	margin:					0 auto;
}
.infographicbodypull{
	width:					16px;
	background-color:		#002a50;
	height:					16px;
	-webkit-border-radius: 	8px;
	border-radius: 			8px;
	margin:					0 auto;
	border:					5px solid #ccc;
}
.count, .bigletters {
    font-size: 3em;
    font-weight: bold;
}



/* end home page ******************************************************************/

.inventorysnipe{
	background:		#002a50;
	color:			white;
}

/* model panel holder *************************************************************************/

.modelholder{
    width: 25%;
	float:	left;
	position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
	font-size:.8em;
}

.detailmenuheader{
	background-color: #002a50;
	color:			#ffffff;
	padding:5px;
	-webkit-border-radius:  5px ;
    border-radius: 			5px;
}

/* model panel holder *************************************************************************/
.testimonialsrow{
	margin:					20px 0;
	background-color:		#edeae3;
	padding:				15px 0 0 0 ;
}
.testimonialholder{
    font-size:	.8em;
	border-left:	1px solid white;
	border-bottom:	1px solid white;
	margin-bottom:20px;
	padding-bottom:	20px;

}

.testimonialholder:hover, .testimonialsignature:hover{
	color:		#d9e8f2 ;
	background:	#7c1214;
}

.columns4 {
	-webkit-column-width: 200px; /* Chrome, Safari, Opera */
	-moz-column-width:    200px; /* Firefox */
	column-width:         200px;
	-webkit-column-count: 4; /* Chrome, Safari, Opera */
	-moz-column-count:    4; /* Firefox */
	column-count:         4;
  	-webkit-column-gap:   40px; /* Chrome, Safari, Opera */ 
	-moz-column-gap:      40px; /* Firefox */
	column-gap:           40px;
	column-rule-color: #ccc; /* Optional */
	column-rule-style:solid; /* Optional */
	column-rule-width: 1px; /* Optional */
	text-align: justify; /* Optional */
}
.columns3 {
	-webkit-column-width: 275px; /* Chrome, Safari, Opera */
	-moz-column-width:    275px; /* Firefox */
	column-width:         275px;
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count:    3; /* Firefox */
	column-count:         3;
  	-webkit-column-gap:   40px; /* Chrome, Safari, Opera */ 
	-moz-column-gap:      40px; /* Firefox */
	column-gap:           40px;
	column-rule-color: #ccc; /* Optional */
	column-rule-style:solid; /* Optional */
	column-rule-width: 1px; /* Optional */
	text-align: justify; /* Optional */
}
.columns2 {
	-webkit-column-width: 350px; /* Chrome, Safari, Opera */
	-moz-column-width:    350px; /* Firefox */
	column-width:         350px;
	
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count:    2; /* Firefox */
	column-count:         2;
  	-webkit-column-gap:   40px; /* Chrome, Safari, Opera */ 
	-moz-column-gap:      40px; /* Firefox */
	column-gap:           40px;
	column-rule-color: #ccc; /* Optional */
	column-rule-style:solid; /* Optional */
	column-rule-width: 1px; /* Optional */
	text-align: justify; /* Optional */
}

/* Pagination *******************************************************************/
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: #002a50;
    border-color: #002a50;
}
/* Pagination *******************************************************************/


/********************************** start siteplan  **************************************************************/

.siteplancolumn{
	float:left;
	width:45%;
	margin-left:5%;
}

.interactivesiteplankey{
	border: 	solid 1px #002a50; 
	margin:		0 auto; 
	margin-top:	10px; 
	padding:	10px 10px 0 10px;
	width:		900px;
}
.keyitem{
	width:25%;
	float:left;
	margin: 0 0 10px 0;
}
.keycolor{
	width:18px;
	height:18px;
	float:left;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	border:1px solid black;
}
.keyname{
	padding: 0 0 0 30px;
}

.interactivesiteplandata{
	text-align:left;
	padding:5px;
}

.interactivesiteplandata td{
	text-align:left;
	padding:5px;
}

@media screen and (max-width: 960px) {
	.interactivesiteplankey{
		width: 100%;
	}
}

@media screen and (max-width: 625px) {
	.keyitem{
		width:50%;
	}
}

@media screen and (max-width: 500px) {
	.keyitem{
		width:33.3333%;
	}
}

@media screen and (max-width: 500px) {
	.siteplancolumn{
		width:100%;
		float:none;
	}
	.keyitem{
		width:100%;
		float:none;
	}
}
/********************************** end siteplan  **************************************************************/

/* ********************* start inventory model list containers ********************************* */
.tablewide{
	width:100%;
}

.tablenarrow{
	 display:none;
}

.tablesingle{
	background: #edede9; 
	border: 1px solid #dad9d7;
	-moz-border-radius: 6px; 
  -webkit-border-radius: 6px;
          border-radius: 6px;
  -webkit-background-clip: padding-box; 
  background-clip: padding-box;
  align:left;
  text-align:left;
  margin-top:10px;
  padding:5px;
}

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

	.tablewide{
		display:none; 
	}

	.tablenarrow{
		 display:block; 
	}
}

/***************************** TABLESORTER **********************************/

table.tablesorter {
	background-color: #e5e5e5;
	margin:10px 0pt 15px;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #68532a; 
	border: 0px solid #FFF;
	font-size: 8pt;
	padding: 4px;
	color: White;
}
table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #000000;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color: #ffffff; 
}
table.tablesorter tbody tr.even td {
	background-color:#f1f1f1;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(/tablesorter/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/tablesorter/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #816734;
}


/* *********************   end inventory model list containers ********************************* */

/* ******************************** inventory search **************************** */
.inventorysearch{
	width:		33%;
	float:		left;
	padding:	.3em;
	margin:		0 auto;
	text-align:center;
}

.inventorysearchform{

}
	
/* ***************************************** end inventory search **************************** */


.modelimageholder{
	min-height:173px;
}
@media (max-width: 1220px) {
	.modelimageholder{
		min-height:135px;
	}
}
@media (max-width: 990px) {
	.modelimageholder{
		min-height:235px;
	}
}


.smallmodels{
	min-height:100px;
	
}
@media (max-width: 1050px) {
	.smallmodels{
		min-height:75px;
	}
}

@media (max-width:991px) {
	.smallmodels{
		min-height:141px;
	}
}

.teamholder{
	border: 1px solid #d9d9d9;
	padding: 10px 0;
	margin: 10px 0;
}


.communitybuttons-wrapper {
    width: 100%;
    margin: 0 auto;
}
.communitybuttons{
    list-style-type: none;

	padding:0; 
	margin:0;
}
.communitybuttons>li {
    font-size: 0;
    line-height: 55px;
}
.communitybuttons>li>a {
    font-size: 14px;
    line-height: 2em;
    position: relative;
    z-index: 2;
    display: inline-block;
    height: 50px;
    padding: 12px 5px;
    text-align: left;
    vertical-align: middle;
    text-decoration: none;
    color: #7c1214;
    background-color: transparent;
	width:100%;
}
.communitybuttons>li>a:hover {
    height: 50px;
    text-decoration: none;
    color: #d9e8f2;
    border-left-color: #7c1214;
    background-color: #7c1214;
}
.communitybuttons>li>a .glyphicon {
    font-size: 		2.0em;
	float:			left;
	padding-right:  10px;
}

.ctct-embed-signup{
	padding:10px 0;
}
.ctct-custom-form p{
	margin-bottom: 10px !important;
}
@media (max-width: 400px) {
	.subscribeformsize{
		width:200px !important;
		margin:	0 auto;
	}
	
	.ctct-custom-form{
		min-width:	200px !important;
	}
}


.mapborderlistpage{
	border:10px solid #c3deb7;
}
.mapborderhomepage{
	border:1px solid #dddddd;
}

/* ****************************************************************************************************************************************************/
/* ****************************************************************************************************************************************************/
/* ****************************************************************************************************************************************************/
/* ****************************************************************************************************************************************************/
/* ****************************************************************************************************************************************************/


@media (max-width: 992px) {
	.modelholder{
	    width: 50%;
	}
}	

@media (max-width: 900px) {
	#map_canvas { 
	 	width: 80%;
		margin: 0 auto;
	}
}

@media (max-width: 768px) {
	.full-width-at-mobile {
	    width: 100%;
	}
	
	.footerrow{
		text-align: center;
	}
	
}

@media (max-width: 675px) {
	#map_canvas { 
	 	height: 350px; 
        width: 90%;		
	}
}			

@media (max-width: 600px) {
		
	.modelholder{
	    width: 100%;
		float:none;
	}

}

@media (max-width: 500px) {
	.breadcrumb{
		display:none;
	}
	
	.navholder{
		margin-bottom:		45px;
	}
	
	.modelimageholder {
    	min-height: auto;
	}
}	

@media (max-width: 450px) {
	.teamcontainer{
		width:100%;
		float:none;
	}
}


.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-wrapper {
	width: 90%;
	max-width: 100%;
}

/* this code animates the titles in to prevent flash od unstyled text */
.carousel-caption-home  {
  opacity: 1;
  transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transition: 				  transform .2s ease-in-out, opacity .2s ease-in-out;
  -webkit-transition: -webkit-transform .2s ease-in-out, opacity .2s ease-in-out;
}

 .wf-loading .carousel-caption-home {
  opacity: 0;
  transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
}

/* auto sizing iframe */
.intrinsic-container {
  position: relative;
  height: 0; /* 0 */
  overflow: hidden;
} 
/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
  padding-bottom: 56.25%;
} 
/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
  padding-bottom: 75%;
} 
.intrinsic-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}
.structuralfloorplanlink{
	display: 	none;
}
@media (max-width: 768px) {
	.structuralfloorplan {
	    display: none;
	}
	.structuralfloorplanlink{
		display: 	inline-block;
	}
}

/* NEW NAVIGATION ************************************************************************ */
.menudivider{
    color: #ffffff;
    font-weight: bold;
    line-height: 1.42857143;
    background: #19577c;
	margin: 0 !important;
	padding: 5px 13px;
        border-top: 1px solid beige;
    border-left: 1px solid beige;
    border-right: 1px solid beige;
}

.navbarlogo{
	-webkit-transform: 			scale(0,0);
          transform: 			scale(0,0); 
		width:0px;
	
	-webkit-transition: 	all 0.3s ease; 
		-moz-transition:		all 0.3s ease;
	 	-o-transition:			all 0.3s ease;
		transition: 			all 0.3s ease;
}
.navbarlogo a img{
    max-width: 100% !important;
    height: auto;
    width: auto\9;
}


.navbarlogo a img:hover{
	opacity: 1; 
}

.nav  li.navbarlogo{
	margin: 0;
}

.nav > li > a:hover{
	background: none;
}

.isStuck .navbarlogo{
	 width:290px; 
	 
	
	-webkit-transform: 			scale(1,1);
          transform: 			scale(1,1);
	
	-webkit-transition: 	all 0.3s ease; 
		-moz-transition:		all 0.3s ease;
	 	-o-transition:			all 0.3s ease;
		transition: 			all 0.3s ease;
}

.containerfornav {
	padding-top: 8px; 
	margin:0px auto;
	/* centering */
	zoom: 1;
	display:inline-block;
	*display: inline;
	font-size: 0.8em;
	text-align:	center;
	font-style: normal;
	letter-spacing:2px;
}
.header{
	width:			100%;
	margin:			0 auto;
}
	
.headercontainer{
	width:			1200px;
	padding:		10px;
	margin:			0 auto;
}	


.toggleMenu {
    display:  none;
    padding: 4px 15px;
	float: right;
	text-decoration:none;
	width:100%;
	text-align:center;
	background: #002a50; 
}

.toggleMenuLogo{
	float: left;
	text-decoration:none;
	width:50%;
	text-align:left;
	opacity:0;
	-webkit-transition: all 0.3s ease; 
	transition: all 0.3s ease;
	margin-bottom:-12px;
	margin-top:-2px;
}

.isStuck .toggleMenuLogo{
	margin-bottom:-12px;
	margin-top:-7px;
	opacity: 1;
	-webkit-transition: all 0.3s ease; 
	transition: all 0.3s ease;
}

.toggleMenuLink {
	float: right;
	text-decoration:none;
	width:50%;
	text-align:right;
}

.toggleMenu a{
	color: #ffffff;
}

/* hovers */
.nav > li > a:hover {
	background: 			#19577c; /* med blue */
	color:					#edeae3;
	-webkit-transition: 	all 1.0s ease; 
	-moz-transition:		all 1.0s ease;
	 -o-transition:			all 1.0s ease;
	transition: 			all 1.0s ease;
}

.nav li li a:hover {
	background: 			#19577c;
	text-decoration:		None;
	color:					#edeae3;
	-webkit-transition: 	all 1.0s ease; 
	-moz-transition:		all 1.0s ease;
	 -o-transition:			all 1.0s ease;
	transition: 			all 1.0s ease;
}

.nav li li li a:hover {
	background: 			#19577c;
}

.toggleMenu:hover  {
	color:					#ffffff;
	}
.toggleMenu:visited {
	color:					#ffffff;
	}
	
.nav {
    list-style:				none;
     *zoom: 				1;
	 width:auto; 
	 display:inline-block;
}

.nav:before,
.nav:after {
    content: 				""; 
     display: 				table;  
} 

.nav:after {
    clear: 					both;
}

.nav ul {
    list-style: 			none;
    width: 					35em;
}
.nav a {
    padding: 				5px 13px; /* inside the buttons */
    color:					#ffffff;
	border: 				1px solid rgba(255,255,255,0.0);
	
}
.nav li {
    position: 				relative;
	
	/*  new formatting for nav */
	margin: 				0 12px;
  	-webkit-background-clip: padding-box; 
  	background-clip: 		 padding-box;	
}

.nav > li {
    float: 					left;
	z-index:				200;
}
.nav > li > .parent {
   /* hide the arrow  background-image: url("/images/downArrow.png"); */
    background-repeat: 		no-repeat;
    background-position: 	right;
}
.nav > li > a {
    display:			 block;
	color: 				#ffffff;	
	text-decoration:	none;
}
.nav li  ul {
    position: 			absolute; 
    left: 				-9999px;
	z-index:			100;
}
.nav > li.hover > ul {
    left: 				0;
}
.nav li li.hover ul {
    left: 				100%;
    top: 				0;
}
.nav li li a {
    display: 			block;
}

.nav li.subs{
	background: 	#002a50; 
    position: 		relative;
    z-index:		200;
    border-top: 	1px solid beige; 
    border-left: 	1px solid beige; 
    border-right: 	1px solid beige; 
	margin:			0;
}
.nav li.subs:last-child{
	border-bottom: 	1px solid beige; 
}

.nav li li li a {
    background:		#19577c;
    z-index:		200;
    border-top: 	10px solid #1d7a62;
}

/* main nav aniimation */
/* animation */
.mainnavamination{
	overflow:hidden;
	height:40px;
}
.mainnavamination .hovertext {
	position: relative; 
	top:0px; 
	left:0px;
	-webkit-transition: all 0.3s ease; 
	transition: all 0.3s ease;
}

.mainnavamination:hover .hovertext {
	 top:	-30px;
	/* color:rgba(255,255,255,0); */
	 opacity: 0;
	-webkit-transition: all 0.3s ease; 
	transition: all 0.3s ease;
}

/* Reverse Animation */
.mainnavamination .hovertext2 {
	position: relative; 
	top:0px; 
	left:0px;
	 /*color:rgba(255,255,255,0); */
	 opacity: 0;
	-webkit-transition: all 0.3s ease; 
	transition: all 0.3s ease;
}

.mainnavamination:hover .hovertext2 {
	 top:	-45px;
	opacity: 1;
	-webkit-transition: all 0.3s ease; 
	transition: all 0.3s ease;
}
/* end main nav animation */


.navigation{
	width:					100%;
	background:				#002a50;	
	z-index:				10;
	/* position:				absolute; */
}	
	
.navcontainer{	
	width:					100%;
	margin: 				0 auto;
	text-align:				center;
}

.nav .navon{
	background: #539297;
}

.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: 	none;
    background-color: 	#19577c;
}

.drop{
	width:		100%;
	padding: 0;
}

@media only screen and (min-width: 1100px) {
	.hidenav{
		display: 		none;
	}
}

/*********************************** Start Secondary Nav ******************************************************/
.headerleft{
	width:30%;
	float:	left;
	padding-top: 30px;
}

.logocontainer{
	width:			40%;
	float:			left;
	text-align:center;
}

.headerright{
	width:30%;
	float:	right;
	padding-top: 30px;
}

.secondarynavitem{
	width:			100%;
	float:			right;
	line-height:	1.2em;
	padding-top:	15px;
	height:62px;
	text-align:center;
}

.secondarynavitem-left{
	float:			left;
}

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

/* animation */
.secondarynavitem .hovertext {
	position: relative; 
	top:0px; 
	left:0px;
	-webkit-transition: 	all 0.3s ease; 
	-moz-transition:		all 0.3s ease;
	 -o-transition:			all 0.3s ease;
	transition: 			all 0.3s ease;
}

.secondarynavitem:hover .hovertext {
	 top:	-30px;
	 opacity: 0;
	-webkit-transition: 	all 0.3s ease; 
	-moz-transition:		all 0.3s ease;
	 -o-transition:			all 0.3s ease;
	transition: 			all 0.3s ease;
}

/* Reverse Animation */
.secondarynavitem .hovertext2 {
	position: relative; 
	top:0px; 
	left:0px;
	 opacity: 0;
	-webkit-transition: 	all 0.3s ease; 
	-moz-transition:		all 0.3s ease;
	 -o-transition:			all 0.3s ease;
	transition: 			all 0.3s ease;
}

.secondarynavitem:hover .hovertext2 {
	 top:	-45px;
		 opacity: 1;
	-webkit-transition: 	all 0.3s ease; 
	-moz-transition:		all 0.3s ease;
	 -o-transition:			all 0.3s ease;
	transition: 			all 0.3s ease;
	font-weight:bold;
}

.socialhover:hover {
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    filter: grayscale(0%);
}	

/*********************************** End Secondary Nav ******************************************************/

@media only screen and (max-width: 1024px) {
	.headerimage{
		display:	block;
	}
}
@media screen and (max-width: 1200px) {
	.headercontainer {
		width: 		100%;
	}
	.navcontainer {
		width: 		100%;
	}
}	
@media screen and (max-width: 1100px) {
	.containerfornav{
		width:100%;
		text-align:center;
	}
	.nav li.navbarlogo{
		display:	none;
	}
	.active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("/images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }

}
@media screen and (max-width: 775px) {
	.headerleft, .headerright{
		display:none;
	}
	.logocontainer{
		width:100%;
		float:none;
	}
}	

/* ************************************************************************************* */

/* **************************************** Starburst **************************************** */
.starburst {
	display:block;
	width:5em;
	height:5em;
	background:#539297;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	rotation:-45deg;
	position:relative;
	top:	-25px;
	left:	9em;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	font-family:Arial, sans-serif;
	
	 -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.starburst span {
	display:block;
	width:5em;
	height:5em;
	background:#539297;
	-webkit-transform:rotate(22.5deg);
	-moz-transform:rotate(22.5deg);
	rotation:22.5deg;
}
.starburst:hover{
	color:	#edeae3;
	
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	rotation:-90deg;
	
	  -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}



.mydownarrow {
    position: 	fixed;
    bottom: 	0;
	text-align:	center;
	margin:0 	auto;
	z-index:	100;
	width:		100%;
	color:		#fff;
	font-size:	24px;
}

.fancytext, .fancytext1{
	font-family:		"dancing_script", serif;
}
.fancytext2{
	font-family:		"pacificoregular", serif;
}
.fancytext3{
	font-family:		"rieslingregular", serif;
}
.featuredcaption{
	background-color:			#002a50;
	padding:					10px;
	text-align:					center;
	color:						#ffffff;
}
.featuredcaptionlarge{
	font-size:					36px;
	line-height:				30px;
}
.featuredstats{
	padding:				10px;
	border:					1px solid #d3d3d3;
	-webkit-border-radius:	5px;
	border-radius:			5px;
	background:				#f3f3f3;
}

.brochurebutton{
	float:left;
	border:1px solid #000066;
	padding:5px;
	background-color:#002a50;
	color:#ffffff;
	border-radius:5px;
}
.brochurebutton a{
	color:white;
	text-decoration:none;
}
.brochurebutton a:hover, .brochurebutton:hover{
	background-color: #1f587b;
}

.detailphone{
	background:	#002a50;
	padding:10px;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	color:white;
	border-radius:10px;
}
.detailphone a{
	color:white;
}

.mobileheaderphone{
	display:		none;
}

@media screen and (max-width: 775px) {
	.mobileheaderphone{
		background:	#002a50;
		padding:4px;
		text-align:center;
		color:white;
		display:block
	}
	.mobileheaderphone a{
		color:white;
	}
	.mobileheaderphone:hover {
		background: #539297 !important;
    }
}

/* **************************************************** */
.mobile-footer {
   display: 	none;
}

@media only screen and (max-width: 775px){
	.mydownarrow {
	    bottom: 	30px;
	}
	.mobile-footer {
        display: 	block;
        border: 	0px;
        border-radius: 0px;
        background: #539297;
        text-align: center;
        position: 	fixed;
        width: 		100%;
        left: 		0px;
        right: 		0px;
        bottom: 	0px;
       	z-index:	5;
		padding:4px;
    }
    .mobile-footer a {
        color: 		#fff !important;
    }
	.mobile-footer:hover {
		background: #002a50 !important;
    }

}
/* **************************************************** */

.homeadrow{
    background: 	#19577c;
    padding:		20px 0;
    margin: 		0 auto;
    text-align: 	center;
	color:			white;
	font-size:		24px;
    border-top: 	10px solid #edeae3;
	border-bottom: 	10px solid #edeae3;
}
.homeadrow a{
	color:			white;
}
.homeadrow:hover{
	background:		#002a50;
}