/*----------------------------------------------------------------------------- Imaging Centers of America Website Style Sheet version: 1.0 author: Chris Monnat email: cmonnat@practisinc.com website: http://www.imagingcentersofamerica.com/ -----------------------------------------------------------------------------*/ @media screen { /* =General -----------------------------------------------------------------------------*/ body { padding: 0; margin: 0; font: 12px Arial, Helvetica, sans-serif; text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */ min-width: 865px; /* Centered design work around for Netscape 6. */ color: #333; } /* Class for clearing floats */ .clear { clear:both; } /* Remove border around linked images */ img { border: 0; } p { margin: 0.8em 0; } h1, h2, h3, h4, h5 { margin: 0.4em 0; } h1 { font-size: 1.5em; } h2 { font-size: 1.3em; color:#684371; } h3 { font-size: 1.1em; } h4 { /* different color */ } h5 { /* different color */ } /* caption txt */ .caption { color:#694472; } /* =Links -----------------------------------------------------------------------------*/ a:link { color: #694472; } a:visited { color: #694472; font-weight:normal;} a:hover { } /* =Structure -----------------------------------------------------------------------------*/ #container { width: 865px; margin: 0 auto; text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */ background: url(../images/bg_container.gif) repeat-y; } #three_column #content { background: url(../images/bg_content2.gif) no-repeat 18px 0; } #two_column #content { background: url(../images/bg_content.gif) repeat-y 20px 0; } #three_column #footer { height:66px; clear:both; background: url(../images/bg_footer2.gif) no-repeat; } #two_column #footer { height:128px; clear:both; background: url(../images/bg_footer.gif) no-repeat; } /* =Navigation -----------------------------------------------------------------------------*/ ul#nav_main { height:61px; padding: 0; margin: 0 0 0 18px; list-style-type:none; } ul#nav_main li { float: left; } ul#nav_main li a { display: block; } ul#nav_main li.about_us { width:102px; height: 61px; position:relative; } ul#nav_main li.about_us a span, ul#nav_main li.about_us a:link span { width:100%; height:100%; position:absolute; background:url(../images/buttons/btn_about_us.gif) no-repeat; } ul#nav_main li.about_us a:hover span { background:url(../images/buttons/btn_about_us.gif) no-repeat 0 -61px; } body.about_us ul#nav_main li.about_us span { background:url(../images/buttons/btn_about_us.gif) no-repeat 0 -61px; } ul#nav_main li.about_cad { width:110px; height: 61px; position:relative; } ul#nav_main li.about_cad a span, ul#nav_main li.about_cad a:link span { width:100%; height:100%; position:absolute; background:url(../images/buttons/btn_about_cad.gif) no-repeat; } ul#nav_main li.about_cad a:hover span { background:url(../images/buttons/btn_about_cad.gif) no-repeat 0 -61px; } body.about_cad ul#nav_main li.about_cad span { background:url(../images/buttons/btn_about_cad.gif) no-repeat 0 -61px; } ul#nav_main li.our_services { width:122px; height: 61px; position:relative; } ul#nav_main li.our_services a span, ul#nav_main li.our_services a:link span { width:100%; height:100%; position:absolute; background:url(../images/buttons/btn_our_services.gif) no-repeat; } ul#nav_main li.our_services a:hover span { background:url(../images/buttons/btn_our_services.gif) no-repeat 0 -61px; } body.our_services ul#nav_main li.our_services span { background:url(../images/buttons/btn_our_services.gif) no-repeat 0 -61px; } ul#nav_main li.how_it_works { width:129px; height: 61px; position:relative; } ul#nav_main li.how_it_works a span, ul#nav_main li.how_it_works a:link span { width:100%; height:100%; position:absolute; background:url(../images/buttons/btn_how_it_works.gif) no-repeat; } ul#nav_main li.how_it_works a:hover span { background:url(../images/buttons/btn_how_it_works.gif) no-repeat 0 -61px; } body.how_it_works ul#nav_main li.how_it_works span { background:url(../images/buttons/btn_how_it_works.gif) no-repeat 0 -61px; } ul#nav_main li.request_info { width:165px; height: 61px; position:relative; } ul#nav_main li.request_info a span, ul#nav_main li.request_info a:link span { width:100%; height:100%; position:absolute; background:url(../images/buttons/btn_request_info.gif) no-repeat; } ul#nav_main li.request_info a:hover span { background:url(../images/buttons/btn_request_info.gif) no-repeat 0 -61px; } body.request_info ul#nav_main li.request_info span { background:url(../images/buttons/btn_request_info.gif) no-repeat 0 -61px; } #three_column #nav_sub { width:586px; height:118px; float:right; text-align:right; background:url(../images/bg_nav_sub.gif) no-repeat; } #two_column #nav_sub { width:586px; height:126px; float:right; text-align:right; background:url(../images/bg_nav_sub2.gif) no-repeat; } #nav_sub, #nav_sub a { color: #5b595b; } #two_column #nav_supp { padding-top: 60px; } #nav_supp { padding-top: 5px; margin:0; text-align:center; font-size: 0.92em; } #nav_supp, #nav_supp a { color: #FFF; } #nav_supp a { text-decoration: none; } #nav_supp a:hover { text-decoration: underline; } #nav_supp a:visited {font-weight:normal;} /* =Header -----------------------------------------------------------------------------*/ #three_column #branding { height:200px; } #two_column #branding { height:125px; } #three_column #branding h1 { width: 279px; height:118px; position:relative; float: left; margin:0; } #three_column #branding h1 span { width:100%; height:100%; position:absolute; background:url(../images/logo.gif) no-repeat; } #two_column #branding h1 { width: 279px; height:126px; position:relative; float: left; margin:0; } #two_column #branding h1 span { width:100%; height:100%; position:absolute; background:url(../images/logo2.gif) no-repeat; } #branding h2 { width: 865px; height:82px; position:relative; float:left; margin:0; } #branding h2 span { width: 100%; height:100%; position:absolute; background:url(../images/tagline.gif) no-repeat; } /* =Three Column -----------------------------------------------------------------------------*/ #three_column #content_main { display:inline; height:251px; width:346px; float:left; padding: 50px 10px 0 10px; } #three_column #content_sub { display:inline; width:261px; float:left; margin-left: 18px;} #three_column #content_sub ul { margin:0 0 0 20px; padding:0; list-style-type:none; } #three_column #content_sub li { padding-left: 15px; background: url(../images/bullet.gif) no-repeat 0 4px;} #indexBold a { text-decoration:none; font-weight:bold;} #indexBold a:visited { text-decoration:none; font-weight:bold;} #indexBold a:hover { text-decoration:underline; } #three_column #content_sub h3.services { width:261px; height:42px; margin-top:0; position:relative; } #three_column #content_sub h3.services span { width:100%; height:100%; position:absolute; background: url(../images/services_offered.gif) no-repeat; } #three_column #content_supp{ display:inline; width:204px; float:left; } #three_column #content_supp p { padding-left:20px; } #three_column #content_supp h3.contact { width:204px; height:33px; margin-top:0; position:relative; } #three_column #content_supp h3.contact span { width:100%; height:100%; position:absolute; background: url(../images/contact_us.gif) no-repeat; } /* =Two Column -----------------------------------------------------------------------------*/ #two_column #content_main { display:inline; width:581px; float:left; margin-left:19px; padding: 0 20px; border-top: 5px solid #FFF; } #two_column #content_sub { display:inline; width:204px; float:right; margin-right:16px; } #two_column #content_sub ul { padding:0; margin:0 0 0 20px; list-style-type:none; } #two_column #content_sub li { padding-left: 15px; background: url(../images/bullet.gif) no-repeat 0 7px; line-height:19px; } #two_column #content_sub h3.in_this_section { width:204px; height:47px; margin-top:0; position:relative; } #two_column #content_sub h3.in_this_section span { width:100%; height:100%; position:absolute; background: url(../images/in_this_section.gif) no-repeat; } #two_column #content_sub p.supplimentalText {color:#777; margin:20px; font-style:normal; font-size:10px;} /* =Footer -----------------------------------------------------------------------------*/ #site_info { text-align:center; font-size: 0.92em; } #site_info, #site_info a { color: #FFF;} #site_info a { text-decoration: none; } #site_info a:hover { text-decoration: underline; } /* =Forms -----------------------------------------------------------------------------*/ form { padding: 0.4em; margin: 0; } form em { color: #FF0000; } form p { clear: left; margin: 0; padding: 0; padding-top: 0.4em; } form p label { float: left; width: 35%; } fieldset { padding: 0.6em; padding-left: 0.7em; } fieldset legend { padding: 0; margin-bottom: 0.2em; font-weight: bold; color: #000000; font-size: 1.1em; } input.txt { width: 200px; } .formerror { border: 1px solid red; background-color : #FFCCCC; width: auto; padding: 0.4em; margin-bottom: 0.4em; } .formerror ul { padding-left: 1.7em; } /* =Tables -----------------------------------------------------------------------------*/ td { text-align: left; } /* =Misc 1 -----------------------------------------------------------------------------*/ .question { background: #FF0000; } img.left { float: left; } img.right { float: right; } /* =Misc 2 -----------------------------------------------------------------------------*/ .vcard { margin-left:15px; } .address, .phone { font-family:"Trebuchet MS"; font-size:15px; color:#694472; font-weight:bold; } }