/* --- global settings --- */
html, body, div, img, form { margin: 0; padding: 0; border: 0; text-align: left; vertical-align: top; }
html, body { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; height: 100%; }
table, td { text-align: left; vertical-align: top; }
p, ul, ol, li { padding: 0; margin: 0; }
p { margin-bottom: 15px; }
ul, ol { padding: 0; margin: 0 0 15px 0; list-style-position: outside; }
li { padding: 0; margin: 0 0 0 20px; }
a { color: #c81111; text-decoration: none; }
a:hover { color: #c81111; text-decoration: underline; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; color: #9d0101; }
h1 { font-size: 22px; line-height: 28px; margin-bottom: 15px; }
h2 { font-size: 18px; line-height: 24px; margin-bottom: 15px; }
h3 { font-size: 13px; line-height: 18px; margin: 8px 0; }
h4 { font-size: 11px; line-height: 18px; margin: 8px 0; }
/* --- layout styles --- */
body { min-width: 923px; height: 100%; }
body#home_page { background: #2f2f2f url(images/body_home_repeat.jpg) center top repeat-x; }
body#internal { background: #2f2f2f url(images/body_int_repeat.jpg) center top repeat-x; }
#main { width: 923px; margin: 0 auto; }
#header { width: 100%; height: 88px; background: url(images/header_phone.jpg) right bottom no-repeat; }
#header img#logo { width: 389px; height: 55px; margin-top: 33px; float: left; }
#headernav { float: right; margin: 10px 5px 0 0; color: #c81111; line-height: 25px; }
#headernav ul { margin: 0; padding: 0; list-style: none; }
#headernav li { margin: 0 3px; padding: 0; float: left; display: inline; }
#headernav li span { float: left; clear: left; }
#headernav ul li span { display: none; position: absolute; z-index: 100; }
span.about_dropdown { width: 160px; }
span.contact_dropdown { width: 115px; margin-left: -55px; }
#headernav ul li span a { text-indent: 0; text-decoration: none; display: block; width: 100%; height: 25px; padding: 0 5px; background: #f6f5f3; color: #c81111; border: #505050 solid 1px; margin-bottom: -1px; }
#headernav ul li span a:hover { text-indent: 0; text-decoration: none; display: block; width: 100%; height: 25px; padding: 0 5px; background: #c81111; color: #f6f5f3; border: #505050 solid 1px; margin-bottom: -1px; }
#topnav { width: 100%; height: 55px; line-height: 25px; }
#topnav ul { margin: 0 0 0 10px; padding: 0; list-style: none; text-align: left; }
#topnav ul li { float: left; display: inline; margin: 0; padding: 0; list-style: none; height: 55px; }
#topnav ul li.sep { width: 1px; background: url(images/topnav_sep.jpg) center top no-repeat; }
#topnav span { position: absolute; top: 0; left: 0; }
#topnav li a:focus { outline: none; }
#topnav li a:hover,
#topnav li a:active { background-position: center bottom; }
#home a { width: 123px; height: 55px; background: url(images/topnav_home.jpg) center top no-repeat; text-indent: -9090px; display: block; }
#technology a { width: 144px; height: 55px; background: url(images/topnav_tech.jpg) center top no-repeat; text-indent: -9090px; display: block; }
#solutions a { width: 205px; height: 55px; background: url(images/topnav_solser.jpg) center top no-repeat; text-indent: -9090px; display: block; }
#products a { width: 134px; height: 55px; background: url(images/topnav_products.jpg) center top no-repeat; text-indent: -9090px; display: block; }
#markets a { width: 122px; height: 55px; background: url(images/topnav_markets.jpg) center top no-repeat; text-indent: -9090px; display: block; }
#applications a { width: 169px; height: 55px; background: url(images/topnav_app.jpg) center top no-repeat; text-indent: -9090px; display: block; }
#topnav ul li div { display: none; position: absolute; }
div.technology_dropdown { margin: -15px 0 0 20px; z-index: 100; width: 145px; }
div.solser_dropdown { margin: -15px 0 0 20px; z-index: 100; width: 205px; }
div.products_dropdown { margin: -15px 0 0 20px; z-index: 100; width: 135px; }
#topnav ul li div a { text-indent: 0; text-decoration: none; display: block; width: 100%; height: 25px; padding: 0 5px; background: #505050; color: #f6f5f3; border: #363534 solid 1px; }
#topnav ul li div a:hover { text-indent: 0; text-decoration: none; display: block; width: 100%; height: 25px; padding: 0 5px; background: #f6f5f3; color: #505050; border: #363534 solid 1px; }
#content_area { width: 100%; background: #363534; margin-top: 19px; color: #2f2e2e; }
#flash_area { width: 100%; height: 237px; }
#int_banner { width: 100%; height: 117px; }
#main_content { width: 902px; margin: 0 auto; background: #f6f5f2 url(images/home_repeat.jpg) center bottom repeat-x; display: table; }
#footer { width: 902px; margin: 0 auto; background: #2f2f2f; display: table; }
#bottomnav { width: 902px; background: #2d2c2c; float: left; clear: left; padding-bottom: 10px; overflow: auto; }
.bnav_element { float: left; display: inline; font-size: 12px; line-height: 14px; color: #939393; margin: 10px 25px 0 25px; padding: 0 0 0 5px; border-left: #939393 solid 1px; }
.bnav_element a,
.bnav_element a:hover { color: #939393; }
.bnav_element ul { margin: 0; padding: 0; list-style: none; }
.bnav_element li { margin: 0 0 0 10px; padding: 0; }
.bnav_element li.primary { margin: 0 0 0 5px; font-weight: bold; }
#iqlogo { width: 45px; padding: 25px 0; float: left; display: inline; }
#iqlogo img { float: right; }
#iqcopyright { width: 400px; padding: 25px 0; float: left; display: inline; color: #afa7a2; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; }
#iqcopyright a { color: #afa7a2; font-weight: normal; text-decoration: none; }
#iqcopyright a:hover { color: #afa7a2; font-weight: normal; text-decoration: underline; }
/* --- Content Area layout with sidebar --- */
#page_content { width: 870px; margin: 0 8px 0 24px; padding: 35px 0 21px 0; clear: both; }
.margins { min-height: 250px; height: auto !important; height: 250px; /* this nugget makes min-height work with older versions of IE */ }
#int_margins { width: 870px; margin: 0 8px 21px 24px; background: url(images/hil_repeat.jpg) right top repeat-y; overflow: auto; }
#int_main { width: 635px; float: left; display: inline; }
#int_main .margins { margin: 26px 12px 0 0; width: 623px; }
#int_sidebar { width: 235px; float: right; display: inline; background: url(images/sidebar_cap.jpg) center top no-repeat; }
#int_sidebar .margins { margin: 26px 10px 0 10px; width: 215px; }
#port_margins { width: 870px; margin: 0 8px 21px 24px; background: url(images/hil_repeat.jpg) left top repeat-y; display: table; }
#port_main { width: 635px; float: right; display: inline; }
#port_main .margins { margin: 26px 0 0 12px; width: 623px; }
#port_sidebar { width: 235px; float: left; display: inline; background: url(images/sidebar_cap.jpg) center top no-repeat; }
#port_sidebar .margins { margin: 26px 10px 0 10px; width: 215px; }
/* --- CMS styles --- */
.page_text { }
.back_to_top { text-align: center; padding: 15px 0; clear: both; }
.click_to_enlarge { text-align: center; clear: both; }
.click_to_enlarge a,
.click_to_enlarge a:hover { font-size: 9px; }
/* --- Home Page --- */
#home_columns { width: 635px; display: table; margin-top: 15px; overflow: hidden; }
.home_column { width: 175px; background: #d1d1d1; float: left; display: inline; padding: 10px 10px 9999px 10px; margin: 0 16px -9999px 0; }
/* --- S03 () --- */
.s03_image { float: left; margin: 0 10px 5px 0; }
#contact_left { width: 430px; float: left; display: inline; margin-left: 24px; padding: 35px 0 21px 0; }
#contact_right { width: 415px; float: right; display: inline; margin-right: 8px; padding: 35px 0 21px 0; }
fieldset.contact_form { border: 0; }
.contact_form .form_row { padding: 2px 0; clear: both; }
.contact_form .recip_row { padding: 5px 0; clear: both; }
.contact_form label.left_desc { font-size: 12px; line-height: 15px; width: 150px; margin-right: 5px; text-align: right; float: left; }
.contact_form label.error { clear: both; width: 220px; color: #9f0100; float: left; margin: 0 0 5px 155px; }
.contact_form input { float: left; }
.contact_form select { float: left; width: 190px; }
.contact_form textarea { float: left; width: 220px; }
#request_form { width: 560px; margin-left: 125px; }
fieldset.request_form { border: 0; }
.request_form .form_row { height: 30px; padding: 5px 0; clear: both; }
.request_form .form_row_large { height: 70px; padding: 5px 0; clear: both; }
.request_form .recip_row { height: 22px; padding: 15px 0; clear: both; }
.request_form label.left_desc { font-size: 12px; line-height: 15px; width: 250px; margin-right: 30px; float: left; }
.request_form label.right_desc { font-size: 12px; line-height: 15px; width: 250px; margin-right: 30px; float: left; text-align: right; }
.request_form label.error { clear: both; width: 250px; color: #9f0100; float: left; margin: 0 250px 5px 0; }
ul.left_desc_list { margin: 10px; padding: 0; list-style: none; width: 220px; float: left; clear: left; }
ul.left_desc_list li { width: 220px; font-size: 10px; line-height: 12px; margin-bottom: 3px; }
.form_left { width: 250px; float: left; }
.form_right { width: 250px; float: right; }
.request_form input { float: left; }
.request_form select { float: left; width: 250px; }
.request_form textarea { float: left; width: 250px; }
#form_at_bottom { width: 611px; background: #d1d1d1; display: table; margin-left: 12px; padding-bottom: 10px; clear: left; }
#more_information { width: 296px; height: 26px; background: url(images/moreinfo.png) left top no-repeat; float: left; display: inline; margin: 15px 0 0 12px; }
#bottom_left { width: 230px; float: left; display: inline; padding: 5px 10px; }
#bottom_all { width: 600px; float: left; display: inline; padding: 5px 10px; }
#hack { background: url(images/form_repeat.jpg) right top repeat-y; padding-top: 5px; display: table; }
fieldset.bottom_form { width: 340px; padding: 5px 5px 0 0; border: 0; float: right; }
.bottom_form .form_row { width: 340px; clear: both; min-height: 25px; height: auto !important; height: 25px; }
.bottom_form label.desc { font-size: 12px; line-height: 15px; width: 125px; margin-right: 5px; text-align: right; float: left; }
.bottom_form label.error { clear: left; width: 210px; color: #9f0100; float: left; height: 20px; padding: 0 0 5px 130px; }
.bottom_form input { float: left; }
.bottom_form input#Go_Button { width: 49px; height: 16px; margin: 10px 12px 0 0; float: right; }
fieldset.sidebar_form { width: 190px; margin: 0 auto; border: 0; }
.sidebar_form .form_row { margin-bottom: 5px; }
.sidebar_form label.desc { font-size: 12px; line-height: 15px; }
.sidebar_form label.error { color: #9f0100; font-size: 12px; line-height: 18px; margin-bottom: 5px; }
.sidebar_form input { }
.sidebar_form input#Go_Button { width: 49px; height: 16px; margin: 10px 60px; }
.required_field { color: #c00000; margin-right: 2px; }
.sidebar_help { text-align: center; margin-bottom: 10px; }
/* --- S01 () --- */
.s01_table { }
.s01_main_image { }
.s01_main_image_link { }
.s01_jumplinks { background: url(images/bg.gif); border: 1px solid #5b5b5b; color: #363534; display: block; margin: 12px 0; padding: 8px 10px; clear: both; }
.s01_jumplinks ul { margin: 0; padding: 0; }
.s01_jumplinks ul li { color: #5b5b5b; }
.s01_jumplinks_content { }
.s01_text { margin-top: 15px; clear: both; }
.s01_image_holder { }
.s01_image_caption,
.s01_photo_caption { font-size: 11px; text-align: center; }
.s01_photo { }
.s01_photo_link { text-align: center; }
.s01_files { }
.s01_files ul { list-style-image: url(images/file_arrow.gif); padding-left: 20px; }
.s01_files ul li { }
/* --- S05 (Directions) --- */
.s05_table { }
.s05_map_holder { text-align: center; width: 480px; margin: 0 auto 20px auto; }
.s05_popup { }
/* --- Blog styles --- */
.sbond_search_form { }
.blog_sidebar_sep, .widget { border-bottom: #2f2f2f solid 1px; margin-bottom: 15px; padding-bottom: 15px; list-style-type:none; margin-left:0px; }
.s07_links { font-size:12px; padding:10px 10px 10px 15px; }
.s07_link_row { clear:both; }
.s07_link { padding:0px; }
.s07_divider { display:none; }
.s07_description { padding-bottom:10px; }