
* {
margin:0;
padding:0;
}

body {
background: #c9c9c9 url('bg_strip.gif') center repeat-y;
font-family: verdana, sans serif;
color: #555;
font-size: 12px;
	-webkit-text-size-adjust:none;
text-align: justify;
}

#header {
width: 100%;
top: 0px;
background: url('header_bg.png') top center no-repeat;
height: 230px;
}

#header_container {
position: relative;
float: center;
top: 0px;
width: 900px;
margin: auto;
}

#footer {
width: 100%;
background: url('footer_bg.png') bottom center no-repeat;
height: 106px;
}

#footer_container {
position: relative;
float: center;
bottom: 0px;
width: 900px;
height: 106px;
margin: auto;
}


#minilogo {
background: url('mhc_logo_small.gif') no-repeat;
width: 171px;
height: 57px;
position: absolute;
bottom: 3px;
right: 10px;
}

#footer_menu {
position: absolute;
bottom: 5px;
right: 150px;
text-align: right;
}

#container {
position: relative;
top: 0px;
margin: auto;
min-height: 340px;
width: 860px;
height: expression( this.scrollHeight < 399 ? "400px" : "auto" );
padding: 20px 20px 0px 20px;
}

#main_logo {
position: absolute;
top: 10px;
left: 10px;
width: 300px;
height: 150px;

}

div#menu {
position: absolute;
width: 544px;
height: 137px;
top: 0px;
right: 0px;
z-index: 1000;
}

#menu_home {
position: absolute;
top: 0px;
left: 0px;
width: 76px;
height: 48px;
}

#menu_ourclients {
position: absolute;
top: 0px;
left: 76px;
}

#menu_whychooseus {
position: absolute;
top: 0px;
left: 199px;
}

#menu_markhugginsbiog {
position: absolute;
top: 0px;
left: 348px;
}

#menu_development {
position: absolute;
top: 48px;
left: 0px;
}

#menu_assessment {
position: absolute;
top: 48px;
left: 156px;
}

#menu_media {
position: absolute;
top: 48px;
left: 296px;
}

#menu_conference {
position: absolute;
top: 48px;
left: 391px;
}

#menu_faqs {
position: absolute;
top: 89px;
left: 0px;
}

#menu_contact {
position: absolute;
top: 89px;
left: 91px;
}

#menu ul {
list-style: none;
padding: 0;
margin: 0;
}

#menu_home a, #menu_ourclients a, #menu_whychooseus a, #menu_markhugginsbiog a {
display: block;
height: 48px;
}

#menu_development a, #menu_assessment a, #menu_media a, #menu_conference a {
display: block;
height: 41px;
}

#menu_faqs a, #menu_contact a {
display: block;
height: 49px;
}

#menu_home li {
background: url('menu_home.jpg') 0px 0px no-repeat;
float: left;
width: 76px;
}
#menu_home li:hover {
background: url('menu_home.jpg') 0px -48px no-repeat;
}


#menu_ourclients li {
background: url('menu_ourclients.jpg') 0px 0px no-repeat;
float: left;
width: 124px;
}
#menu_ourclients li:hover {
background: url('menu_ourclients.jpg') 0px -48px no-repeat;
}


#menu_whychooseus li {
background: url('menu_whychooseus.jpg') 0px 0px no-repeat;
float: left;
width: 150px;
}
#menu_whychooseus li:hover {
background: url('menu_whychooseus.jpg') 0px -48px no-repeat;
}


#menu_markhugginsbiog li {
background: url('menu_markhugginsbiog.jpg') 0px 0px no-repeat;
float: left;
width: 197px;
}
#menu_markhugginsbiog li:hover {
background: url('menu_markhugginsbiog.jpg') 0px -48px no-repeat;
}


#menu_development li {
background: url('menu_development.jpg') 0px 0px no-repeat;
float: left;
width: 156px;
}
#menu_development li:hover {
background: url('menu_development.jpg') 0px -41px no-repeat;
}


#menu_assessment li {
background: url('menu_assessment.jpg') 0px 0px no-repeat;
float: left;
width: 141px;
}
#menu_assessment li:hover {
background: url('menu_assessment.jpg') 0px -41px no-repeat;
}


#menu_media li {
background: url('menu_media.jpg') 0px 0px no-repeat;
float: left;
width: 96px;
}
#menu_media li:hover {
background: url('menu_media.jpg') 0px -41px no-repeat;
}


#menu_conference li {
background: url('menu_conference.jpg') 0px 0px no-repeat;
float: left;
width: 153px;
}
#menu_conference li:hover {
background: url('menu_conference.jpg') 0px -41px no-repeat;
}


#menu_faqs li {
background: url('menu_faqs.jpg') 0px 0px no-repeat;
float: left;
width: 91px;
}
#menu_faqs li:hover {
background: url('menu_faqs.jpg') 0px -49px no-repeat;
}


#menu_contact li {
background: url('menu_contact.jpg') 0px 0px no-repeat;
float: left;
width: 113px;
}
#menu_contact li:hover {
background: url('menu_contact.jpg') 0px -49px no-repeat;
}

#menushade {
	position: absolute;
	top: 89px;
	left: 204px;
	background: url('menushade.jpg');
	width: 340px;
	height: 6px;
}


a {
color: #cc362c;
text-decoration: none;
}
a:hover {
color: #aaa;
text-decoration: underline;
}

b {
font-weight: bold;
color: #cc362c;
}

.large {
font-size: 14px;
}

.heading {
font-size: 14px;
color: #666;
}

.redheading {
font-size: 16px;
color: #cc362c;
}


.redheadingquote {
font-size: 16px;
color: #cc362c;
font-weight: bold;
font-style: italic;
}


.divcorner {
background: url('divcorner.gif') top left no-repeat;
padding: 30px 30px 0px 30px;
margin-bottom: 20px;
color: #111;
font-style: italic;
}

.divcorner2 {
background: url('divcorner.gif') top left no-repeat;
padding: 30px 0px 0px 30px;
margin-bottom: 10px;
margin-top: 10px;
text-align: left;
color: #333;
}




#welcome {
text-align: center;
position: relative;
top: -40px;
}


#development, #assessment, #media, #conference {
width: 400px;
height: 231px;
float: left;
margin: 5px

}

#development {
background: url('development_bg.jpg') top left no-repeat;
}

#assessment {
background: url('assessment_bg.jpg') top left no-repeat;
}

#media {
background: url('media_bg.jpg') top left no-repeat;
}

#conference {
background: url('conference_bg.jpg') top left no-repeat;
}

.credit {
font-size: 0.8em;
font-style: italic;
}

.redcredit {
font-size: 0.8em;
font-style: italic;
color: #cc362c;
}

.clear {
clear: both;
}

a.panel {
display: block;
width: 340px;
height: 100px;
text-decoration: none;
color: #555;
position: relative;
padding: 131px 30px 0px 30px;
}

ul.bullet {
margin-top: 10px;
margin-bottom: 20px;
}

.bullet li {
list-style-image:url('bullet.gif');
margin-left: 40px;
list-style-position: inside;
}

.bullet li ul li{
list-style-image:url('bullet2.gif');
margin-left: 40px;
}


.ruler {
width: 100%;
height: 1px;
border-bottom: dotted 1px #cc362c;
margin: auto;
margin-top: 20px;
margin-bottom: 35px;
}

.quoteopen {
float: left;
width: 25px;
height: 25px;
background: url('66.jpg');
margin-right: 3px;
}
 

 
#development_pic {
	float: right;
	width: 299px;
	height: 380px;
	background: url('group.jpg') no-repeat;
}

#assessment_pic {
	float: right;
	width: 269px;
	height: 380px;
	background: url('handshake.jpg') no-repeat;
}

#media_pic {
	float: right;
	width: 253px;
	height: 380px;
	background: url('triumph.jpg') no-repeat;
}

.redbold {
	color: #cc362c;
	font-weight: bold;
}

.blackbold {
	color: #2a3437;
	font-weight: bold;
}


.darkgreytext {
color: #111;
}

.logo {
margin-right: 7px;
margin-bottom: 3px;
float: left;
}

a img {
border: 0px;
}

#development_pic {
	float: right;
	width: 377px;
	height: 188px;
	background: url('development_pic.jpg') no-repeat;
}

#assessment_pic {
	float: right;
	width: 400px;
	height: 261px;
	background: url('assessment_pic.jpg') no-repeat;
}

#media_pic {
	float: right;
	width: 420px;
	height: 275px;
	background: url('media_pic.jpg') no-repeat;
}

#conference_pic {
	float: right;
	width: 420px;
	height: 275px;
	background: url('conference_pic.jpg') no-repeat;
}

.w450 {
width: 420px;
}

#logosright {
	float: right;
	width: 400px;
}

#logosright li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

#logosright li img {
	padding: 10px;
}

.boxlink {
	background: #cc362c;
	padding: 0 3px 1px 3px;
	color: white;
	border: 1px solid black;
}
.boxlink:hover {
	background: #87caed;
	padding: 0 3px 1px 3px;
	color: #2168aa;
	border: 1px solid black;
}

ul.floatbullet {
	margin-left: 20px;
	padding: 0;
	list-style: none;
}
ul.floatbullet li{
	float: left;
	list-style-image: url('bullet.gif');
	width: 33%;
	border: 1px solid white
}

ul.floatbullet50 {
	margin-left: 60px;
	padding: 0;
	list-style: none;
margin-top: 10px;
margin-bottom: 20px;
}
ul.floatbullet50 li{
	float: left;
	list-style-image: url('bullet.gif');
	width: 50%;
}

#contact_box {
	width: 408px;
	height: 308px;
	float: right;
	background: url('contact_box.jpg') no-repeat top left;
	padding: 30px;
}
