/*
----------------------------
Midland Feed Services
Author: Bright Fox Solutions
----------------------------
*/

*
{
	margin: 0px;
	padding: 0px;
}

body
{
	text-align: center;
	background: url(../images/body.gif) repeat-x top left;
	font-family: Arial, Helvetica, sans-serif;
}

div#wrap
{
	background: url(../images/body2.gif) no-repeat 802px 0px;
}

div#wrap-inner
{
	background: url(../images/footer.gif) repeat-x bottom left;
}

div#container
{
	margin: auto;
	width: 802px;
	text-align: left;
	overflow: hidden;
}

div#header
{
	float: left;
	display: inline;
	width: 802px;
	height: 199px;
	background: url(../images/header.gif) no-repeat top left;
	position: relative;
}

div#header h1
{
	float: left;
	display: inline;
	background: url(../images/logo.gif) no-repeat top left;
	text-indent: -999em;
	overflow: hidden;
	margin: 0px 0px 22px 0px;
}

div#header h1 a
{
	display: block;
	width: 492px;
	height: 113px;
}

div#header p#telephone
{
	float: right;
	display: inline;
	background: url(../images/telephone.gif) no-repeat top left;
	text-indent: -999em;
	overflow: hidden;
	width: 167px;
	height: 55px;
	margin: 48px 0px 0px 0px;
}

div#maincontent
{
	float: left;
	display: inline;
	width: 480px;
}

div#maincontent h2
{
	display: block;
	width: 390px;
	color: #1c4694;
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: bold;
	margin: 75px 0px 0px 0px;
}

div#maincontent h3
{
	display: block;
	width: 390px;
	color: #1c4694;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: bold;
	margin: 15px 0px -10px 0px;
}

div#maincontent p
{
	display: block;
	width: 390px;
	color: #000000;
	font-size: 0.8em;
	margin: 15px 0px 15px 0px;
}

div#secondarycontent
{
	float: right;
	display: inline;
	width: 322px;
}

div#secondarycontent img
{
	float: right;
	display: inline;
	text-indent: -999em;
	overflow: hidden;
	margin: -96px 0px 0px 0px;
	position: relative;
}

div#footer
{
	float: left;
	display: inline;
	width: 802px;
	height: 181px;
	margin-top: -15px;
}

div#footer p#copyright
{
	text-align: center;
	color: #000000;
	font-size: 0.7em;
	margin-top: 48px;
}

div#footer p#cmi
{
	float: left;
	display: inline;
	background: url(../images/cmi.gif) no-repeat top left;
	width: 149px;
	height: 72px;
	text-indent: -999em;
	overflow: hidden;
	margin: 40px 157px 0px 0px;
}

div#footer p#naac
{
	float: left;
	display: inline;
	background: url(../images/naac.gif) no-repeat top left;
	width: 137px;
	height: 72px;
	text-indent: -999em;
	overflow: hidden;
	margin: 40px 140px 0px 0px;
}

div#footer p#contractor
{
	float: left;
	display: inline;
	background: url(../images/contractor.gif) no-repeat top left;
	width: 187px;
	height: 72px;
	text-indent: -999em;
	overflow: hidden;
	margin: 40px 0px 0px 0px;
}

/* Navigation */

div#cmsnav ul
{
	float: left;
	display: inline;
	list-style: none;
	width: 476px;
	height: 48px;
}

div#cmsnav ul li
{
	float: left;
	position: relative;
}

div#cmsnav ul li a
{
	float: left;
	display: inline;
	width: 113px;
	height: 48px;
	text-indent: -999em;
	overflow: hidden;
	margin: 0px 6px 0px 0px;
}

div#cmsnav ul li#navhome a {background: url(../images/home-btn.gif) no-repeat top left;}
div#cmsnav ul li#navabout a {background: url(../images/about-btn.gif) no-repeat top left;}
div#cmsnav ul li#navservices a {background: url(../images/services-btn.gif) no-repeat top left;}
div#cmsnav ul li#navcontact a {background: url(../images/contact-btn.gif) no-repeat top left;}

div#cmsnav ul li#navhome a:hover {background: url(../images/home-btn.gif) no-repeat 0px -48px;}
div#cmsnav ul li#navabout a:hover {background: url(../images/about-btn.gif) no-repeat 0px -48px;}
div#cmsnav ul li#navservices a:hover {background: url(../images/services-btn.gif) no-repeat 0px -48px;}
div#cmsnav ul li#navcontact a:hover {background: url(../images/contact-btn.gif) no-repeat 0px -48px;}

body.homepg div#cmsnav ul li#navhome a {background: url(../images/home-btn.gif) no-repeat 0px -48px;}
body.aboutpg div#cmsnav ul li#navabout a {background: url(../images/about-btn.gif) no-repeat 0px -48px;}
body.servicespg div#cmsnav ul li#navservices a {background: url(../images/services-btn.gif) no-repeat 0px -48px;}
body.contactpg div#cmsnav ul li#navcontact a {background: url(../images/contact-btn.gif) no-repeat 0px -48px;}

div#cmsnav ul li ul
{
	position: absolute;
	top: 0px;
	left: -999em;
	background: url(../images/nav-dropdown.gif) no-repeat 0px 0px;
	width: 113px;
	height: 247px;
}

div#cmsnav ul li:hover ul, div#cmsnav ul li.over ul
{
	left: 0px;
}

div#cmsnav ul li#navservices ul li#top a
{
	background: url(../images/services-bg.gif) no-repeat top left;
	padding-top: 45px;
	border: none;
}

body.homepg div#cmsnav ul li#navservices ul li a, body.aboutpg div#cmsnav ul li#navservices ul li a, body.servicespg div#cmsnav ul li#navservices ul li a, body.contactpg div#cmsnav ul li#navservices ul li a
{
	background: none;
	width: 105px;
	padding: 5px;
	height: auto;
	color: #ffffff;
	text-indent: 0px;
	text-transform: uppercase;
	font-size: 0.75em;
	border-top: 1px solid #ffffff;
	text-decoration: none;
}

div#cmsnav ul li#navhome ul li a:hover, div#cmsnav ul li#navabout ul li a:hover, div#cmsnav ul li#navservices ul li a:hover, div#cmsnav ul li#navcontact ul li a:hover
{
	background-image: none;
}

/* End Navigation */

/* Page specific styles */

body.homepg div#secondarycontent img
{
	background: url(../images/home-image.jpg) no-repeat top left;
	width: 314px;
	height: 476px;
	margin-top: -86px;
}

body.aboutpg div#secondarycontent img
{
	background: url(../images/about-image.jpg) no-repeat top left;
	width: 314px;
	height: 486px;
}

body.servicespg div#secondarycontent img
{
	background: url(../images/services-image.jpg) no-repeat top left;
	width: 314px;
	height: 476px;
	margin-top: -86px;
}

body.contactpg div#secondarycontent img
{
	background: url(../images/contact-image.jpg) no-repeat top left;
	width: 314px;
	height: 476px;
	margin-top: -86px;
}

/* End page specific styles */
