.clear { clear: both; }
a img { border: 0px solid black; }
h1, h2, h3, h4, h5 { color: #003399; }

/* ==========================
	Menu CSS
================================ */

body div#wrap div#top ul#topmenu {
	float: left;
	padding: 0px; margin: 0px; list-style: none;
	list-style-type: none;
}
body div#wrap div#top ul#topmenu li {
	float: left;
	list-style-type: none;
}

body div#wrap div#top ul#topmenu li#homelink { width: 75px; }
body div#wrap div#top ul#topmenu li#aboutus { width: 75px; }
body div#wrap div#top ul#topmenu li#services { width: 70px; }
body div#wrap div#top ul#topmenu li#quality { width: 65px; }
body div#wrap div#top ul#topmenu li#gallery { width: 100px; }
body div#wrap div#top ul#topmenu li#careers { width: 140px; }
body div#wrap div#top ul#topmenu li#news { width: 83px; }
body div#wrap div#top ul#topmenu li#links { width: 55px; }




body div#wrap div#top ul#topmenu li a {
	font-weight: bold;
	display: block;
	text-decoration: none;
	height: 34px;
	padding: 20px 10px 0px 10px;
	margin-top: 30px;
	border-left: 1px dotted black;
	color: black;
}

body div#wrap div#top ul#topmenu li a:hover {
	color: blue;
	text-decoration: underline;
}

body div#wrap div#top ul#topmenu li ul {
	background: #5e5c5c;
	border: 3px solid #bdbcbc;
	padding: 0px; margin: 0px;
	position: absolute;
	width: 10em;
	list-style-type: none;
	left: -999em;
	z-index: 10;
}
body div#wrap div#top ul#topmenu li:hover ul,
body div#wrap div#top ul#topmenu li.sfHover ul {
	left: auto;
}
body div#wrap div#top ul#topmenu li ul li  {
	width: 98%;
}
body div#wrap div#top ul#topmenu li ul li a {
	height: auto; padding: 4px 0px 4px 4px;
	
	margin: 0px; border: 0px;
	color: #ededed; display: block; width: 100%;
	border-bottom: 1px solid #bdbcbc;
}
body div#wrap div#top ul#topmenu li ul li a.last {
	border-bottom: 0px solid black;
}
body div#wrap div#top ul#topmenu li ul li a:hover {
	color: white;
}





/* ==========================
	Main CSS
================================ */




body {
    margin: 0 auto;
	background: #EBEBEB url(../img/pagebg.gif) repeat-x;
	width: 885px;
	font-family: Arial, Helvetica, sans-serif;
	color: #232221;
	font-size: 12px;
	position: relative;
}

body div#wrap { 
	width: 885px; margin: 0 auto; 
	margin-top: 8px; 
}

body div#wrap div#top {
    background: url(../img/topmenu_bg.gif) repeat-x;
	clear: both;
	margin-right: 10px;
}
body div#wrap div#top a#logo { float: left; height: 86px; }
body div#wrap div#top a#logo img { border: 0px solid black; }


body div#wrap div#imageArea {
	background: url(../img/randmnews_headerimg.jpg) no-repeat;
	height: 134px;
	clear: both;
}

body#services div#wrap div#imageArea,
body#precisionmachine div#wrap div#imageArea,
body#engineeredassemb div#wrap div#imageArea,
body#customfab div#wrap div#imageArea,
body#fieldserv div#wrap div#imageArea {
	background: url(../img/services_headerimg.jpg) no-repeat;
	height: 134px;
	clear: both;
}

body#quality div#wrap div#imageArea,
body#system div#wrap div#imageArea,
body#qualitycontro div#wrap div#imageArea,
body#testimonial div#wrap div#imageArea,
body#qualitypolic div#wrap div#imageArea {
	background: url(../img/quality_headerimg.jpg) no-repeat;
	height: 134px;
	clear: both;
}

body#gallery div#wrap div#imageArea,
body#precisionmachinegall div#wrap div#imageArea,
body#engineeredassembgall div#wrap div#imageArea,
body#customfabgall div#wrap div#imageArea,
body#fieldservgall div#wrap div#imageArea {
	background: url(../img/photogallery_headerimg.jpg) no-repeat;
	height: 134px;
	clear: both;
}

body#links div#wrap div#imageArea {
	background: url(../img/links_headerimg.jpg) no-repeat;
	height: 134px;
	clear: both;
}

body#sitemap div#wrap div#imageArea,
body#aboutus div#wrap div#imageArea,
body#induserved div#wrap div#imageArea,
body#missandvision div#wrap div#imageArea,
body#career div#wrap div#imageArea,
body#contactus div#wrap div#imageArea {
	background: url(../img/subpage_headerimg.jpg) no-repeat;
	height: 134px;
	clear: both;
}

body div#wrap div#serviceBoxes {
	padding-left: 10px;
	margin: 0px auto;
}

body div#wrap div#serviceBoxes a {
	background-repeat: no-repeat;
	background: url(../img/sub_leftmenu_bg.gif) no-repeat;
	display: block;
	width: 203px;
	height: 98px;
	position: relative; 
	padding-bottom: 10px;
	text-decoration: none;
}
body div#wrap div#serviceBoxes a:hover,
body div#wrap div#serviceBoxes a:hover span {
	color: red;
}
body div#wrap div#serviceBoxes a img {
	border: 0px solid grey;
	position: absolute;
	top: 8px;
	left: 8px;
}

body div#wrap div#serviceBoxes a span {
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	position: absolute;
	top: 65px;
	left: 20px;
}


body div#wrap div#main {
	background: #DFDCDC url(../img/sub_contents_bg.gif) repeat-x;
	width: 615px;
	border: 2px solid #ffffff;
	float: right;
	margin-bottom: 10px;
	padding: 15px 15px 0px 15px; 
}


body div#wrap #footer {
	width: 860px;
	margin-left: 10px;
	border-top: 10px solid #C7C6C6;
	text-align: center;
	color: #666666;
	clear: both;
}
body div#wrap #footer p {
	text-align: center;

}
body div#wrap #footer a {
	color: #666666;
	text-decoration: none;
	padding: 0px 5px 0px 5px;
}
body div#wrap #footer a:hover {
	color: blue;
	text-decoration: underline;
}







/* ==========================
	Homepage Content-Only
================================ */


body#home div#wrap div#imageArea {
	background: url(../img/home_flash_bg.jpg) no-repeat;
	width: 100%;
	height: 281px;
	clear: both;
	position: relative;
}
body#home div#wrap div#imageArea div#flashwrite,
body#home div#wrap div#imageArea object#flashwrite {
	position: absolute;
	width: 861px;
	height: 270px;
	left: 12px; top: 1px;
	z-index: 5;
}


body#home div#wrap div#serviceBoxes {
	clear: both;
	padding-left: 0px;
}
body#home div#wrap div#serviceBoxes a {
	height: 205px;
	float: left;
}
body#home div#wrap div#serviceBoxes a img {
	top: 12px;
	left: 15px;
}

body#home div#wrap div#serviceBoxes a span {
	top: 150px;
	left: 30px;
}


body#home div#wrap div#serviceBoxes a#box1,
body#home div#wrap div#serviceBoxes a#box4 { width: 224px; }
body#home div#wrap div#serviceBoxes a#box2,
body#home div#wrap div#serviceBoxes a#box3 { width: 218px; }

body#home div#wrap div#serviceBoxes a#box1 {
	background-image: url(../img/homepage_box1.jpg) ;
}
body#home div#wrap div#serviceBoxes a#box1 img { left: 20px; }
body#home div#wrap div#serviceBoxes a#box2 {
	background-image: url(../img/homepage_box2.jpg) ;
}
body#home div#wrap div#serviceBoxes a#box3 img { left: 14px; }
body#home div#wrap div#serviceBoxes a#box3 {
	background-image: url(../img/homepage_box3.jpg) ;
}
body#home div#wrap div#serviceBoxes a#box4 {
	background-image: url(../img/homepage_box4.jpg) ;
}

body#home div#wrap div#main {
	background: #DFDCDC url(../img/homeage_contents_bg.gif) repeat-x;
	width: 830px;
	margin-left: 10px;
	border: 2px solid #ffffff;
	clear: both;
	margin-bottom: 10px; 
	float: none;
}

body#home div#wrap div#main.withright div#bgline {
	background: url(../img/homepage-dline.gif) 590px 0px repeat-y;
}
body#home div#wrap div#main.withright div#bgline div#content {
	width: 555px; float: left;
	padding-right: 20px;
}

body#home div#wrap div#main div#bgline div#content h2 {
	font-size: 100%;
}

body#home div#wrap div#main div#bgline div#right {
	float: right;
	width: 250px;
}
body#home div#wrap div#main div#bgline div#right div.side {
	border-bottom: 1px dotted black;
	width: 217px;
	padding-bottom: 17px;
	margin: 0px 0px 17px 17px;
}
body#home div#wrap div#main div#bgline div#right div.side h4 {
	padding: 0px; margin: 0px; display: block;
}
body#home div#wrap div#main div#bgline div#right div.side.last {
	border-bottom: 0px solid black;
	padding-bottom: 0px;
}







/* ==========================
	Form Page
================================ */


body.phpSide div#wrap div#main div#bgline div#content {
	width: 400px; float: left;
	padding-right: 15px;
}

body.phpSide div#wrap div#main div#bgline div#right a img {
	border: 0px solid black;
}


body#contactus div#wrap div#main form table {
	width: 359px;
} 
body#contactus div#wrap div#main form table tr th {
	text-align: left;
	color: #2a2a9a;
	font-size: 20px;
}
body#contactus div#wrap div#main form label, 
body#contactus div#wrap div#main form span {
	font-size: 12px;
	color: #222222;
}

body#contactus div#wrap div#main form input,
body#contactus div#wrap div#main form textarea{
	width: 97%;
}
body#contactus div#wrap div#main form input, 
body#contactus div#wrap div#main form textarea,
body#contactus div#wrap div#main form select {
	border: 1px solid #6a6a6a;
	background-repeat: repeat-x;
	background-position: top left;
	background-color: white;
	color: black;
}
body#contactus div#wrap div#main form input {
	background-image: url(../img/form-inputbg.gif);
}
body#contactus div#wrap div#main form textarea {
	background-image: url(../img/form-textareabg.gif);
}
body#contactus div#wrap div#main form label#phonetwo span,
body#contactus div#wrap div#main form label#phonethree span {
	font-size: 0.01em;
	margin: 1px 3px 0px 3px;
	border-top: 2px solid black;
	width: 6px; height: 10px; overflow: hidden;
}

body#contactus div#wrap div#main form input#reset,
body#contactus div#wrap div#main form input#submit {
	color: white; font-weight: bold;
	padding: 0px 20px 0px 20px;
	width: 80px; text-align: center;
	background: #040404 url(../img/form-buttonbg.gif) top left repeat-x;
}
body#contactus div#wrap div#main form input#phoneone,
body#contactus div#wrap div#main form input#phonetwo {  width: 40px; } 
body#contactus div#wrap div#main form input#zip { width: 40px; } 
body#contactus div#wrap div#main form input#phonethree { width: 50px; }





body#news div#wrap div#main div#bgline div#newsItems div.newsItem{
	padding-bottom: 15px;
}




/* ==========================
   Precision Machining Content-Only
================================ */

body#precisionmachine div#wrap div#main div#bgline div#content img { padding: 0px 0px 12px 12px; } // padding for images







/* ==========================
   Quality Systems Content-Only
================================ */

body#system div#wrap div#main div#bgline div#content img { padding: 0px 0px 0px 12px; } // padding for image











/*
body div#wrap div#imageArea {
	background: url(../img/subpage_headerimg.jpg) no-repeat;
	height: 134px;
	clear: both;
}

body div#wrap div#imageArea {
	background: url(../img/subpage_headerimg.jpg) no-repeat;
	height: 134px;
	clear: both;
}

body div#wrap div#imageArea {
	background: url(../img/subpage_headerimg.jpg) no-repeat;
	height: 134px;
	clear: both;
}
*/