/* ---------------------------------------------------------------------------- Copyright CMTM, Inc 2008. Used with Permission. May not be duplicated or reproduced. Please check for cross-browser compatibility prior to making changes MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari CSS Document - styles.css ---------------------------------------------------------------------------- */ /* undo some default styling of common (X)HTML browsers * ------------------------------------------------------------------------- */ /* No list-markers by default - must redefine bullets w/ bg graphics */ ul,ol { list-style:none; } /* Avoid browser default inconsistent heading font-sizes and pre/code */ h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; } /* Remove inconsistent (among browsers) default padding or margin */ ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl { margin:0; padding:0; } /* prevent blue linked image borders */ a img,:link img,:visited img,fieldset { border:none; } /* global elements * ------------------------------------------------------------------------- */ body { background-color: #000000; margin: 0px; padding: 0px; font-family: Arial, sans-serif; color:#222; font-size:14px; text-align: center; color: #6e6e6e; } table { background-color: #000000; margin: 0px 0px 20px 0px; padding: 20px 20px 0px 20px; font-family: Arial, sans-serif; color:#222; font-size:14px; line-height:21px; text-align: left; color: #ffffff; } a { color: #198dc0; } h1,h3,h4,h5,h6 { color: #000000; font-weight: bold; font-family: Myriad Pro, "Trebuchet MS" Arial, Helvetica, sans-serif } h2 { color: #ffffff; font-weight: bold; font-family: Myriad Pro, "Trebuchet MS" Arial, Helvetica, sans-serif;font-size:16px; } textarea, input { font-family: Arial, Helvetica, sans-serif; } .grnbold { color: #ff9f07; font-weight: bold; } .bluebold { color: #ff9f07; font-weight: bold; } .imgright { margin: 5px 0px 5px 20px; clear: both; } .imgleft { margin: 3px 20px 5px 0px; clear: both; } .bigbold { font-size:14px; color: #ffffff; font-weight: bold; font-family: Myriad Pro, "Trebuchet MS" Arial, Helvetica, sans-serif } .bigred { font-size:14px; color: #ee0c14; font-weight: bold; font-family: Myriad Pro, "Trebuchet MS" Arial, Helvetica, sans-serif } #case-results strong{ font-size:14px; color: #ee0c14; font-weight: bold; text-transform:uppercase; font-family: Myriad Pro, "Trebuchet MS" Arial, Helvetica, sans-serif } .btn_learn { background: url(../images/home/btn_learnmore.gif) no-repeat; display: block; height: 18px; width: 91px; } .btn_learn span { display: none; } .btn_learnb { background: url(../images/home/btn_learnmoreb.gif) no-repeat; display: block; height: 18px; width: 91px; } .btn_learnb span { display: none; } /* framework * ------------------------------------------------------------------------- */ #container { margin: 0px auto 0px auto; padding: 0px; width: 980px; background: url(../images/page_bg.gif) repeat-y; text-align: left; } #container:after, #content_area:after, #left_column:after, #right_column:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #content_area { width: 980px; background: url(../images/rightcolumn_footer.gif) bottom right no-repeat; } /* left column */ #left_column { width: 697px; color: #dedede; float: left; } #left_column a { color: #ee0c14; } /* top area */ #top_area { width: 697px; height: 169px; background: url(../images/top_banner.jpg) no-repeat; } #logo_area { width: 456px; height: 169px; float: left; } #logo_area a { display: block; width: 456px; height: 169px; } #logo_area a: hover { background:none; } #logo_area span { display: none; } #top_nav { width: 241px; height: 169px; text-align: right; float: left; font-size: 11px; color: #737986; } #top_nav p { padding: 32px 0px 0px 0px; } #top_nav a { color: #737986; text-decoration: none; } #top_nav a:hover { color: #ee0c14; text-decoration: underline; } #top_nav .redspan { color: #ee0c14; text-decoration: underline;} /* navigation bar */ #navigation { width: 697px; height: 66px; } #nav { background: url(../images/navbar.gif) no-repeat; width: 697px; height: 66px; position: relative; margin: 0px; } #nav li { list-style: none; padding: 0px; margin: 0px; position: absolute; top: 0px;} #nav li, #nav a { height: 66px; display: block; } #nav span { display: none;} #nav_1 { width: 143px; left: 0px;} #nav_2 { width: 144px; left: 143px;} #nav_3 { width: 143px; left: 287px;} #nav_4 { width: 144px; left: 430px;} #nav_5 { width: 123px; left: 574px;} #nav_1 a:hover { background: transparent url(../images/navbar.gif) -0px -66px no-repeat;} #nav_2 a:hover { background: transparent url(../images/navbar.gif) -143px -66px no-repeat;} #nav_3 a:hover { background: transparent url(../images/navbar.gif) -287px -66px no-repeat;} #nav_4 a:hover { background: transparent url(../images/navbar.gif) -430px -66px no-repeat;} #nav_5 a:hover { background: transparent url(../images/navbar.gif) -574px -66px no-repeat;} /* flash area */ #flash_area { width: 697px; height: 259px; } /* title area */ #title_area { width: 697px; height: 97px; background: url(../images/hdr_bar.gif) no-repeat; color: #ffffff; } #title_wrap { padding: 17px 20px 0px 20px; } #title_area p { font-size: 12px; } #title_area h1 { font-size: 25px; color: #ffffff; font-weight: normal; letter-spacing: -1px; } /* title area */ #subtitle_area { width: 697px; height: 170px; color: #ffffff; } #subtitle_wrap { padding: 90px 20px 0px 20px; } #subtitle_area p { font-size: 12px; } #subtitle_area h1 { font-size: 40px; color: #ffffff; font-weight: normal; letter-spacing: -1px; } /* content area */ #main_content_area { line-height: 22px; } #main_content_area .blurb_container { padding: 20px 20px 30px 20px; } .blurb_container p { margin: 0px 0px 20px 0px; } .quote { font-size: 20px; color: #9d9d9d; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; line-height: 25px; letter-spacing: -1px; font-weight: normal; text-align: center; } #main_content_area ul { margin: 0px 0px 10px 0px; line-height: 20px; } #main_content_area li { background: url(../images/bullet_red.gif) no-repeat 0px 6px; padding: 0px 0px 5px 17px; border-width: 0px 0px 1px 0px; border-style: dotted; border-color: #333333; } #main_content_area ul ul { margin: 5px 0px 0px 0px; border: none; } #main_content_area li li { font-weight: normal; background: url(../images/bullet_red.gif) no-repeat 0px 6px; padding: 0px 0px 0px 17px ; border: none; line-height: 18px; } #main_content_area li li a { color: #999999; } #main_content_area li li a:hover { color:#ee0c14; } /* Contact Form */ #contact_area { font-size: 11px; line-height: 18px; background-color: #212121; margin: 0px 0px 20px 0px; } #contact_area form { padding: 20px 195px 20px 0px; text-align: right; font-weight: bold; } .contact_field { vertical-align: text-top; height: 24px; width: 270px; border-width: 1px; border-style: solid; border-color: #999999; padding: 2px 0px 0px 2px; margin: 0px 0px 4px 5px; color: #4a000a; font-weight: bold; font-size: 10px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; } .contact_textarea { vertical-align: text-top; height: 150px; width: 270px; margin: 0px 0px 5px 5px; border-width: 1px; border-style: solid; border-color: #999999; padding: 2px 0px 0px 2px; color: #4a000a; font-weight: bold; font-size: 10px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; } .btn_submitsub { margin: 0px 105px 0px 0px; font-size: 12px; background-color: #a91116; color: #ffffff; border-style: solid; border-width: 1px; border-color: #a91116; } .btn_submitsub:hover { background-color: #ee0c14; } #contact_area p { margin: 10px 0px 10px 35px; padding: 0px 0px 0px 18px; } .bullet_address { background: url(../images/bullet_address.gif) no-repeat 0px 5px; } .bullet_phone { background: url(../images/bullet_phone.gif) no-repeat 2px 3px; } /* right column */ #right_column { width: 283px; padding: 0px 0px 80px 0px; float: left; color: #000000; } #right_column a { color: #a91116; } #mainimage_area { width: 283px; height: 235px; background: url(../images/main_image.jpg) no-repeat; } #submainimage_area { width: 283px; height: 235px; background: url(../images/main_imagesub.jpg) no-repeat; } /* Quick Contact form */ #subquickcontact_area { width: 283px; height: 462px; font-size: 11px; line-height: 18px } #subquickcontact_area form { padding: 78px 35px 0px 0px; text-align: right; } .quickcontact_field { height: 24px; width: 196px; border-width: 1px; border-style: solid; border-color: #999999; padding: 2px 0px 0px 2px; margin: 0px 0px 4px 0px; color: #4a000a; font-weight: bold; font-size: 10px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; } .quickcontact_textarea { height: 92px; width: 196px; margin-bottom: 5px; border-width: 1px; border-style: solid; border-color: #999999; padding: 2px 0px 0px 2px; color: #4a000a; font-weight: bold; font-size: 10px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; } .btn_submit { font-size: 12px; background-color: #a91116; color: #ffffff; border-style: solid; border-width: 1px; border-color: #a91116; } .btn_submit:hover { background-color: #ee0c14; } #subquickcontact_area p { margin: 10px 0px 10px 35px; padding: 0px 0px 0px 18px; } .bullet_address { background: url(../images/bullet_address.gif) no-repeat 0px 5px; } .bullet_phone { background: url(../images/bullet_phone.gif) no-repeat 2px 3px; } #quickcontact_area { width: 283px; height: 462px; background: url(../images/contactform_bg.jpg) no-repeat; font-size: 11px; line-height: 18px } #quickcontact_area form { padding: 78px 35px 0px 0px; text-align: right; } .quickcontact_field { height: 24px; width: 196px; border-width: 1px; border-style: solid; border-color: #999999; padding: 2px 0px 0px 2px; margin: 0px 0px 4px 0px; color: #4a000a; font-weight: bold; font-size: 10px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; } .quickcontact_textarea { height: 92px; width: 196px; margin-bottom: 5px; border-width: 1px; border-style: solid; border-color: #999999; padding: 2px 0px 0px 2px; color: #4a000a; font-weight: bold; font-size: 10px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; } .btn_submit { font-size: 12px; background-color: #a91116; color: #ffffff; border-style: solid; border-width: 1px; border-color: #a91116; } .btn_submit:hover { background-color: #ee0c14; } #quickcontact_area p { margin: 10px 0px 10px 35px; padding: 0px 0px 0px 18px; } .bullet_address { background: url(../images/bullet_address.gif) no-repeat 0px 5px; } .bullet_phone { background: url(../images/bullet_phone.gif) no-repeat 2px 3px; } #right_column .blurb_container { padding: 15px 10px 15px 10px; } #right_column h2 { font-size: 17px; color: #000000; padding-top:10px; } #right_column h3 { font-size: 17px; color: #000000; } #right_column ul { margin: 10px 0px 10px 0px; line-height: 20px; } #right_column li { background: url(../images/bullet.gif) no-repeat 0px 6px; padding: 0px 0px 0px 17px; } #footer_container { background: url(../images/footer_bg.gif) top repeat-x; text-align: center; width: 100%; } #footer_area { background: url(../images/footer_logo.jpg) top left no-repeat; margin: 0px auto 0px auto; width: 980px; text-align: right; font-size: 11px; color: #868686; padding: 15px 23px 30px 23px; } #footer_area p { line-height: 18px; margin: 0px 0px 20px 0px; } #footer_area span { color: #c2c2c2; font-weight: bold; } #footer_area a { color: #868686; text-decoration: none; } #footer_area a:hover { color: #ee0c14; text-decoration: underline; } /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash h1 { visibility: hidden; } .sIFR-hasFlash h2 { visibility: hidden; } .sIFR-hasFlash h3 { visibility: hidden; } .sIFR-hasFlash h4 { visibility: hidden; } .sIFR-hasFlash h5#pullquote { visibility: hidden; }