@charset "utf-8";
/* CSS Document */

/* ----- HTML STYLES ----- */
/* undo default styling of common (X)HTML browsers */

:link,:visited { text-decoration:none }

ul,ol { list-style:none }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td,tr,th,td
{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; border:none;}

a img,:link img,:visited img { border:none; }

address { font-style:normal }

body {background-color:#000000;color:#000000;font: Arial, Helvetica, sans-serif;font-size:0.625em;	margin: 0px;padding: 0px;text-align:center;}

#container {text-align:left; width:915px; margin:0 auto; position:relative;}
#wrapper {float:left; background:url(images/background.jpg) no-repeat; position:relative;}

#header {float:left; display:block; width:915px; height:178px; background:url(images/logo.gif) no-repeat; color:#ffffff; background-position: 0px 25px; }
#header h4 {text-align:right; width:915px; color:#9C9E9F; font-size:2.3em; float:right; font-weight:normal; padding-top:25px;}
#header h5 {text-align:right; width:915px; font-size:1.4em; font-weight:normal; float:right; padding-top:7px;}
#header ul {text-align:right; position:absolute; top:140px; right:0px; font-size:1.2em; border-top:1px solid #808080; padding-top:7px;}
#header li {float:left; padding:0 10px 0 0px;}
#header li.listLast {float:left; padding:0 0px 0 0px;}
#header ul.machLinks {border:none; text-align:right; position:absolute; top:110px; right:0px;font-size:1.4em; font-weight:bold; }
#header a {color:#ffffff;}
#header a:hover {text-decoration:underline;}
#header li a {color:#ffffff;}
#header li a:hover {color:#8B46AF; text-decoration:none;}
#header li a.current {color:#8B46AF;}


#contentHome {position:relative; float:left; padding-left:98px;  width:817px; background-color:#ffffff; padding-bottom:40px;  }
#contentHome h1 {font-size:3.7em; color:#8B46AF; padding:20px 0 5px 0;}
#contentHome h2 {font-size:1.6em; color:#8B46AF; width:380px; font-weight:normal; line-height:1.2em; padding:15px 0 5px 0;}
#contentHome h5 {font-size:1.2em; color:#8B46AF; font-weight:normal; line-height:1.2em; padding-top:15px;}
#contentHome h3 {font-size:1.6em; color:#8B46AF; width:380px; font-weight:normal; line-height:1.2em; padding:0px 0 15px 0;}
#contentHome h6 {font-size:1.6em; color:#8B46AF; width:580px; font-weight:normal; line-height:1.2em; padding:15px 0 5px 0;}
#contentHome h6 a {color:#8B46AF; }
#contentHome h6 a:hover {text-decoration:underline;}
#contentHome p {font-size:1.1em; color:#5A5A5A; width:380px; line-height:1.4em;}

#content {position:relative; float:left; padding-left:98px; width:817px; background-color:#ffffff; padding-bottom:40px; }
#content h1 {font-size:1.6em; color:#8B46AF; width:380px; font-weight:normal; line-height:1.2em; padding:0px 0 15px 0;}
#content h2 {font-size:1.6em; color:#8B46AF; width:380px; font-weight:normal; line-height:1.2em; padding:15px 0 5px 0;}
#content h5 {font-size:1.2em; color:#8B46AF; font-weight:normal; line-height:1.2em; padding-top:15px;}
#content h6 {font-size:1.6em; color:#8B46AF; width:580px; font-weight:normal; line-height:1.2em; padding:15px 0 5px 0;}
#content h6 a {color:#8B46AF; }
#content h6 a:hover {text-decoration:underline;}
#content p {font-size:1.1em; color:#5A5A5A; width:380px; line-height:1.4em;}
#content ul {float:left; padding:15px 0 15px 0;  width:800px; }
#content li {float:left; padding-right:15px; font-size:1.2em; color:#666666; }
#content a {color:#666666;}
#content a:hover {color:#8B46AF;}
#content a.current {color:#8B46AF;}
#content a.download {color:#8B46AF; font-size:1.1em; font-weight:bold; background:url(images/download.gif) no-repeat ;background-position:left 2px; padding:0px 0 0px 20px; line-height:1.4em;}
#content a.download:hover {text-decoration:underline;}
#content .contentList {width:360px;}
#content .contentList li {width:360px; float:none; background-color:#E2D8E8; color:#5A5A5A; padding:5px;margin-bottom:2px;text-align:justify; font-size:1.1em;}
#content li.listHeading {background-color:#703A8C; color:#ffffff; font-weight:bold;}
#content a.link {color:#8B46AF;font-weight:bold;}
#content a.link:hover {text-decoration:underline;}

.home {background-image:url(images/home.jpg); background-repeat:no-repeat; background-position: 504px 15px;  }

#logos {width:915px; height:30px; margin-top:10px; background:url(images/logos.gif); background-position:right; background-repeat:no-repeat;}

#footer {position:relative; float:left; display:inline; width:914px; margin:20px 0 0px 0px; background-image:url(images/logos.gif); background-repeat:no-repeat; background-position:top right; padding-bottom:20px;}
.mach-acoustics {display:block; height:16px; float:left; background-image:url(images/mach-acoustics-logo-small.gif); background-repeat:no-repeat; padding-left:20px; padding-right:20px; padding-top:3px; color:#87888A; font-size:1.1em;}
.mach-testing {display:block; height:16px; float:left; background-image:url(images/mach-testing-logo-small.gif); background-repeat:no-repeat; padding-left:20px; padding-right:20px; padding-top:3px; color:#87888A; font-size:1.1em;}
.mach-products {display:block; height:16px; float:left; background-image:url(images/mach-products-logo-small.gif); background-repeat:no-repeat; padding-left:20px; padding-right:20px; padding-top:3px; color:#87888A; font-size:1.1em;}
#footer p {float:right; text-align:right; padding-top:100px; color:#87888A;}
#footer p a {color:#87888A;}
#footer a:hover {text-decoration:underline;}

table {display:inline; float:left; margin:20px 30px 0 0; clear:right; font-size:1.1em; clear:both;}
table td {background-color:#E2D8E8; padding:5px 7px 8px 8px;}
table td.darkPurple {background-color:#703A8C; color:#ffffff;}
.rightSpacer {height:30px; float:right; width:360px; clear:right;}

#gallery { float:right; padding:40px 20px 0 0;}
#a1 {margin-right:15px;}
#a2 {margin-right:15px;}
#a3 {margin-right:15px;}
#a4 {margin-right:15px;}
#a5 {margin-right:15px;}
#gallery .thumb {float:left; margin:15px 15px 0 0;}

#contact {position:relative; float:left; padding-left:98px; width:817px; background-color:#ffffff; padding-bottom:40px;}
#contact {height:248px; background-image:url(images/contact.gif); background-repeat:no-repeat; background-position:bottom right;}
#contact h1 {font-size:1.6em; color:#8B46AF; width:380px; font-weight:normal; line-height:1.2em; padding:25px 0 15px 0;}
#contact h2 {font-size:1.4em; color:#333333; font-weight:normal;}
#contact h3 {font-size:1.2em; color:#8B46AF; width:380px; font-weight:bold; line-height:1.2em; padding:15px 0 0px 0;}
#contact p {line-height:1.4em; font-size:1.1em;}
#contact p a {color:#8B46AF;}
#contact p a:hover {text-decoration:underline;}
.mobiles {position:absolute; top:60px; left:300px;}

#banner {background-image:url(images/banner.jpg); background-repeat:no-repeat; width:782px; height:40px; margin-top:30px;}
#banner h4 {color:#ffffff; font-size:1.6em; font-weight:normal; letter-spacing:0.1em;  padding:10px 0 0 15px;}
#banner a {color:#ffffff;}
#banner a:hover {text-decoration:underline; color:#ffffff;}