/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 { font-family: "TeXGyreAdventorRegular", Arial, sans-serif; letter-spacing: 1px; text-transform: uppercase; }
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {font-family: "TeXGyreAdventorBold", Arial, sans-serif;letter-spacing: 1px; text-transformx: uppercase;  }

h1, h1 strong { color: #074b32; /*#00539E;*/ }
#content h2, #content h3, #content h4, #content h5, #content h6 { color: #074b32;  /* #3991D1; */ }

p {
	font-size: 16px;
	line-height: 1.5em;
}

body { 
	background: #F5E1C7; 
	/*#EFEFEF;*/
	background-image: none;
}

p a, p a:visited { color: #3991D1; }

p a:hover { color: #ED3433;}

body#homepage {
	background: #327A66 url(../images/img/bg/bg-01x.jpg);  /*#00539E*/
	font-size: 100%;
}


.band {
	width: 100%;
	background: #074b32; 
	/*#00539E;*/
}


/* HEADER */
#header {
	height: 210px;
}

#header-contact {
	font-size: 14px;
	color: #FFF;
	min-height: 50px;
	margin: 0 0 2em 0;
	padding: 10px 0 0 0;
	
}

	#header-contact .header-link {
		background: #327A66; /* #ED3433; */
		padding: 5px;
		border-radius: 5px;
		
	}
	
	#header-contact .header-link strong {
		color: #FFF;
	}
		
		#header-contact .header-link a {
			color: #F2F2F2;
		}
		
		#header-contact .header-link a:hover {
			color: #FFF;
		}
		
#header-contact .phone {
	float: left;
	width: 220px;
	margin: 0 10px;
}

#header-contact div.email.header-link a:hover { color: #F5E1C7; /* #00539E; */ }

#header-contact .email {
	float: left;
	width: 220px;
	margin: 0 10px;
}


#header-contact #search {
	float: left;
	width: 220px;
	margin: 0 10px;
}

#search form {
    position: relative;
    
    height: 30px;
    margin: 0;
    
    background: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    color: #074b32; /* #3991D1; */
    
}


#search form input {
    width: 80%;
    border: none;
    color: #074b32; /* #3991D1; */
    background: none;
}

#search form input.submit {
    border none;
    width: 32px;
    height: 32px;
    
    position: absolute;
    right: 0px;
    top: -2px;
       background: url(../images/img/ui/btn-search-20px20px.png) no-repeat center center;
    
    text-indent: -9999px;
}


#quicklinks {
	float: right;
}

#quicklinks select {
	height: 30px;
	color: #327A66; /* #3991D1; */

}


	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#header { height: 230px;}
		
		#header-contact .phone { width: 172px; }
		#header-contact #search { float: right; margin-right: 0;}
		#quicklinks { width: 100%; margin-top: .5em;}
		#quicklinks select { float: right; }
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {		
		#header { height: 320px; }
		#header-contact .phone { float: left; width: 45%; margin-left: 0; }
			#header-contact .phone strong { display: block;}
		#header-contact .email { float: right; width: 45%; margin-right: 0; }
		#header-contact #search { float: left; width: 100%; margin: .5em 0; }
		#quicklinks {float: left; width: 100%;}
		#quicklinks select { width: 100%; }
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		#header { height: 320px; }		
		#header-contact .phone, #header-contact .email { margin-left: 0; width: 100%; margin: .25em 0; }
		#header-contact #search { float: left; width: 100%; margin: .5em 0;}
		#quicklinks {float: left; width: 100%;}
		#quicklinks select { width: 100%;}		
	}


/* NAV */	

nav#primary h1 {
	display: none;
}

nav#primary #logo {
	height: 65px; /* 35px; */
	margin: 0px 0 0 0;
	/*background: red;*/

	/*border:1px solid red;*/

}

	nav#primary #logo img {
		width: 100%;
		height: auto;
	}

/* NAV */
nav#primary.band {
	min-height: 50px; /*125px; /* 65px; */
	/*max-height: 120px;*/
	background: none;

	/*background: rgba(255,255,255,0.25);*/
	/*border:1px solid blue;*/

	/*margin: 0 0 250px 0;*/
}

	#homepage nav#primary.band {
		background: rgba(50, 122, 102, 0.75); /*   #327A66; /* <dark green /* rgba(0,83,158,0.5); */
		border-bottom: none;
		padding: 1em 0 0 0;
		/*margin-top: -1em;*/
	}

nav#primary .container .sixteen.columns {
	height: 75px; /* 65px; */
	/*border-bottom: 1px solid #074b32;  << DARK GREEN    /* #00539E;*/

	/*background: rgba(255,255,255,0.25);*/


	/*margin: 0 0 200px 0;*/
	/*background: lime;*/

}
	
	#homepage nav#primary .container .sixteen.columns {

		border-bottom: none;

	}

#homepage nav#primary.band .sixteen.columns.nav-bottom-bar {
	background: #F5E1C7;
	background-image: url(../images/img/ui/ideal_forms_stripes_homepage_green_tint.png);
		background-repeat: no-repeat;
	background-position: 250px center ;
}
nav#primary.band .sixteen.columns.nav-bottom-bar {
	height: 25px; 
	background: #074b32;
	font-size: 16px; 
	font-weight: bold;
	color: #FFF;
	background-image: url(../images/img/ui/ideal_forms_stripes_white.png);
	background-repeat: no-repeat;
	background-position: 250px center ;

}

#menu {
/*	list-style:none;
	width:940px;
	margin:30px auto 0px auto;
	height:65px;
	padding:0px 20px 0px 20px;
	
	
	background: #333;
*/	

	float: right;
	margin: 25px auto 0px auto;
	/*position: absolute;
	bottom: 10px;
	right: 0;*/


	/*border: 1px solid lime;*/
}


#menu li {
	position: relative;
	display: inline-block;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	
	
	padding: 0 .5em;
	margin: 0;


	/*border:1px solid red;*/
}

#menu li:hover {
	height: 63px; /* 2px less to not cover underline */
}

#menu li a {
	position: relative;
	display: inline-block;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	color: #074b32; /* #00539E; */
	line-height: 63px; /* 2px less to not cover underline */

}

#menu li:hover a {
	color: #327A66; /* #ED3433; */
}

	body#homepage #menu li a {
		color:#F5E1C7; /* #327A66; /*#074b32; /*#FFF; */
	}
		
	body#homepage #menu li:hover a {
		color: #074b32; /* #ED3433; */
	}



	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

		nav#primary #logo {
			margin: 100px 0 0 0;	
		}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		nav#primary #logo {
			margin: 10px 0 0 0;	
		}

		#menu li {
			font-size: 14px;
		}

		nav#primary.band .sixteen.columns.nav-bottom-bar {
			font-size: 12.5px; 

			background-position: 180px center ;

		}

		#homepage nav#primary.band .sixteen.columns.nav-bottom-bar {
			font-size: 12.5px; 



		}
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		nav#primary #logo {
			margin: 0px 0 0 0;	
		}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

		nav#primary.band  {
			/*background: red;*/
			/*height: 150px;*/

			/*margin-bottom: 150px;*/
		}

		nav#primary.band .sixteen.columns.nav-bottom-bar {
			/*border:1px solid lime;*/
			/*margin-top: -70px;*/
			/*margin-bottom: 100px;*/
			/*font-size: 10px;*/

			/*border:2px solid blue;*/
		}

		nav#primary #logo {
			margin: 0px 0 0 0;	
		}



	}













	
#menu li .drop {
	padding-right:21px;
	background:url("../images/img/nav/drop.png") no-repeat right 30px;
}
#menu li:hover .drop {
	background:url("../images/img/nav/drop.png") no-repeat right 29px;
}


.dropdown_2columns {
	margin:0px auto;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;

	
	background: #E1E1E1;
}


.dropdown_2columns {width: 475px; z-index: 1000;}


#menu li:hover .dropdown_2columns {
	left:-1px;
	top:auto;
}

.col_1  {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}
.col_1 {width:225px; }

#menu li:hover .align_right {
	left:auto;
	right:-1px;
	top:auto;
}



#menu li:hover div a {
	font-size:12px;
	display: block;
	padding: 0 2px;
	
}
#menu li:hover div a:hover {
	color: #FFF;
	background: #333;
}


body#homepage #menu li:hover div a:hover {
	color: #FFF;
	background: #333;
}

#menu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
#menu li ul li {
	font-size:14px;
	line-height:32px;
	height: 65px;
	position:relative;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	width:225px;
	
}


#menu li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
	
}

#menu li ul li span {
	display: none;
}
/* drop down */
nav#primary select {
	display: none;
	width: 100%;
	height: 28px;
	margin: 0;
	
	color: #074b32; /*#3991D1;*/
}



/* FOOTER */

/* PREVIOUS
#footer-band {
	margin: 50px 0 0 0;
}

#footer {
	padding: 55px 0 30px 0;
	
}
.footer-section {
	background: #CCC;
	padding: 10px;
	border-radius: 5px;
}
*/
/* footer */
.band.foot {
	background: #074b32; /* #00539E; */
}

.container.footer {
	font-size: 14px;
	margin-top: 49px;
	padding-top: 21px;
}

.container.footer h4 {
	color: #327A66; /* #ED3433; */
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.footer-section-padding {
	padding: 7px 0 7px;
	background: #327A66; /*#0071BC; */
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.container.footer h4 {
	color: #FFF;
}

/* social media links */
.social-media {
	width: 95.65217%;
	height: 32px;
	margin: 0 auto;
}

.social-media h4 {
	float: left;
	width: 100px;
	height: 32px;
	margin: 0;
}
	.social-media ul#social {
		display: block;
		width: 310px;
		height: 32px;		
		float: right;
		
		margin: 0;
		
		/*
		display: inline-block;
		width: 100%;
		float: right;
		border:1px solid green;
		*/
	}
	
	.social-media ul#social li {
		display: inline-block;
		width: 74px;
		
		/*
		display: inline-block;
		width: 15%;
		margin: 0 5%;
		background: yellow;
		*/
	}
	
	.social-media ul#social li img {
		/*height: 32px;
		width: 32px;
		
		float: left;
		margin: 0 20px 0 0;
		*/
		display: block;
		margin: 0 auto;
	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		.social-media ul#social { width: 240px; }
		.social-media ul#social li  { width: 56px; }
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		.social-media ul#social { width: 280px;}
		.social-media ul#social li  { width: 66px; }	
		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		.social-media ul#social { width: 180px;}
		.social-media ul#social li  { width: 42px; }	

	}
	
/* sign up for newsletter */

#sign-up {
    position: relative;
    
    height: 32px;
    width: 920px;
    margin: 0 auto;
    
    font-size: 24px;
    
    border:1px solid #CCC;
    background: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    color: #3991D1;
    
}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#sign-up { width: 728px; }	
	
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {		
		#sign-up { width: 400px; }	
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		#sign-up { width: 280px; }
	}

#sign-up form input {
    width: 85%;
    border: none;
    color: #3991D1;
    
}

#sign-up form input.submit {
    border none;
    width: 100px;
    height: 32px;
    
    position: absolute;
    right: .5em;
    top: 0px;
    background: url(../images/img/ui/btn-go-signup.png) no-repeat left center;
    
    text-indent: -9999px;
}

		/* Smaller than standard 960 (devices and browsers) */
		@media only screen and (max-width: 959px) {
		
		}
	
		/* Tablet Portrait size to standard 960 (devices and browsers) */
		@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		}
	
		/* All Mobile Sizes (devices and browser) */
		@media only screen and (max-width: 767px) {
		
		}
	
		/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
		@media only screen and (min-width: 480px) and (max-width: 767px) {		
		
		}
	
		/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
		@media only screen and (max-width: 479px) {
			#sign-up form input.submit {
				width: 25px;
				background-position:  -78px center;
			}
		}

::-webkit-input-placeholder {
   color: #327A66;  /* #3991D1; */
}

:-moz-placeholder {
   color: #327A66; /* #3991D1; */
}   

#old-logo {
	background: #FFF;
	width: 90px;
	padding: 5px;
	margin: 0 0 1em 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

	#old-logo img {
		display: block;
		margin: 0 auto;
		
	}
	
	/* Smaller than standard 960 (devices and browsers) */
		@media only screen and (max-width: 959px) {
		
		}
	
		/* Tablet Portrait size to standard 960 (devices and browsers) */
		@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		}
	
		/* All Mobile Sizes (devices and browser) */
		@media only screen and (max-width: 767px) {
		
		}
	
		/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
		@media only screen and (min-width: 480px) and (max-width: 767px) {		
		#old-logo { margin: 0 0 1em 8px;}
		}
	
		/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
		@media only screen and (max-width: 479px) {
			#old-logo { margin: 0 0 1em 8px;}
		}	
/* about us */

#about p {
	width: 95%;
	margin-left: 10px;
	
	font-size: 14px;
	line-height: 1.5em;
	color: #FFF;
}

/* links */
.container.footer #links h4 { margin-left: 10px; }
.container.footer #links ul{ margin-left: 10px; }
#links {
	font-size: 14px;
}

#links ul li strong {
	color: #FFF;
}

#links ul li a {
	color: #F2F2F2;
}

#links ul li a:hover {
	color: #FFF;
}

/* copyright */
#copyright {
	font-size: 11px;
	color: #FFF;
}

#copyright .copyright-date {
}

#copyright .reg-num {
	 color: #FFF!important;
}



#copyright .reg-office {
	text-align: right;
}


	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
		.footer-section-padding.row {
			margin: 0 0 20px 0;
		}
		
		#copyright .reg-office {
			text-align: left;
		}		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	
		.footer-section-padding.row {
			margin: 0 0 20px 0;
		}
		#copyright span.reg-num {
			display: block;
			color: #FFF!important;
		}

		#copyright.row div.copyright-date.ten.columns.aplha span.reg-num {
			display: block;
			color: red;
		}
		
		#copyright .reg-office {
			text-align: left;		}	
		
		
	}
	
	
/* BUTTONS */
a.btn-back {
	display: inline-block;
	height: 30px;
	
	font-weight: bold;
	line-height: 30px;
	color: #327A66; /* LIGHT GREEN #00539E; */
	
	padding-left: 25px;
	margin: 1em 0;
	background: url(../images/img/ui/btn-back-small-20px20px.png) no-repeat center left;

}

	a:hover.btn-back {
		color: #074b32; /* DARK GREEN #ED3433; */
	} 

/* ADMIN BUTTONS */
a.new-entry {
    display: inline-block;
    padding: 2px 5px;
    
    background: lime;
    color: #FFF !important;
    text-decoration: none;
    
    font-size: 11px;
    font-weight: bold;
    
  
  	text-decoration: none;    
}

a:hover.new-entry { 
    background: green;
    color: #FFF;
}


a.edit-entry {
    display: inline-block;
    padding: 2px 5px;
    
    background: orange;
    color: #FFF !important;
    text-decoration: none;
    
    font-size: 11px;
    font-weight: bold;
  
  	text-decoration: none !important;
    
}

a:hover.edit-entry {    
    background: red;
    color: #FFF;
}
	
/* #Page Styles
================================================== */

/* HOMEPAGE */
body#homepage div#content {
	min-height: 275px;
	padding: 0 0 48px 0;
}

header.homepage-title {
	width: 700px;
	margin: 0 auto; 
}


body#homepage #content h1 {
	font-size: 72px;
	line-height: 1em;
	color: #FFF;
	
	text-shadow: 0px 5px 10px rgba(20, 20, 20, 0.5);
}

	body#homepage #content h1 span.first-word {
		font-family: "TeXGyreAdventorBold", Arial, sans-serif;letter-spacing: 1pxx; text-transform: uppercase;
		
	}
	
	body#homepage #content h1 span.first-word, body#homepage #content h1 span.middle-word { font-size: 60px;}
	


	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		header.homepage-titlex { background: black; }
		
		
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		body#homepage div#content { min-height: 200px;}

		header.homepage-title { width: 600px; }
		/*
		body#homepage #content h1 span.first-word { font-size: 130px; line-height: 117px}
		body#homepage #content h1 span.middle-word { font-size: 156px;}
		body#homepage #content h1 span.last-word { font-size: 64px;}
		*/
		
		body#homepage #content h1 { font-size: 62px; text-align: justify; }
		
		body#homepage #content h1 span.first-word { font-size: 62px; letter-spacing: 4.5px; }
		body#homepage #content h1 span.middle-word { font-size: 62px;  letter-spacing: 4.5px;}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		header.homepage-titlex { background: #ED3433; }
	
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {		
		header.homepage-titlex { background: cyan; }

		body#homepage div#content { min-height: 150px;}

		header.homepage-title { width: 420px; }
		
		/*
		body#homepage #content h1 span.first-word { font-size: 92px;}
		body#homepage #content h1 span.middle-word { font-size: 108px;}
		body#homepage #content h1 span.last-word { font-size: 43px;}
		*/
		
		body#homepage #content h1 { font-size: 43px; text-align: justify;}

		body#homepage #content h1 span.first-word { font-size: 46px; letter-spacing: 1.5px;}
		body#homepage #content h1 span.middle-word { font-size: 46px; letter-spacing: 1.5px; }
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		header.homepage-titlex { background: lime; }
		
		body#homepage div#content { min-height: 100px;}

		header.homepage-title { width: 300px; }
		/*
		body#homepage #content h1 span.first-word { font-size: 65px; line-height: 58px;}
		body#homepage #content h1 span.middle-word { font-size: 77px;line-height: 69px; margin-bottom: -30px;}
		body#homepage #content h1 span.last-word { font-size: 31px;	  line-height: 0px; margin-top: 10em; color: #ED3433;}
		*/
		
		body#homepage #content h1 { font-size: 30px; text-align: justify; }

		body#homepage #content h1 span.first-word { font-size: 34px; letter-spacing: 0px;}
		body#homepage #content h1 span.middle-word { font-size: 34px; letter-spacing: 0px;}
	}





/* CAROUSEL */
#product-carousel.band {
	padding: 24px 0 0 0;
	background: rgba(50, 122, 102, 0.75); /* rgba(0,83,158,0.75); */
}

#product-carousel h1 {
	display:none;
}

.carousel-container {
	position: relative;
	height: 220px;
	width: 780px;
	overflow: hidden;
	
	margin: 0 auto;}

#carousel {
	overflow: hidden;
	width: 700px;
	
}
.product {

	width: 120px;
	height: 220px;
	
	margin: 0 10px;
	
	float: left;

}

.product img {
	width: 100%;
	height: auto;
	
	
	background: #333;
	border: 10px solid #FFF;	
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

div.product h6 {
	color: #FFF;
	text-align: center;
}
	div.product img {
		width: 100%;
		height: auto;
		
		border: 10px solid #FFF;
	}
	

	div.product span  {
		display: block;
		height: 8px;
		
		padding: 0;
		margin: 0 auto;
		margin: -6px 0 0 0;		

		background: url(../images/img/wireframe/carousel_pointer.png) no-repeat top center; 
		
	}
	
.prev {
	position: absolute;
	
	width: 40px;
	height: 40px;
	top: 40px;
	left: 0;
	text-indent: -9999px;
	
	background: url(../images/img/ui/carousel-prev.png) no-repeat top center; 
}


.next {
	position: absolute;
	
	width: 40px;
	height: 40px;
	top: 40px;
	right: 0;
	text-indent: -9999px;
		
	background: url(../images/img/ui/carousel-next.png) no-repeat top center; 
}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.carousel-container {
			width: 640px;
		}
		
		#carousel {
			width: 560px;
		}
	
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
		.carousel-container {
			width: 360px;
		}		
		#carousel {
			width: 280px;
		}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.carousel-container {
			width: 220px;
		}		
		#carousel {
			width: 140px;
		}	
	}
	


/* MAIN PAGE */
#main img {
display: block;
margin: 2em auto;
width: 100%; /* 97.142857142%; */
height: auto;
max-width: 640px;

border:10px solid #FFF;
}

#main .intro p {
	font-size: 24px;
	line-height: 1.5em;
}


	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {		
		#main { border-bottom: 1px solid #00539E; margin-bottom: 2em;}
	
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		#main { border-bottom: 1px solid #00539E; margin-bottom: 2em;}
	
	}



/* SIDEBAR */
#sidebar h3 {
	font-size: 28px;
	line-height: 30px;
	color: #074b32; /*#00539E;*/
	margin: 0 0 1em 0;
}

	#sidebar h3 strong {
		color: #074b32; /*#00539E;	*/
	}

#sidebar h4 {
	font-family: "TeXGyreAdventorBold", Arial, sans-serif;
	letter-spacing: 1px; 
	text-transform: uppercase;
	font-size: 16px;
}

#sidebar a.button.download-pdf {
	display: block;
	width: 100%;
	height: 80px;
	
	background: #333;
	border-radius: 10px;
	color: #FFF;
	cursor: pointer;
}

	#sidebar a.button.download-pdf:hover {
		background: #999;
	}

	#sidebar a.button.download-pdf h4 { 
		color: #FFF;
		text-shadow: none;
		text-align: center;
	}


#sidebar a.btn-more {
}

a.btn-more {

	display: inline-block;
	float: right;
	
	height: 30px;
	
	font-weight: bold;
	line-height: 30px;
	color: #00539E;
	
	padding-right: 25px;
	margin: 0 0 1em 0;
	background: url(../images/img/ui/btn-go-small-20px20px.png) no-repeat center right;
}

	a:hover.btn-more {
		color: #ED3433;
	} 


#download {
	margin-bottom: 1em;
}

a.btn-download {
background: #eee; /* Old browsers */
		background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
		background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
		background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
		background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
		background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
		background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	  border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  padding: 4px 12px;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color: #444;
	  display: inline-block;
	  font-size: 11px;
	  font-weight: bold;
	  text-decoration: none;
	  text-shadow: 0 1px rgba(255, 255, 255, .75);
	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: normal;
	  padding: 8px 10px;
	  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	  
	  background: #327A66; /* LIGHT GREEN *?/* #ED3433; */
color: #FFF;
text-shadow: none;
border: none;
}

a.btn-download:hover {
	background: #074b32; /* DARK GREEN *//* #00539E; */
	color: #FFF;
	text-shadow: none;
	border: none;
}

a.btn-download:visited {
	/*background: #074b32;  DARK GREEN *//* #00539E; */
	color: #FFF;
	text-shadow: none;
	border: none;
}


/* ADDED JUN 29 2017 */
a.btn-download-ideal-post {
background: #eee; /* Old browsers */
		background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
		background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
		background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
		background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
		background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
		background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	  border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  padding: 4px 12px;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color: #444;
	  display: inline-block;


	  font-size: 21px; /* 24px 11px; */
	  font-weight: bold;
	  text-decoration: none;


	  text-shadow: 0 1px rgba(255, 255, 255, .75);
	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: normal;
	  padding: 8px 10px;
	  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	  
	  background: #327A66; /* LIGHT GREEN *?/* #ED3433; */
color: #FFF;
text-shadow: none;
border: none;
}

a.btn-download-ideal-post:hover {
	background: #074b32; /* DARK GREEN *//* #00539E; */
	color: #FFF;
	text-shadow: none;
	border: none;
}

a.btn-download-ideal-post:visited {
	/*background: #074b32;  DARK GREEN *//* #00539E; */
	color: #FFF;
	text-shadow: none;
	border: none;
}


/* INLINE BUTTON FOR VILLA */
	.btn-inline {
		display: inline-block!important;
		font-size: inherit!important;
		font-weight: normal!important;
		color: #FFF!important;
		padding: .125em .5em!important;
	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		#sidebarx {background: cyan; }
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#sidebarx {background: olive; }

		#sidebar a.btn-more {
			font-size: 12px;
		}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		#sidebarx {background: blue; }
	
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {		
		#sidebarx {background: #ED3433; }
	
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		#sidebarx {background: lime; }
	
	}




/* PRODUCT PREVIEWS */
#product-grid .product-preview {
	width: 100%;
}	

 .product-preview img {
	width: 100%;
	height: auto;
	border: 10px solid #FFF;
}
	.product-preview  span.pointer  {
		display: block;
		height: 10px;
		
		padding: 0;
		margin: 0 auto;
		margin: -6px 0 0 0;		

		background: url(../images/img/wireframe/carousel_pointer.png) no-repeat top center; 
		
	}

.product-preview h4 {
	text-align: center;
	color: #00539E;
}
/* PRODUCT PREVIEWS GRID */
#products-grid .product-preview {
	display: inline-block;
	float: left;
	width: 23.404255319%; /* 220px; */
	margin: 0 0.531914893%; /* 0 5px; */
}



#products .product-preview img {
margin: 0;
}

#products .product-preview span.pointer{
	margin: -6px 0 1em 0;
	padding: 0;
}

/* collapse to 2 for mobile */
	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		#products-grid .product-preview {
			display: inline-block;
			float: left;
			width: 48%; /* 23.404255319%; /* 220px; */
			margin: 0 0.531914893%; /* 0 5px; */
			margin-bottom: 2em;
		}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		#products-grid .product-preview {
			display: inline-block;
			float: left;
			width: 48%; /* 23.404255319%; /* 220px; */
			margin: 0 0.531914893%; /* 0 5px; */
			margin-bottom: 2em;
		}
		
		.product-preview h4 {
			font-size: 16px;
			line-height: 16px;
		}
	}

nav#primary select {
	display: none;
}	

/* PRODUCT PREVIEWS ALPHALIST */
#alphalist p.alpha-instructs {
	color: 12px;
	font-weight: bold;
	color: #0071BC;
	
	margin: 0;
	margin-bottom: -.25em;
}

#alphalist ol { list-style-type: none; margin: 0; padding: 0;  }

 #alphalist ol li { float: left; width: 30px; margin: .5em .125em; font-size: 18px; font-weight: bold;  text-align: center;  color: #0071BC; color: rgba(0, 83, 138, 0.25); padding: .125em;}

 #alphalist ol li a { color:#00539E; }
 
 #alphalist ol li a:hover {color: #ED3433;}
 




#alphalist { border-bottom: 1px solid #CCC;  margin-bottom: 3em;}
 
#alphalist ol li:last-child { margin-right: 0; width: 40px}

#alphalist ol li {  }

#alphalist ol li.highlight  { background: #ED3433; /* #00539E; */ border-radius: 5px; }

#alphalist ol li.highlight a { color: #FFF; }




/* PRODUCT PREVIEWS SIDEBAR */
#sidebar .product-preview {
	width: 48%;
	float: left;
	margin: 0 1% 1em 1%;
}

#sidebar .row {
	margin: 0 0 0.5em 0;
}

#sidebar .product-preview h4 {
	font-size: 12px;
	line-height: 15px;
	color: #074b32; /* #00539E; */
	letter-spacing: 1;
	
}


	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#sidebar .product-preview h4 {
			font-size: 11px;
			line-height: 13px;
		}		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		#sidebar .product-preview h4 {
			font-size: 16px;
			line-height: 18px;
		}		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {		
	
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		#sidebar .product-preview h4 {
			font-size: 16px;
			line-height: 18px;
		}	
	}


/* SEARCH RESULTS */
#main .row.search-result h4 {
	color: #074b32; /*#00539E; */
	margin: 0 0 1em 0;
}

#main .row.search-result {
	border-bottom: 1px solid #CCC;
}
#main .row.search-result img {
	margin: 0;
	max-width: 125px;
}

a.btn-more {

	display: inline-block;
	height: 30px;
	
	font-weight: bold;
	line-height: 30px;
	color: #327A66; /* #00539E; */
	
	padding-right: 25px;
	margin: 0 0 1em 0;
	background: url(../images/img/ui/btn-go-small-20px20px.png) no-repeat center right;
}

	a:hover.btn-more {
		color: #074b32; /* #ED3433; }*/
	} 
	
#main .row.search-result a.btn-more {	
	float: right;
	clear: both;
}

/* PAGINATION */
.paginate.row {
	float: left;
	clear: both;
}

.paginate {
	font-size: 18px;
	line-height: 1;
	font-weight: bold;
}

.paginate strong {
	color: #FFF;
	padding: .25em .5em;
	background: #074b32; /* <<<< DARK GREEN */  /* #00539E; */
	margin: 0 .25em;
   
   -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.paginate a {
	color: #327A66; /*#0071BC;	*/
	margin: 0 .25em;
   	padding: .25em .5em;

}

.paginate a:hover {
	color: #FFF;
	padding: .25em .5em;
	background:  #074b32; /*#0071BC; */
	margin: 0 .25em;
   
   -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}


/* CONTACT */
body#contact header h1 {
	margin-bottom: 1em;
}

/* contact form */
form#contactform .screen-reader {
	display: none;
}

/*
form#contactform input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select  {
	width: 90%;
}
*/

#contact #address {
	font-size: 16px;
	line-height: 1.5em;
}

#address .tel {
	color: #327A66; /* #3991D1; */	
	font-weight: bold;
}

#address a {
	color: #327A66;  /* #3991D1; */
	font-weight: bold;
}

#address a:hover {
	color: #074b32; /* #ED3433; */
}

#contact #directions {
	margin: 1em 0 0 0 ;
}

#contact #directions h5 {
	font-weight: bold;
}


#directions form input[type="text"] {
	width: 90%;
	color: #3991D1;
}

#directions-form form {
    position: relative;
    
    height: 30px;
    margin: 0;
    
    background: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    color: #3991D1;
    
}


#directions-form form input {
    width: 90%;
    /*border: none;*/
    color: #3991D1;
}

#directions-form form input.submit {
   /*  border: none; */
    width: 32px;
    height: 32px;
    
    position: absolute;
    right: 0px;
    top: -2px;
       background: url(../images/img/ui/btn-search-20px20px.png) no-repeat center center;
    
    text-indent: -9999px;
}

#map_canvas {
	height: 300px;
	width: 100%;
	border: 1px solid #074b32;
}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {		
		#address { margin-bottom: 2em; }
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		#address { margin-bottom: 2em; }	
	}
	
/*BUTTONS*/
button {
	background: #327A66; /* #ED3433; */
	color: #FFF;
	text-shadow: none;
	border: none;
}

button:hover {
	background: #074b32; /* #00539E; */
	color: #FFF;
	text-shadow: none;
	border: none;
}

/* LISTS */
#main ul {
	list-style-type: square;
	margin-left: 1em;
}















/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
#content {
	margin-top: 3em;
}

nav#primary ul#menu {
			display: none;
		}
		nav#primary #logo {
			margin: 0 0 14px 0;
			
		}
		nav#primary .container .nav-width.sixteen.columns {
			height: 170px;
			margin: 0px 0 0 0;

			/*background: red;*/
		}

		nav#primary.band .sixteen.columns.nav-bottom-bar {
			margin: -85px 0 0 0;
			
		}
		nav#primary select { 
			display: block; 
			width: 100%;
			height: 28px;
			margin: 35px 0 100px 0;
		}	
	
	
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
#content {
	margin-top: 3em;
}
		nav#primary ul#menu {
			display: none;
		}
		
		nav#primary .container .nav-width.sixteen.columns {
			height: 120px;
			margin: 0 0 30px 0;
			/*background: blue;*/

			/*background: blue;*/
		}
		nav#primary.band .sixteen.columns.nav-bottom-bar {
		margin: -85px 0 0 0;

			height: 20px;

			font-size: 12.5px;
			background-position: right 0;
			background-size: 50%;
		}

		#homepage nav#primary.band .sixteen.columns.nav-bottom-bar {
		
			background-position: right 0;
			background-size: 50%;
		}

		nav#primary select { 
			display: block; 
			width: 100%;
			height: 28px;
			margin: 30px 0 20px 0;
			
		}
	}


/* #Font-Face
================================================== */
@font-face {
    font-family: 'TeXGyreAdventorRegular';
    src: url('webfonts/texgyreadventor-regular-webfont.eot');
    src: url('webfonts/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/texgyreadventor-regular-webfont.woff') format('woff'),
         url('webfonts/texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('webfonts/texgyreadventor-regular-webfont.svg#TeXGyreAdventorRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreAdventorItalic';
    src: url('webfonts/texgyreadventor-italic-webfont.eot');
    src: url('webfonts/texgyreadventor-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/texgyreadventor-italic-webfont.woff') format('woff'),
         url('webfonts/texgyreadventor-italic-webfont.ttf') format('truetype'),
         url('webfonts/texgyreadventor-italic-webfont.svg#TeXGyreAdventorItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreAdventorBold';
    src: url('webfonts/texgyreadventor-bold-webfont.eot');
    src: url('webfonts/texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/texgyreadventor-bold-webfont.woff') format('woff'),
         url('webfonts/texgyreadventor-bold-webfont.ttf') format('truetype'),
         url('webfonts/texgyreadventor-bold-webfont.svg#TeXGyreAdventorBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TeXGyreAdventorBoldItalic';
    src: url('webfonts/texgyreadventor-bolditalic-webfont.eot');
    src: url('webfonts/texgyreadventor-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/texgyreadventor-bolditalic-webfont.woff') format('woff'),
         url('webfonts/texgyreadventor-bolditalic-webfont.ttf') format('truetype'),
         url('webfonts/texgyreadventor-bolditalic-webfont.svg#TeXGyreAdventorBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}