/* Header
----------------------------------------------- */

#header { 

	margin-left: auto;
	height: 96px;
	width: 959px;
	background-color: #fff;
	
}

#logo { 
	
	position: relative;
	left: 460px;
	top: 10px;
	height: 79px;
	width: 457px;
	background-image: url(images/mpi-logo-final.jpg);
	background-repeat: no-repeat;
	
}

/* Nav
----------------------------------------------- */

#main-nav { 
	
	position: relative;
	left: auto;
	top: 3px;
	height: auto;
	width: 959px;
	z-index: 1;

}

#sub-nav-bottom { 
	
	position: relative;
	top: -240px;

}

#sub-nav-bottom-resources { 
	
	position: relative;
	top: -110px;
	

}


	
/* Main Images
----------------------------------------------- */

#about-image {

	position: relative;
	top: 0px;
	left: auto;
	height: 300px;
	width: 960px;
	background-image: url(images/about-image.jpg);
	background-repeat: no-repeat;
	
}

#resources-image {

	position: relative;
	top: 0px;
	left: auto;
	height: 300px;
	width: 960px;
	background-image: url(images/resources-image.jpg);
	background-repeat: no-repeat;
	
}

#services-image {

	position: relative;
	top: 0px;
	left: auto;
	height: 300px;
	width: 960px;
	background-image: url(images/services-image.jpg);
	background-repeat: no-repeat;
	
}

#news-image {

	position: relative;
	top: 0px;
	left: auto;
	height: 300px;
	width: 960px;
	background-image: url(images/news-image.jpg);
	background-repeat: no-repeat;
	
}

#home-image {

	position: relative;
	top: 0px;
	left: auto;
	height: 300px;
	width: 959px;
	background-image: url(images/home-image.jpg);
	background-repeat: no-repeat;
	
}

#home-quote {

	position: relative;
	top: 20px;
	left: 60px;
	height: 214px;
	width: 847px;
	background-image: url(images/tagline-home.jpg);
	background-repeat: no-repeat;
	
}

#contact-image {

	position: relative;
	top: 0px;
	left: auto;
	height: 300px;
	width: 959px;
	background-image: url(images/contact-image.jpg);
	background-repeat: no-repeat;
	
}

/* Structure
----------------------------------------------- */

body { 
	
	padding: 0;
	width: 959px; 
	font-family: font-family: Garamond, Hoefler Text, Palatino, Palatino Linotype, serif;
	font-size: 12px; 
	color: #626366;
	text-align: left; 
	margin-top: 0; 
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #fff;
	
}	

#box { 
	
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 150px;
	width: 959px;
	height: auto;
	border: thin #999999 solid;
	
}

#main-home { 

	position: relative;
	top: 51px;
	left: 410px;
	height: 400px;
	width: 479px;
	
	
}

#main-about { 

	position: relative;
	top: 51px;
	left: 255px;
	height: auto;
	width: 665px;
	
	
	
}

#main-resources { 

	position: relative;
	top: 0px;
	left: 480px;
	height: auto;
	width: 420px;
	margin-bottom: 0px;
	
}

#resources-bg { 

	height: auto;
	width: 950px;
	background-image: url(images/resources-bg-long.jpg);
	background-repeat: no-repeat;
	background-position: top;
	
}

#contact-bg { 

	height: 804px;
	width: 950px;
	background-image: url(images/contact-bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	
}

#resources-bg-short { 

	height: auto;
	width: 950px;
	background-image: url(images/resources-bg-short.jpg);
	background-repeat: no-repeat;
	background-position: top;
	
}

#services-bg { 

	height: auto;
	width: 950px;
	background-image: url(images/resources-bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	
}

#watermark-about { 

	position: relative;
	top: -120px;
	left: -230px;
	height: 385px;
	width: 309px;
	background-image: url(images/watermark.jpg);
	background-repeat: no-repeat;
	
}

#main-bios { 

	position: relative;
	top: 318px;
	left: auto;
	height: auto;
	width: 959px;
	
	
}

#footer { 

	position: relative;
	left: 25px;
	height: auto;
	width: auto;
	color: #626366;
	font-size: 11px;
	margin-top: 150px;
	
}

/* Lists
----------------------------------------------- */

#footer li { 

	display: inline;
	padding-right: 20px;
	
}


ul.links { 

	list-style: none;
	padding-left: 20px;
}

ul.sub-nav { 

	position: relative;
	top: -115px;
	float: right;
	list-style-image:url(images/mpi-orange.jpg);
	list-style-position: inside;
	margin-right: 46px;
	text-align: right;
	font-family: Garamond, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	
}

ul.sub-sub-nav { 

	list-style-image:url(images/mpi-grey.jpg);
	list-style-position: inside;
	text-align: left;
	
	font-family: Garamond, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 31px;
	
}

ul.sub-sub-nav li { 

	
	margin-left: -45px;
	
	
}

ul.sub-sub-nav li:hover { 

	list-style-image:url(images/mpi-orange.jpg);
		
}

ul.sub-sub-nav li a { 

	color: #65665B;
	font-size: 16px;
	text-decoration: none;
	
}

ul.sub-sub-nav li a:hover { 

	color: #EB5624;
	
}

ul.sub-nav li:hover { 

	list-style-image:url(images/mpi-grey.jpg);
		
}

ul.sub-nav li a { 

	color: #EB5624;
	font-size: 16px;
	text-decoration: none;
	
}

ul.sub-nav li a:hover { 

	color: #75776B;
	
}

ul.sub-nav-bottom { 

	float: right;
	list-style-image:url(images/mpi-orange.jpg);
	list-style-position: inside;
	margin-right: 53px;
	text-align: right;
	font-family: Garamond, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	
	
}

ul.sub-nav-bottom li a:hover { 

	color: #75776B;
	
}

ul.sub-nav-bottom li:hover { 

	list-style-image:url(images/mpi-grey.jpg);
		
}

ul.sub-nav-bottom li { 

	margin-bottom: 7px;
	
}

ul.sub-nav-bottom li a { 

	color: #EB5624;
	font-size: 16px;
	text-decoration: none;
	
}

ul.sub-nav-bottom-resources { 

	float: right;
	margin-right: 46px;
	text-align: right;
	
	
}

ul.sub-nav-bottom-resources li { 

	margin-bottom: 7px;
	
}

ul.sub-nav-bottom-resources li a { 

	color: #EB5624;
	font-size: 16px;
	text-decoration: none;
	
}

ul.instructions { 

	color: #65665b;
	list-style-image: url(images/orange-bullet.jpg);
	list-style-position: inside;
	font-size: 17px;
	line-height: 1.5em;
	text-align: justify;
	margin-bottom: 30px;
	padding-left: 0;
	
}

ul.instructions li { 

	
	margin-bottom: 20px;
	
}

ul.clients { 

	color: #65665b;
	list-style: none;
	font-size: 17px;
	line-height: 1.5em;
	text-align: justify;
	margin-bottom: 30px;
	
	
}

ul.clients li { 

	
	margin-left: -38px;
	
}


/* Typography & Colors
----------------------------------------------- */

p { 

	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 17px;
	line-height: 1.5em;
	text-align: justify;
	color:#65665b;
	
}

p.bio { 

	margin-left: 201px;
	
	
}

strong.bio { 

	color:#EB5624;
	font: Garamond, Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-weight: bold;
	
}


/* Headings
----------------------------------------------- */

h2.image { 

	height: 36px;
	width: 148px;
	margin-left: -42px;
	background-image: url(images/mission.jpg);
	background-repeat: no-repeat;
	z-index: 2;
	
}

h2.about-image { 

	position: relative;
	top: 8px;
	left: 95px;
	height: 123px;
	width: 316px;
	background-image: url(images/about-header.jpg);
	background-repeat: no-repeat;
	
	
}

h2.contact-image { 

	position: relative;
	top: 8px;
	left: 90px;
	height: 79px;
	width: 331px;
	background-image: url(images/contact-header.jpg);
	background-repeat: no-repeat;
	
}

h2.resources-image { 

	position: relative;
	top: 8px;
	left: 90px;
	height: 129px;
	width: 385px;
	background-image: url(images/resources-header.jpg);
	background-repeat: no-repeat;
	
}

h2.services-image { 

	position: relative;
	top: 8px;
	left: 90px;
	height: 75px;
	width: 313px;
	background-image: url(images/services-header.jpg);
	background-repeat: no-repeat;
	
}

h2.line { 

	height: 1px;
	width: 148px;
	margin-left: auto;
	background-image: url(images/line.jpg);
	background-repeat: no-repeat;
	
}

h3 { 

	font-size: 1em;
	font-family: Garamond, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 30px;
}

h3.sub {

	position: relative;
	top: -40px;
	font-family: Garamond, "Times New Roman", Times, serif;
	font-size: 30px;
	color: #EB5624;
	margin-left: 201px;
	margin-bottom: 0;
	font-weight: bold;
	
	
}

h3.benefit-sub {

	position: relative;
	top: -40px;
	font-family: Garamond, "Times New Roman", Times, serif;
	font-size: 30px;
	color: #EB5624;
	margin-bottom: 0;
	font-weight: normal;
	
}

h3.contact-sub {

	position: relative;
	top: 0px;
	font-family: Garamond, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #EB5624;
	margin-bottom: 0;
	font-weight: normal;
	
}

h3.benefit {

	font-family: Garamond, "Times New Roman", Times, serif;
	font-size: 30px;
	color: #EB5624;
	margin-bottom: 40px;
	font-weight: bold;
	
}

h3.underline { 

	height: 15px;
	width: 460px;
	margin-top: -40px;
	margin-bottom: 25px;
	
	
}

h3.underline-nonav { 

	height: 15px;
	width: 460px;
	margin-top: -37px;
	margin-bottom: 13px;
	background-image: url(images/underline-nonav.jpg);
	background-repeat: no-repeat;
	
}

h4 {

	font-family: Garamond, "Times New Roman", Times, serif;
	font-size: 22px;
	color: #EB5624;
	font-weight: normal;
	font-style: italic;
	
}


/* Links
----------------------------------------------- */

a:link {
	
	color: #EB5624;
	text-decoration: underline;
}

a:visited {
	
	color: #EB5624;
	
}

a:active {
	
	text-decoration: none;
	border: none;
	
}

a:hover {

	text-decoration: none;
	
}

#footer a:link {
	
	color: #626366;
	text-decoration: underline;
}

#footer a:visited {
	
	color: #626366;
	
}

#footer a:active {
	
	text-decoration: none;
	border: none;
	
}

#footer a:hover {

	text-decoration: none;
	
}

/* Images
----------------------------------------------- */

img.bio {

	margin-top: 8px;
	margin-left: -200px;

}


/* Contact Form
----------------------------------------------- */
			
#wrapper {
	position: absolute;
	top: 150px;
	left: -60px;
	width:600px;
	margin:auto;
}
#alert {
	
	margin-left: 100px;
	
}

.message {color:#000;display:none;width:480px;padding:0px;}
.contact {text-align:left; margin-left: -40px; margin-top: 30px;}
.contact ul {list-style-type:none;width:auto;}
.contact li { list-style-type:none; font-family: font-family: palatino, georgia, times new roman, serif; font-size: 12px;}
.contact li.special { display: none;}
.contact input {width:258px;}
.contact input.button {width:60px; background-color: #EB5624; margin-left: 280px; color: #fff; font-size: 15px;}
.contact textarea {width:260px;}