/*--------------------------reset & layout--------------------------------*/

*								{margin:0; padding:0;}
html, body						{height: 100%}
body							{background:url(images/background_top.jpg) repeat-x #3d3c3c; font-size: 62.5%; font-family: 'helvetica', 'arial', sans-serif; color: #ebeaea;}

ul								{font-size:1.2em; list-style: none inside;}


a								{outline: none;}
a img 							{border: none;}

.clear 							{clear:both;}

#page-wrap						{width:909px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -169px;}

#push							{height: 169px}

/*--------------------------typography--------------------------------*/

p								{ font-size: 1.35em; line-height:1.3em; margin: 0 0 10px 0;font-weight: normal; }
h1								{ font-size: 2.8em; font-weight: normal;}
h2								{ font-size: 2.5em; font-weight: normal; margin-bottom: 5px;}
h3								{ font-size: 2.3em; margin: 0 0 10px 0;}
h4								{ font-size: 2.0em; margin-bottom: 5px; font-weight: normal;}
li								{ font-size: 1.35em;}

p a								{ color: #ebeaea; text-decoration: underline; padding: 3px;}
p a:hover						{ background: #ebeaea; color: #3d3c3c; padding: 3px; -webkit-border-radius: 5px; text-decoration: none;}

/*--------------------------header--------------------------------*/

#header							{width:418px; height:137px; position:relative; left:257px; top: 10px; padding:10px;}
h1#logo							{height: 137px; width: 418px}
h1#logo a						{display: block; height: 137px; text-indent: -9999px; background: url(images/mech_logo.png) bottom center;}
h1#logo a:hover					{background-position: top center;}


/*--------------------------nav--------------------------------*/


ul#nav    						{height:51px; border:none; position:relative; left:16px; top: 25px;}
	
ul#nav li 						{display:inline;}

ul#nav li a						{display:block; height:51px; text-indent:-9999px; float: left; z-index: 2;}

ul#nav li.home a 				{width:112px; background:url(images/Nav_home.jpg) bottom center;}
ul#nav li.about a 				{width:112px; background:url(images/Nav_about.jpg) bottom center;}
ul#nav li.products a 			{width:112px; background:url(images/Nav_products.jpg) bottom center;}
ul#nav li.service a 			{width:111px; background:url(images/Nav_service.jpg) bottom center;}
ul#nav li.contact a 			{width:112px; background:url(images/Nav_contact.jpg) bottom center;}
ul#nav li.downloads a 			{width:112px; background:url(images/Nav_downloads.jpg) bottom center;}
ul#nav li.news a 				{width:112px; background:url(images/Nav_news.jpg) bottom center;}
ul#nav li.careers a 			{width:113px; background:url(images/Nav_careers.jpg) bottom center;}




ul#nav li a:hover, ul#nav li a.hover				{background-position:center center;}


body#home ul#nav li.home a,
body#about ul#nav li.about a,
body#products ul#nav li.products a,
body#service ul#nav li.service a,
body#contact ul#nav li.contact a,
body#downloads ul#nav li.downloads a,
body#news ul#nav li.downloads a,
body#careers ul#nav li.careers a
 								{background-position: top center;}
 								

/*--------------------------headline--------------------------------*/

#headline						{background:url(images/headline_03.png) no-repeat; height:308px; width:932px; position: relative;	top:25px;}


#title							{position:relative; top:20px; left:55px; width:500px;}

#quote							{position: relative; top:20px; left:60px; border-style: solid; border-width: 1px 0px 1px 0px; border-color: #7d7d7d; width:300px; padding: 35px 0px 35px 0px;}

#main_picture					{position: relative; top:-147px; left:423px; width:423px;}

body#index main_picture			{position: relative; top:25px; left:50px; width:423px;}

/*--------------------------main--------------------------------*/

#main							{width: 850px; position:relative; left:40px; top:20px;}


/*--------------------------footer--------------------------------*/

#twitter a						{background: url(images/twitter.jpg); height: 160px; width: 37px; position: fixed; left: 0; top: 25%; text-indent: -9999px; z-index: 9999;}

#footer							{height: 169px; background:url(images/background_bottom.jpg) repeat-x; padding: 0px;}

#footer_txt p					{position: relative; width: 100%; text-align: center;}