/* /* Coded by: ViaVee (http://www.viavee.com) /* Date: 08/07/2009 /* ---------------------------------------------------- */ /* @group Imports /* ---------------------------------------------------- */ @import url("http://www.surgerycentersn.com/styles/css/reset.css"); /* @end */ /* @group Body & Common Styles /* ---------------------------------------------------- */ body { background: #2f2f2f url("styles/images/body.gif") repeat-x; color:#171717; font:11px/22px Arial,"Helvetica Neue",Helvetica,sans-serif; text-align:center; margin:0 auto;} .point { color:#40b0e1; font-weight:bold; font-size:13px; } .upBold { font-weight:bold; text-transform:uppercase;} .bold { font-weight:bold; } #bold { font-weight:bold; font-style:italic;} a img { border:0; } #shadows { background: transparent url("styles/images/shadows2.jpg"); width:1186px; height:111px; position:absolute; top: 131px; left:50%; margin-left:-593px; z-index:-1; } /* @end */ /* @group Header /* ---------------------------------------------------- */ #header { margin: 0 auto;width: 965px;height:197px;} #logo, #logo1 { background: url("styles/images/header.jpg") 0 0 no-repeat; width:887px; height:197px; margin:0; padding:0; color:#fff; } #logo1 { background: url("styles/images/header-contact.jpg") 0 0 no-repeat; } /* @end */ /* @group Navigation /* ---------------------------------------------------- */ #container { width:887px; background:transparent url("styles/images/shadows.jpg") no-repeat; margin:0 auto; position:relative; z-index:2; } /* "end */ /* @group Navigation /* ---------------------------------------------------- */ #navigation { width:887px; height:55px;} #phys.active {background:transparent url(styles/images/thenav1.gif) no-repeat scroll -94px -55px} #home.active {background:transparent url(styles/images/thenav1.gif) no-repeat scroll 0 -55px} #anes.active {background:transparent url(styles/images/thenav1.gif) no-repeat scroll -262px -55px} #info.active {background:transparent url(styles/images/thenav1.gif) no-repeat scroll -494px -55px} #aaahc.active {background:transparent url(styles/images/thenav1.gif) no-repeat scroll -686px -55px} #cont.active {background: transparent url(styles/images/thenav1.gif) no-repeat scroll -776px -55px} /* #nav li.active { background:transparent url(styles/images/thenav1.gif) no-repeat scroll 0 -55px } */ #nav { background:url("styles/images/thenav1.gif") no-repeat; width:887px; height:55px; margin:0; /*.margin:0 0 0 -16px; /* IE7 Hack*/ padding:0; } #nav span { display: none; } #nav li, #nav a { height:55px; display:block; } #nav li { float:left; list-style:none; display:inline; text-indent:-9000px; } #home { width:94px;} #phys { width:168px;} #anes { width:232px;} #info { width:192px;} #aaahc { width:90px;} #cont { width:110px;} #home a:hover {background:url("styles/images/thenav1.gif") 0px -55px no-repeat; } #phys a:hover {background:url("styles/images/thenav1.gif") -94px -55px no-repeat; } #anes a:hover {background:url("styles/images/thenav1.gif") -262px -55px no-repeat; } #info a:hover {background:url("styles/images/thenav1.gif") -494px -55px no-repeat; } #aaahc a:hover {background:url("styles/images/thenav1.gif") -686px -55px no-repeat; } #cont a:hover {background:url("styles/images/thenav1.gif") -776px -55px no-repeat; } /* @end */ /* @group Wrapper /* ---------------------------------------------------- */ #wrapper { width:887px; text-align:left; } /* @group Important message /* (Appears on top of each page beneath nav bar) /* ---------------------------------------------------- */ #important { height:39px; width:887px; background:#FFF url("styles/images/importantBg.jpg"); } #important p { color:#FFF; text-align:center; padding-top: 9px; font-size:13px;} #important a { color:#fff; } #important span { color:#98dffe; text-transform:uppercase; font-size: 15px; font-weight:bold;} /* @end */ /* @group Main content styling /* ---------------------------------------------------- */ /* @group contentHome /* (All styling pertaining to the index.html page ONLY) /* ---------------------------------------------------- */ #contentHome { width:887px; background:#FFF url("styles/images/contentHome.gif") repeat-y; } #startHome { height:24px; width:887px; background:#FFF url("styles/images/startHome.jpg"); } /* top rounded edge */ #endHome { clear:both; height:11px; width:887px; background:#FFF url("styles/images/endHome.jpg"); } /* bottom rounded edge */ #homeSidebar { width:291px; float:left; text-align:center; } #homeSidebar p { margin-bottom:15px; } #homeContent { width:594px; float:right; background:#fff url("styles/images/leader.jpg") no-repeat bottom right; border-right:1px solid #40B0E1;} #homeContent p { margin: 0 0 10px 0; padding: 0 10px; } #homeContent h3 { color:#40b0e1; margin-bottom:5px; font-size:15px; padding:0 10px; } /* @end */ /* @group contentSingle /* (All styling pertaining pages with NO SIDEBARS) /* ---------------------------------------------------- */ #singleContent { width:887px; background:#FFF; } #startSingle { height:32px; width:887px; background:#FFF url("styles/images/singleStart.jpg"); } /* top rounded edge */ #endSingle { clear:both; height:11px; width:887px; background:#FFF url("styles/images/singleEnd.jpg"); } /* bottom rounded edge */ #singleContent { width:845px; padding:10px 20px 0 20px; border-left:1px solid #40B0E1; border-right:1px solid #40B0E1;} .heading { background-color:#40B0E1; } .heading h3 { color:#fff; font-size: 15px; padding:5px 5px 5px 15px; margin: 1px 0;} #singleContent h2 { color:#40b0e1; margin:0; font-size:15px; padding:0 10px 0 0; } #singleContent p { margin:10px 0 0 0; padding: 0; font-size:12px; } #singleContent ul { background: #FFF url("styles/images/arrow.png") no-repeat left; min-height:100px;} #singleContent ul li { padding-left:70px;} #singleContent ul li a { color:#40b0e1; text-decoration:none; } td { padding: 5px 0 5px 40px; width:200px; font-size:12px; } td.bold { font-weight:bold; } td.outerLeft { padding-left:15px; } td.outerRight { padding-right:15px; text-align:right;} /* @end */ /* @group infoHome /* (All styling pertaining to the INFORMATION PAGES only) /* ---------------------------------------------------- */ #contentInfo { width:887px; background: #FFF url("styles/images/infoContent.gif") repeat-y; } #startInfo { height:32px; width:887px; background: #FFF url("styles/images/infoTop.gif"); } /* top rounded edge */ #endInfo { clear:both; height:9px; width:887px; background: #FFF url("styles/images/infoBottom.gif"); } /* bottom rounded edge */ #infoSidebar { width:201px; float:left; } #infoSidebar p { margin-bottom:15px; } #subnav { list-style-type:none; margin:0 13px 0 1px; padding:0; } #subnav li { } #subnav a { border:0; color:#1d599c; display:block; font-weight:bold; margin:0 0 0 14px; padding:4px 5px; text-transform:uppercase;text-decoration:none; } #subnav a:hover { background: #AFD1E2 ; color:#1d599c; text-decoration:none; } #subnav a:hover span { background: #AFD1E2; color:#1d599c; margin: 0 0 0 0px; text-decoration:none; } #subnav li.active {background: transparent url(styles/images/sidebar-arrow.gif) no-repeat scroll left center;margin-left:7px;} #subnav li.active a { background: #AFD1E2 none repeat scroll 0 0; margin: 0 0 0 15px; padding: 4px 4px 4px 14px; color:#4c5870; } #infoContent { width:660px; float:right; } #infoContent p { margin: 0 0 10px 0; padding: 0 10px; } #infoContent h3, .post h2 a:link, .post h2 a:visited { color:#40b0e1; margin-bottom:5px; font-size:17px; padding:0 10px; text-decoration:none; } #infoContent ul { margin:0 0 10px 25px; } #infoContent ul li { list-style:disc; } #infoContent ul li a { color:#40b0e1; text-decoration:none; } /* @end */ /* @group Contact Page /* ---------------------------------------------------- */ #contentContact { width:887px; background: #FFF; } #startContact { height:32px; width:887px; background: #FFF url("styles/images/contactTop.gif"); } /* top rounded edge */ #endContact { clear:both; height:11px; width:887px; background: #FFF url("styles/images/contactBottom.gif"); } /* bottom rounded edge */ #singleContact { width:460px; padding:0; margin:-10px 0 0 0; float:right; } #contactLeft { width:416px; float:left; text-align:center; background: transparent url("styles/images/surgeryImage.jpg"); min-height:242px; } #contactLeft p { margin-bottom:15px; } .heading { background-color:#40B0E1; } .heading h3 { color:#fff; font-size: 15px; padding:5px 5px 5px 15px;} #singleContact h2 { color:#40b0e1; margin:0; font-size:15px; padding:0 10px 0 0; } #singleContact p { margin:10px 0 0 0; padding: 0; font-size:12px; } /* @end */ #footer { width:887px; color:#fff; margin:10px auto; text-align:left; } #footer span { margin-right:30px;} #footer a { color:#fff; margin-right:7px; } /* @group Image Classes /* ---------------------------------------------------- */ p img { padding:0; margin: 0;max-width:100%; } img.centered { display:block; margin-left:auto; margin-right:auto; } img.scentered { display:block; margin:23px auto 12px auto; } img.alignright { padding:6px; margin:0; display:inline; border:0; } img.alignleft { padding:6px; margin:4px 10px 5px 0; display:inline; border:1px solid #ccc; } .alignright { float:right; } .alignleft { float:left } /* @end */ .panel{ display:none; background: #fffff; } table{ background-color:white; } #topmap {float:right;margin:6px 25px 0 0;} .heading { cursor: pointer; position: relative; background: #40B0E1 url(left.png) center right no-repeat; } .pdf { float:left; margin-left:9px; } .bold { font-weight: bold; } .bold { font-weight: bold; }