@import url("initial.css");
html {
	/*background: #6d6f71;*/
}
body {
	/* background: #6d6f71; */
	background-image: url(../images/bg_left.gif);
	margin: 0 auto;
	padding: 0px;
	font-size: 1.3em;
}

a:active, a:link, a:visited {
	color: #663399;
	text-decoration: underline;
}
a:hover {
	color: #663399;
	text-decoration: none;
}

#container {
	background: #fff;
	width: 986px;
	margin: 0 auto;
}
#header {
	height: 130px;
	background-image: url(../images/bg_header.jpg);
}
#header.machining {
	background-image: url(../images/header_machining.gif) !important;
}
#header #logo {
	margin: 0px 0 0 30px;
}
#header #logo2 {
	width: 153px;
	height: 100px;
	background-image: url(../images/j8-logo-2.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0 0 0 10px;
	text-align: center;
	padding-top: 5px;
}
#top_links {
	background: #663399;
	background-image: url(../images/bg-left-purple.gif);
	padding: 0 20px;
	position: relative;
}
#breadcrumbs {
	position: absolute;
	left: 200px;
	top: 2px;
}
#breadcrumbs p, #breadcrumbs p a, #breadcrumbs p a:visited {
	color: #fff;
}
#top_links ul {
	padding: 3px 0;
	text-align: right;
}
#top_links ul li {
	list-style: none;
	display: inline;
	margin: 0 8px;
	font-size: 1em;
}
#top_links ul li a, #top_links ul li a:visited {
	color: #fff;
	text-decoration: none;
}
#content {
	background: #fff url(../images/bg-left-purple.gif) 0 0 repeat-y;
	position: relative;
}
#content h1 {
	font-size: 2.0em;
	color: #663399;
	font-weight: bold;
	margin: -4px 0 0.5em 0;
	text-transform: uppercase;
}
#content h2 {
	font-size: 1.6em;
	color: #663399;
	font-weight: bold;
	margin: 0 0 0.5em 0;
	text-transform: uppercase;
}
#content h3 {
	font-size: 1.4em;
	color: #663399;
	font-weight: bold;
	margin: 0 0 0.5em 0;
	text-transform: uppercase;
}
#content h4 {
	font-size: 1.1em;
	color: #663399;
	font-weight: bold;
	margin: 0 0 0.3em 0;
	text-transform: uppercase;
}
#content p {
	font-size: 1em;
	/*color: #999;*/
	font-weight: normal;
	margin: 0 0 0.7em;
}
#content ul.general li {
	list-style: disc;
	font-size: 1em;
	/*color: #999;*/
	font-weight: normal;
	margin: 0 0 3px 15px;
}
#content ul.standard li {
	list-style: disc;
	font-size: 1em;
	/*color: #999;*/
	font-weight: normal;
	margin: 0 0 3px 15px;
}
#content ul.large li {
	list-style: disc;
	font-size: 1.2em;
	color: #663399;
	font-weight: bold;
	margin: 0 0 3px 15px;
}
#content ul.large li span {
	/* color: #999; */
	font-weight: bold;
}
#left_content {
	position: absolute;
	left: 0;
	top: 0;
	width: 175px;
}
#right_content {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 175px;
}
#main_content {
	margin: 0 20px 0 190px;
	padding: 15px 10px;
}
#main_content.home {
	margin-right: 200px !important;
}
.banner {
	margin: 10px 0 15px;
}
#home_content {
	background: url(../images/logo.gif) 95% 97% no-repeat;
	border-right: 1px solid #e4e5e5;
	padding: 0 20px 130px 0;	
}
#footer {
	clear: both;
	width: 986px;
	margin: 0 auto;
}
#footer p.copyright {
	float: left;
	color: #fff;
	font-size: 11px;
	padding: 10px 20px 20px;
}
#footer ul {
	float: right;
	text-align: right;
	padding: 10px 20px 20px;
}
#footer ul li {
	list-style: none;
	display: inline;
	margin: 0 5px;
	font-size: 1em;
}
#footer ul li a, #footer ul li a:visited {
	color: #fff;
	text-decoration: none;
}


/* NAVIGATION */
#navigation ul {
	text-align: left;
	padding: 10px 15px 20px 15px;
	margin-top: 5px;
}
#navigation ul ul {
	padding: 0 !important;
	margin: 0 !important;
}
#navigation ul li {
	list-style: none;
	margin: 0 5px;
	font-size: 1em;
	border-bottom: 1px solid #FFCC99;
}
#navigation ul ul li {
	margin: 0 !important;
}
#navigation ul li.last {
	border: 0 !important;
}
#navigation ul li a, #navigation ul li a:visited {
	display: block;
	padding: 5px 0px 5px 15px;
	color: #fff;
	font-size: 1em;
	_height: 1%;
	text-decoration: none;
}
#navigation ul li a:hover, #navigation ul li a.active {
	background: #ffcc66 !important;
	color: #fff !important;
	text-decoration: none;
}
#navigation ul li a.active_sub {
	background: #B5BEDD !important;
	color: #fff !important;
	text-decoration: none;
}
#navigation ul ul li a, #navigation ul ul li a:visited {
	padding-left: 30px !important;
}


/* Product List */
/*
ul.product_list {
	margin: 0 0 10px;
}
ul.product_list li {
	border-bottom: 1px solid #94b2d8;
	padding: 10px 0 10px 0;
	list-style: none;
}
ul.product_list li.last {
	border: 0 !important;
}
ul.product_list li .display {
	float: left;
	margin: 0 15px 10px 0;
}
#detail .display {
	float: left;
	margin: 10px 0px 10px 0;
}

ul.product_list li .display_r {
	float: right;
	margin: 0 15px 10px 0;
}
*/

#detail .display_r {
	float: right;
	margin: 10px 0px 10px 0;
}
table.specification {
	margin: 10px 0 10px 0;
}
table.specification th, table.specification td {
	padding: 3px 10px;
}
table.specification th {
	background: #663399;
	color: #fff;
	font-size: 1.1em;
}
table.specification td {
	color: #000;
	font-size: 1em;
	vertical-align: top;
	background: #cdd3eb;
	border-bottom: 1px solid #fff;
}

table.specification2 {
	margin: 10px 0 10px 0;
}
table.specification2 th, table.specification2 td {
	padding: 3px 10px;
}
table.specification2 th {
	background: #663399;
	color: #fff;
	font-size: 1.1em;
}
table.specification2 td {
	color: #000;
	font-size: 1em;
	vertical-align: top;
	background: #cdd3eb;
	border-bottom: 1px solid #fff;
}

#contact {
	margin: 0 0 0 0;
}
#contact p {
	margin: 0;
}
#contact span {
	font-size: 2.2em;
	color: #663399;
	font-weight: bold;
	margin: 0 0 0.7em;
}
.attention {
font-style: italic;
color: #FF0000;
}

img.spacing {
margin-top: 5px;
margin-left: 30px;
}

#contentwrap {

}
#content-left {
float: left;
width: 500px;
min-height: 450px;
padding-right: 20px;
border-right: 1px solid #CCCCCC;
}
#content-right {
float: right;
width: 215px;
}
#content-right img {
margin-bottom: 10px;
}
.bluebold {
font-weight: bold;
color: #663399;
}
.blue_border_bottom {
border-bottom: 1px solid #663399;
}
#tblcontactus {
text-align: center;
}
/* headers */
#services #header {
	background-image: url(../images/headers/services.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

#machining #header {
	background-image: url(../images/headers/machining.jpg);
	background-position: right;
	background-repeat: no-repeat;
}
#turning #header {
	background-image: url(../images/headers/turning.jpg);
	background-position: right;
	background-repeat: no-repeat;
}
#grinding #header {
	background-image: url(../images/headers/grinding.jpg);
	background-position: right;
	background-repeat: no-repeat;
}
#jigboring #header {
	background-image: url(../images/headers/jigboring.jpg);
	background-position: right;
	background-repeat: no-repeat;
}
#bespoke #header {
	background-image: url(../images/headers/bespoke.jpg);
	background-position: right;
	background-repeat: no-repeat;
}
#edm #header {
	background-image: url(../images/headers/wire-erosion-edm.jpg);
	background-position: right;
	background-repeat: no-repeat;
}
#materials #header {
	background-image: url(../images/headers/materials.jpg);
	background-position: right;
	background-repeat: no-repeat;
}
#jfg #header {
	background-image: url(../images/headers/jigs-fixtures-gauges.jpg);
	background-position: right;
	background-repeat: no-repeat;
}
#inspection #header {
	background-image: url(../images/headers/inspection-quality.jpg);
	background-position: right;
	background-repeat: no-repeat;
}
#tooling #header {
	background-image: url(../images/headers/tooling.jpg);
	background-position: right;
	background-repeat: no-repeat;
}
#experience #header {
	background-image: url(../images/headers/about-us.jpg);
	background-position: right;
	background-repeat: no-repeat;
}
#location #header {
	background-image: url(../images/headers/location.jpg);
	background-position: right;
	background-repeat: no-repeat;
}
#threedmachine #header {
	background-image: url(../images/headers/3d-machining.jpg);
	background-position: right;
	background-repeat: no-repeat;
}
#milling #header {
	background-image: url(../images/headers/milling.jpg);
	background-position: right;
	background-repeat: no-repeat;
}
#jobs #header {
	background-image: url(../images/headers/jobs.jpg);
	background-position: right;
	background-repeat: no-repeat;
}
#design #header {
	background-image: url(../images/headers/design.jpg);
	background-position: right;
	background-repeat: no-repeat;
}
#finalfooter {
	clear: both;
	text-align: center;
	padding-top: 20px;
}
#finalfooter a { 
	font-size: 10px;
	color: #FFF;
}