/* font-family: 'Lato', sans-serif; */
/* font-family: 'Noto Serif', serif; */

body { font-family: 'Lato', sans-serif; background-color: #eff9fe; font-size: 14px; color: #414042; }
ul { margin: 0; padding: 0; }
ul li { list-style: none outside none; display: inline-block; zoom: 1; 
*display: inline; }

h2 { font-size: 24px; font-weight: bold; color: #1d5732;  }
h3 { font-size: 14px; color: #1d5732; font-weight: bold; margin-bottom: 0; }
a { text-decoration: none; }

#wrapper {
	margin: 0 auto;
	width: 970px;
	padding: 0 27px;
}

#header {
	position: relative;
	height: 157px; 
	margin-bottom: 23px; 
}

#content {
	margin-bottom: 20px; 
}

#footer {
	width: 970px; 
	padding: 10px 27px 0;
	margin: 0 auto;
	height: 24px;
	background-color: #1e5632;
	color: #ffcb05;
	clear: both;
	font-size: 10px; 
}

#banner {
	position: relative;
	margin-bottom: 40px; 
}

#banner p  {
 	position: absolute;
	right: 45px; 
	top: 20px;
	height: 317px;
	width: 163px;
	font-size: 14px; 
	color: #fff; 
}

ul#nav { position: absolute; width: 970px; height: 55px; background: url(../img/menu-bg.jpg) no-repeat; margin: 0; margin-top: 101px; }

ul#nav li a { font-family: 'Noto Serif', serif; font-size: 15px; font-weight: bold; text-decoration: none; color: #fff; }
ul#nav li a:hover, ul#nav li.selected a { color: #ffcb05; }
ul#nav li { padding-top: 17px; }
ul#nav li.one { padding-left: 40px; }
ul#nav li.two { padding-left: 40px; }
ul#nav li.three { padding-left: 40px; }
ul#nav li.four { padding-left: 270px; }
ul#nav li.five { padding-left: 30px; }
ul#nav li.six { padding-left: 30px; }

ul#languages { position: absolute; right: 20px; top: 60px; }
ul#languages a { color: #414042; }
img#logo { position: absolute; left: 390px; margin-top: 34px; z-index: 1; }

#footer a { color: #ffcb05; text-decoration: none; }

#footer ul li:after {
  content: ' |';
}
 
#footer ul li:last-child:after {
  content: '';
}

.products #banner { margin-bottom: 20px; }

a.more { margin-left: 20px; text-decoration: none; color: #26337b; }

.one-half { padding-left: 10px; width: 445px; margin-right: 40px; float: left; }
.one-third { height: 428px; width: 280px; margin-right: 35px; float: left; padding: 10px; margin-bottom: 40px; }
.one-third h2 { margin-left: 70px; margin-top: 35px; }
.one-third p  { margin-left: 20px; margin-top: 46px; line-height: 1.7em;  }
.last { margin-right: 0px; }

.blue { background: url(../img/content-bg.png) no-repeat top left; font-size: 13px; }
.logos { margin-bottom: 20px; }

/* Home page */
.home #header { margin-bottom: 14px; }
.home h2 { color: #26337b; font-size: 16px; }
.home h2 a { color: #26337b; }

/* About page */
.about h2 { margin-top: 0; }

/* Dairy to table page */
.dairy-to-table #banner { margin-bottom: 20px; }

/* Products page */
.products h2 { margin-top: 0; }
.products h3 { margin-bottom: 1em; }
.products h3 + p { margin-top: 0; }

/* goodness of milk page */
.goodness-of-milk #banner { margin-bottom: 20px; }

/* contact page */
.contact-left { width: 670px; margin-right: 30px; padding-bottom: 40px; }
.contact-right { width: 250px; min-height: 180px; margin-top: 33px;  padding: 0 10px 10px; }

.contact label { display: block; font-weight: bold; font-style: italic; }
.contact input[type="text"], .contact textarea { width: 656px; padding: 5px; background-color: #eff9fe; border: 1px solid #7d7f82; }
.contact input[type="submit"] { 
	background-color: #1e5732; color: #fff; border: none; padding: 5px 20px; font-style: italic;
}

.message { background-color: #fff; padding: 15px; margin-top: 20px; border: 1px solid #7d7f82; }

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

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.lt-ie9 ul.left li { display: inline; }

/* fixes ipad zoom in portrait orientation */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
#wrapper{
        min-height: 1182px;
    }
}