/*----------------------------------------------------------------------------- Windermere Pediatrics Website Style Sheet version: 1.0 author: Bryan Miller email: bmiller@practisinc.org website: http://www.windermerepediatrics.org/ -----------------------------------------------------------------------------*/ @media screen { /* =General -----------------------------------------------------------------------------*/ body { padding: 0; margin: 0; background-color: #fff; font: 12px Trebuchet MS, Arial, Helvetica, sans-serif; color:#232323; text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */ min-width: 875px; /* Centered design work around for Netscape 6. */ overflow: -moz-scrollbars-vertical; background:#f9f4ba url(../images/bg.png) repeat-x; line-height:16px; } /* Class for clearing floats */ .clear { clear:both; height:0px;} /* Remove border around linked images */ img { border: 0; } p { margin: 0.8em 0;} h1, h2, h3, h4, h5 { margin: 0.4em 0; color:#500113;} h1 { font-size: 20px; color:#2d220c;} h2 { font-size: 16px; color:#C32A49; } h3 { font-size: 14px; } h4 { /* different color */ } h5 { /* different color */ } /* =Links -----------------------------------------------------------------------------*/ a:link, a:visited, a:hover { color: #500113; text-decoration:underline; } /* =Structure -----------------------------------------------------------------------------*/ #container { width: 875px; margin: 0 auto; text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */ } #content_background_top {width:875px; height:290px; margin:0; padding:0; background:url(../images/content_main_bg_top.png) no-repeat;} #content {width:875px; margin:0; padding:5px 0 0 0; background:url(../images/content_main_bg_middle.png) repeat-y;} #content_background_bottom {width:875px; height:22px; margin:0; padding:0; background:url(../images/content_main_bg_bottom.png) no-repeat;} #footer { height:64px; background:url(../images/footer_bg.png) no-repeat; text-align:center;} /* =IE Fixes -----------------------------------------------------------------------------*/ /* Update the following absolute image links after chainging domians */ * html #content_background_top { height:290px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://ns3.practisinc.com/~windermerepediatrics.org/images/content_main_bg_top.png',sizingMethod='scale', enabled='true' ); } * html #content { height:1%; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://ns3.practisinc.com/~windermerepediatrics.org/images/content_main_bg_middle.png',sizingMethod='scale', enabled='true' ); } * html #content_background_bottom { height:22px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://ns3.practisinc.com/~windermerepediatrics.org/images/content_main_bg_bottom.png',sizingMethod='scale', enabled='true' ); } * html #footer { height:64px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://ns3.practisinc.com/~windermerepediatrics.org/images/footer_bg.png',sizingMethod='scale', enabled='true' ); } /* =Navigation -----------------------------------------------------------------------------*/ ul#nav_main { height:65px; margin:-65px 0 0 0; padding:0; list-style-type:none;} ul#nav_main li { height:65px; float:left; position:relative; } ul#nav_main li span { width:100%; height:100%; position:absolute; } ul#nav_main li a { display:block; cursor:pointer;} *+html ul#nav_main { height:65px; margin:-64px 0 0 0;} /* IE7 Fix */ * html #two_column ul#nav_main { height:65px; margin:-69px 0 0 0;} /* IE6 Fix */ * html #three_column ul#nav_main { height:65px; margin:-64px 0 0 0;} /* IE6 Fix */ * html #nav_main a:hover { background:#f6f2ac; cursor:pointer;} /* IE6 Fix */ ul#nav_main li.home { width:89px; } ul#nav_main li.home a span,ul#nav_main li.home a:link span { background:url(../images/buttons/btn_home.jpg) no-repeat; } ul#nav_main li.home a:hover span,body.home ul#nav_main li.home a span { background:url(../images/buttons/btn_home.jpg) no-repeat 0 -65px; } ul#nav_main li.meet_us { width:92px; } ul#nav_main li.meet_us a span,ul#nav_main li.meet_us a:link span { background:url(../images/buttons/btn_meet_us.jpg) no-repeat; } ul#nav_main li.meet_us a:hover span,body.meet_us ul#nav_main li.meet_us a span { background:url(../images/buttons/btn_meet_us.jpg) no-repeat 0 -65px; } ul#nav_main li.our_office { width:111px; } ul#nav_main li.our_office a span,ul#nav_main li.our_office a:link span { background:url(../images/buttons/btn_our_office.jpg) 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.jpg) no-repeat 0 -65px; } ul#nav_main li.for_parents { width:118px; } ul#nav_main li.for_parents a span,ul#nav_main li.for_parents a:link span { background:url(../images/buttons/btn_for_parents.jpg) no-repeat; } ul#nav_main li.for_parents a:hover span,body.for_parents ul#nav_main li.for_parents a span { background:url(../images/buttons/btn_for_parents.jpg) no-repeat 0 -65px; } ul#nav_main li.expecting { width:105px; } ul#nav_main li.expecting a span,ul#nav_main li.expecting a:link span { background:url(../images/buttons/btn_expecting.jpg) no-repeat; } ul#nav_main li.expecting a:hover span,body.expecting ul#nav_main li.expecting a span { background:url(../images/buttons/btn_expecting.jpg) no-repeat 0 -65px; } ul#nav_main li.whats_new { width:123px; } ul#nav_main li.whats_new a span,ul#nav_main li.whats_new a:link span { background:url(../images/buttons/btn_whats_new.jpg) no-repeat; } ul#nav_main li.whats_new a:hover span,body.whats_new ul#nav_main li.whats_new a span { background:url(../images/buttons/btn_whats_new.jpg) no-repeat 0 -65px; } ul#nav_main li.contact_us { width:114px; } ul#nav_main li.contact_us a span,ul#nav_main li.contact_us a:link span { background:url(../images/buttons/btn_contact_us.jpg) no-repeat; } ul#nav_main li.contact_us a:hover span,body.contact_us ul#nav_main li.contact_us a span { background:url(../images/buttons/btn_contact_us.jpg) no-repeat 0 -65px; } #nav_supp { font-size: 0.92em; padding-top:15px; position:relative;} #nav_supp, #nav_supp a { color: #; } #nav_supp a { text-decoration: none; } #nav_supp a:hover { text-decoration: underline; } /* =Header -----------------------------------------------------------------------------*/ #branding { height:274px;} #branding h1 { width:; height:; margin:0; padding:0; position:relative; } #branding h1 span { width:100%; height:100%; position:absolute; background:; } #branding_sub { } /* Optional container, use only if necessary. */ /* =Three Column -----------------------------------------------------------------------------*/ #three_column #content_main { display:inline; width:585px; float:left; position:relative; margin:-290px 0 0 0;} #three_column #content_main #welcome #lady_bug {position:absolute; width:162px; height:146px; margin:0 0 0 -170px; background:url(../images/lady_bug.gif) no-repeat;} #three_column #content_main #welcome {margin:20px 0 0 170px; width:380px; min-height:155px; height:auto !important; height:155px;} #three_column #content_main #welcome h2 { width:378px; height:23px; margin:0; padding:0; position:relative; font-size:12px;} #three_column #content_main #welcome h2 span { width:100%; height:100%; position:absolute; background:url(../images/welcome.gif) no-repeat; } #three_column #content_main #callouts {clear:left; margin-left:10px;} #three_column #content_main #callout_expecting { float:left; height:155px; width:287px; background:url(../images/callout_expecting.jpg) no-repeat;} #three_column #content_main #callout_expecting h2 {width:105px; height:24px; margin:22px 0 0 126px; padding:0; font-size:12px; position:relative;} #three_column #content_main #callout_expecting h2 span {width:100%; height:100%; position:absolute; background:url(../images/expecting.gif) no-repeat;} #three_column #content_main #callout_expecting p {margin:5px 20px 0 126px;} #three_column #content_main #callout_onlineserve { float:right; height:153px; width:287px; background:url(../images/callout_onlineserve.jpg) no-repeat;} #three_column #content_main #callout_onlineserve h2 {width:153px; height:21px; margin:22px 0 0 22px; padding:0; font-size:12px; position:relative;} #three_column #content_main #callout_onlineserve h2 span {width:100%; height:100%; position:absolute; background:url(../images/online_services.gif) no-repeat;} #three_column #content_main #callout_onlineserve ul {margin:5px 0 0 25px; padding:0; list-style-type:none; font-size:12px;} #three_column #content_main #callout_onlineserve li {margin:0; padding:2px 0;} #three_column #content_main #callout_onlineserve li a, #three_column #content_main #callout_onlineserve li a:visited {text-decoration:none; color:#232323;} #three_column #content_main #callout_onlineserve li a:hover {color:#232323; text-decoration:underline;} #three_column #content_sub { display:inline; width:250px; float:right; background:url(../images/3col_content_sub_middle_bg.jpg) repeat-y; margin:-290px 38px 0 0; padding:0; position:relative;} #three_column #content_sub .content { background:url(../images/3col_content_sub_top_bg.jpg) no-repeat; margin:0; padding:0 10px 0 20px; min-height:300px; height:auto !important; height:300px;} #three_column #content_sub .bottom { height:30px; background:url(../images/3col_content_sub_bottom_bg.jpg) no-repeat;} #three_column #content_sub h2 {margin:0; padding:0;} #three_column #content_sub h3 {color:#500113; margin:5px 0 0 0; padding:0;} #three_column #content_sub ul {margin:0; padding:0; list-style-type:none;} #three_column #content_sub #news {} #three_column #content_sub #news strong {color:#500113; display:block; margin:5px 0 0 0; padding:0;} #three_column #content_sub h2#whats_new {width:116px; height:18px; padding:17px 0 5px 0; margin:0; position:relative;} #three_column #content_sub h2#whats_new span {width:100%; height:100%; position:absolute; background:url(../images/whats_new.gif) no-repeat;} #three_column #content_sub h2#join_our_listserv {width:165px; height:20px; padding:15px 0 0 0; margin:0; position:relative;} #three_column #content_sub h2#join_our_listserv span {width:100%; height:100%; position:absolute; background:url(../images/join_our_listserv.gif) no-repeat;} /* =Two Column -----------------------------------------------------------------------------*/ #two_column #content_main { float:left; width:575px; margin:-290px 0 0 0; padding:0 0 0 25px; position:relative;} #two_column #content_sub { width:220px; float:right; background:url(../images/2col_content_sub_middle_bg.jpg) repeat-y; margin:-285px 0 0 0; padding:0 38px 0 0; position:relative;} #two_column #content_sub .content { background:url(../images/2col_content_sub_top_bg.jpg) no-repeat; margin:0; padding:0 10px 0 20px; min-height:290px; height:auto !important; height:290px;} #two_column #content_sub .bottom { height:20px; background:url(../images/2col_content_sub_bottom_bg.jpg) no-repeat;} #two_column #content_sub h2 {width:143px; height:19px; padding:12px 0 0 0; margin:0; position:relative; font-size:12px;} #two_column #content_sub h2 span {width:100%; height:100%; position:absolute; background:url(../images/in_this_section.gif) no-repeat;} #two_column #content_sub ul {margin:0; padding:10px 0 0 0; list-style-type:none;} #two_column #content_sub li { padding:1px 0;} #two_column #content_sub li a, #two_column #content_sub li a:visited {text-decoration:none;} #two_column #content_sub li a:hover {text-decoration:underline;} /* =Driving Directions -----------------------------------------------------------------------------*/ #driving_directions { margin:0; padding:0; border:0; width:250px; float:right;} #driving_directions h2 {width:250px; height:50px; margin:0; padding:0; position:relative; font-size:0px;} #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/directionsMiddle.gif) repeat-y; font-size:12px; padding:10px 20px;} #driving_directions .content input {margin:3px 0px;} #driving_directions .bottom {background: url(../images/directionsBottom.gif) no-repeat; width:250px; height:35px; text-align:center;} #driving_directions .bottom #submitButton {margin:0px auto; cursor:pointer;} /* =Footer -----------------------------------------------------------------------------*/ #site_info { font-size: 0.92em; padding:5px 0 20px 0; position:relative;} #site_info, #site_info a { color: #500113;} #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: 25%; } 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; } .highlight { font-weight:bold; background:#FFFF00; } .vcard {padding-top:10px;} .fn {font-weight:bold;} /* =Misc 2 -----------------------------------------------------------------------------*/ img.left { float:left; } img.right { float:right; } .table_heading {color:#fffde9;} }