/*
	[RAM Precision Industries] styles 
	Developed by Saforian 12/2008

	zoom:1 used for hasLayout and self-clear floats in IE5-7
	* html hack targets IE5-6 only

*/

/*
resets
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}


/* ----- Formatting ----- */

body
{ color:#999; font:normal .75em/1.4em verdana,arial,helvetica,sans-serif }

p, address, ul, ol, li, dt, dd, td, th
{ line-height:1.4 }
th, b, strong
{ font-weight:bold }
i, em, cite
{ font-style:italic }
sup, sub
{ font-size:75% }
table, tr, td, th /* IE5 font fix */
{ font-size:100% }


/* Links */
a
{ text-decoration:none }
a:link
{ color:#369 }
a:visited
{ color:#47a }
a:hover, a:active
{ text-decoration:underline }


/* Paragraphs */
p
{ margin:0 0 1.4em }
address
{ font-style:normal; margin:0 0 1.4em }
blockquote
{ margin:0 10px 1.2em; padding:0 }

.small, small
{ font-size:92% }
.big, big
{ font-size:130% }
.aligncenter
{ text-align:center }
.alignright
{ text-align:right }
.highlight
{ color:#f35d09 }


/* Images */
a img
{ border-style:none }
.floatleft /* Floating images */
{ float:left; margin:0 8px 8px 0 }
.floatright
{ float:right; margin:0 0 8px 8px }

img.icon /* Document icons */
{ display:inline; margin-right:3px; padding-left:6px; vertical-align:middle }


/* Separators */
hr
{ color:#333; background-color:#333; height:1px; margin:1.3em 0; padding:0; border-width:0; overflow:hidden }
	* html hr /* IE6 fix */
	{ margin:0 0 1em }
	*:first-child+html hr /* IE7 fix */
	{ margin:0 0 1em }

hr.thick
{ color:#ebebeb; background-color:#ebebeb; height:4px; margin:1.3em 0; padding:0; border-width:0; overflow:hidden }

hr.home-underboxes
{ margin:0 17px 10px 17px; color:#2b2a28; height:4px; background-color:#2b2a28; border-bottom:1px solid #8e8e8d; }


/* Headings */
h1, h2, h3, h4, h5, h6
{ color:#c75e02; margin:0 0 .9em; padding:0; font:normal 140%/1.2 "Lucida Grande",verdana,arial,helvetica,sans-serif }
h1
{ font-size:150% }  /* 18px */
h2
{ font-size:133% }  /* 16px */
h3
{ font-size:124% }  /* 15px */
h4
{ font-size:115% }  /* 14px */
h5
{ font-size:108% }  /* 13px */
h6
{ font-size:108%; margin-bottom:.2em }


/* Lists */
ul
{ margin:0 0 1.4em; padding:0; list-style-type:none }
	ul li, ol li ul li
	{ margin:0 0 .7em; padding:0 0 0 13px; background:url("../images/bullet_dot.gif") no-repeat 1px .4em }
	ul ul
	{ margin:5px 0 2px 2px }

ol
{ margin:0 0 1.4em 33px; padding-left:0 }
	ol li, ul li ol li
	{ margin-bottom:.6em }

dl
{ margin:0 0 1.4em }
	dt
	{ display:block; margin:1em 0 0; padding:0; font-weight:bold }
	dd
	{ margin:1px 0 0; padding:0 }


/* Forms */
form
{ margin:0; padding:0 }
input, select, textarea
{ font-family:verdana,arial,helvetica,sans-serif; font-size:100%; vertical-align:middle }
textarea
{ width:99% }
label
{ vertical-align:middle }


/* Layout tables */
table
{ margin:0 0 1.1em; padding:0; border-width:0; border-collapse:collapse; border-spacing:0; empty-cells:show; table-layout:auto }
td
{ padding:0 6px 6px 0; vertical-align:top }


/* Data tables */
table.data
{ width:100%; margin-bottom:1.6em }

table.data caption
{ padding:0 0 5px; text-align:left; font-weight:bold; font-size:100% }
table.data th
{ padding:5px 7px; border:1px solid #fff; vertical-align:top; background-color:#999; color:#fff; text-align:left }
table.data td
{ padding:6px 7px; border:1px solid #fff; vertical-align:top }

/* Row gap */
table.data tr.break td
{ border-top:2em solid #fff }

/* Alternating row colors */
.even, .even td
{ background-color:#e5e5e5 }



/* ----- Layout ----- */

.hide, .hide *
{ position:absolute; overflow:hidden; left:0; top:-9999px; width:1px; height:1px }
.clear
{ clear:both }

html
	{ height:100%; }


body
	{ height:100%; margin:0; padding:0; background: #98b2c1 url(../images/home_bg.gif) repeat-x; }

#wrapper
{ zoom:1; position:relative; min-height:100%; padding:0; }
	#wrapper:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }
	* html #wrapper
	{ height: 100%; }

#wrapper
{ background: url(../images/home_wrap_bg.gif) no-repeat 50% 0; }

#wrapper #inner_wrap
	{ width:993px; margin:0 auto; padding-bottom:30px; }

/*

height:30px;
clear:both;
background:url(../images/bg_foot.gif) repeat-x;
position: absolute;
bottom:0;
margin-top: -7.5em;
*/

#foot
{
position: absolute;
bottom: -20px;
height:30px;
display:block;
width:100%;
} 

/* --- Header --- */

#header
{ zoom:1; position:relative; width:980px; float:left; }
	#header:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#logo
	{ float:left; width:156px; height:53px; margin:30px 0 20px 50px; }



#whitepage
{ background:#fff; zoom:1; padding:21px 0 0 0; margin:0; clear:both; }
	#whitepage:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }


/* - Navigation - */

/*
home
technology
markets
about
employment
*/

	/* - primary nav - */
ul#navigation
{ zoom:1; margin:0 5px 0 259px; }
	#navigation:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }
	
ul#navigation li
	{ float:left; text-indent:-9999px; margin:0 6px 0 0; padding:0; }
ul#navigation li a
	{ display:block; height:45px; width:138px; overflow:hidden; }
li#nav-home a
	{ background:url(../images/nav-home.gif) no-repeat 0 0; }
	#home li#nav-home a
	{ background-position:0 -45px; }
	
li#nav-technology a
	{ background:url(../images/nav-technology.gif) no-repeat 0 0; }
li#nav-markets a
	{ background:url(../images/nav-markets.gif) no-repeat 0 0; }
li#nav-about a
	{ background:url(../images/nav-about.gif) no-repeat 0 0; }
	.about li#nav-about a
	{ background-position:0 -45px; }
	
li#nav-employment a
	{ background:url(../images/nav-employment.gif) no-repeat 0 0; }

ul#navigation li a:hover, ul#navigation li a.active
	{ background-position:0 -45px; }

	/* - top right utility nav - */

ul#top_right_navigation
	{ float:left; position:absolute; right:0; top:17px; }

ul#top_right_navigation li
	{ float:left; margin:0;background-image:none; }

ul#top_right_navigation li a
	{ padding:0 10px 0 0 !important; color:#000; }
	
	li#nav-careers a
		{ }
	li#nav-contact a
		{ border-right:1px dotted #000; }
	li#nav-contact
		{ text-align:right; }


/* - HOMEPAGE - */

#content
{ zoom:1; clear:both; }
	#content:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }
#home #content
	{ width:993px; position:relative; }

/*
BOX GALLERY STYLEs
*/

#gallery_box
	{ position:relative; width:983px; margin:0 5px; }

/* Next/previous links */
#gallery-previous, #gallery-next, .notes
{ position:absolute; top:175px; z-index:50 }

#gallery-next
{ right:-17px; }
#gallery-previous
{ left:-17px; }
.notes
	{ left:60px; top:192px; }
#gallery-previous.disabled, #gallery-next.disabled /* Hide if disabled */
{ display:none }

#gallery-wrapper
{ background:url(../images/home-mainboxesbg.gif); position:relative; width:983px; overflow:hidden }

#gallery-innerwrapper
{ height:393px; overflow:hidden; position:relative; z-index:10; width:970px; }

#pic_holder
	{
	margin:0;
	width:983px;
	height:393px;
	overflow:hidden;
	}
#inside_pics
	{ height:393px; float:left; position:relative; margin:0 0 0 0; padding:11px 0 0 13px; z-index:10; }
#inside_pics div
	{ float:left; margin:0; 
	position:relative; }

#inside_pics ul
	{ zoom:1; margin:0; padding:0; list-style-type:none; float:none; height:auto; border-width:0 }
	#inside_pics ul:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#inside_pics ul li
{ float:left; margin:0 2px 0 0; padding:0; width:238px; height:370px; position:relative; }
#inside_pics ul li a
{ display:block; width:225px; height:350px; }

#box-one
{ background:url(../images/home-box-1.jpg) no-repeat; }
#box-two
{ background:url(../images/home-box-2.jpg) no-repeat; }
#box-three
{ background:url(../images/home-box-3.jpg) no-repeat; }
#box-four
{ background:url(../images/home-box-4.jpg) no-repeat; }
#box-five
{ background:url(../images/home-box-5.jpg) no-repeat; }



#home-bottom-boxes
{ padding:7px 0; margin:0 auto; width:957px; background:#93928b; height:104px; }
#home-bottom-boxes:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }
	
.inbox
{ width:937px; margin:0 auto; }

#home-bottom-boxes .box
{ float:left; border:2px solid #93928b; width:311px; height:114px; }

/*
sUB pAGE sTYLES
*/

#subnav
{ margin:6px 3px 0 8px; width:982px; height:26px; background:url(../images/bg_subnav.gif) no-repeat; }

#subnav ul
{ margin:0 0 0 12px; padding:0; }
#subnav ul li
{ float:left; margin:0; padding:0; }

#subnav ul li a
{ display:block; height:25px; overflow:hidden; text-indent:-9999px; }

#subnav ul li#subnav-overview a
{ width:103px; background:url(../images/subnav-overview.gif) no-repeat; }
#subnav ul li#subnav-facility a
{ width:82px; background:url(../images/subnav-facility.gif) no-repeat; }
#subnav ul li#subnav-capabilities a
{ width:148px; background:url(../images/subnav-capabilities.gif) no-repeat; }
#subnav ul li#subnav-precisiongrinding a
{ width:144px; background:url(../images/subnav-precisiongrinding.gif) no-repeat; }
#subnav ul li#subnav-precisionmachining a
{ width:156px; background:url(../images/subnav-precisionmachining.gif) no-repeat; }
#subnav ul li#subnav-quality a
{ width:65px; background:url(../images/subnav-quality.gif) no-repeat; }
#subnav ul li#subnav-software a
{ width:148px; background:url(../images/subnav-software.gif) no-repeat; }
#subnav ul li#subnav-techcapabilities a
{ width:166px; background:url(../images/subnav-techcapabilities.gif) no-repeat; }
#subnav ul li#subnav-containers a
{ width:91px; background:url(../images/subnav-containers.gif) no-repeat; }
#subnav ul li#subnav-medical a
{ width:70px; background:url(../images/subnav-medical.gif) no-repeat; }
#subnav ul li#subnav-aerospace a
{ width:159px; background:url(../images/subnav-aerospace.gif) no-repeat; }
#subnav ul li#subnav-machining a
{ width:159px; background:url(../images/subnav-machining.gif) no-repeat; }
#subnav ul li#subnav-printing a
{ width:159px; background:url(../images/subnav-printing.gif) no-repeat; }



#subnav ul li a:hover, #subnav ul li a.active
{ background-position:0 -25px !important; }

#innercontentwrap
{ zoom:1; padding:6px 3px 20px 20px; width:970px; background:url(../images/innercontentwrap.gif) repeat-y; }
#innercontentwrap:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }


#innercontentbtm
{ clear:both; height:21px; width:993px; background:url(../images/innercontentbtm.gif) no-repeat; }

#maincontent
{ width:708px; margin:7px 13px; float:left; }

#maincontent .inner
{ margin-top:10px; padding:20px 30px 20px 15px; background:url(../images/bg_contentgrad.gif) no-repeat; }

#sidenav
{ float:right; }

#sidenav ul
{ margin:0 16px 0 0; padding:0; }

#sidenav ul li
{ padding:0; margin:7px 0 0 0; }
#sidenav li a
{ display:block; width:220px; height:89px; overflow:hidden; text-indent:-9999px; }

li#container a
{ background:url(../images/sidenav-container.gif); }
li#medical a
{ background:url(../images/sidenav-medical.gif); }

li#aerospace a
{ background:url(../images/sidenav-aerospace.gif); }

#sidenav li a:hover, #sidenav li a.active
{ background-position:0 -89px; }


#foot-box
{ clear:both; border-top:4px solid #eeeedd; padding:20px 10px 0 0; margin:6px auto 20px; width:939px; height:58px; text-align:right; }

#home #foot-box
{ border:4px solid #eeeedd; padding:60px 10px 0 0; margin:6px auto 20px; width:939px; height:58px; text-align:right; }


/* Columns (use for multi-column content, not for page layout) */
.columns
{ zoom:1; margin:0 0 1.2em }
	.columns:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

.columns .col
{ float:left; width:47%; margin-right:3% }
	.columns .first-child
	{ margin-right:0; border-right:1px solid #e0e0e0; padding-right:2.9% }
	.columns .last-child
	{ float:right; width:47%; margin-right:0 }

.three .col /* Three columns */
{ float:left; width:30.3%; margin-right:3% }
	.three .first-child
	{ margin-right:1.3%; border-right:none; padding-right:0 }
	.three .middle-child
	{ margin-right:1.4%; padding:0 2% 0 2.4%; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0 }
	.three .last-child
	{ margin-right:0; padding-left:1.4% }


/* --- Footer --- */

#footer
{ clear:both; margin-bottom:1.5em;  padding-top:1.5em; font-size:92% }

#footer p, #footer a
	{ color:#fff; font-size:90%; }

#footer #legal
{ float:left; }

#footer #links
{ float:right; }


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window
{ font: 12px Arial, Helvetica, sans-serif; color: #333333; }

#TB_secondLine
{ font: 10px Arial, Helvetica, sans-serif;color:#666666; }

#TB_window a:link
{ background:url(../images/video_close.gif) no-repeat; width:106px; height:50px; display:block; text-indent:-9999px; overflow:hidden; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay
{ position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }

.TB_overlayMacFFBGHack
{ background: url(../images/macFFBgHack.png) repeat; }

.TB_overlayBG
{ background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }

* html #TB_overlay { /* ie6 hack */
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}

#TB_window  
{ border:2px solid #ccc; position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; text-align:left; top:50%; left:50%; }

* html #TB_window /* ie6 hack */
{ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }

#TB_window img#TB_Image
{ display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }

#TB_caption
{ height:25px; padding:7px 30px 10px 25px; float:left; }

#TB_closeWindow
{ height:25px; padding:11px 25px 10px 0; float:right; }

#TB_closeAjaxWindow
{ position:absolute; bottom:0; right:10px; }

#TB_ajaxWindowTitle
{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; }

#TB_title
{ height:27px; }

#TB_ajaxContent
{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }

#TB_ajaxContent.TB_modal
{ padding:15px; }

#TB_ajaxContent p
{ padding:5px 0px 5px 0px; }

#TB_load
{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}

* html #TB_load /* ie6 hack */
{ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }

#TB_HideSelect
{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }

* html #TB_HideSelect/* ie6 hack */
{ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}


