/* universals *************************************************************************************/

p, blockquote {
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: #FFFFFF;
  line-height: 19px;
}

p a,
li a {
  color: #FFFFFF;
}

p a:hover,
li a:hover {
  text-decoration: none;
  color: #cc0000;
}

img {
  border: none;
}

ul {
  padding-left: 15px;
  /* the easiest way to control bullet color is with an image */
  list-style-image: url(/assets/images/bullet_red.png);
  margin: 10px 0 0 0;
}

ul li {
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: #F;
  line-height: 19px;
  margin-left: 15px;
}

/* basic page structure ***************************************************************************/

body {
  margin: 0px;
  padding: 17px;
  background-color: #000;
  text-align: center;
  background: url(../images/bg_fade.jpg) repeat-x;
  
}

div#wrapper {
  width: 937px;
  margin: 0px auto 0px auto;
  text-align: left;
  overflow: hidden;
  background: url(../images/bg_wrapper_black.png) repeat-y;
}

div#header {
  height: 91px;
  background: url(../images/bg_header_orange.png) no-repeat;
}

div#header img.call_us {
  float: right;
}

div#header p {
  float: right;
  margin: 0px 20px 0 0;
}



div#mainfotos {
  width: 937px;
  
  }

div#mainfotos p {
  float: left;
  margin: 10px 20px 0 0;
}




div#homecontent, div#content {
  padding: 15px 15px 20px 17px;
  overflow: hidden;
}

div#homecontent div.primary {
  float: left;
  width: 590px;
}

div#homecontent div.secondary {
  padding: 0 0 0 17px;
  border-left: 1px solid #dfdfdf;
  float: right;
}

div#content div.primary {
  float: left;
  width: 600px;
}

div#content div.secondary {
  float: right;
}

/* indent list items */
div#content div.primary div.box ul {
  margin-left: 0px;
  margin-top: 5px;
}

/* the following five styles are intended for use with multi-column lists, as on the content page */
div#content div.columns {
  overflow: hidden;
}

div#content div.columns div.col_left {
  float: left;
  width: 195px;
}

div#content div.columns div.col_left_two {
  float: left;
  width: 295px;
}

div#content div.columns div.col_middle {
  float: left;
  margin-left: 5px;
  width: 195px;
}

div#content div.columns div.col_middle_two {
  float: left;
  margin-left: 5px;
  width: 295px;
}

div#content div.columns div.col_middle_clients {
  float: left;
  margin-left: 5px;
  width: 182px;
}

div#content div.columns div.col_right {
  float: left;
  margin-left: 5px;
  width: 195px;
}

div#content div.columns h3 {
  margin-top: 18px;
  margin-bottom: 0px;
}

div#footer {
  height: 99px;
  background: url(/assets/images/bg_footer.png) no-repeat;
}

/* image preloading is done by placing images in the div#preload at the bottom of the body of a
   page. this style prevents the browser from rendering the images, but lets the browser cache them
   in the background. */
div#preload {
  display: none;
}

/* logo *******************************************************************************************/

a#logo {
  display: block;
  float: left;
}

/* sitenav ****************************************************************************************/

ul#sitenav {
  list-style-type: none;
  margin: 0 0 0 285px;
  padding: 42px 0 0 0;
}

ul#sitenav li {
  display: inline;
}

ul#sitenav a {
  float: left;
  display: block;
  height: 22px;
  margin-left: 25px;
}

/* css image replacement. the nav links still have text for seo and accessibility, but that text is
   hidden from display in the browser. */
ul#sitenav a span {
  display: none;
}

/* to prevent image flickering as hover states are loaded, buttons are stored with the inactive
   state in the top half of the image, and the active state in the bottom half. 'top' and 'bottom'
   below in the background property control which half of the button comp is displayed. */
ul#sitenav a.home {
  width: 44px;
  background: url(../images/sitenav/home.png) top no-repeat;
}

ul#sitenav li.active a.home, ul#sitenav a.home:hover {
  background: url(../images/sitenav/home.png) bottom no-repeat;
}

ul#sitenav a.about_us {
  width: 73px;
  background: url(../images/sitenav/about_us.png) top no-repeat;
}

ul#sitenav li.active a.about_us, ul#sitenav a.about_us:hover {
  background: url(../images/sitenav/about_us.png) bottom no-repeat;
}

ul#sitenav a.services {
  width: 66px;
  background: url(../images/sitenav/services.png) top no-repeat;
}

ul#sitenav li.active a.services, ul#sitenav a.services:hover {
  background: url(../images/sitenav/services.png) bottom no-repeat;
}

ul#sitenav a.products {
  width: 76px;
  background: url(/assets/images/sitenav/products.png) top no-repeat;
}

ul#sitenav li.active a.products, ul#sitenav a.products:hover {
  background: url(/assets/images/sitenav/products.png) bottom no-repeat;
}

ul#sitenav a.clients {
  width: 58px;
  background: url(/assets/images/sitenav/clients.png) top no-repeat;
}

ul#sitenav li.active a.clients, ul#sitenav a.clients:hover {
  background: url(/assets/images/sitenav/clients.png) bottom no-repeat;
}

ul#sitenav a.partners {
  width: 71px;
  background: url(/assets/images/sitenav/partners.png) top no-repeat;
}

ul#sitenav li.active a.partners, ul#sitenav a.partners:hover {
  background: url(/assets/images/sitenav/partners.png) bottom no-repeat;
}

ul#sitenav a.contact {
  width: 71px;
  background: url(../assets/images/sitenav/contact.png) top no-repeat;
}

ul#sitenav li.active a.contact, ul#sitenav a.contact:hover {
  background: url(../assets/images/sitenav/contact.png) bottom no-repeat;
}


/*menu top */

ul#menueddie{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(../images/blockdefault.gif) center center repeat-x;
}

ul#menueddie li{
display:block;
}

ul#menueddie li a{
float: left;
color: white;
padding: 13px 25px;
text-decoration: none;
border-right: 1px solid white;
}

ul#menueddie li a:visited{
color: white;
}

ul#menueddie li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(../images/blockactive.gif) center center repeat-x;
}

<!--[if IE]>
<style type="text/css">
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
</style>
<![endif]-->
   
	


/* content page nav ***********************************************************************************/

ul#secnav {
  width: 265px;
  overflow: hidden;
  border-top: 5px solid #1e1e1e;
  list-style-type: none;
  list-style-image: none;
  padding: 0px;
  margin: 0px;
}

ul#secnav li {
  margin-left: 0px;
  font-size: 14px;
  height: 34px;
  background: url(/assets/images/bg_secnav_inactive.png);
}

ul#secnav li a {
  padding: 8px 0 0 15px;
  height: 26px;
  display: block;
  text-decoration: none;
  color: #555555;
}

ul#secnav li a:hover {
  background: url(/assets/images/bg_secnav_hover.png);
  color: #ffffff;
}

ul#secnav li.active a {
  background: url(/assets/images/bg_secnav_active.png);
  color: #ffffff;
}

/* homepage - displays ******************************************************************************/

/* div#display is used as a shell to position the panels into the right spot. this is to avoid putting
   bits of the wrapper background in each panel image. */
div#display {
  padding: 1px 3px 0 3px;
}

div#display div.disp {
  width: 937px;
  height:400px;
  overflow: hidden;
}

div#display p {
  padding: 0 0 0 13px;
  width: 520px;
  /* use an exact height so the nav bar appears in the same spot regardless of content length. */
  height: 138px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #fff;
  overflow: hidden;
  line-height: 20px;
  margin: 15px 0 10px 0;
}

div#display p a {
  color: #fff;
}

div#display p a:hover {
  text-decoration: none;
}

div#display h1 {
  height: 34px;
  margin: 20px 0 12px 12px;
}

/* div#display a.action {
	font-size: 18px;
} This changes the call to action link in the display, just add class="action" to the anchor link - TO */

/* each panel consists of the panel background and the panel heading. all of these files can be
   found in the /displays/ subdirectory of images. */
div#display div.td_scanning_services {
  background: url(images/displays/3d_scanning_services.jpg) no-repeat;
  
}

div#display div.td_scanning_services h1 {
  background: url(images/displays/h1_3d_scanning_services.png) no-repeat;
  width: 231px;
}

div#display div.reverse_engineering_services {
  background: url(/assets/images/displays/reverse_engineering_services.jpg) no-repeat;
}

div#display div.reverse_engineering_services h1 {
  background: url(/assets/images/displays/h1_reverse_engineering_services.png) no-repeat;
  width: 320px;
}

div#display div.quality_inspection_services {
  background: url(/assets/images/displays/quality_inspection_services.jpg) no-repeat;
}

div#display div.quality_inspection_services h1 {
  background: url(/assets/images/displays/h1_quality_inspection_services.png) no-repeat;
  width: 291px;
}

div#display div.td_scanning_software_3d_scanners {
  background: url(/assets/images/displays/3d_scanning_software_3d_scanner.jpg) no-repeat;
}

div#display div.td_scanning_software_3d_scanners h1 {
  background: url(/assets/images/displays/h1_custom_system_development.png) no-repeat;
  width: 332px;
}

div#display div.on_site_3d_laser_scanning {
  background: url(/assets/images/displays/project_management.jpg) no-repeat;
}

div#display div.on_site_3d_laser_scanning h1 {
  background: url(/assets/images/displays/h1_project_management.png) no-repeat;
  width: 306px;
}

/* homepage - display nav ***************************************************************************/

div#display ul.display_nav {
  list-style-type: none;
  background: url(/assets/images/bg_displaynav.png) repeat-x;
  height: 33px;
  width: 931px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}

div#display ul.display_nav li {
  display: inline;
}

div#display ul.display_nav a {
  float: left;
  display: block;
  height: 33px;
}

div#display ul.display_nav a span {
  display: none;
}

/* again to prevent flickering, all nav item states are stored in a single image. this time around,
   that image has three states. the active state has borders around the tab, to help visually
   isolate it from other tabs. the hover state does not have these borders. */
div#display ul.display_nav a.td_scanning_services {
  width: 195px;
  background: url(/assets/images/displaynav/3d_scanning_services.png) top no-repeat;
}

div#display ul.display_nav a.td_scanning_services:hover {
  background: url(/assets/images/displaynav/3d_scanning_services.png) center no-repeat;
}

div#display ul.display_nav li.active a.td_scanning_services {
  background: url(/assets/images/displaynav/3d_scanning_services.png) bottom no-repeat;
}

div#display ul.display_nav a.reverse_engineering {
  width: 187px;
  background: url(/assets/images/displaynav/reverse_engineering.png) top no-repeat;
}

div#display ul.display_nav a.reverse_engineering:hover {
  background: url(/assets/images/displaynav/reverse_engineering.png) center no-repeat;
}

div#display ul.display_nav li.active a.reverse_engineering {
  background: url(/assets/images/displaynav/reverse_engineering.png) bottom no-repeat;
}

div#display ul.display_nav a.quality_inspection {
  width: 175px;
  background: url(/assets/images/displaynav/quality_inspection.png) top no-repeat;
}

div#display ul.display_nav a.quality_inspection:hover {
  background: url(/assets/images/displaynav/quality_inspection.png) center no-repeat;
}

div#display ul.display_nav li.active a.quality_inspection {
  background: url(/assets/images/displaynav/quality_inspection.png) bottom no-repeat;
}

div#display ul.display_nav a.td_scanning_software_3d_scanners {
  width: 175px;
  background: url(/assets/images/displaynav/custom_systems.png) top no-repeat;
}

div#display ul.display_nav a.td_scanning_software_3d_scanners:hover {
  background: url(/assets/images/displaynav/custom_systems.png) center no-repeat;
}

div#display ul.display_nav li.active a.td_scanning_software_3d_scanners {
  background: url(/assets/images/displaynav/custom_systems.png) bottom no-repeat;
}

div#display ul.display_nav a.on_site_3d_laser_scanning {
  width: 199px;
  background: url(/assets/images/displaynav/project_management.png) top no-repeat;
}

div#display ul.display_nav a.on_site_3d_laser_scanning:hover {
  background: url(/assets/images/displaynav/project_management.png) center no-repeat;
}

div#display ul.display_nav li.active a.on_site_3d_laser_scanning {
  background: url(/assets/images/displaynav/project_management.png) bottom no-repeat;
}

/* homepage - featured clients **********************************************************************/

div#homecontent div.clients ul {
  list-style-type: none;
  list-style-image: none;
  padding: 0;
  margin: 0;
}

div#homecontent div.clients ul li {
  display: inline;
}

div#homecontent div.clients ul li a {
  float: left;
  margin: 0 0 18px 17px;
  border: 1px solid #bbbbbb;
  padding: 3px;
}

div#homecontent div.clients ul.bottom li a {
  margin: 0 0 0 17px;
}

div#homecontent div.clients ul li a:hover {
  padding: 3px;
  border: 1px solid #777777;
}

div#homecontent div.clients ul li.first a {
  margin-left: 0px;
}

/* homepage - quote box *****************************************************************************/

div#quote_box p {
  font-family: Georgia, serif;
  font-size: 14px;
  line-height: 19px;
}

div#quote_box p.quote {
  margin: 0px;
  background: url(../images/quote.png) top left no-repeat;
  padding: 0px 0px 0px 40px;
  font-style: italic;
  color: #646464;
}

div#quote_box  p.author {
  color: #3a3a3a;
  font-style: italic;
  text-align: right;
  margin-top: 5px;
  margin-bottom: 0px;
}

div#quote_box p.author span.client a {
  color: #cc0000;
}

div#quote_box p.author span.client a:hover {
  text-decoration: none;
}

div#quote_box p.arrow {
  font-style: italic;
  font-size: 12px;
  margin-top: 5px;
  float: right;
}

/* news box ***************************************************************************************/

div.recent_news {
  border: 1px solid #dfdfdf;
  padding: 2px;
}

div.recent_news div.recent_news_inner,
div.recent_news div.recent_news_inner_widget {
  background: url(/assets/images/bg_newsbox.png) bottom repeat-x;
  width: 246px;
  padding: 15px;
  overflow: hidden;
}

div.recent_news div.recent_news_inner_widget {
  width: 230px;
}

div.recent_news div.recent_news_inner div.news_left {
  float: left;
}

div.recent_news div.recent_news_inner div.news_right {
  float: right;
}

div.recent_news p.story,
div.recent_news p.story_widget {
  padding-top: 0px;
  font-family: Arial, sans-serif;
  font-size: 13px;
  line-height: 19px;
  color: #808080;
}

div.recent_news p.story_widget {
  margin-bottom: 10px;
}

div.recent_news p.story span.date,
div.recent_news p.story_widget span.date {
  color: #2a2a2a;
}

div.recent_news p.story a,
div.recent_news p.story_widget a {
  color: #808080;
  padding: 0px 10px 0px 0px;
  background: url(/assets/images/arrow_red.gif) right center no-repeat;
}

div.recent_news p.story a:hover,
div.recent_news p.story_widget a:hover {
  color: #cc0000;
}

div.recent_news p.more {
  font-style: Italic;
  padding: 12px 0px 0px 0px;
  border-top: 1px solid #d5d5d5;
  font-size: 13px;
  line-height: 19px;
  color: #808080;
  margin: 10px 0 0 0;
}

div.recent_news p.more a {
  color: #808080;
}

div.recent_news p.more a:hover {
  text-decoration: none;
}

/* paragraphs *************************************************************************************/

div#content p {
  margin-bottom: 0px;
}

p.disk {
  background: url(/assets/images/icon_disk.png) left no-repeat;
  padding-left: 24px;
}

p.arrow {
  background: url(/assets/images/icon_arrow.png) left no-repeat;
  padding-left: 24px;
}

p.pdf {
  background: url(/assets/images/icon_pdf.png) left no-repeat;
  padding-left: 24px;
}

div#content div.secondary div.side_quote {
  margin: -15px 0 30px 0;
  width: 265px;
}

div#content div.secondary div.side_quote p {
  padding-top: 10px;
  color: #a0a0a0;
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 15px;
  line-height: 20px;
}

div#content div.secondary div.side_quote span.dropcap {
  color: #a0a0a0;
  font-family: Georgia, serif;
  padding: 0px 5px 0px 0px;
  float: left;
  display: block;
  font-size: 50px;
  margin-bottom: -40px;
  font-style: normal;
}

div#content div.secondary div.address {
  background: url(/assets/images/bg_vcard.png) 3px 3px no-repeat;
  padding: 280px 0 0 12px;
  margin: 0;
  width: 248px;
  height: 130px;
}

div#content div.secondary div.address p {
  display: block;
  float: left;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 15px;
}

div#content div.secondary div.address p.street {
  width: 200px;
}

div#content div.secondary div.address p.standard {
  width: 120px;
}

div#content div.secondary div.address p.labels {
  width: 60px;
}

div#content div.secondary div.address a {
  color: #fff;
}

div#content div.secondary div.maplink {
  margin: 0;
  padding: 0;
}

div#content div.secondary div.maplink a {
  margin-left: 3px;
}

div#content div.call_today {
  text-align: center;
}

div#content div.call_today a.rfq {
  display: inline;
  padding: 20px 0 0 0;
  border-bottom: 1px solid #cc0000;
}

div#content div.call_today a.rfq:hover {
  border-bottom: none;
}

p.small {
  font-size: 11px;
}

p.no_margins {
  margin: 0;
}

/* glossary list ********************************************************************************/

ul#glossary {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  list-style-image: none;
}

ul#glossary li {
  margin: 8px 0 20px 0;
}

/* splash list ***********************************************************************************/

ul#splash_content {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  list-style-image: none;
}

ul#splash_content li {
  margin: 8px 0 20px 0px;
}

ul#splash_content p {
  margin-top: 8px;
}

ul#splash_content h3.splash {
  display: inline;
  padding-right: 10px;
  background: url(/assets/images/arrow_gray.png) right center no-repeat;
  border-bottom: 1px solid #ffffff;
}

ul#splash_content h3.splash a:hover {
  border-bottom: 1px solid #ec0404;
}

ul#splash_content li.td_scanning_services {
  padding-left: 72px;
  background: url(/assets/images/splashbullets/3d_scanning.png) top left no-repeat;
}

ul#splash_content li.reverse_engineering_services {
  padding-left: 72px;
  background: url(/assets/images/splashbullets/reverse_engineering.png) top left no-repeat;
}

ul#splash_content li.quality_inspection_services {
  padding-left: 72px;
  background: url(/assets/images/splashbullets/quality_inspection.png) top left no-repeat;
}

ul#splash_content li.large_scale_3d_scanning {
  padding-left: 72px;
  background: url(/assets/images/splashbullets/large_scale_3d_scanning.png) top left no-repeat;
}

ul#splash_content li.training {
  padding-left: 72px;
  background: url(/assets/images/splashbullets/book.png) top left no-repeat;
}

ul#splash_content li.td_drawings {
  padding-left: 72px;
  background: url(/assets/images/splashbullets/2d_drawings.png) top left no-repeat;
}

ul#splash_content li.company_info {
  padding-left: 15px;
}

ul#splash_content li.press_room {
  padding-left: 15px;
}

ul#splash_content li.career_opportunities {
  padding-left: 15px;
}

ul#splash_content li.td_scanning_information {
  padding-left: 15px;
}

ul#splash_content li.td_scanning_faq {
  padding-left: 15px;
}

ul#splash_content li.td_scanning_glossary {
  padding-left: 15px;
}

ul#splash_content li.td_laser_scanners {
  padding-left: 72px;
  background: url(/assets/images/splashbullets/9i.png) top left no-repeat;
}

ul#splash_content li.konica_minolta_vivid_9i_910 {
  padding-left: 72px;
  background: url(/assets/images/splashbullets/9i.png) top left no-repeat;
}

ul#splash_content li.handyscan3d_revscan {
  padding-left: 72px;
  background: url(/assets/images/splashbullets/handyscan3d_revscan.png) top left no-repeat;
}

ul#splash_content li.handyscan3d_exascan {
  padding-left: 72px;
  background: url(/assets/images/splashbullets/handyscan3d_exascan.png) top left no-repeat;
}

ul#splash_content li.metris_3d_laser_scanners {
  padding-left: 72px;
  background: url(/assets/images/splashbullets/metris_3d_laser_scanners.png) top left no-repeat;
}

ul#splash_content li.cmm_scanners {
  padding-left: 72px;
  background: url(/assets/images/splashbullets/cmm_scanners.png) top left no-repeat;
}

ul#splash_content li.large_volume_metrology {
  padding-left: 72px;
  background: url(/assets/images/splashbullets/laser_radar.png) top left no-repeat;
}

ul#splash_content li.cmm {
  padding-left: 72px;
  background: url(/assets/images/splashbullets/cmm.png) top left no-repeat;
}

ul#splash_content li.horiz_arm_cmm {
  padding-left: 72px;
  background: url(/assets/images/splashbullets/horiz_arm_cmms.png) top left no-repeat;
}

ul#splash_content li.product_development_services,
ul#splash_content li.custom_3d_laser_scanning_systems,
ul#splash_content li.custom_3d_laser_scanning_software {
  padding-left: 72px;
  background: url(/assets/images/splashbullets/3dscanco.png) top left no-repeat;
}

ul#splash_content li.td_scanning_software {
  padding-left: 72px;
  background: url(/assets/images/splashbullets/3d_scanning.png) top left no-repeat;
}

ul#splash_content li.reverse_engineering_software {
  padding-left: 72px;
  background: url(/assets/images/splashbullets/reverse_engineering.png) top left no-repeat;
}

ul#splash_content li.quality_inspection_software {
  padding-left: 72px;
  background: url(/assets/images/splashbullets/quality_inspection.png) top left no-repeat;
}

ul#splash_content li.other_software {
  padding-left: 72px;
  background: url(/assets/images/splashbullets/qi_blade.png) top left no-repeat;
}

ul#splash_content li.metris_scan,
ul#splash_content li.metris_focus_reverse_engineering,
ul#splash_content li.metris_focus_inspection,
ul#splash_content li.metris_kube {
  padding-left:72px;
  background: url(/assets/images/splashbullets/metris.png) top left no-repeat;
}

ul#splash_content li.rapidform_xos_scan {
  padding-left: 72px;
  background: url(/assets/images/splashbullets/rapidform_xos_scan.png) top left no-repeat;
}

ul#splash_content li.rapidform_xor_redesign {
  padding-left: 72px;
  background: url(/assets/images/splashbullets/rapidform_xor_redesign.png) top left no-repeat;
}

ul#splash_content li.rapidform_xov_verifier {
  padding-left: 72px;
  background: url(/assets/images/splashbullets/rapidform_xov_verifier.png) top left no-repeat;
}

ul#splash_content li.rapidform_basis {
  padding-left: 72px;
  background: url(/assets/images/splashbullets/rapidform.png) top left no-repeat;
}

ul#splash_content li.geomagic_studio {
  padding-left: 72px;
  background: url(/assets/images/splashbullets/geomagic_studio.png) top left no-repeat;
}

ul#splash_content li.geomagic_qualify {
  padding-left: 72px;
  background: url(/assets/images/splashbullets/geomagic_qualify.png) top left no-repeat;
}

ul#splash_content li.geomagic_capture,
ul#splash_content li.geomagic_blade {
  padding-left: 72px;
  background: url(/assets/images/splashbullets/geomagic.png) top left no-repeat;
}

/* clients - our client list **********************************************************************/

ul.our_client_list {
  list-style-image: none;
  list-style-type: none;
}

ul.our_client_list li.case {
  list-style-image: url(/assets/images/bullet_arrow.png);
}

ul.our_client_list li a {
  color: #707070;
}

ul.our_client_list li a:hover {
  text-decoration: none;
}

/* clients - quote box ****************************************************************************/

div.client_quote {
  border: 1px solid #c8c8c8;
  padding: 2px;
}

div.client_quote_inner {
  background: #efefef;
  padding: 10px;
}

div.client_quote p {
  font-family: Georgia, serif;
  font-size: 14px;
  line-height: 19px;
  font-style: italic;
}

div.client_quote p.quote {
  background: url(/assets/images/quote_small.png) top left no-repeat;
  padding: 0 0 0 25px;
  color: #646464;
  margin: 0;
}

div.client_quote  p.author {
  color: #3a3a3a;
  font-style: italic;
  text-align: right;
  margin-top: 5px;
  margin-bottom: 0px;
}

div.client_quote p.author span.client a {
  color: #cc0000;
}

div.client_quote p.author span.client a:hover {
  text-decoration: none;
}

div.client_quote div.arrow {
  margin-top: 5px;
  text-align: right;
}

div.client_quote div.arrow p {
  /* to prevent the paragraph from expanding to fill the parent box's width, display:inline is used.
     this is needed keep the paragraph floated right without causing the arrow to be separated, as
     would happen with a text-align: right applied to this element directly. */
  display: inline;
  background: url(/assets/images/icon_arrow_bg_gray.png) left no-repeat;
  padding: 3px 0 3px 24px;
  font-style: italic;
  font-size: 12px;
}

/* featured widget ********************************************************************************/

div.featured {
  border: 1px solid #c8c8c8;
  padding: 2px;
  width: 260px;
  overflow: hidden;
}

/* this background should contain a slight amount of the "featured" ribbon. this is to allow the
   service description to be positioned such that the "featured" ribbon somecl overlaps it. */
div.featured div.south {
  background: url(/assets/images/featured/p_bg.png) #efefef top no-repeat;
}

div.featured div.south p {
  margin-top: 0px;
  padding: 8px 12px 12px 12px;
}

/* all featured service headers should be this size. note that the "featured" ribbon on the right
   should be slightly cut off in the headers. */
div.featured h2 {
  width: 260px;
  height: 41px;
  margin: 0px;
}

/* featured service headers are located in the headers.css file. they should be created by 
   slicing the appropriate psd. */

/* the featured service image *must* be placed at the top of the paragraph it is to "float" next to.
   assuming the desired effect is to keep this image near the bottom, the image should be floated in
   the last paragraph of the featured service. float causes elements to be pushed as far up as they
   can go, so there's no easy way to keep this image "sunk" to the bottom. */
div.featured div.south p img {
  padding-left: 8px;
  float: right;
}

div.featured div.south p.arrow {
  margin: 0 14px 0 12px;
  padding-left: 24px;
  border-top: 1px solid #d5d5d5;
  background: url(/assets/images/icon_arrow_bg_gray.png) left center no-repeat;
}

/* flickr images **********************************************************************************/

div#flickr {
	width: 265px;
}

div#flickr a {
	border: none;
}

div#flickr a img {
	width: 76px;
	height: 76px;
	margin: 0 6px 4px 0;
	padding: 2px;
	border: 1px solid #bbbbbb;
}

div#flickr a img:hover {
	border: 1px solid #777777;
	background: none;
}
/* featured case study widget list ****************************************************************/

ul#casestudy {
	border-left: 15px solid #efefef;
	margin-top: 0px;
	background-color: #efefef;
	list-style-image: url(/assets/images/bullet_red_gray_bg.png);
}

/* tabs *******************************************************************************************/

div#content .tabs {
  width: 600px;
}

div#content .resolution { /* fixes IE width bug */
  width: 550px;
}

div#content .tabs ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div#content .tabs li {
	display: inline;
}

div#content .tabs a {
	float: left;
	display: block;
	height: 32px;
	cursor: pointer;
}

div#content .tabs a span {
	display: none;
}

div#content .tabs a.restabnav {
	font-size: 12px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	padding: 0 15px 0 15px;
	margin: 0 5px 0 0;
	text-decoration: none;
	background-color: #ffffff;
	height: 20px;
	color: #cccccc;
}

div#content .tabs .selected a.restabnav,
div#content .tabs a.restabnav:hover {
	border-top: 2px solid #80a4db;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #ffffff;
	color: #707070;
}

div#content .complexitypanel {
	background-color: #ffffff;
	padding: 5px 0px 10px 10px;
	width: 550px;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 2px solid #cccccc;
}

div#content .complexitypanel a {
	background-color: #ffffff;
	padding: 4px;
	border: 1px solid #dddddd;
	margin-right: 7px;
	display: block;
	float: left;
}

div#content .complexitypanel a:hover {
	border: 1px solid #80a4db;
}

div#content .thepanel {
	background: url(/assets/images/tabs/panel_bg.png) top repeat-x;
	padding: 20px 0px 10px 0px;
	width: 600px;
}

div#content .tabs a.product_selection {
  width: 202px;
  background: url(/assets/images/tabs/product_selection.png) top no-repeat;
}

div#content .tabs a.product_selection:hover,
div#content .tabs .selected a.product_selection {
  background: url(/assets/images/tabs/product_selection.png) bottom no-repeat;
}

div#content .tabs a.td_scanners {
  width: 166px;
  background: url(/assets/images/tabs/3d_scanners.png) top no-repeat;
}

div#content .tabs a.td_scanners:hover,
div#content .tabs .selected a.td_scanners {
  background: url(/assets/images/tabs/3d_scanners.png) bottom no-repeat;
}

div#content .tabs a.td_scanning_software {
  width: 232px;
  background: url(/assets/images/tabs/3d_scanning_software.png) top no-repeat;
}

div#content .tabs a.td_scanning_software:hover,
div#content .tabs .selected a.td_scanning_software {
  background: url(/assets/images/tabs/3d_scanning_software.png) bottom no-repeat;
}

div#content .tabs a.parametric_model {
  width: 170px;
  background: url(/assets/images/tabs/parametric_model.png) top no-repeat;
}

div#content .tabs a.parametric_model:hover,
div#content .tabs .selected a.parametric_model {
  background: url(/assets/images/tabs/parametric_model.png) bottom no-repeat;
}

div#content .tabs a.hybrid_surface_model {
  width: 197px;
  background: url(/assets/images/tabs/hybrid_surface_model.png) top no-repeat;
}

div#content .tabs a.hybrid_surface_model:hover,
div#content .tabs .selected a.hybrid_surface_model {
  background: url(/assets/images/tabs/hybrid_surface_model.png) bottom no-repeat;
}

div#content .tabs a.shrinkwrap_surface_model {
  width: 233px;
  background: url(/assets/images/tabs/shrinkwrap_surface_model.png) top no-repeat;
}

div#content .tabs a.shrinkwrap_surface_model:hover,
div#content .tabs .selected a.shrinkwrap_surface_model {
  background: url(/assets/images/tabs/shrinkwrap_surface_model.png) bottom no-repeat;
}

div#content .tabs a.colormap_deviation_report {
  width: 184px;
  background: url(/assets/images/tabs/colormap_deviation.png) top no-repeat;
}

div#content .tabs a.colormap_deviation_report:hover,
div#content .tabs .selected a.colormap_deviation_report {
  background: url(/assets/images/tabs/colormap_deviation.png) bottom no-repeat;
}

div#content .tabs a.cross_section_analysis {
  width: 203px;
  background: url(/assets/images/tabs/cross_section_analysis.png) top no-repeat;
}

div#content .tabs a.cross_section_analysis:hover,
div#content .tabs .selected a.cross_section_analysis {
  background: url(/assets/images/tabs/cross_section_analysis.png) bottom no-repeat;
}

div#content .tabs a.geometric_dimensioning_and_tolerancing {
  width: 75px;
  background: url(/assets/images/tabs/gd_and_t.png) top no-repeat;
}

div#content .tabs a.geometric_dimensioning_and_tolerancing:hover,
div#content .tabs .selected a.geometric_dimensioning_and_tolerancing {
  background: url(/assets/images/tabs/gd_and_t.png) bottom no-repeat;
}

div#content .tabs a.other_reports {
  width: 138px;
  background: url(/assets/images/tabs/other_reports.png) top no-repeat;
}

div#content .tabs a.other_reports:hover,
div#content .tabs .selected a.other_reports {
  background: url(/assets/images/tabs/other_reports.png) bottom no-repeat;
}

/* footernav **************************************************************************************/

ul#footernav {
  font-family: Arial, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  list-style-type: none;
  margin: 0px;
  padding: 16px 0px 0px 20px;
  cursor: default;
}

ul#footernav li {
  margin-left: 0px;
  display: inline;
  color: #606060;
  line-height: normal;
}

ul#footernav li a {
  color: #606060;
  text-decoration: none;
}

ul#footernav li.active a, ul#footernav li a:hover {
  color: #2a2a2a;
  border-bottom: 2px solid #cc0000;
}

/* footerservices *********************************************************************************/

ul#footerservices {
  font-family: Arial, sans-serif;
  font-size: 12px;
  list-style-type: none;
  margin: 0px;
  padding: 8px 0px 0px 20px;
  cursor: default;
 
}

ul#footerservices li {
  align: center;
  margin-left: 0px;
  display: inline;
  color: #acacac;
  line-height: normal;
}

ul#footerservices li a {
  color: #acacac;
  text-decoration: none;
}

ul#footerservices li a:hover {
  color: #2a2a2a;
}

/* copyright **************************************************************************************/

p#copyright {
  font-style: italic;
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #acacac;
  padding: 0 20px 0 20px;
  margin: 8px 0 0 0;
}

p#copyright a {
  color: #acacac;
  text-decoration: none;
}

p#copyright a:hover {
  color: #2a2a2a;
}

/* utility ****************************************************************************************/

div.box {
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
}

div#content div.secondary div.box {
  padding: 0px;
  margin: 0 0 20px 0;
}

div.no_padding {
  padding: 0;
}

div.solid_line {
  border-bottom: 1px solid #dfdfdf;
}

div.solid_top {
  border-top: 1px solid #dfdfdf;
  padding: 20px 0 0 0;
}

div.square a {
  border: 1px solid #bbbbbb;
  padding: 2px;
  display: block;
}

div.square a:hover {
  border: 1px solid #777777;
}

div.sideborder {
  border: 1px solid #bbbbbb;
  padding: 2px;
  display: block;
}

div.bottom {
  padding: 0;
  margin: 0;
}

div.clear {
  clear: both;
}

li.clear {
  clear: left;
}

img.right {
  padding-left: 10px;
  float: right;
}

.landing_text {
  font-size: 16px;
}

img.withborder {
  padding: 2px;
  border: 1px solid #bbbbbb;
  margin-left: 8px;
  margin-bottom: 3px;
  float: right;
}

img.noborder {
  border: 0;
}

div.captionright {
	float:right;
	width: 262px;
	padding: 2px;
	margin-left: 8px;
	margin-bottom: 3px;
}

div.captionright p {
	font-size: 10px;
	font-style: italic;
	color: #999999;
	text-align: center;
}

img.left {
  padding-right: 10px;
  float: left;
}

.util_right {
  float: right;
}


.foto-pic {
padding: 5px;
border-right: solid 1px #CCCCCC;
border-bottom: solid 1px #BEBEBE;
}