/*
	##################################
	# Client : Precision
	# author : tectonyc / scenyc, inc.
	##################################
*/



/*
	#################
	# GLOBAL STYLES
	################
*/

html{
	/* font */
	font-size: 100%;
	height: 100%;
}

body{
  /*background: #86e6fa;*/
  background: #EFEFEF;
	/* font */
 	font-size: 14px;
 	font-family: helvetica, arial, sans-serif;
	/* text */
	color: #414141;
 	line-height: 17px;
 	_font-size: 14px;
	/* size*/
  height: 100%;
}

/*  ------ Links -------*/
a{
	/* text */
	color : #414141;
}

a:link {
	/* text */
	text-decoration: underline;
}

a:visited {
	/* text */
  text-decoration: underline;
}

a:hover {
	/* text */
  text-decoration: none;
}

a:active {
	/* text */
  text-decoration: none;
}

h1 a{
	/* bg and color */
	color : #1A2F87;
	/* text */
	text-decoration : none;
}

/* ----- position ------ */
.align_right{
	/* position */
	float : right;
}

.align_left{
	/* position */
	float : left;
}

/* ----- text position ------ */

.align_center {
  text-align: center;
}

/* ------ layer ------ */
div.area{
	/* position */
	position: relative;
	/* box */
	border-top: 1px solid #1A2F87;
	padding: 0px 10px;
	/* visual */
  overflow: auto;
	_height: 1%;
}

div.text_area {
  position: relative;
	border-top: 1px solid #1A2F87;
	padding: 0px 10px;  
}

div.product_area{
	/* position */
	position: relative;
	/* box */
	border-top: 1px solid #1A2F87;
	padding: 0px 10px;
	/* visual */
	_height: 1%;
}

/* ----- Hn ----- */
h1{
	/* bg and color */
	color: #1A2F87;
	/* font */
	font-size : 1.3em;
	font-weight : bold;
	/* box */
	margin : 0px 0px 10px 0px;
}

h1.section_title {
  margin: 0px 0px 10px 10px;
}

h2{
	/* font */
	font-size : 1.1em;
	font-weight : bold;
	/* text */
/*  text-transform : capitalize;*/
	/* box */
	margin : 0px 0px 10px 0px;
}

#browse_product_catalog h2 {
  text-transform: none;
}

h3,h4{
	/* font */
	font-size : 1.1em;
	font-weight : bold;
	/* text */
	text-transform : capitalize;
	/* box */
	margin : 0px;
}

h4{
	margin-bottom : 5px;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}


/* ----- liste ----- */
ul.inline_menu li{
	/* position */
	display: inline;
	/* box */
	margin: 0px 2px;
}


li.selected a{
	/* bg and color */
	color : #1A2F87;
	/* text */
	text-decoration : underline;
}

/* ------ paragraph ------ */
p{
	margin : 10px 0px;
	line-height: 1.5em;
}

/* ----- text ----- */
.uppercase{
	/* text */
	text-transform : uppercase;
}

.capitalize {
	/* text */
  text-transform: capitalize;
}

.remove_transform {
	/* text */
  text-transform: none;
}

span.match{
	/* text */
	background-color : #cccccc;
}

.option{
	/* text */
	color: #1A2F87;
	/* font */
	font-size:0.9em;
	/* space */
	margin-left: 10px;
}

.option a{
	/* text */
	color : #1A2F87;
	/* font */
	font-size:0.9em;
}

/* ------ form --------*/

form input{
	/* border */
	border : 1px solid #999999;
	/* space */
	padding-left : 5px;
}

/*
	####################
	# GLOBAL CONTAINERS
	####################
*/


div#content_wrapper{
	/* position */
	position: relative;
	/* space */
	margin: 0px auto 0px auto;
	padding: 0px 0px;
	/* size */
	width: 820px;
	min-height: 100%;
	_height: 100%;
	/*background*/
	background: url(../artwork/design/footer.jpg) bottom left no-repeat #FFF;
}

div#page_contents {
	/* space */
  padding: 15px 10px 100px 10px;
	/* background */
  background: url(../artwork/design/header_curve.jpg) top left no-repeat;
	/* visual */
	clear:both;
	overflow: auto;
	zoom: 1;
}


/*
	#########
	# HEADER
	#########
*/


div#header{
	/* space */
	padding: 20px 10px 20px 10px;
}


form#search{
	/* position */
	position: absolute;
	top: 13px;
	right: 10px;
}

form#search input{
	/* box */
	width: 250px;
}

form#search input.submit{
	/* box */
	width: 90px;
	/* bg and color */
	background-color: #1A2F87;
	color: #ffffff;
}

input.submit {
  background-color: #1A2F87;
	color: #ffffff;
}

form#search #language {
  font-size: smaller;
  text-align: right;
  padding-bottom: 10px;
}

#language {
  visibility: hidden;
}


/*
	#################
	MENU - main menu
*/

ul#section_navigation{
	/* list */
	list-style-type:none;
	/* space */
	margin:12px 10px 0px 0px;
	padding:0px;
	/* font */
	font-size:1.4em;
	/* text */
	line-height:1.4em;
	/* position */
	position:absolute;
	right:0px;
	top:60px;
	z-index:10;
}

ul#section_navigation a{
	/* text */
	text-decoration:none;
	color:#1A2F87;
}

ul#section_navigation a:hover{
	/* text */
	text-decoration:underline;
}

ul#section_navigation li{
	/* position */
	display:inline;
	/* border */
	border-right:1px solid #ffffff;
	/* space */
	padding:4px 2px;
	margin:0px 0px 0px 0px;
	z-index:1;
}

ul#section_navigation li ul{
	display:none;
	position:absolute;
	top:25px;
	right:3px;
	padding:0px;
	/* font */
	font-size:0.8em;
}

ul#section_navigation li ul li{
	border:0px;
	color:#000000;
	margin:0px 0px 0px 2px;
	padding:0px;
}

ul#section_navigation li ul li a{
	color:#1A2F87;
	font-weight:normal;
}

ul#section_navigation li ul li a:hover{
	text-decoration:underline;
}


ul#section_navigation li ul.left_menu{
	display:none;
	position:absolute;
	top:25px;
	left:3px;
	padding:0px;
	/* font */
	font-size:0.8em;
}

ul#section_navigation li ul.left_menu li{
	margin:0px 2px 0px 0px ;
}






/*
	#########
	# FOOTER
	#########
*/

div#footer{
	/* box */
	clear: both;
	margin: 10px 0px;
	padding: 0 10px;
  position: absolute;
  width: 800px;
  bottom: 0;
	/* font */
	font-size: 0.8em;
	_font-size: 0.7em;
	_height: 1%;
}

div#footer p{
	/* box */
	margin : 0px;
}

div#footer ul {
  float: left;
}

div#footer ul li a{
	/* text */
	text-decoration: none;
	text-transform: lowercase;
}



/*
	################
	# CONTENT INDEX
	###############
*/

#new_product_wrapper{
	/* visual */
	overflow : hidden;
}

#home_product{
	padding: 0px;
	margin: 0px;
	min-height: 306px;
	//height: 306px;
	//overflow: hidden;
	_height: 306px;
	_overflow: hidden;
}

#home_product img{
	margin:0px;
	padding:0px;
}

div#new_product, div#latest_news{
	/* position */
	position: absolute;
	/* box */
	width: 200px;
	padding: 20px 20px 10px 20px;
}

/* ----- browse product catalog ----- */
div#browse_catalog_area{
	margin: 0px;
	padding: 0px 0px 10px 10px;
}

div#browse_product_catalog{
  /* position */
  position : absolute;
  /* box */
  width : 300px;
  padding : 20px 0px;
}

/* ----- latest news ----- */
div#latest_news{
	/* position */
	top: 0px;
	right: 50px;
	/* border */
	border-left: 1px dotted #1A2F87;
}

div#latest_news h2{

}

/* ----- new product ----- */
div#new_product{
	/* position */
	top : 0px;
	right : 290px;
	/* text */
	text-align : right;
}

/* ----- custom production ----- */
div#custom_production, div#technical_reference{
	/* box */
	width : 369px;
	padding : 20px 20px 20px 0px;
	/* visual */
	overflow : auto;
}

div#custom_production{
	/* border */
	border-right : 1px dotted #1A2F87;
	/* text */
	text-align : right;
}

span.custom_intro{
  display: block;
	font-size: 1em;
	font-style: italic;
	padding-bottom: 20px;
}

div#technical_reference{
	padding-right : 10px;
}

/*
	######################
	# CONTENT NEW PRODUCT
	######################
*/

div.new_product_focus{
	/* box */
  padding: 20px 0;
}


div#new_product_wrapper h2 {
  padding: 10px 0 15px 0;
}

div.new_product_focus h2.product_name {
  color: #1A2F87;
  font-size: 1.5em;
}

div.new_product_focus h2 a {
  color: #1A2F87;
/*  font-weight: bold;*/
  font-size: 1.5em;
}

div#new_product_wrapper h2 a {
  font-size: 1.5em;
}


/* ----- scroll ------ */

#scroll_wrap{
	/* box */
	width : 780px;
	height : 300px;
	/* visual */
	overflow : hidden;
	position : relative;
}

#history_wrap{
	/* box */
	width : 780px;
	height : 300px;
	margin: 0 auto;
	/* visual */
	overflow : hidden;
	position : relative;
}

#inner{
	/* box */
}


div.description{
	/* position */
	float : left;
	/* visuals */
	overflow : hidden;
	/* box */
	border-right : 1px dotted #1A2F87;
	padding : 10px 0px 0px 10px;
	width : 250px;
	height : 290px;
}

div.history_item{
	/* position */
	float: left;
	/* visuals */
	overflow: hidden;
	/* box */
	padding: 10px 0px 0px 10px;
	width: 780px;
	height: 290px;
}

div.history_item h2 {
  text-transform: none;
  width: 750px;
	_float:left;
	_width:525px;
	*float: left;
	*width:525px;
}

#right, #left{
	/* position */
	position: absolute;
	top: 0px;
	/* visual */
	cursor: pointer;
	/* box */
	height: 290px;
}

#right .arrow, #left .arrow{
	/* position */
	position : relative;
	top : 49%;
}

#right,#left{
	visibility:hidden;
	top:500px;
}

#right{
	right : -20px;
}

#left{
	left : -20px;
}

#see_all_bt, #scroll_bt{
	visibility:hidden;
	position:absolute;
	width:50px;
	top:0;
	left:50%;
	margin-top: -25px;
	margin-left:-25px;
	cursor: pointer;
}

#scroll_bt{
	visibility:hidden;
}


div.end{
	/* box */
	border : 0px;
}


/*
	######################
	# CONTENT - LOCATIONS
	######################
*/

div#precision_headquarters{
	/* box */
	padding: 20px 10px 10px 10px;
	overflow: auto;
}

div#precision_headquarters p{
	/* box */
	margin-top: 45px;
}

div#other_locations{
	/* box */
	padding: 20px 10px 10px 10px;
}

div#other_locations ul{
	/* position */
	float: left;
	/* box */
	margin: 20px 45px 0px;
	_margin: 20px 35px 0px;
	/* text */
	text-transform: capitalize;
}

/*
	######################
	# CONTENT - SERVICES
	######################
*/

div#services_case_studies, div#resources_technical_reference, div#about_locations_quality_container, div#mission_left, div#services_cde {
  position: absolute;
  top: 0;
  left: 0;
  width: 369px;
  border-right: 1px dotted #1A2F87;
  padding: 20px 20px 10px 10px;
  text-align: left;
}

div#services_cde{
	left: 400px;
	top: 255px;
	width: 379px;
	text-align: right;
	border-right: none;
	padding-right: 10px;
	_height:150px;
}

/*div#mission_left {
  width: 389px;
  padding: 10px 20px 10px 10px;
}

div#mission_right {
  left: 439px;
  width: 349px;
  padding: 20px 0px 10px 0;
}

div#mission_left ol{
  list-style-position: inside;
  list-style-type: decimal;
  line-height: 1.5em;
  text-align: justify;
}


*/

div#mission_text {
  width: 440px;
  padding: 30px 0px 10px 10px;
	float: left;
	margin: 0px 10px 0px 0px;
  border-right: 1px dotted #1A2F87;
}

div#mission_list {
  left: 439px;
  width: 280px;
  padding: 40px 0px 0px 0px;
	float: right;
	margin: 0px 0px 0px 0px;
}

div#mission_list ul{
  list-style-position: inside;
  list-style-type: none;
  line-height: 2em;
}

div#mission_list ul li h1{
  text-align: right;
	text-transform:uppercase;
	font-size:1.1em;
	margin:0px;
}


/*
div#about_locations_quality_container {
  padding: 20px 0px 10px 10px;
}*/

div#about_locations {
  border-bottom: 1px solid #1A2F87;
}

div#about_quality {
  width: 369px;
  border-right: 1px dotted #1A2F87;
  padding: 20px 0px 10px 0px;
  text-align: left;
}

div#services_custom_production, div#resources_links_regulatory_container, div#about_history_mission_careers_container, div#mission_right {
  position: absolute;
  top: 0;
  left: 399px;
  width: 369px;
  padding: 20px 10px 10px 20px;
  text-align: right;
}

div#resources_links_regulatory_container, div#about_history_mission_careers_container {
  width: 399px;
  padding: 0;
}

div#resources_links, div#resources_regulatory, div#about_history, div#about_mission, div#about_careers {
  padding: 20px 10px 10px 20px;
  border-bottom: 1px solid #1A2F87;
}

div#resources_regulatory, div#about_quality, div#about_careers {
  border: none;
}

div#qualitypolicy_left {
  position: relative;
  width: 359px;
  padding: 20px 20px 10px 10px;
  text-align: left;
}

div#qualitypolicy_right {
  position: relative;
  width: 389px;
  border-left: 1px dotted #1A2F87;
  padding: 20px 0px 10px 20px;
  float: right;
  text-align: right; 
}

div#year_links{
  overflow: hidden;
  font-size: 1.3em;
}

div#year_links a{
	text-decoration:none;
	margin:0px 7px;
	_line-height:0px;
}

div#year_links div#year_links_list{
	/* text */
	text-align: center;	
	/* space */
	margin:0px;
}

div#year_links div#year_overline{
	height: 1px;
	width: 45px;
	border-top: 2px solid #1A2F87;
	margin: 0px 0px 0px 126px;
	line-height: 0px;
}



/*
	##########
	# LINK
	#########
*/

#links_list_wrapper{
	overflow:auto;
}

div#links_list{
/*	width:400px;
	position: relative;
	margin: 10px auto 0px auto;*/
	position: relative;
	margin: 10px auto 0px auto;
}

div#links_list div.link_left{
	width:370px;
	float:left;
	text-align: left;
	margin:7px 10px 10px 0px;
	padding:5px 0px;
	overflow:auto;
}

div#links_list div.link_right{
	width:370px;
	float:right;
	text-align: left;
	margin:7px 10px 10px 0px;
	padding:5px 0px;
	overflow:auto;
}

div#links_list .link_img{
	float:left;
	min-height:70px;
}

div#links_list .link_description {
  margin: 0px 0px 0px 110px;
}

div#links_list img { 
  float: left;
  margin-right: 10px;
}



/*
	###########
	# CAREERS
	###########
*/

#career_information{
	/* space */
	padding-top:20px;
}

#career_information ul{
	/* list */
	list-style-type:disc;
	list-style-position:inside;
}

/*
  ###################
  # WILL PAGINATE
  ##################
*/

.pagination{
  /* text */
  text-align:center;
}

.pagination *{
	vertical-align:middle;
}

.pagination a{
	border:1px solid #1A2F87;
	color:#1A2F87;
	padding:2px 4px;
}

.pagination a.arrow{
	border:0px;
}

.pagination span.current{
  /* text */
  color:#ffffff;
	background-color:#1A2F87;
	border:1px solid #1A2F87;
	padding:2px 4px;
}

.pagination img{
	border:0px;
}


/*
	################
	# CASE STUDIES
	################
*/

#case_studies_navigation{
/*	position:absolute;
	top:0px;
	right:0px;*/
	margin:5px 5px 0px 0px;
	padding:3px;
	border-bottom:1px solid #efefef;
	overflow:auto;
}

#case_studies_navigation select {
  display: inline;
}

#case_studies_navigation #case_studies_navigation_items{
	position:relative;
	width:200px;
	margin:0px auto;
}

#case_studies_navigation #case_studies_navigation_items div{
	float:left;
	height:70px;
	width:100px;
	text-align:center;
}

#case_studies_navigation div.current{
	background:#efefef;
}

ol li {
  padding-bottom: 15px;
}