/* CSS Document */

/* MWW 10/6/09 - maccetera.com - marc@maccetera.com
changes for nav "MSC Animal Nutrition" art to remove "MSC"
#nav ul margin was 0 0 0 159px, now 0 0 0 191px
li#tab3 width was 181px, now 149px, delta 32px
#subnav width was 726px, now 694px
#subnav margin was 1px 0 0 146px, now 1px 0 0 178px
*/	

body {
	margin:0;
	padding:0;
	background:url(images/bg_body.jpg) repeat-x top #1b76bc;
	font-family:"Times New Roman", Times, serif;
	}
	
.clear {
	clear:both;
	}
	
#container {
	width:872px;
	margin:0 auto;
	background:#fff;
	}
	
#logo_area {
	float:left;
	width:872px;
	height:94px;
	}
	
#logo {
	float:left;
	width:169px;
	height:49px;
	margin:20px 0 0 20px;
	}
	
#header_home {
	float:left;
	width:872px;
	height:162px;
	background:url(images/header_home.jpg) no-repeat;
	}

#nav {
	float:left;
	width:872px;
	height:19px;
	background-color:#FFFFFF;
	margin-top:19px;
	}
	
#nav ul {
	list-style:none;
	height:19px;
	padding:0;
	margin:0 0 0 159px;
	}
	
#nav li {
	display:inline;
	float:left;
	padding:0;
	margin:0;
	}

li#tab1 {width:76px; height:19px; display:block; background-image:url(images/nav_01.gif)}
li#tab2 {width:132px; height:19px; display:block; background-image:url(images/nav_02.gif)}
li#tab3 {width:149px; height:19px; display:block; background-image:url(images/nav_03.gif)}
li#tab4 {width:123px; height:19px; display:block; background-image:url(images/nav_04.gif)}
li#tab5 {width:92px; height:19px; display:block; background-image:url(images/nav_05.gif)}
li#tab6 {width:109px; height:19px; display:block; background-image:url(images/nav_06.gif)}

li#tab1 a {width:76px; height:19px; display:block; background-image:url(images/nav_01.gif)}
li#tab2 a {width:132px; height:19px; display:block; background-image:url(images/nav_02.gif)}
li#tab3 a {width:149px; height:19px; display:block; background-image:url(images/nav_03.gif)}
li#tab4 a {width:123px; height:19px; display:block; background-image:url(images/nav_04.gif)}
li#tab5 a {width:92px; height:19px; display:block; background-image:url(images/nav_05.gif)}
li#tab6 a {width:109px; height:19px; display:block; background-image:url(images/nav_06.gif)}

li#tab1 a:hover, li#tab1 a.on {width:76px; height:19px; display:block; background-image:url(images/nav_on_01.gif)}
li#tab2 a:hover, li#tab2 a.on {width:132px; height:19px; display:block; background-image:url(images/nav_on_02.gif)}
li#tab3 a:hover, li#tab3 a.on {width:181px; height:19px; display:block; background-image:url(images/nav_on_03.gif)}
li#tab4 a:hover, li#tab4 a.on {width:123px; height:19px; display:block; background-image:url(images/nav_on_04.gif)}
li#tab5 a:hover, li#tab5 a.on {width:92px; height:19px; display:block; background-image:url(images/nav_on_05.gif)}
li#tab6 a:hover, li#tab6 a.on {width:109px; height:19px; display:block; background-image:url(images/nav_on_06.gif)}

	
#wrapper {
	float:left;
	width:872px;
	}
	
#content_home {
	float:left;
	width:450px;
	margin:40px 0 20px 178px;
	display:inline;
	font-size:13px;
	line-height:22px;
	}


#pics_home {
	float:left;
	width:872px;
	text-align:right;
	}
	
/* Interior Styles */

#subnav {
	float:left;
	width:726px;
	height:17px;
	margin:1px 0 0 146px;
	display:inline;
	background-color:#25a9e0;
	}

#subnav ul {	
	list-style:none;
	height:17px;
	padding:0;
	margin:0;
	}
	
#subnav li {
	display:inline;
	float:left;
	height:17px;
	padding:0;
	margin:0;
	}

li#subtab1, li#subtab1 a {width:93px; height:17px; display:block; background-image:url(images/subnav_01.gif)}
li#subtab2, li#subtab2 a {width:166px; height:17px; display:block; background-image:url(images/subnav_02.gif)}
li#subtab3, li#subtab3 a {width:92px; height:17px; display:block; background-image:url(images/subnav_03.gif)}
li#subtab4, li#subtab4 a {width:80px; height:17px; display:block; background-image:url(images/subnav_04.gif)}
li#subtab6, li#subtab6 a {width:200px; height:17px; display:block; background-image:url(images/subnav_06.gif)}
li#subtab7, li#subtab7 a {width:215px; height:17px; display:block; background-image:url(images/subnav_07.gif)}


li#subtab1 a:hover, li#subtab1 a.on {width:93px; height:17px; display:block; background-image:url(images/subnav_on_01.gif)}
li#subtab2 a:hover, li#subtab2 a.on {width:166px; height:17px; display:block; background-image:url(images/subnav_on_02.gif)}
li#subtab3 a:hover, li#subtab3 a.on {width:92px; height:17px; display:block; background-image:url(images/subnav_on_03.gif)}
li#subtab4 a:hover, li#subtab4 a.on {width:80px; height:17px; display:block; background-image:url(images/subnav_on_04.gif)}
li#subtab6 a:hover, li#subtab6 a.on {width:200px; height:17px; display:block; background-image:url(images/subnav_on_06.gif)}
li#subtab7 a:hover, li#subtab7 a.on {width:215px; height:17px; display:block; background-image:url(images/subnav_on_07.gif)}

li#subtab3 a.on {width:92px; height:17px; display:block; background-image:url(images/subnav_on2_03.gif)}
li#subtab4 a.on {width:80px; height:17px; display:block; background-image:url(images/subnav_on2_04.gif)}


/* Products Sub Nav */

#subnav2 {
	float:left;
	width:726px;
	height:17px;
	margin:0 0 0 146px;
	display:inline;
	background-color:#dc00a1;
	}

#subnav2 ul {	
	list-style:none;
	height:17px;
	padding:0;
	margin:0;
	}
	
#subnav2 li {
	display:inline;
	float:left;
	height:17px;
	padding:0;
	margin:0;
	}

li#subtab2-1, li#subtab2-1 a {width:118px; height:17px; display:block; background-image:url(images/subnav2_01.gif)}
li#subtab2-2, li#subtab2-2 a {width:114px; height:17px; display:block; background-image:url(images/subnav2_02.gif)}
li#subtab2-3, li#subtab2-3 a {width:108px; height:17px; display:block; background-image:url(images/subnav2_03.gif)}
li#subtab2-4, li#subtab2-4 a {width:150px; height:17px; display:block; background-image:url(images/subnav2_04.gif)}

li#subtab2-1 a:hover, li#subtab2-1 a.on {width:118px; height:17px; display:block; background-image:url(images/subnav2_on_01.gif)}
li#subtab2-2 a:hover, li#subtab2-2 a.on {width:114px; height:17px; display:block; background-image:url(images/subnav2_on_02.gif)}
li#subtab2-3 a:hover, li#subtab2-3 a.on {width:108px; height:17px; display:block; background-image:url(images/subnav2_on_03.gif)}
li#subtab2-4 a:hover, li#subtab2-4 a.on {width:150px; height:17px; display:block; background-image:url(images/subnav2_on_04.gif)}

/* Services Sub Nav */

#subnav3 {
	float:left;
	width:726px;
	height:17px;
	margin:0 0 0 146px;
	display:inline;
	background-color:#fd7700;
	}

#subnav3 ul {	
	list-style:none;
	height:17px;
	padding:0;
	margin:0;
	}
	
#subnav3 li {
	display:inline;
	float:left;
	height:17px;
	padding:0;
	margin:0;
	}

li#subtab3-1, li#subtab3-1 a {width:131px; height:17px; display:block; background-image:url(images/subnav3_01.gif)}
li#subtab3-2, li#subtab3-2 a {width:82px; height:17px; display:block; background-image:url(images/subnav3_02.gif)}
li#subtab3-3, li#subtab3-3 a {width:169px; height:17px; display:block; background-image:url(images/subnav3_03.gif)}
li#subtab3-4, li#subtab3-4 a {width:126px; height:17px; display:block; background-image:url(images/subnav3_04.gif)}
li#subtab3-5, li#subtab3-5 a {width:111px; height:17px; display:block; background-image:url(images/subnav3_05.gif)}
li#subtab3-6, li#subtab3-6 a {width:90px; height:17px; display:block; background-image:url(images/subnav3_06.gif)}

li#subtab3-1 a:hover, li#subtab3-1 a.on {width:131px; height:17px; display:block; background-image:url(images/subnav3_on_01.gif)}
li#subtab3-2 a:hover, li#subtab3-2 a.on {width:82px; height:17px; display:block; background-image:url(images/subnav3_on_02.gif)}
li#subtab3-3 a:hover, li#subtab3-3 a.on {width:169px; height:17px; display:block; background-image:url(images/subnav3_on_03.gif)}
li#subtab3-4 a:hover, li#subtab3-4 a.on {width:126px; height:17px; display:block; background-image:url(images/subnav3_on_04.gif)}
li#subtab3-5 a:hover, li#subtab3-5 a.on {width:111px; height:17px; display:block; background-image:url(images/subnav3_on_05.gif)}
li#subtab3-6 a:hover, li#subtab3-6 a.on {width:90px; height:17px; display:block; background-image:url(images/subnav3_on_06.gif)}



#header_about {
	float:left;
	width:872px;
	height:162px;
	background:url(images/header_about.jpg) no-repeat;
	}

#header_solutions {
	float:left;
	width:872px;
	height:162px;
	background:url(images/header_solutions.jpg) no-repeat;
	}
	
#header_facilities {
	float:left;
	width:872px;
	height:162px;
	background:url(images/header_facilities.jpg) no-repeat;
	}
	
#header_products {
	float:left;
	width:872px;
	height:162px;
	background:url(images/header_products.jpg) no-repeat;
	}

#header_services {
	float:left;
	width:872px;
	height:162px;
	background:url(images/header_services.jpg) no-repeat;
	}
	
#header_nutrition {
	float:left;
	width:872px;
	height:162px;
	background:url(images/header_nutrition.jpg) no-repeat;
	}

#header_news {
	float:left;
	width:872px;
	height:162px;
	background:url(images/header_news.jpg) no-repeat;
	}
	
#header_resources {
	float:left;
	width:872px;
	height:162px;
	background:url(images/header_resources.jpg) no-repeat;
	}	
	
#header_contact {
	float:left;
	width:872px;
	height:162px;
	background:url(images/header_contact.jpg) no-repeat;
	}	

#header_terms {
	float:left;
	width:872px;
	height:162px;
	background:url(images/header_terms.jpg) no-repeat;
	}

#header_vendor {
	float:left;
	width:872px;
	height:162px;
	background:url(images/header_vendor.jpg) no-repeat;
	}
	
#content {
	float:left;
	width:600px;
	margin:40px 0 20px 178px;
	display:inline;
	font-size:13px;
	line-height:22px;
	}
	
h1 {
	margin:0;
	padding:0;
	font-size:14px;
	}

a {
	color:#25a9e0;
	}

.blue {
	color:#25a9e0;
	font-weight:bold;
	}
	
.green {
	color:#006837;
	font-weight:bold;
	}
	
.purple {
	color:#703a98;
	font-weight:bold;
	}
	
.subnav-o {
	color:#FD7700;
	font-weight:bold;
	}
	
.subnav-p {
	color:#DC00A1;
	font-weight:bold;
	}
	
.margin-right {
	margin-right:10px;
	}

#footer {
	clear:both;
	float:left;
	width:872px;
	height:95px;
	background:url(images/bg_footer.gif) no-repeat left bottom;
	}
	
/* Contact Page */	

.red {
	color:#FF0000;
	}

#contact-area {
	float:left;
	width: 400px;
}

#contact-area input, #contact-area textarea,  #contact-area select {
	padding: 5px;
	float:left;
	width: 250px;
	margin: 0px 0px 20px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 70px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #004b85;
}

#contact-area input.submit-button {
	width: 80px;
	margin-left:115px;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
}

#contact-block {
	float:left;
	width:600px;
	margin-top:30px;
	}