body { background: #666; margin: 0}
#header {margin: 0 auto; background: #666; margin-bottom: 20px;}
#header h1 {color: #fff; padding-top: 200px; margin: 0}
#header p{color: #999; margin:0; text-transform: uppercase; font-weight: bold}
#header .box{margin: 0 auto;width: 800px; text-align: right; background: url(mh-logo.png) no-repeat; height:250px}
a { color: #999; text-decoration: none}
a:hover { color: #99ccff}
#start { position: absolute; top: 261px; left: 50%; margin-left: -500px}
#wrap { background: #333; border-top: 1px}
/* root element for tabs */
#flowtabs {
	
	/* dimensions */
	width:800px;
	height:31px !important;
	margin: 0 auto; 
	padding:0;
        
	
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
}

/* single tab */
#flowtabs li { 
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
        
}

/* a- tag inside single tab */
#flowtabs li a {
	
	display:block;
	height: 31px;   
	width: 200px; 	
	padding:0px;
	margin:0px;
	
	/* font decoration */
	color:#999;
	font-size:14px;
        font-weight: bold;
	line-height:33px;
	text-align:center;
	text-decoration:none;
        text-transform: uppercase;
}

/* adjust the background image position on each tab */
#flowtabs #t1 			{ background-position: 0 0; }
#flowtabs #t2 			{ background-position: -189px 0; }
#flowtabs #t3 			{ background-position: -378px 0; }
#flowtabs #t4 			{ background-position: -567px 0; width:192px;}
 
/* mouseover state */
#flowtabs a:hover 		{ color:#fff; }
#flowtabs #t1:hover 	{ background-position:      0 -33px; }
#flowtabs #t2:hover 	{ background-position: -189px -33px; }
#flowtabs #t3:hover 	{ background-position: -378px -33px; }
#flowtabs #t4:hover 	{ background-position: -567px -33px; }

/* currently selected tabs */
#flowtabs a.current		{ cursor:default; color:#99ccff; line-height:34px; }
#flowtabs #t1.current { background-position:      0 -66px; }
#flowtabs #t2.current { background-position: -189px -66px; }
#flowtabs #t3.current { background-position: -378px -66px; }
#flowtabs #t4.current { background-position: -567px -66px; }


/* panes */
#flowpanes {
	width:760px;
	height:250px;	
        margin: 0 auto;
}


/* single pane */
#flowpanes div {
	display:none;	
	color:#fff;	
	margin:20px 40px;
        
}

/* some decorations for elements inside single pane */
#flowpanes div h2 {
	font-weight:normal;
	color:#ddd;
	letter-spacing:1px;
	margin:10px 0 0 0;
	font-size:22px;	
        text-transform: uppercase;
}

#flowpanes a {
	color:#cc9;		
	font-size:16px;
}

#flowpanes p, #flowpanes samp { color:#ccc}

/* override the root element to enable scrolling */
#flowpanes {
	position:relative;
	overflow:hidden;
	clear:both;
}
 
/* override single pane */
#flowpanes div {
	float:left;
	display:block;
	width:670px;
	cursor:pointer;
	font-size:16px;
}
 
/* our additional wrapper element for the items */
#flowpanes .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;

}
 
#flowpanes .less, #flowpanes .less a {
	color:#999 !important;
	font-size:11px;
}
p.tel { font-size: 250%; color: #99ccff; margin:0}
ul.left {float: left; width: 200px; color: #ccc}
ul.right {float: right; width: 200px; margin-right: 100px; color: #ccc}

#footer {color: #ccc; background: url(images/footer-shadow.png) top repeat-x;}
#footer .box { margin: 0 auto;width: 800px;}
#footer .box p{ font-size: 12px; margin: 0; padding-top: 20px}
#footer span {float: right}