/* Desktop Stylesheet
   
   Side Note:
   Any changes that are made to this stylesheet
   must be checked in IE8 and down to make sure 
   the site stays consistent.

   If inconsistencies appear, changes need to be
   made to the ie8.css stylesheet. 
*/

@media(min-width:768px) {

	header#outter-header {padding-top: 3em}
	
	.name {padding-left: 10px}
	
	.top-title {font-size: 3.2em;}
	
	.bottom-title {font-size: 2.1em;}
	
	.since {
		display: inline-block;
		padding-right: 10px
	}
	
	ul.nav-menu li {
		border-bottom: none;
		width: auto
	}

	ul.nav-menu li a {padding: 5px 10px}
	
	ul.nav-menu li.current a,
	ul.nav-menu li.current a:hover,
	ul.nav-menu li a:hover {
		background:none;
	}
	
	#industrial,
	#agricultural,
	#substances,
	#food,
	#feeds,
	#cosmetics {
		text-align: center;
	}
	
	li#home  {width: 9%}
	
	li#industrial {width: 12%}
	
	li#agricultural {width: 14%}
	
	li#substances {width: 13%}
	
	li#food {width: 12%}
	
	li#feeds {width: 18%}
	
	li#cosmetics {width: 12%}
	
	li#contact {
		text-align: right;
		width: 10%;
	}
	
	.feat-img {display: block}
	
	section#content {
		max-width: 1180px;
		float: none;
		padding: 0 10px;
		width: auto
	}
	
	.column {
		width: 48%;
		display: inline-block;
		float:left
	}
	
	.right {padding-right: 2%}
	
	.left {padding-left: 2%}
	
	.column p {padding: 0}
	
	footer p {display: inline}
	
	/* All Rights Reserved */
	footer p.reserved {float: left}
	
	/* email and telephone */
	footer p.contact {
		text-align: right;
		float: right
	}
}
	
@media (min-width: 1201px) {
	ul.nav-menu li#home a,
	.name
	{padding-left: 0}
	
	ul.nav-menu li#contact a,
	.since {padding-right: 0}
	
	section#content {
		max-width: 1200px;
		padding-right: 0;
		padding-left: 0	
	}	
}