/* universals *************************************************************************************/
h2.h2_text{ text-transform:uppercase;color:#404040;font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; clear: both; }
h1.h1_slide_text{color:#ffffff;font: bold 22px "Trebuchet MS", Arial, Helvetica, sans-serif; clear: both; }
h1.h1_header_text{color:#ffffff;font: bold 24px "Trebuchet MS", Arial, Helvetica, sans-serif; clear: both; }
h2.sub_heading{ text-transform:uppercase;color:#404040;font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; clear: both; }
h1.h1_header_text{color:#ffffff;font: bold 22px "Trebuchet MS", Arial, Helvetica, sans-serif; clear: both; }
h1.h1_phone_text{color:#ffffff;font: bold 26px "Trebuchet MS", Arial, Helvetica, sans-serif; clear: both; }
h2.h2_content{color:black;font: bold 18px Arial, Helvetica, sans-serif; clear: both; }

span.sub_heading{color:#8fb4e2;text-transform:uppercase;font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; clear: both;}
p, blockquote {
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: #707070;
  line-height: 19px;
}
td.no-repeat{ background-repeat:no-repeat;}

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

.clear {
  color:#000000;
}

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 */
  margin-left:0; margin-right:0; margin-top:10px; margin-bottom:0
}

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

ul.list {
  padding-left: 15px;
  /* the easiest way to control bullet color is with an image */
   margin-left:0; margin-right:0; margin-top:10px; margin-bottom:0
}

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

ol.list {
  padding-left: 29px;
  /* the easiest way to control bullet color is with an image */
  margin-left:0; margin-right:0; margin-top:10px; margin-bottom:0;
   font-family: Arial, sans-serif;
    color: #707070;
  font-size: 13px;
}

ol.list li.list .list {
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: #707070;
  line-height: 19px;
  margin-left: 15px;
}


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

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

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

div#header {
  height: 91px;
  background: url('../images/bg_header.png') no-repeat;
  width:100%;
}

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

div#header p {
  float: right;
  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: 258px;
  background: url('../images/bg_footer_new.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 265px;
  padding: 42px 0 0 0;
  width:640px;
}

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/home.png') no-repeat top;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

ul#sitenav a.quote {
  width:142px;
  background: url('../images/request-for-quote.png') no-repeat top;
}

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

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

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

ul#secnav li {
  margin-left: 0px;
  font-size: 14px;
  height: 34px;
  background: url('../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('../images/bg_secnav_hover.png');
  color: #ffffff
}

ul#secnav li.active a {
  background: url('../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: 931px;
  height: 270px;
  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_first_slide {
  background: url('../images/home_placeholder1.jpg') no-repeat;
}

div#display div.td_second_slide {
  background: url('../images/home_placeholder1.jpg') no-repeat;
}

div#display div.td_third_slide {
  background: url('../images/home_placeholder1.jpg') no-repeat;
}

div#display div.td_fourth_slide {
  background: url('../images/home_placeholder1.jpg') no-repeat;
}

div#display div.td_fifth_slide {
  background: url('../images/home_placeholder1.jpg') no-repeat;
}

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

div#display ul.display_nav {
  list-style-type: none;
  background: url('../images/bg_displaynav.png') repeat-x;
  height: 33px;
  width: 1000px;
  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_first_slide {
  width: 195px;
  background: url('../images/home_placeholder_tabs1.jpg') no-repeat top;
}

div#display ul.display_nav a.td_first_slide:hover {
  background: url('../images/home_placeholder_tabs1.jpg') no-repeat center;
}

div#display ul.display_nav li.active a.td_first_slide {
  background: url('../images/home_placeholder_tabs1.jpg') no-repeat bottom;
}

div#display ul.display_nav a.td_second_slide {
  width: 195px;
  background: url('../images/home_placeholder_tabs2.jpg') no-repeat top;
}

div#display ul.display_nav a.td_second_slide:hover {
  background: url('../images/home_placeholder_tabs2.jpg') no-repeat center;
}

div#display ul.display_nav li.active a.td_second_slide {
  background: url('../images/home_placeholder_tabs2.jpg') no-repeat bottom;
}

div#display ul.display_nav a.td_third_slide {
  width: 195px;
  background: url('../images/home_placeholder_tabs3.jpg') no-repeat top;
}

div#display ul.display_nav a.td_third_slide:hover {
  background: url('../images/home_placeholder_tabs3.jpg') no-repeat center;
}

div#display ul.display_nav li.active a.td_third_slide {
  background: url('../images/home_placeholder_tabs3.jpg') no-repeat bottom;
}

div#display ul.display_nav a.td_fourth_slide {
  width: 195px;
  background: url('../images/home_placeholder_tabs4.jpg') no-repeat top;
}

div#display ul.display_nav a.td_fourth_slide:hover {
  background: url('../images/home_placeholder_tabs4.jpg') no-repeat center;
}

div#display ul.display_nav li.active a.td_fourth_slide {
  background: url('../images/home_placeholder_tabs4.jpg') no-repeat bottom;
}

div#display ul.display_nav a.td_fifth_slide {
  width: 195px;
  background: url('../images/home_placeholder_tabs5.jpg') no-repeat top;
}

div#display ul.display_nav a.td_fifth_slide:hover {
  background: url('../images/home_placeholder_tabs5.jpg') no-repeat center;
}

div#display ul.display_nav li.active a.td_fifth_slide {
  background: url('../images/home_placeholder_tabs5.jpg') no-repeat bottom;
}

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

div#homecontent div.clients ul {
  list-style-type: none;
  list-style-image: url('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') no-repeat top left;
  font-style: italic;
  color: #646464; padding-left:40px; padding-right:0px; padding-top:0px; padding-bottom:0px
}

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('../images/bg_newsbox.png') repeat-x bottom;
  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;
  background: url('../images/small-arrow.jpg') no-repeat left center; padding-left:10px; padding-right:0px; padding-top:0px; padding-bottom:0px
}

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('../images/icon_disk.png') no-repeat left;
  padding-left: 24px
}

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

p.pdf {
  background: url('../images/icon_pdf.png') no-repeat left;
  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('../images/bg_vcard.png') no-repeat 3px 3px;
  margin: 0;
  width: 248px;
  height: 130px; padding-left:12px; padding-right:0; padding-top:280px; padding-bottom:0
}

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: url('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: url('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('../images/arrow_gray.png') no-repeat right center;
  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('../images/3d_scanning.png') no-repeat top left;
}

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

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

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

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

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

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('../images/9i.png') no-repeat top left;
}

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

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

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

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

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

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

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

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

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('../images/3dscanco.png') no-repeat top left;
}

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

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

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

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

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('../images/metris.png') no-repeat top left;
}

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

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

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

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

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

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

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

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

ul.our_client_list {
  list-style-image: url('none');
  list-style-type: none
}

ul.our_client_list li.case {
  list-style-image: url('../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('../images/quote_small.png') no-repeat top left;
  color: #646464;
  margin: 0; padding-left:25px; padding-right:0; padding-top:0; padding-bottom: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('../images/icon_arrow_bg_gray.png') no-repeat left;
  font-style: italic;
  font-size: 12px; padding-left:24px; padding-right:0; padding-top:3px; padding-bottom:3px
}

/* 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 somewhat overlaps it. */
div.featured div.south {
  background: #efefef url('../images/p_bg.png') no-repeat top;
}

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 {
  padding-left: 24px;
  border-top: 1px solid #d5d5d5;
  background: url('../images/icon_arrow_bg_gray.png') no-repeat left center; margin-left:12px; margin-right:14px; margin-top:0; margin-bottom:0
}

/* 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('../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('../images/panel_bg.png') repeat-x top;
	width: 600px; padding-left:0px; padding-right:0px; padding-top:20px; padding-bottom:10px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 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 {
  margin-left: 0px;
  display: inline;
  color: #acacac;
  line-height: normal;
}

ul#footerservices li a {
  color: #acacac;
  text-decoration: none;
}
.footerservices
 {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #848484;
 }

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

/* footermanuf *********************************************************************************/

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

.footermanuf
 {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #848484;
 }

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

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

ul#footermanuf 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: 0px none;
}

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;
}