/*----------------------------------------------------------------------------- Website Style Sheet version: 1.0 author: Jon Reddout email: jreddout@practisinc.com website: http://www.signautremedicalgroup.com/ -----------------------------------------------------------------------------*/ @media screen { /* =General -----------------------------------------------------------------------------*/ html { height:100%; } body { padding: 0; margin: 0; height:100%; background-color: #fff; font: 12px Arial, Helvetica, sans-serif; color:#000; text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */ min-width: 910px; /* Centered design work around for Netscape 6. */ overflow: -moz-scrollbars-vertical; background:#677761; } /* 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 { padding: 0.3em 0; margin:0;} h1 { font-size: 1.5em; } h2 { font-size: 1.3em; color:#455041; } h3 { font-size: 1.1em; } h4 { /* different color */ } h5 { /* different color */ } /* =Links -----------------------------------------------------------------------------*/ a:link { color: #677761; } a:visited { color: #677761; } a:hover { } /* =Structure -----------------------------------------------------------------------------*/ #nonFooter { position: relative; min-height: 100%; } * html #nonFooter { height: 100%; } #outer_container { width: 910px; margin: 0 auto; text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */ background:url(../images/border_gradient.png) repeat-y; } * html #outer_container { height:1%; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.signaturemedicinemd.com/images/border_gradient.png',sizingMethod='scale', enabled='true' ); } #inner_container { width: 860px; margin: 0 auto; text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */ background:#fff; } * html #container_whitespace {position:relative;} #container { width: 840px; margin: 0 auto; text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */ } #content { } #footer { background:#fff; position: relative; margin: 0 auto 0 auto; } * html #footer { margin-top: 0; } /* =Navigation -----------------------------------------------------------------------------*/ ul#nav_main { height:53px; margin:10px 0 0 0; padding:0; list-style-type:none; } ul#nav_main li { height:53px; float:left; position:relative; } ul#nav_main li span { width:100%; height:100%; position:absolute; } ul#nav_main li a, ul#nav_main li a:visited { display:block; cursor:pointer;} * html #nav_main a:hover { background:#ffffff; cursor:pointer;} ul#nav_main li.about_us { width:101px; } ul#nav_main li.about_us a span,ul#nav_main li.about_us a:link span { background:url(../images/buttons/btn_about_us.gif) no-repeat; } ul#nav_main li.about_us a:hover span,body.about_us ul#nav_main li.about_us a span { background:url(../images/buttons/btn_about_us.gif) no-repeat 0 -53px; } ul#nav_main li.our_office { width:103px; } ul#nav_main li.our_office a span,ul#nav_main li.our_office a:link span { background:url(../images/buttons/btn_our_office.gif) no-repeat; } ul#nav_main li.our_office a:hover span,body.our_office ul#nav_main li.our_office a span { background:url(../images/buttons/btn_our_office.gif) no-repeat 0 -53px; } ul#nav_main li.medical_services { width:158px; } ul#nav_main li.medical_services a span,ul#nav_main li.medical_services a:link span { background:url(../images/buttons/btn_medical_services.gif) no-repeat; } ul#nav_main li.medical_services a:hover span,body.medical_services ul#nav_main li.medical_services a span { background:url(../images/buttons/btn_medical_services.gif) no-repeat 0 -53px; } ul#nav_main li.health_library { width:133px; } ul#nav_main li.health_library a span,ul#nav_main li.health_library a:link span { background:url(../images/buttons/btn_health_library.gif) no-repeat; } ul#nav_main li.health_library a:hover span,body.health_library ul#nav_main li.health_library a span { background:url(../images/buttons/btn_health_library.gif) no-repeat 0 -53px; } ul#nav_main li.online_services { width:143px; } ul#nav_main li.online_services a span,ul#nav_main li.online_services a:link span { background:url(../images/buttons/btn_online_services.gif) no-repeat; } ul#nav_main li.online_services a:hover span,body.online_services ul#nav_main li.online_services a span { background:url(../images/buttons/btn_online_services.gif) no-repeat 0 -53px; } ul#nav_main li.press { width:80px; } ul#nav_main li.press a span,ul#nav_main li.press a:link span { background:url(../images/buttons/btn_press.gif) no-repeat; } ul#nav_main li.press a:hover span,body.press ul#nav_main li.press a span { background:url(../images/buttons/btn_press.gif) no-repeat 0 -53px; } ul#nav_main li.request_info { width:122px; } ul#nav_main li.request_info a span,ul#nav_main li.request_info a:link span { background:url(../images/buttons/btn_request_info.gif) no-repeat; } ul#nav_main li.request_info a:hover span,body.request_info ul#nav_main li.request_info a span { background:url(../images/buttons/btn_request_info.gif) no-repeat 0 -53px; } #nav_sub { font-size:0.92em; } #nav_sub, #nav_sub a { color: #; } #nav_supp { font-size: 0.92em; padding-top:21px; text-align:center; } #nav_supp, #nav_supp a { color: #583725; } #nav_supp a { text-decoration: none; } #nav_supp a:hover { text-decoration: underline; } /* =Header -----------------------------------------------------------------------------*/ #top_bar { margin:0; padding:0; width:842px; height:14px; background:url(../images/img_top.gif) repeat-x;} #branding { width:840px; height:113px; border:1px solid #dcd2ca; background: url(../images/branding_bg.jpg) repeat-x;} #branding h1 { width:468px; height:113px; margin:0; padding:0; position:relative;} #branding h1 span { width:100%; height:100%; position:absolute; background:url(../images/logo.jpg) no-repeat; cursor:pointer; } #branding #contact_info {float:right; margin:16px 25px 0 0;} #branding #contact_info .phone {font-size:30px; color:#291a11;} #branding #contact_info .address {font-size:13px; text-align:center; color:#65755f;} #branding_sub { width:840px; height:262px;} /* Optional container, use only if necessary. */ #branding_sub img { position:absolute; z-index:0; } #branding_sub_int { } /* Optional container, use only if necessary. */ /* =Three Column -----------------------------------------------------------------------------*/ #three_column #content_main { position:relative; width:553px; margin:8px 0 0 0; padding-left:7px; float:left; } #three_column #content_main h2 { width:363px; height:33px; margin:0; padding:0; position:relative; } #three_column #content_main h2 span { width:100%; height:100%; position:absolute; background:url(../images/signaturemedicine_welcome.jpg) no-repeat; } #three_column #content_sub { display:inline; width:280px; margin:-50px 0 0 0; padding:0; float:right; z-index:1; } #three_column #content_sub #shadow { width:21px; height:343px; background:url(../images/healthnews_shadow.png) no-repeat; float:left; z-index:1;} * html #three_column #content_sub #shadow { height:343px; width:21px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.signaturemedicinemd.com/images/healthnews_shadow.png',sizingMethod='scale', enabled='true' ); } #three_column #content_sub #portal_bg { width:252px; height:53px; background:url(../images/patientportal_bg.jpg) repeat-x; float:left; z-index:1;} #three_column #content_sub #news_body { width:228px; height:290px; padding:12px 12px 0 12px; background:url(../images/healthnews_body.jpg) repeat-x; float:left; z-index:1; } #three_column #content_sub #news_content { width:207px; height:250px; padding:47px 10px 0 10px; background:url(../images/healthnews_bodybg.jpg) no-repeat; float:left; z-index:1; } #three_column #content_sub ul { padding:0; margin:0; list-style-type:none; } #three_column #content_sub li { margin-bottom:10px; } #three_column #content_sub {position:relative;} #three_column #content_supp{ display:inline; position:relative;} /* Design may not call for this container, delete id not necessary. */ /* =Two Column -----------------------------------------------------------------------------*/ #two_column #content_main { position:relative; display:inline; width:596px; margin:9px 21px 0 0; float:right; } #two_column #content_sub {position:relative; display:inline; width:208px; height:289px; float:left; } #two_column #content_sub #shadow { width:11px; height:194px; background:url(../images/inthissection_drop.jpg) no-repeat; float:left; } #two_column #content_sub #inthissect_bg { width:177px; margin:0; padding:20px 10px 0 10px;; background:url(../images/inthissection_bg.jpg) repeat-x; float:left; } #two_column #content_sub #inthissect_content { width:177px; height:290px; background:url(../images/inthissection_content_bg.jpg) repeat-x; float:left; position:relative;} #two_column #content_sub #inthissect_content ul { padding:0; margin:14px 14px 0 14px; list-style-type:none; } #two_column #content_sub #inthissect_content li { display:block;} #two_column #content_sub #inthissect_content li a, #two_column #content_sub #inthissect_content li a:visited { text-decoration:none; display:block; padding:4px 0; width:147px; border-bottom:1px solid #847764;} #two_column #content_sub #inthissect_content li a:hover { background:#ffecb9; text-decoration:none; display:block; padding:4px 0; width:147px; border-bottom:1px solid #847764;} #two_column #content_sub #joining {margin:20px 0 0 30px; padding:0;} #two_column #content_sub #joining h2 {color:#455041; margin:0 0 5px -25px; padding:0; font-size:13px;} #two_column #content_sub #joining ul {margin:0; padding:0; border:0; list-style-type:none;} #two_column #content_sub #joining li {margin:0; padding:3px 0; border:0;} #two_column #content_sub #joining li img {margin:0 9px -12px -30px; padding:0; border:0;} /* =Driving Directions -----------------------------------------------------------------------------*/ #driving_directions { margin:0; padding:0; border:0; width:250px; float:right;} #driving_directions h2 {width:250px; height:30px; margin:0; padding:0; position:relative;} #driving_directions h2 span {width:100%; height:100%; position:absolute; background:url(../images/directionsTop.gif) no-repeat;} #driving_directions form {margin:0; padding:0; border:0;} #driving_directions p {margin:3px 0; padding:0;} #driving_directions .content {background: url(../images/directionsBackground.gif) repeat-x; font-size:12px; padding:10px 20px;} #driving_directions .content input {margin:3px 0px;} #driving_directions .bottom #submitButton {margin:0px auto; cursor:pointer;} /* =Footer -----------------------------------------------------------------------------*/ #site_info { font-size: 0.92em; padding-bottom:27px; } #site_info, #site_info a { color: #583725;} #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; } /*textarea { width: 300px; height: 100px; } */ .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; } .highlight { font-weight:bold; background:#FFFF00; } .vcard {padding:5px 5px 0 10px;} /* =Misc 2 -----------------------------------------------------------------------------*/ img.left { float:left; } img.right { float:right; } }