body {
	background-image: url(../images/wavecut.gif);

}
#header {
	background-image: url(../images/black_paper.png);
}
.border_top {
	background-image: url(../images/border_top.png);
	background-repeat: repeat-x;
	height: 34px;
}
.border_bottom {
	background-image: url(../images/border_bottom.png);
	background-repeat: repeat-x;
	height: 34px;
	margin-top: 30px;
}
.container {
	width: 960px;
	margin: 0 auto;
}
#logo {
	background-image: url(../images/mh_logo.png);
	background-repeat: no-repeat;
	padding-bottom: 30px;
	width: 400px;
	height: 110px;
	float: left;
}
.body_container {
	margin-top: 20px;
	width: 652px;
	float: left;
}
.sidebar_container {
	margin-top: 20px;
	width: 246px;
	float: right;
	padding-left: 23px;
}
#footer {
	background-image: url(../images/black_paper.png);
	font-family: Arial;
	color: #dddddd;
}
.footer_left {
	padding: 50px 0 60px 0;
	width: 250px;
	float: left;
	background-color: /* aqua */;
}
.footer_center {
	padding: 27px 0 60px 0;
	width: 460px;
	float: left;
	background-color: /* green */;
}
.footer_right {
	padding: 36px 0 60px 0;
	width: 250px;
	float: left;
	text-align: right;
	background-color: /* blue */;
}
.sociallinks {
	margin-bottom: 25px;
}
.memberslink {
	margin-bottom: 50px;
}

.divider {
	margin: 40px 0 40px 0;
	border-bottom: dotted 2px #888787;
}
.twitter_bubble {
	background-image: url(../images/twitter_bubble.png);
	background-repeat: no-repeat;
	height: 189px;
	width: 341px;
	margin: 0 auto;
}
.twitter_bird {
	background-image: url(../images/twitter_bird.png);
	background-repeat: no-repeat;
	height: 114px;
	width: 130px;
	margin-left: 130px;
	margin-top: -30px;
}
.mhd_footer {
	background-image: url(../images/mhd_footer.png);
	background-repeat: no-repeat;
	height: 80px;
	width: 100px;
	float: right;
	margin-top: 103px;
}

/* Menu */
#menuarea {
	width: 518px;
	float: right;
	margin-top: 35px;
}
#menu {
	font-family: Arial, sans-serif;
	font-weight: ;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-image: url(../images/mhdnavbg.png);
	background-repeat: repeat-x;
	font-size: 15px;
	height: 68px;
	width: 470px;
}
#menu li {
	float: left;
	margin: 0;	
	padding: 4px 0 0 0;			
}
#menu li a {
	text-decoration: none;
	display: block;
	padding: 10px 13px;
	line-height: 40px;
	color: #666;
}
#menu li a:hover, #menu li.active a {
	background-color: #ddd;
	border-bottom: 2px solid #DDD;
	color: #000;
}
#menu_wrapper ul {margin-left: 28px;}
#menu_wrapper {padding: 0 50px 0 0; background: url(../images/mhdnav.png) no-repeat right; width: 470px;}
#menu_wrapper div {float: left; height: 68px; width: 28px; background: url(../images/mhdnav.png) no-repeat left;}

/* Packages */
.package_left {
	background-image: url(../images/packages/background.png);
	background-repeat: no-repeat;
	width: 217px;
	height: 303px;
	float: left;
}
.package_center {
	background-image: url(../images/packages/background.png);
	background-repeat: no-repeat;
	width: 217px;
	height: 303px;
	float: left;
}
.package_right {
	background-image: url(../images/packages/background.png);
	background-repeat: no-repeat;
	width: 217px;
	height: 303px;
	float: left;
}
.web {
	background-image: url(../images/packages/web.png);
	background-repeat: no-repeat;
	margin: 9px 0 0 10px;
	width: 65px;
	height: 65px;
	float: left;
}
.logo {
	background-image: url(../images/packages/logo.png);
	background-repeat: no-repeat;
	margin: 14px 0 0 11px;
	width: 65px;
	height: 65px;
	float: left;
}
.video {
	background-image: url(../images/packages/video.png);
	background-repeat: no-repeat;
	margin: 15px 0 0 12px;
	width: 65px;
	height: 65px;
	float: left;
}
.package_header {
	float: right;
	width: 138px;
	height: 68px;
	margin-top: 20px;
	font-family: Arial;
	font-weight: bold;
	font-size: 15px;
	line-height: 20px;
	color: #6a6a6a;
}
/* End Packages */

/* Testimony's */
.testimony {
	background-image: url(../images/testimonyBG.png);
	background-repeat: no-repeat;
	height: 180px;
}
.testimony_header {
	padding: 40px 0 0 95px;
	font-family: Arial;
	color: #888787;
}
.testimony_body {
	padding: 15px 13px 0 37px;
	font-family: Arial;
	color: #888787;
	font-size: 13px;
	line-height: 15px;
}
/* End Testimony's */

/* Text Styles */
h1 {
	font-family: Arial;
	font-weight: bold;
	font-size: 56px;
	color: #888787;
	text-align: left;
}
h2 {
	font-family: Arial;
	font-weight: bold;
	font-size: 26px;
	color: #888787;
	text-align: center;
	margin-top: 40px;
}
.boldpagetext {
	text-align: left;
	line-height: 32px;
}
h3 {
	font-family: Arial;
	font-weight: bold;
	font-size: 21px;
	color: #888787;
	text-align: center;
	margin-bottom: 15px;
}
span.testimony_name {
	font-size: 14px;
	font-weight: bold;
}
span.testimony_company {
	font-size: 13px;
	font-style: italic;
}
p.bodytxt {
	font-family:  Arial;
	font-size: 16px;
	line-height: 24px;
}
p.bodyitem {
	font-family:  Arial;
	font-size: 16px;
	line-height: 24px;
	padding-top: 15px;
}
p.copyright {
	font-size: 11px;
	line-height: 21px;
}
.twitter_message {
	text-align: center;
	width: 270px;
	margin: 0 auto;
	padding-top: 30px;
	line-height: 20px;
	background-color: /* aqua */;
}
span.twitter_time {
	font-size: 11px;
}
p.portfoliocaption {
	text-transform: uppercase;
	font-family: Arial;
	color: #888787;
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
}
span.quote {
	font-style: italic;
	color: #00aeef;
}
span.quotename {
	font-size: 13px;
	color: #00aeef;
}

/* End Text Styles */

/* Buttons / Links */
a.bodylink:link, a.bodylink:visited {
	color: #000;
}
a.bodylink:hover {
	color: #00aeef;
	text-decoration: none;
}
a.hlink:link, a.hlink:visited {
	color: #888787;
	text-decoration: none;
}
a.hlink:hover {
	color: #00aeef;
	text-decoration: none;
}
.getquote {
	height: 62px;
	width: 325px;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 60px;
}
a.getquote_button:link, a.getquote_button:visited {
	background-image: url(../images/getquote.png);
	background-repeat: no-repeat;
	padding-bottom: 47px;
	padding-right: 325px;
}
a.getquote_button:hover {
	background-image: url(../images/getquote.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-bottom: 48px;
	padding-right: 325px;
}

.tellmemore {
	width: 160px;
	height: 39px;
	margin: 0 auto;
	margin-top: 23px;
}
a.tellmemore_button:link, a.tellmemore_button:visited {
	background-image: url(../images/tellmemore.png);
	background-repeat: no-repeat;
	padding-right: 158px;
	padding-bottom: 23px;
}
a.tellmemore_button:hover {
	background-image: url(../images/tellmemore.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 156px;
	padding-bottom: 24px;
}

.featuredwork {
	height: 142px;
}
a.fwork_comp:link, a.fwork_comp:visited {
	background-image: url(../images/featurework/alexjono.png);
	background-repeat: no-repeat;
	padding-bottom: 126px;
	padding-right: 245px;
}
a.fwork_comp:hover {
	background-image: url(../images/featurework/alexjono.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-bottom: 125px;
	padding-right: 245px;
}
@-moz-document url-prefix() {
a.fwork_comp:hover {
	background-image: url(../images/featurework/harperhayes.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-bottom: 126px;
	padding-right: 245px;
}
}

.portfolio_imacs {
	background-image: url(../images/portfolio_imacs.png);
	background-repeat: no-repeat;
	height: 98px;
}
.viewportfolio {
	margin: 0 auto;
	height: 38px;
	width: 202px;
	margin-top: 10px;
}
a.viewportfolio_button:link, a.viewportfolio_button:visited {
	background-image: url(../images/viewportfolio.png);
	background-repeat: no-repeat;
	padding-bottom: 25px;
	padding-right: 202px;
}
a.viewportfolio_button:hover {
	background-image: url(../images/viewportfolio.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-bottom: 24px;
	padding-right: 202px;
}

a.facebook:link, a.facebook:visited {
	background-image: url(../images/footer/facebook.png);
	background-repeat: no-repeat;
	padding: 6px 0 6px 55px;
	padding-left: 55px;
	color: #dddddd;
	text-decoration: none;
	margin-bottom: 20px;
}
a.facebook:hover {
	color: #00aeef;
	text-decoration: none;
}
a.twitter:link, a.twitter:visited {
	background-image: url(../images/footer/twitter.png);
	background-repeat: no-repeat;
	padding: 6px 0 6px 55px;
	padding-left: 55px;
	color: #dddddd;
	text-decoration: none;
}
a.twitter:hover {
	color: #00aeef;
	text-decoration: none;
}
a.linkedin:link, a.linkedin:visited {
	background-image: url(../images/footer/linkedin.png);
	background-repeat: no-repeat;
	padding: 6px 0 6px 55px;
	padding-left: 55px;
	color: #dddddd;
	text-decoration: none;
}
a.linkedin:hover {
	color: #00aeef;
	text-decoration: none;
}
a.email:link, a.email:visited {
	background-image: url(../images/footer/email.png);
	background-repeat: no-repeat;
	padding: 6px 0 6px 55px;
	padding-left: 55px;
	color: #dddddd;
	text-decoration: none;
}
a.email:hover {
	color: #00aeef;
	text-decoration: none;
}
a.members:link, a.members:visited {
	background-image: url(../images/footer/members.png);
	background-repeat: no-repeat;
	padding: 6px 0 6px 55px;
	padding-left: 55px;
	color: #dddddd;
	text-decoration: none;
}
a.members:hover {
	color: #00aeef;
	text-decoration: none;
}
a.launchsite:link, a.launchsite:visited {
	background-image: url(../images/launchsite.png);
	background-repeat: no-repeat;
	padding-bottom: 25px;
	padding-right: 142px;
}
a.launchsite:hover {
	background-image: url(../images/launchsite.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-bottom: 25px;
	padding-right: 142px;
}
/* End Buttons / Links */

/* List Styles */
ul.packagelist {
	list-style-image: url(../images/packages/bullet.png);
	font-family: Arial;
	font-size: 15px;
	color: #888787;
	line-height: 31px;
	margin: 0 0 0 40px;
}
ul.portfoliolist {
	list-style-image: url(../images/packages/bullet.png);
	list-style-position: inside;
	font-family: Arial;
	font-size: 18px;
	color: #888787;
	line-height: 31px;
	margin: 20px 0 10px 0;
}
/* End List Styles */

/* Misc */
.clear {
	clear: both;
}
.tweet_list li a {
	color: #dddddd;
}
.tweet_list li a:hover {
	color: #00aeef;
}
.page-slider {
	margin-top: 20px;
	padding-bottom: 31px;
}
.abouticon {
	float: left;
	width: 128px;
	padding-right: 30px;
}
.portfolioitem {
	width: 260px;
	float: left;
	background-color: ;
	margin-right: 65px;
	margin-top: 40px;
}
/* End Misc */

/* Portfolio */
.specportfolio {
	float: right;
	padding: 20px 0 10px 20px;
}

/* End Portfolio */

/* Form */
#formarea {
	font-family:  Arial;
	width:490px;
	float: left;
}
#formarea label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:100px;
	float:left;
	margin-top: 8px;
}
#formarea .small{
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:100px;
}
#formarea input{
	float:left;
	font-size:12px;
	padding:12px 10px;
	border:solid 1px #00aeef;
	width:340px;
	margin:2px 0 20px 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px; 
	border-radius: 8px;
}
#formarea textarea{
	float:left;
	font-size:12px;
	padding:12px 10px;
	border:solid 1px #00aeef;
	width:340px;
	margin:2px 0 20px 10px;
	resize: vertical;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px; 
	border-radius: 8px;
}
#formarea button{	
    width: 150px; 
    height: 30px;
    color: #eee; 
    text-transform: uppercase; 
    margin-top: 10px;
    margin-left: 110px;
    cursor: pointer;
    background-color: #00aeef;
    border: 0px;
/* -- CSS3 Transition - define which property to animate (i.e. the shadow)  -- */
-webkit-transition: -webkit-box-shadow 0.3s linear;
 
/* -- CSS3 Shadow - create a shadow around each input element -- */ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00CFEF), to(#00aeef)); 
background:  -moz-linear-gradient(25% 75% 90deg,#00aeef, #00CFEF); 
 
/* -- CSS3 - Rounded Corners -- */
-webkit-border-radius: 4px;
-moz-border-radius: 4px; 
border-radius: 4px;
 
}
p#error {
	color: red;
	font-size: 13px;
	text-align: center;
	display:none;
}
.needsfilled {
	background:red;
	color:white;
}
/* End Form */


/* DELETE */
.slider {
	background-image: url(../images/slider.png);
	background-repeat: no-repeat;
	height: 224px;
	width: 654px;
}
.twitter_bird2 {
	background-image: url(../images/twitter_bird.png);
	background-repeat: no-repeat;
	height: 114px;
	width: 130px;
	margin: 0 auto;
}
.navtest {
	background-color: aqua;
	position: absolute;
	top: 67px;
	left: 622px;
}