h1 {
	color: #ed1c24;
	font-family: 'Bebas Neue','open_sanscondensed_light', arial, verdana, sans-serif;
	font-weight: normal;
	font-size: 30px;
	margin: 0px;
	padding: 0px;
	clear: both;

}
h2 {
	color: #fff;
	font-family: 'Bebas Neue','open_sanscondensed_light', arial, verdana, sans-serif;
	background-color: #272723;
	font-size: 25px;
	line-height: 24px;
	font-weight: normal;
	text-transform: none;
	margin: 30px 0 10px;
	padding: 8px 8px 5px 10px;
	clear: both;
	width: 100%;
	box-sizing: border-box;
}
h3 {
	color: #a8212e;
	font-family: 'Bebas Neue','open_sanscondensed_light', arial, verdana, sans-serif;
	font-size: 25px;
	font-weight: normal;
	line-height: 28px;
	margin: 22px 0 3px 0;
	padding: 0px;
	clear: both;
}
h4 {
	color: #272723;
	text-align: left;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	font-style: regular;
	margin: 0 0 0 15px;
	padding: 0;
}

a {
	text-decoration:none;
	font-weight:bold;
	color:#a8212e;
}
a:hover, a:active {
	color:#D93E4E;
}
ul {
	margin: 0;
	padding: 0 0 0 20px;
}
ul li {
	padding: 3px 0 0 0;
}
ol li {
	padding: 15px 0 0 0;
}
hr {
	clear: both;
	border: 0;
	padding-top: 6px;
}
/* layout */
body {
	font-family: tahoma,'open_sanslight', arial, verdana, sans-serif;
	font-size: 15px;
	background-color: #9bdef9;
	text-align: left;
	padding: 0;
	margin: 0;
}

#wrap {
	width: 1140px;
	height: auto;
	background-color: #fff;
	z-index: 30;
	padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin: 25px auto 0;
	display: block;
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.75);
}

#header {
	height: 227px;
	width: 1140px;
	margin-top: 0;
	background: url("/images/dairy-man-long-valley-nj.gif") no-repeat;
	position: relative;
}
#logo {
	float: left;
	margin: -15px 0 0 25px;
}
#info {
	float: right;
	text-align: right;
	position: relative;
	top: 25px;
	right: 35px;
	clear: right;
}
#info img {
	position: relative;
	top: -15px;
}
#info a.phone {
	font-family: 'Bebas Neue','open_sanscondensed_light', arial, verdana, sans-serif;
	font-size: 27px;
	font-weight: normal;
	color: #272723;	
	padding-right: 15px;
}
/* Menu Styles */
body#home a#nav-home,
body#delivery a#nav-delivery,
body#products a#nav-products,
body#wholesale a#nav-wholesale,
body#about a#nav-about,
body#orders a#nav-orders {
    color: #78b6d9;
	display: block;
	padding: 17px 5px 22px;
}

.mobile-nav {
		display: none !important;
	}
#nav {
    z-index: 600;
	padding: 0;
	margin: auto;
	display: block;
    vertical-align: middle;
    width: 1140px;
	height: 60px;
	background: #272723;
	text-align: center;
	font: normal 24px 'Bebas Neue','open_sanscondensed_light', arial, verdana, sans-serif !important;
}

/*Strip the ul of padding and list styling*/
#nav ul {
	list-style-type:none;
	margin:0 auto;
	padding:0;
	width: 1000px;
}
#nav ul ul {
	position: absolute;
	width: auto;
}

/*Create a horizontal list with spacing*/
#nav li {
	display:inline-block;
	float: left;
	padding: 0 35px;
	text-transform: uppercase;
}

/*Style for menu links*/
#nav li a {
	display:block;
	height: 21px;
    padding: 17px 5px 22px;
	text-align: center;
	color: #fff;
	font-weight: normal !important;
	text-decoration: none;
}

/*Hover state for top level links*/
#nav li:hover a {
	color: #78b6d9;
	display:block;
    display: block;
	padding: 17px 5px 22px;
}

/*Style for dropdown links*/
#nav li:hover ul a {
	background-color: #fff;
	color: #272723;
	font-size: 19px;
	text-align: left;
	height: 30px;
	line-height: 20px;
    margin: 0;
    padding: 10px 10px 0;
	border-top: 0px solid #fff;
	border-left: 0px solid #fff;
	border-right: 0px solid #fff;
    border-bottom: 1px solid #272723;	
	width: 200px;
}

/*Hover state for dropdown links*/
#nav li:hover ul a:hover {
	background-color: #DDEFFB;
	color: #ed1c24;
	
}

/*Hide dropdown links until they are needed*/
#nav li ul {
	display: none;
}
#nav li ul li ul {
	display: none;
}

/*Make dropdown links vertical*/
#nav li ul li {
	display: block;
	float: none;
	position: relative;
	text-transform: capitalize;
    top: 0;
	left: 3px;
    padding: 0;
    margin: 0;
	z-index: 1001;
}

/*Prevent text wrapping*/
#nav li ul li a {
	width: auto;
	min-width: 100px;
	padding: 10px 10px 0 !important;
}

/*Display the dropdown on hover*/
#nav ul li a:hover + .hidden, #nav .hidden:hover {
	display: block;
}
#nav .menu-heading {
    background-color: #000;
    color: #ffffff;
    display: block;
    font: 12px/22px sans-serif;
    height: 19px;
    padding: 3px 5px;
    text-align: left;
    text-decoration: none;
    width: 173px;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font: normal 22px 'Bebas Neue','open_sanscondensed_light', arial, verdana, sans-serif !important;
	text-decoration: none;
	color: #fff;
	background: #231f20;
	text-align: left;
	padding: 15px 11px;
	display: none;
	width: 100%;
	height: 25px;
}
.status {
    z-index: 600;
	padding: 20px;
	margin: auto;
	display: block;
    vertical-align: middle;
    width: 1100px;
	color: #fff;
	background: #a8212e;
	text-align: center;
	float: left;
}
.status h1, .status a:link {
	color: #fff;
}

.clear {
	clear: both;
}

#page {
	width: 100%;
	margin-top: 0;
	background-color: #FFF;
	text-align: left;
	padding: 35px 0 0;
	height: 100%;
	float: left;
}
#content {
	float: left;
	width: 65%;
	padding: 0 0 45px 28px;
}
#content-large {
	float: left;
	width: 100%;
	padding: 0 20px 30px 20px;
	box-sizing: border-box;
}

#banner {
	margin-bottom: -4px;
}
.highlight {
    float: left;
    width: 32%;
	background: #272723;
	color: #fff;
	margin: 0 18px 14px 0px;
	min-height: 290px;
	box-sizing: border-box;
	padding-bottom: 7px;
}
.highlight:last-of-type {
    margin: 0 0 14px 0;
}

a.highlight {
	color: #fff;
	font-weight: normal;
	display: block;
}

a.highlight:hover, a.highlight:hover h2 {
	background: #a8212e;
	color: #fff;
}
a.highlight:active, a.highlight:active h2 {
	background: #a8212e;
	color: #fff;
}
a.highlight h2 {
	color: #fff;
	font-size: 23px;
    padding: 6px 8px 0;
    margin: 0;
    text-transform: uppercase;
	text-align: center;
	background: none;
	border: 0px;
}

.highlight p {
	margin: 0 8px;
}
.intro1 {
	padding: 0 15px;
	float: left;
	margin-top: 20px;
}
.intro {
	padding: 6px 12px 0 15px;
	float: left;
	width: 53%;
}
.video {
	padding: 12px 2px 0 0;
	float: right;
	width: 42%;
}
.fb-video { 
    
    /* Do not occupy the full width*/
    max-width: 100% !important; 
    
  }
.fb_iframe_widget_fluid_desktop, .fb_iframe_widget_fluid_desktop span, .fb_iframe_widget_fluid_desktop iframe {
	height: auto;
	min-height: 250px;
}
.action {
	box-sizing: border-box;
    clear: both;
    display: block;
    float: left;
    padding: 20px 170px;
    text-align: center;
    width: 100%;
}
.action .items {
	float: left;
	font-size: 22px;
	width: 33%;
	padding-bottom: 6px;
}
.action a {
	text-decoration:none;
	font-family: "open_sanscondensed_light";
	font-weight:normal;
	color:#000;
}
.action a:hover, .action a:active {
	color:#417CC5;
}
.3column {
	width: 30%;
	float: left;
}
.img-left {
    float: left;
    margin: 0px 20px 20px 0;
	border-radius: 4px;
	width: 30%;
}
.special {
	margin: 18px 0 10px;
	padding: 10px 20px 20px;
	background-color: #FCEBB1;
}
.attraction {
	padding: 12px 0 12px 0;
	display: table;
}
.attraction img {
	float: left;
	width: 37%;
	margin: 2px 16px 0 0;
	border: 0px solid #ffe29f;
	border-radius: 4px;
}
.attraction-description {
	float: left;
	font-size: 14px;
	width: 58%;
}
.attraction H3 {
	margin-top: 2px;
}
ul.leaders {
    padding: 0;
    overflow-x: hidden;
    list-style: none;
	line-height: 20px;
}
ul.leaders li:before {
    float: left;
    width: 0;
    white-space: nowrap;
    content:
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "}
ul.leaders span:first-child {
    padding-right: 0.33em;
    background: white;}
ul.leaders span + span {
    float: right;
    padding-left: 0.05em;
    background: white;
	clear: right;}
	
.button {
    font-family: 'Bebas Neue','open_sanscondensed_light', arial, verdana, sans-serif;
	font-weight: normal;
}
.button A:link, .button A:visited {
    color: #fff;
	background-color: #ed1c24;
    font-size: 24px;
    font-weight: normal;
	height: 27px;
	margin: 25px 5px 10px;
    padding: 13px 7px 10px;
    text-align: center;
	display: block;
    text-decoration: none;
	width: 50%;
	border-radius: 4px;
}
.button A:hover, .button A:active {
	background-color: #a81922;
  
}

/*Hide checkbox*/
#nav input[type=checkbox]{
    display: none;
}
#form input[type=checkbox]{
    display: inline;
}

/*Show menu when invisible checkbox is checked*/
#nav input[type=checkbox]:checked ~ #menu{
    display: block;
}
.form-left {
    clear: left;
    float: left;
    padding: 0 5px 14px 0;
    width: 30%;
}
.form-right {
    float: left;
    padding: 0 0 8px;
    width: 60%;
}
.form-input {
    display: none;
    visibility: hidden;
}
.freebirdFormviewerViewFormBanner {
	height: 158px !important;
}
.message {
	background: #a8212e;
	color: #fff;
	font-weight: normal;
	padding: 10px;
	margin: 0 5px 10px -5px;
}
.message ul {
	margin: 9px 0 9px 18px;
	padding: 0;
	list-style-type: square;
}
.message ul li {
	padding: 0;
}
.left {
	float: left;
	width: 45%;
	margin-bottom: 20px;
}
.right {
	float: right;
	width: 50%;
	margin-bottom: 20px;
}
.four-column {
	float: left;
	width: 25%;
	padding-right: 15px;
	box-sizing: border-box;
	margin-bottom: 25px;
}
#right-column, .links-top {
	vertical-align: top;
	width: 25%;
	color: #000;
	font-size: 12px;
	text-align: left;
	float: right;
	padding: 0;
	margin: 0 25px 0 0;
}
#page-links img {
	max-width: 100%;
}
#page-links {
	width: 100%;
	display: block;
	padding: 0;
	margin: 0;
}

#page-links ul {
	padding: 0px;
	margin: 0 0 15px 0;
	width: 100%;
}
#page-links li {
	background: none;
	width: 100%; 
	list-style:none;
	border-bottom: 1px dotted #044e2d;
	padding: 9px 0px 5px 6px;
	margin: 0;
	box-sizing: border-box;
}
#back {
	width: 1100px;
	text-align: right;
	padding: 10px 25px;
	clear: both;
}
#footer {
	width: 1140px;
	background-color: #231f20;
	padding: 20px 30px;
	color: #fff;
	font-size: 12px;
	display: block;
	min-height: 170px;
	box-sizing: border-box;
}
#footer-info {
	float: left;
	width: 23%;
	line-height: 17px;
	text-align: left;
	margin-left: 0;
}
#footer p {
	margin: 0;
	padding: 0 0 4px 0;
}
#footer H3 {
	font-family: 'BitstreamVeraSansBold',tahoma,arial,helvetica,sans-serif;
	color: #fff;
	padding: 0;
	margin: 0 0 4px 0;
	font-size: 16px;	
	text-transform: uppercase; 
	font-style: normal;
	font-weight: normal;
}
#footer A:link, #footer A:active, #footer A:visited, #footer A:hover {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	text-transform: capitalize;
}

#contact {
	float: left;
	width: 30%;
	text-align: left;
	overflow: display;
}
#info img {
    vertical-align: text-top;
}
.phone {
	font-size: 35px;
    padding: 0 0 6px 0;
	font-weight: bold;
}

#design {
	float: left;
	margin: 10px 10px 20px 0;
	width: 50%;
}
#design img {
	position:relative;
	bottom:-4px;
} 
.social-media {
	float: right;
	margin: 10px 0 0 20px;
}



.mobile {
	visibility: hidden;
	display: none;
}
.links {
	visibility: hidden;
	display: none;
}

/*.fb-page, .fb-page iframe[style], .fb-page span {
    width: 100% !important;
} */

/* rotator */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
 }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  padding: 0;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

.rslides_container {
  top: 0;
  position: relative;
  float: left;
  width: 100%;
  }

.centered-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("/images/themes.gif") no-repeat left top;
  margin-top: -40px;
  }

.centered-btns_nav:active {
  opacity: 1.0;
  }

.centered-btns_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

.transparent-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  left: 0;
  display: block;
  background: #fff; /* Fix for IE6-9 */
  opacity: 0;
  filter: alpha(opacity=1);
  width: 0%;
  text-indent: -9999px;
  overflow: hidden;
  height: 0%;
  }

.transparent-btns_nav.next {
  left: auto;
  right: 0;
  }

.large-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  opacity: 0.6;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000 url("/images/themes.gif") no-repeat left 50%;
  width: 38px;
  }

.large-btns_nav:active {
  opacity: 1.0;
  }

.large-btns_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
  }

.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
  outline: none;
  }

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
  margin-top: -32px;
  padding: 0px;
  overflow: hidden;
  position: relative;
  z-index: 1000;
  text-align: center;
  }

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  background: #fff;
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 1 1 2px 1 rgba(0,0,0,.3);
  -moz-box-shadow: inset 1 1 2px 1 rgba(0,0,0,.3);
  box-shadow: inset 1 1 2px 1 rgba(0,0,0,.3);
  width: 11px;
  height: 11px;
  }

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
  background: #231f20;
  }
.centered-btns_here a:hover, .centered-btns_tabs a:hover,
.transparent-btns_here a:hover, .transparent-btns_tabs a:hover,
.large-btns_here a:hover, .large-btns_tabs a:hover {
  background: #ed1c24;
  }


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

}

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

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

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

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

}