* { 
margin: 0; /*remove all default margins!*/
padding: 0; /*remove all default padding!*/
}

body {
background-color: #fff;
font-size: 62.5%;
margin: 20px 0;
}

html {
font-family: "Trebuchet MS", "segoe ui", verdana, arial, helvetica, sans-serif;
font-size: 1.2em;
color: #747474;
}

ul {font-size: 100%; }
li {list-style-type: none;}

p {padding: 10px 0;}

h1 {font-size: 1.1em; width: 450px; height: 40px; }
h2 {color: #9d3193; font-size: 1.2em; padding: 10px 0 0 0;}
h3 {}
h4 {}
h5 {}

h1.home {background: url(images/Title-Home.gif) no-repeat; text-indent: -9999px; }
h1.kitting {background: url(images/Title-Kitting.gif) no-repeat; text-indent: -9999px; }
h1.manufacturing {background: url(images/Title-Manufacturing.gif) no-repeat; text-indent: -9999px; }
h1.quality {background: url(images/Title-Quality.gif) no-repeat; text-indent: -9999px; }
h1.enquiry {background: url(images/Title-Enquiry.gif) no-repeat; text-indent: -9999px; }
h1.links {background: url(images/Title-Links.gif) no-repeat; text-indent: -9999px; }
h1.contact {background: url(images/Title-Contact.gif) no-repeat; text-indent: -9999px; }
h1.sitemap {background: url(images/Title-SiteMap.gif) no-repeat; text-indent: -9999px; }
h1.privacy {background: url(images/Title-Privacy.gif) no-repeat; text-indent: -9999px; }

a {color: #9f3394; text-decoration: underline;}
a:hover {color: #e50d64; text-decoration: none;}

a img {border: none;}

#container {width: 820px; margin: 0 auto; background-color: #fff; border: 1px solid #ccc;}

#top {height: 260px;}

#masthead {background: url(images/BG-Masthead.jpg) no-repeat; height: 260px;}

#logo {float: left; width: 117px; margin: 28px 0 0 47px;}
#logo a {background: url(images/JSM-logo.gif) no-repeat; display: block; height: 72px;}

#contact {float: right; margin: 28px 30px 0 0; color: #9f3394; text-align: right;}
#contact a {text-decoration: none;}
#contact a.conlink {background: url(images/Bullet1.gif) no-repeat; padding: 0 0 0 15px; margin: 0 0 0 10px; }
#contact a:hover {text-decoration: underline;}

/*#wrapper {background: url(images/BG-Content.jpg);}*/

#BG-JSM {background: url(images/BG-leftcol.jpg) no-repeat top left; margin: 0}

#leftcol {float: left; width: 220px;}

#leftnav {}

#leftnav ul {margin: 50px 0 0 20px;}
#leftnav li {margin: 0 0 5px 0;}

#leftnav li a:focus {outline: none;}

#leftnav li a {color: #fff; text-decoration: none; height: 30px;}
#leftnav li a:hover {color: #f90;}

#leftnav a.Home {background: url(images/NavBar-Home.png) no-repeat; display: block; text-indent: -9999px;}
#leftnav a.Home:hover {background: url(images/NavBar-Home_over.png) no-repeat;}

/*#leftnav a.AboutUs {background: url(images/NavBar-AboutUs.png) no-repeat; display: block; text-indent: -9999px;}
#leftnav a.AboutUs:hover {background: url(images/NavBar-AboutUs_over.png) no-repeat;}*/

#leftnav a.Kitting {background: url(images/NavBar-Kitting.png) no-repeat; display: block; text-indent: -9999px;}
#leftnav a.Kitting:hover {background: url(images/NavBar-Kitting_over.png) no-repeat;}

#leftnav a.Manufacturing {background: url(images/NavBar-Manufacturing.png) no-repeat; display: block; text-indent: -9999px;}
#leftnav a.Manufacturing:hover {background: url(images/NavBar-Manufacturing_over.png) no-repeat;}

#leftnav a.Quality {background: url(images/NavBar-Quality.png) no-repeat; display: block; text-indent: -9999px;}
#leftnav a.Quality:hover {background: url(images/NavBar-Quality_over.png) no-repeat;}

#leftnav a.Links {background: url(images/NavBar-Links.png) no-repeat; display: block; text-indent: -9999px;}
#leftnav a.Links:hover {background: url(images/NavBar-Links_over.png) no-repeat;}

#leftnav a.Enquiry {background: url(images/NavBar-Enquiry.png) no-repeat; display: block; text-indent: -9999px;}
#leftnav a.Enquiry:hover {background: url(images/NavBar-Enquiry_over.png) no-repeat;}

#leftnav a.Contact {background: url(images/NavBar-Contact.png) no-repeat; display: block; text-indent: -9999px;}
#leftnav a.Contact:hover {background: url(images/NavBar-Contact_over.png) no-repeat;}

#content {margin-left: 230px; padding: 50px 30px 30px 30px;}

#content ul {margin: 10px 0;}
#content li {background: url(images/Bullet1.gif) no-repeat; padding: 0 0 0 20px;}

#footer {clear: both; background: url(images/BG-Footer.jpg) no-repeat; width: 820px; height: 45px; padding: 5px 0 0 0;}

#footer p {color: #888; text-align: center;}

#footer a {color: #fff; text-decoration: none; font-size: 90%; padding: 0 5px;}
#footer a:hover {color: #3f002c; text-decoration: underline;}

#footer a.current {color: #3f002c; text-decoration: none;}
#footer a.current:hover {color: #888; text-decoration: underline;}

#author {width: 820px; margin: 15px auto; text-align: center; background-color: #ccc;}
#author a {color: #888; text-decoration: none;}
#author p {padding: 0; color: #888;}
#author a:hover {color: #fff; text-decoration: underline;}
#author img {vertical-align: middle; padding: 0 10px;}

#JSMForm {margin: 20px 0;}

#JSMForm p {padding: 5px 0;}

#JSMForm fieldset {width: 440px; border: 1px solid #e9e9e9; padding: 20px; }

#JSMForm legend {padding: 2px 10px; color: #9f3394; font-weight: bold; border: 1px solid #e9e9e9;}

#JSMForm label {color: #747474; font-weight: bold;}

#JSMForm input, #JSMForm textarea {
padding: 2px 5px;
width: 400px;
font-family: "Trebuchet MS", "segoe ui", verdana, arial, helvetica, sans-serif;
font-size: 1.2em;
color: #747474;
border: 1px solid #b598b8;
}

#JSMForm input.send {
margin: 10px 0;
padding: 2px 0;
width: 80px;
font-weight: bold;
cursor: pointer;
color: #fff;
border: 1px solid #ccc;
background-color: #b598b8;
}


/* CLASSES */

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}