/* ---------------------------------------------------------------------------- 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 {padding:0px;font-family: "Trebuchet MS", Arial, sans-serif;font-size:12px;color:#444;background:#fff url(../images/bg.jpg) repeat-x left top; } a {font-family: "Trebuchet MS", Arial, sans-serif; color:#3399ff;text-decoration: underline; outline:none; } a:hover{ text-decoration: underline; color: #f60; } a:active{outline:none;} p { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 14px; color: #444;} h1,h2,h3,h4,h5,h6 { color: #404040; font-weight: bold; font-family: "Trebuchet MS", Arial, sans-serif;} textarea, input, table { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px;color:#000;} .nowrap { white-space:nowrap; } /* framework * ------------------------------------------------------------------------- */ /* index page */ #container { margin: 0px; padding: 0px; width: 100%; text-align: center; } #container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #bg_a {padding:0px;margin:0px;background: transparent;} #bg_b {background: transparent; } #bg_c {padding:0px;margin:0px;background: #3e3e3e url(../images/footer.jpg) left top repeat-x; height:230px; } #header_section{margin:0px auto;width:1000px;height:104px;background: url(../images/header.jpg) no-repeat top left; } /* flash /*----------------------------- */ #flash {width:684px; height:306px; float:left;} #flash span { display:none; } #banner_section { margin: 0px auto; width: 1000px; padding:0px; } #banner_section:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #banner { width: 684px; height: 283px;background: url(../images/banner.jpg) no-repeat top left; float: left; } #quick_contact_area {width:316px;height:283px;float:left;text-align:left;background-color:#180c0a; background-image:url(../images/contact_bg.jpg);background-repeat:no-repeat;background-position:left top;} #quick_contact_area_contact {width:316px;height:283px;float:left;text-align:left;background-color:#404040;background-image:url(../images/contact_bg_contact.jpg);background-repeat:no-repeat;background-position:left top;} #quick_contact_area_contact p{ color:#fff; font-size:16px; padding:50px 20px 0 50px;} #quick_contact { margin: 75px 0px 0px 53px; } #quick_contact label { display: none; line-height: 0px; } .quick_contact_input { width: 220px; height: 17px; background: #ffffff; border: solid 1px #a0a0ac; padding: 2px 0px 0px 2px; margin: 0 0 3px 0; } .quick_contact_select { width: 224px; height: 22px; background: #ffffff; border: solid 1px #a0a0ac; padding: 2px 0px 0px 2px; margin: 0 0 3px 0; font-family: "Trebuchet MS", Arial, sans-serif; font-size:12px; } #quick_contact textarea { width: 220px; height: 51px; background: #ffffff; border: solid 1px #a0a0ac; padding: 2px 0px 0px 2px; margin: 0; font-family: "Trebuchet MS", Arial, sans-serif; font-size:12px;} #quick_submit_button { width: 62px; height: 18px; background: url(../images/btn_quick_contact.jpg) no-repeat top left; border: none; padding: 0px; margin: 5px 0px 0px 160px; cursor: pointer;} #content_section { margin: 0px auto 0px auto; width: 1000px; padding: 0px 0px 0px; /*47px*/text-align: left; color:#444;} #content_section:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #content_section ul { margin-bottom: 20px; } #content_section li { display: block; background: url(../images/list_arrow.gif) no-repeat; background-position: 0px 10px; padding-left: 10px; line-height: 25px; } #content_area { width: 675px; float: left; background:transparent; } h1#body_content_title{margin:20px 0 15px 0; font-family: "Trebuchet MS", Arial, sans-serif; font-size:28px; line-height:28px; color:#3399ff; font-weight:normal;} #content { margin: 0px 0px 20px 35px; width: 609px; } #content p { margin-bottom: 20px; line-height: 25px; } #content h2 { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 24px; line-height:26px; color:#3399ff; font-weight:normal; margin-bottom: 0; font-variant:small-caps;} #content h3 { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 18px; line-height:22px; color:#444; font-weight:normal; margin-bottom: 11px;} #content_photo { width: 187px; height: 126px; background: url(../images/home/content_photo.jpg) no-repeat top left; float: right; margin: 0px 0px 0px 10px; } #content_article_1 { width: 280px; float: left; } .read_more_link { display: block; width: 90px; height: 12px; background: url(../images/home/readmore.gif) no-repeat top left; } .read_more_link span { display: none; margin: 0px; padding: 0px; } #content_article_2 { width: 280px; float: right; margin-right:0px; } #content_article_2 #blurb_2_body ul li{ font-family: "Trebuchet MS", Arial, sans-serif; font-size: 14px; color: #444;} /* Homepage Buttons */ .btn_nsf{ display: block; width: 350px; height: 50px; background: url(../images/btn_free_consultation.jpg) no-repeat 0 0; margin:0 auto; text-align:center;} .btn_nsf:hover{ background-position: 0 -50px;} .btn_nsf span{display: none;} .btn_nsf_attorneys{ display: block; width: 350px; height: 50px; background: url(../images/btn_nsf_attorneys.jpg) no-repeat 0 0; margin:0 auto; text-align:center;} .btn_nsf_attorneys:hover{ background-position: 0 -50px;} .btn_nsf_attorneys span{display: none;} #blurb_area { width: 325px; float: left; background: trasparent; overflow:hidden;} #blurb_area p {color:#444;} #blurb_area h2 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; color:#304b64; font-weight:normal; margin: 0px 18px 0px 22px;} h2#blurb_1_title { margin:20px 0 15px 0; font-family: "Trebuchet MS", Arial, sans-serif; font-size:28px; line-height:28px; color:#3399ff; font-weight:normal;} /* Button RSS */ .btn_rss{ float:left; display: block; width: 144px; height: 25px; background: url(../images/btn_rss.jpg) no-repeat 0 0; margin:0 0 20px 0;} .btn_rss:hover{ background-position: 0 -25px;} .btn_rss span{display: none;} /* Button Bookmark */ .btn_bookmark{ float:right; display: block; width: 144px; height: 25px; background: url(../images/btn_bookmark.jpg) no-repeat 0 0; margin:0;} .btn_bookmark:hover{ background-position: 0 -25px;} .btn_bookmark span{display: none;} /* NSF INFO */ #nsf_info{ float:left;width:320px; height:auto; background: #fff url(../images/title_nsf_info.jpg) left top no-repeat; margin:10px 0 20px 0px; padding:60px 0 0 0;} #nsf_info h3{ font-family: "Trebuchet MS", Arial, sans-serif; font-weight:bold; font-size:14px; color: #3399ff; margin: 0px 18px 0px 0px; background:transparent url(../images/icon_checkmark.gif) 5px 2px no-repeat; padding:0 0 0 25px;} #nsf_info p { padding:0 10px 10px 20px;} h2#blurb_5_title {text-indent:-5000px; height:10px;}/* NSF TITLE*/ #nsf_info ul{margin:0 0 0 25px;} #nsf_info a {font-family: "Trebuchet MS", Arial, sans-serif; font-weight:bold; font-size:14px; color: #3399ff; margin: 0px 18px 0px 0px; text-decoration:none;} #nsf_info a:hover {text-decoration:underline; color:#f60;} #nsf_info li {font-family: "Trebuchet MS", Arial, sans-serif; font-weight:bold; font-size:14px; color: #3399ff; margin: 0px 18px 0px 0px; background:transparent url(../images/icon_checkmark.gif) 5px 5px no-repeat; padding:0 0 0 25px;} /* NSF SIDE Effects */ #nsf_info2{ float:left;width:320px; height:auto; background: #fff url(../images/title_nsf_side_effects.jpg) left top no-repeat; margin:10px 0 20px 0px; padding:60px 0 0 0;}*/ #nsf_info2 h3{ font-family: "Trebuchet MS", Arial, sans-serif; font-weight:bold; font-size:14px; color: #3399ff; margin: 0px 18px 0px 0px; background:transparent url(../images/icon_checkmark.gif) 5px 2px no-repeat; padding:0 0 0 25px;} #nsf_info2 p { padding:0 10px 10px 20px;} h2#blurb_2_title {text-indent:-5000px; height:10px;}/* NSF SIDE EFFECTS TITLE*/ #nsf_info2 ul{margin:0 0 0 25px;} #nsf_info2 a {font-family: "Trebuchet MS", Arial, sans-serif; font-weight:bold; font-size:14px; color: #3399ff; margin: 0px 18px 0px 0px; text-decoration:none;} #nsf_info2 a:hover {text-decoration:underline; color:#f60;} #nsf_info2 li {font-family: "Trebuchet MS", Arial, sans-serif; font-weight:bold; font-size:14px; color: #3399ff; margin: 0px 18px 0px 0px; background:transparent url(../images/icon_checkmark.gif) 5px 5px no-repeat; padding:0 0 0 25px;} /* GADOLINIUM INFO */ #gad_info{ float:left;width:320px; height:auto; background: #fff url(../images/title_gadolinium_info.jpg) left top no-repeat; margin:10px 0 20px 0px; padding:60px 0 0 0;} #gad_info h3{ font-family: "Trebuchet MS", Arial, sans-serif; font-weight:bold; font-size:14px; color: #3399ff; margin: 0px 18px 0px 0px; background:transparent url(../images/icon_checkmark.gif) 5px 2px no-repeat; padding:0 0 0 25px;} #gad_info p { padding:0 10px 10px 20px;} h2#blurb_3_title {text-indent:-5000px; height:10px;}/* GADOLINIUM TITLE*/ #gad_info ul{margin:0 0 0 25px;} #gad_info a {font-family: "Trebuchet MS", Arial, sans-serif; font-weight:bold; font-size:14px; color: #3399ff; margin: 0px 18px 0px 0px; text-decoration:none;} #gad_info a:hover {text-decoration:underline; color:#f60;} #gad_info li {font-family: "Trebuchet MS", Arial, sans-serif; font-weight:bold; font-size:14px; color: #3399ff; margin: 0px 18px 0px 0px; background:transparent url(../images/icon_checkmark.gif) 5px 5px no-repeat; padding:0 0 0 25px;} /* GADOLINIUM NEWS */ #gad_news{ float:left;width:320px; background: #fff url(../images/title_gadolinium_news.jpg) left top no-repeat; margin:10px 0 20px 0px; padding:45px 0 0 0;} #gad_news h3{ font-family: "Trebuchet MS", Arial, sans-serif; font-weight:bold; font-size:14px; color: #444/*#533033*/; margin: 0px 20px 0px 20px; background:transparent url(../images/icon_news.gif) 5px 2px no-repeat; padding:0 0 0 40px; height:25px;} #gad_news p { padding:10px 10px 10px 35px;} h2#blurb_4_title {text-indent:-5000px; height:10px;} .blurb_readmore_link { display: block; width: 90px; height: 10px; background: url(../images/home/blurb_readmore.gif) no-repeat top left; } .blurb_readmore_link span { display: none; } #footer_section { margin: 0px auto; width: 1000px; height: 167px; padding: 0px; text-align: left;} #footer_section:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #footer_nav{float:left; margin: 30px 0 10px 150px; text-align:center;} #footer_nav ul li{display:inline; font-size:12px; line-height:18px;} #footer_nav li {border-right: 1px solid #999; padding: 0 7px;} #footer_nav li.last {border: none; padding:0 0 0 7px;} #footer_nav ul li a:link, #footer_nav ul li a:visited, #footer_nav p a:link, #footer_nav p a:visited{text-decoration:none; color:#fff;} #footer_nav ul li a:hover, #footer_nav ul li a:active, #footer_nav p a:hover, #footer_nav p a:active{text-decoration:underline; color:#a0a0ac;} #copyright { clear:left;float:left; color: #f7f7f7; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align:center; margin: 0px 0 0 330px; line-height: 11px; width:400px;} #copyright a { color: #f7f7f7; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px; text-decoration: none; } #copyright a:hover { color: #f7f7f7; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px; text-decoration: underline; } #disclaimer { clear:left;float:left; color: #f7f7f7; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-align:left; margin: 5px 0 0 130px; line-height: 12px; width:800px;} #disclaimer a { color: #f7f7f7; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px; text-decoration: none; } #disclaimer a:hover { color: #f7f7f7; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12px; text-decoration: underline; } /* contact form */ #contactus_form { width: 430px; } .contactus_item { display: block; width: 430px; } #contactus_form label { width: 150px; display: block; float: left; text-align: right; margin: 2px 10px 10px 0px; clear: left; vertical-align: top; color:#444; font-weight:bold; font-size:14px;} .contactus_input { width: 250px; float: left; margin: 0px 0px 10px 0px; display: block; } .contactus_textarea { float: left; width: 250px; height: 100px; } .contactus_select { width: 255px; float: left; margin: 0px 0px 10px 0px; display: block; font-family: "Trebuchet MS", Arial, sans-serif; font-size:12px; } .contactus_submit { float: left; clear: left; border: none; width: 130px; height: 50px; background: url(../images/btn_contact.jpg) no-repeat top left; border: none; padding: 0px; margin: 15px 0px 0px 290px; cursor: pointer;} .contactus_submit { } .contactus_submit:hover{ background-position: 0 -50px;} .contactus_submit span{display: none;} ul#sitemap_list{margin:0 0 0 50px;} #sitemap_list ul {margin:0;} #sitemap_list a {text-decoration:underline; font-size:16px; font-weight:normal; color:#444;} #sitemap_list a:hover {text-decoration:underline; color:#f60;} #sitemap_list li {display:block;background:url(../images/home/list_arrow.gif) no-repeat;background-position:0px 10px;padding-left:10px;line-height:25px;font-weight:bold; font-size:16px;} #sitemap_list li li {font-weight:normal;border:none;} /* Navbar */ #nav_section { margin: 0px auto; width: 1000px; padding:0px;} #navbar { width: 1000px; height:34px; background: url(../images/navbar.gif) no-repeat top left; } #navbar li {position:relative;float:left;list-style:none; display:block;}/*remove display block and add to navbar li, navbar a????*/ #navbar li, #navbar a {height:34px; display:block; background:transparent;}/* Each button must have the same height, define it here */ #navbar span { display:none;} #navbar1 { width: 122px; } #navbar2 { width: 163px; } #navbar3 { width: 94px; } #navbar4 { width: 166px; } #navbar5 { width: 128px; } #navbar6 { width: 154px; } #navbar7 { width: 173px; } #navbar1:hover { background: url(../images/navbar.gif) 0px 34px; } #navbar2:hover { background: url(../images/navbar.gif) -122px 34px; } #navbar3:hover { background: url(../images/navbar.gif) -285px 34px; } #navbar4:hover { background: url(../images/navbar.gif) -379px 34px; } #navbar5:hover { background: url(../images/navbar.gif) -545px 34px; } #navbar6:hover { background: url(../images/navbar.gif) -673px 34px; } #navbar7:hover { background: url(../images/navbar.gif) -827px 34px; }