@font-face {
    font-family: 'metropolisextra_bold';
    src: url('../fonts/Metropolis/metropolis-extrabold-webfont.eot');
    src: url('../fonts/Metropolis/metropolis-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Metropolis/metropolis-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/Metropolis/metropolis-extrabold-webfont.woff') format('woff'),
         url('../fonts/Metropolis/metropolis-extrabold-webfont.svg#metropolisextra_bold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'metropolisregular';
    src: url('../fonts/Metropolis/metropolis-regular-webfont.eot');
    src: url('../fonts/Metropolis/metropolis-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Metropolis/metropolis-regular-webfont.woff2') format('woff2'),
         url('../fonts/Metropolis/metropolis-regular-webfont.woff') format('woff'),
         url('../fonts/Metropolis/metropolis-regular-webfont.svg#metropolisregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'metropolisbold';
    src: url('../fonts/Metropolis/metropolis-bold-webfont.eot');
    src: url('../fonts/Metropolis/metropolis-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Metropolis/metropolis-bold-webfont.woff2') format('woff2'),
         url('../fonts/Metropolis/metropolis-bold-webfont.woff') format('woff'),
         url('../fonts/Metropolis/metropolis-bold-webfont.ttf') format('truetype'),
         url('../fonts/Metropolis/metropolis-bold-webfont.svg#metropolisbold') format('svg');
    font-weight: normal;
    font-style: normal;

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

}
@font-face {
    font-family: 'metropolisthin';
    src: url('../fonts/Metropolis/metropolis-thin-webfont.eot');
    src: url('../fonts/Metropolis/metropolis-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Metropolis/metropolis-thin-webfont.woff2') format('woff2'),
         url('../fonts/Metropolis/metropolis-thin-webfont.woff') format('woff'),
         url('../fonts/Metropolis/metropolis-thin-webfont.ttf') format('truetype'),
         url('../fonts/Metropolis/metropolis-thin-webfont.svg#metropolisthin') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserratbold';
    src: url('../fonts/Montserrat/montserrat-bold-webfont.eot');
    src: url('../fonts/Montserrat/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Montserrat/montserrat-bold-webfont.woff2') format('woff2'),
         url('../fonts/Montserrat/montserrat-bold-webfont.woff') format('woff'),
         url('../fonts/Montserrat/montserrat-bold-webfont.ttf') format('truetype'),
         url('../fonts/Montserrat/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'montserratextra_bold';
    src: url('../fonts/Montserrat/montserrat-extrabold-webfont.eot');
    src: url('../fonts/Montserrat/montserrat-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Montserrat/montserrat-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/Montserrat/montserrat-extrabold-webfont.woff') format('woff'),
         url('../fonts/Montserrat/montserrat-extrabold-webfont.ttf') format('truetype'),
         url('../fonts/Montserrat/montserrat-extrabold-webfont.svg#montserratextra_bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/Montserrat/montserrat-regular-webfont.eot');
    src: url('../fonts/Montserrat/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Montserrat/montserrat-regular-webfont.woff2') format('woff2'),
         url('../fonts/Montserrat/montserrat-regular-webfont.woff') format('woff'),
         url('../fonts/Montserrat/montserrat-regular-webfont.ttf') format('truetype'),
         url('../fonts/Montserrat/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
	line-height: 1;
	/*text-align: center;*/
	-webkit-font-smoothing: antialiased;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	-webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
.inner {
	display: block;
	vertical-align: middle;
	width: 90%;
	height: auto;
	margin: 0 auto;
	max-width: 1200px;
}
.linkfill {
	display: inline-block !important;
	width: 100% !important;
	height: 100% !important;
	line-height: 0 !important;
	font-size: 0 !important;
	color: transparent !important;
	text-decoration: none !important;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	
	
	z-index: 900; /****CHANGE AS NEEDED*****/
}

li {
	list-style: none;
}
/***************************  FONTS  *******************************************/
/*MAIN HEADING*/
h1 {			
	font-family: 'montserratextra_bold', sans-serif;
	font-size:32px;
	line-height: 140%;
	text-transform:uppercase;
	color: #008599;	
	text-align: left;		
}
h1.thin {
	font-family: 'montserratregular', sans-serif;
	font-size:18px;
	line-height: 140%;
	text-transform:uppercase;
	color: #333;
	text-align:left;
}

h2 {		
	font-family: 'metropolisextra_bold', sans-serif;
	font-size:28px;
	line-height: 140%;
}
h3 {		
	font-family: 'metropolisbold', sans-serif;
	font-size:24px;
	line-height: 140%;
}
h4.form {		
	font-family: 'metropolisbold', sans-serif !important;
	font-size: 16px;
	color: #333 !important;
	text-transform: uppercase !important;
}
/****CHANGE*****/
h5 {		
	font-family: 'metropolisbold', sans-serif;
	font-size:16px;
	line-height: 140%;
}
/****CHANGE*****/
h6 {		
	font-family: 'metropolisregular', sans-serif;
	font-size:12px;
	line-height: 140%;
	text-transform: uppercase;
	letter-spacing:2px;
}

p {
	font-family: 'montserratregular', sans-serif;
	font-size: 14px;
	color: #333;
	line-height: 140%;
	text-align: left;
	padding-left: 15px;
}

a.link {
	font-family: 'metropolisregular', sans-serif;
	font-size: 14px;
	color: #333;
	line-height: 140%;
	text-decoration: none;					/*CHANGE*/
}
a.link:hover {
	text-decoration: underline;				/*CHANGE*/
}



/* SEARCH BAR EFFECTS  ==================================== */
/* Place text in the middle of the image */
.modalContent-Box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}




/***************  FONT CLASSES  *************************/
.textBlack {color: #333;}
.textWhite {color: #fff;}
.textGrey {
	color: #ddd;			/* ======== CHANGE FOR EACH SITE ======== */
}
.textBlue {
	color: #00B9D7;			/* ======== CHANGE FOR EACH SITE ======== */
}

.textLeft { text-align:left;}
.textCenter {text-align:center;}
.textRight {text-align: right;}


/***************************  HEADER  ******************************************/
.headercontainer {
	background-color:#333;			/*CHANGE*/
	width: 100%;
	padding: 0px 0px;
	text-align: center;
}
.contact ul {
/*	float:right;*/
	padding: 10px 0px;
}
.contact ul li {
	list-style:none;
	display: inline-block;
	padding-right: 10px;
}
.contact ul li:last-child {
	padding-right: 0px;
}
.contact ul li a {
	font-family: 'metropolisbold', sans-serif;
	font-size: 16px;
	color: #fff;
	text-decoration:none;
	display: inline-block;
	list-style:none;
	line-height:140%;
	padding-left: 3px;
	padding-right:3px;
	border-bottom: 2px solid #008599;
}
.contact ul li a:hover {
	border-bottom: 2px solid #fff;
}
.logo {
	display: inline-block;
	float: left;
}
.logo img {
	max-width: ;
}
/***************************  MAIN IMAGE  **************************************/
.mainimage {
	width: 100%;
	height: auto;
}

.slideshowcontainer {
	background-image:url(../siteart/logo.png);
	background-size:contain;
	background-position:center;
	z-index:9;
	position:relative;
}
/***************************  STRUCTURE  *****************************************/
.contentContainer {
	width: 100%;
	padding: 15px 0px;
}
.contentFull {
	width: 100%;
}
.contentHalf {
	float: left;
	display: inline-block;
	width: 48%;
	padding: 1%;
}
.contentOneThird {
	float: left;
	display: inline-block;
	width: 34%;
}
.contentTwoThirds {
	float: left;
	display: inline-block;
	width: 66%;
}
.contentOneFourth {
	float: left;
	display: inline-block;
	width: 25%;
}
/*************  STRUCTURE CLASSES  ************************/
.bgWhite { background-color: #fff;}
.bgBlack { background-color: #333;}
.bgGrey {
	background-color: #ddd;		/* ======== CHANGE FOR EACH SITE ======== */
}
.bgBlue {
	background-color: #008599;		/* ======== CHANGE FOR EACH SITE ======== */
}


.paddingV15 {
	padding: 15px 0px;
}
.margintop15 {
	margin-top: 15px;
}
.marginbottom15 {
	margin-bottom: 15px;
}
/***************************  BUTTONS  *****************************************/
a.button {
	font-family:'metropolisbold', sans-serif;
	font-size:16px;
	color:#FFFFFF;
	background-color:#00B9D7;	/*CHANGE*/
	padding: 15px 10px;
	text-decoration: none;
	display: inline-block;
}
a.button:hover {
	background-color:#DDDDDD;
	color:#00B9D7;
	text-decoration: none;
}
/***************************  FOOTER  *****************************************/
.footercontainer {
	background-color: #333;					/*CHANGE*/
	width: 100%; 
	padding: 20px 0px;
	text-align: center;
}

.footernavbar {
	width: 100%;
	background-color: #333;			/*CHANGE*/
	margin-bottom: 35px;
	line-height: 30px;
}
.footnernavbar ul {
	padding: 10px 0px;
}
.footernavbar ul li {
	display: inline-block;
	padding: 3px;
	text-align:center;
}
.footernavbar ul li a{
	font-family: 'metropolisregular', sans-serif;		/*CHANGE*/
	color: #fff;						/*CHANGE*/
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	font-size: 11px;
}
.footernavbar ul li a:hover{
	text-decoration: underline;
}



a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family:'metropolisregular', sans-serif;font-size:11px; text-decoration:none; color:#fff;}
a.footerlink:hover {text-decoration:none; font-family:'metropolisregular', sans-serif;font-size:11px; text-decoration:underline; color:#fff;}

.footertext{font-family:'metropolisregular', sans-serif;font-size:11px; color:#fff;}

.smallfootertext{font-family:'metropolisregular', sans-serif;font-size:11px; color:#fff;}

.divfooter {width:450px; text-align:center; margin:0 auto;}



/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}



@media screen and (max-width: 767px) and (min-width: 481px) {
/*HEADER*/	
.logo {
	display: inline-block;
	float: none;
	max-width: 90%;
}
.contact ul {
	float:none;
}

/*CONTENT*/	
.contentHalf {
	width: 100%;
	display: inline-block;
}
.contentOneThird {
	width: 100%;
}
.contentTwoThirds {
	width: 100%;
}
.contentOneFourth {
	width: 50%;
	display: inline-block;
}
/*FOOTER*/	
.divfooter {
	width: 350px;
	padding: 10px 0px 40px;
}
.footernavbar ul li {
	width: 100%;
	padding: 5px;
	display: inline-block;
	text-align:center;
}
.footernavbar {
	width: 100%;
	background-color: #333;			/*CHANGE*/
	margin-bottom: 35px;
	line-height: 15px;
}


}
@media screen and (max-width: 480px){
/*HEADER*/	
.logo {
	display: inline-block;
	float: none;
	width: 90%;
}
.contact ul {
	float:none;
}
.contact ul li {
	display: block;
}

/*CONTENT*/	
.contentHalf {
	width: 100%;
	display: inline-block;
}
.contentOneThird {
	width: 100%;
}
.contentTwoThirds {
	width: 100%;
}
.contentOneFourth {
	width: 100%;
}
a.button {
	width: 80%;
	margin: 10px 0px;
}
a.button:hover {
	text-decoration: none;
}
/*FOOTER*/	
.divfooter {
	width: 70%;
	padding: 10px 0px 40px;
}
.footernavbar ul li {
	width: 100%;
	padding: 5px;
	display: inline-block;
	text-align:center;
}
.footernavbar {
	width: 100%;
	background-color: #333;			/*CHANGE*/
	margin-bottom: 35px;
	line-height: 15px;
}
	
/*Search*/
	.cd-tabs-content {
	    width: 100% !important;
	}	
	.cd-tabs nav.responsiveTabs {
	    width: 100% !important;
	}	
	.cd-tabs-navigation li {
	    width: 33.2% !important;
	}	
	.cd-tabs-navigation a {
	    text-align: center !important;
	}
	.cd-tabs-navigation li a img {
	    width: auto !important;
	    float: none !important;
	}
	.cd-tabs-navigation a.selected {
	    background-color: #000 !important;
	}

}