/* CSS Document */
HTML {
OVERFLOW: -moz-scrollbars-vertical;
}
BODY {
BACKGROUND-COLOR: #F2F5EE;
BACKGROUND-IMAGE: url(../images/main/bg.jpg);
BACKGROUND-REPEAT: repeat-x;
FONT-FAMILY: Arial, Helvetica, sans-serif;
MARGIN: 0;
PADDING: 0;
TEXT-ALIGN: center;
}
DIV {
MARGIN: 0px auto;
POSITION: relative;
}
/* set all paddings and margins to 0 */
* {
padding: 0;
margin: 0;
}
/* Layout */
#frame {
WIDTH: 857px;
TOP: 20px;
BACKGROUND-COLOR: #FFFFFF;
TEXT-ALIGN: center;
}
/* Start Header */
#header {
WIDTH: 844px;
HEIGHT: 165px;
TOP: 6px;
BACKGROUND-COLOR: #D4D6C0;
OVERFLOW: hidden;
}
#logo {
WIDTH: 220px;
HEIGHT: 165px;
FLOAT: left;
BACKGROUND-IMAGE: url(../images/home/bg-Logo.jpg);
BACKGROUND-REPEAT: no-repeat;
}
#logo img {
MARGIN-TOP: 11px;
}
#switchImages {
WIDTH: 400px;
HEIGHT: 165px;
FLOAT: left;
}
#headerRight {
WIDTH: 224px;
HEIGHT: 165px;
FLOAT: right;
BACKGROUND-IMAGE: url(../images/home/headerRight.jpg);
BACKGROUND-REPEAT: no-repeat;
}
#topNav {
FONT-SIZE: 11px;
TOP: 4px;
}
#topNav a:link, #topNav a:visited {
COLOR: #FFFFFF;
TEXT-DECORATION: none;
}
#topNav a:hover {
COLOR: #FFFFFF;
TEXT-DECORATION: underline;
}
#phoneNumber {
FONT-SIZE: 18px;
TOP: 105px;
COLOR: #767928;
}
/* START Main Nav */
#mainNav {
CLEAR: both;
MARGIN-TOP: 10px;
WIDTH: 844px;
HEIGHT: 27px;
BACKGROUND-COLOR: #D3C6AF;
}
#mainNav A:link, #mainNav A:visited {
COLOR: #336699;
TEXT-DECORATION: underline;
}
#mainNav A:hover {
COLOR: #BA8748;
TEXT-DECORATION: none;
}
#home_button, #services_button, #store_button, #about_button, #approach_button, #eNewsletter_button, #menu_button {
HEIGHT: 27px;
FLOAT: left;
}
#home_button:link, #home_button:visited {
WIDTH: 57px;
BACKGROUND-IMAGE: url(../images/main/nav/home.jpg);
}
#services_button:link, #services_button:visited {
WIDTH: 100px;
BACKGROUND-IMAGE: url(../images/main/nav/services.jpg);
}
#store_button:link, #store_button:visited {
WIDTH: 85px;
BACKGROUND-IMAGE: url(../images/main/nav/store.jpg);
}
#about_button:link, #about_button:visited {
WIDTH: 84px;
BACKGROUND-IMAGE: url(../images/main/nav/aboutUs.jpg);
}
#approach_button:link, #approach_button:visited {
WIDTH: 156px;
BACKGROUND-IMAGE: url(../images/main/nav/approach.jpg);
}
#eNewsletter_button:link, #eNewsletter_button:visited {
WIDTH: 96px;
BACKGROUND-IMAGE: url(../images/main/nav/eNewsletter.jpg);
}
#menu_button:link, #menu_button:visited {
WIDTH: 152px;
BACKGROUND-IMAGE: url(../images/main/nav/menu.jpg);
}
#home_button:hover, #services_button:hover, #store_button:hover, #about_button:hover, #approach_button:hover, #eNewsletter_button:hover, #menu_button:hover {
BACKGROUND-POSITION: 0 -27px;
}
#home_button span, #services_button span, #store_button span, #about_button span, #approach_button span, #eNewsletter_button span, #menu_button span {
DISPLAY: none;
}
#navlist {
MARGIN: 0 auto; /*removes indent IE and Opera*/
PADDING: 0; /*removes indent Mozilla and NN7*/
LIST-STYLE-TYPE: none; /*turns off display of bullet*/
WIDTH: 730px;
}
ul#navlist li {
FLOAT: left;
}
/* End Nav Bar */
/* End Header */
/********************************************************************/
/* START Content */
#ContentArea {
WIDTH: 844px;
MARGIN-TOP: 4px;
}
#ContentArea2 {
WIDTH: 844px;
MARGIN-TOP: 4px;
background-color: #fad5db;
}
.bodyText {
COLOR:#603913;
TEXT-ALIGN: left;
FONT-SIZE: 13px;
}
/* END Content */
/********************************************************************/
/* START Footer */
#Footer {
CLEAR: both;
TOP: 4px;
WIDTH: 844px;
HEIGHT: 50px;
BACKGROUND-COLOR: #EBE2D1;
}
#copyRight {
WIDTH: 590px;
HEIGHT: 40px;
COLOR: #406618;
TOP: 7px;
FONT-SIZE: 10px;
}
#frameBottomBorder {
HEIGHT: 6px;
TOP: 5px;
BACKGROUND-COLOR:#FFFFFF;
}
/* END Footer */
/********************************************************************/
/* START Home Content */
#homeLeft {
WIDTH: 220px;
HEIGHT: 465px;
FLOAT: left;
BACKGROUND-IMAGE: url(../images/home/greenStripe.jpg);
BACKGROUND-REPEAT: repeat-x;
}
#homeLeft-Mission {
TOP: 25px;
LEFT: 16px;
FONT-SIZE: 14px;
COLOR: #406618;
TEXT-ALIGN: left;
}
#homeLeft-Text {
TOP: 27px;
WIDTH: 190px;
FONT-SIZE: 10px;
COLOR: #603913;
TEXT-ALIGN: left;
}
#homeLeft-img {
MARGIN-TOP: 30px;
WIDTH: 162px;
}
#reviewServices, #giveFeedback, #bookmarkUs {
MARGIN-TOP: 7px;
HEIGHT: 32px;
WIDTH: 162px;
FLOAT: left;
}
#reviewServices:link, #reviewServices:visited {
BACKGROUND-IMAGE: url(../images/home/reviewServices.jpg);
}
#giveFeedback:link, #giveFeedback:visited {
BACKGROUND-IMAGE: url(../images/home/giveFeedback.jpg);
}
#bookmarkUs:link, #bookmarkUs:visited {
BACKGROUND-IMAGE: url(../images/home/bookmarkUs.jpg);
}
#reviewServices:hover, #giveFeedback:hover, #bookmarkUs:hover {
BACKGROUND-POSITION: -162px 0;
}
#reviewServices span, #giveFeedback span, #bookmarkUs span {
DISPLAY: none;
}
#homeMiddle {
WIDTH: 400px;
HEIGHT: 465px;
FLOAT: left;
BACKGROUND-COLOR: #F0EEE3;
}
#homeMiddle-Text {
TOP: 25px;
WIDTH: 330px;
HEIGHT: 405px;
FONT-SIZE: 10px;
COLOR: #603913;
TEXT-ALIGN: left;
OVERFLOW: auto;
PADDING-RIGHT: 9px;
}
#homeRight {
WIDTH: 224px;
HEIGHT: 465px;
FLOAT: right;
BACKGROUND-IMAGE: url(../images/home/greenStripe.jpg);
BACKGROUND-REPEAT: repeat-x;
}
#homeRightTop-img {
TOP: 22px;
WIDTH: 140px;
HEIGHT: 154px;
}
#certificates, #reservations {
MARGIN-TOP: 7px;
HEIGHT: 70px;
WIDTH: 140px;
FLOAT: left;
}
#certificates:link, #certificates:visited {
BACKGROUND-IMAGE: url(../images/home/certificates.gif);
}
#reservations:link, #reservations:visited {
BACKGROUND-IMAGE: url(../images/home/reservations.gif);
}
#certificates:hover, #reservations:hover {
BACKGROUND-POSITION: -140px 0;
}
#certificates span, #reservations span {
DISPLAY: none;
}
#homeRight-Text {
TOP: 39px;
WIDTH: 150px;
FONT-SIZE: 12px;
COLOR: #406618;
TEXT-ALIGN: center;
}
#homeRightBottom-img {
TOP: 48px;
WIDTH: 112px;
}
#dermatology, #medicalGroup, #urgentCare {
MARGIN-TOP: 7px;
HEIGHT: 56px;
WIDTH: 112px;
FLOAT: left;
}
#dermatology:link, #dermatology:visited {
BACKGROUND-IMAGE: url(../images/home/dermatology.gif);
}
#medicalGroup:link, #medicalGroup:visited {
BACKGROUND-IMAGE: url(../images/home/medicalGroup.gif);
}
#urgentCare:link, #urgentCare:visited {
BACKGROUND-IMAGE: url(../images/home/urgentCare.gif);
}
#dermatology:hover, #medicalGroup:hover, #urgentCare:hover {
BACKGROUND-POSITION: -112px 0;
}
#dermatology span, #medicalGroup span, #urgentCare span {
DISPLAY: none;
}
/********************************************************************/
/* START BLOG Template Content */
DT {
FONT-SIZE: 12px;
}
#homeMiddle-Text A:link, #homeMiddle-Text A:visited {
COLOR: #603913;
FONT-WEIGHT: bold;
TEXT-DECORATION: none;
}
#homeMiddle-Text A:hover {
COLOR: #603913;
FONT-WEIGHT: bold;
TEXT-DECORATION: underline;
}
DD {
MARGIN: 0px;
PADDING: 0px;
}
/* End Content Template Content */
/********************************************************************/
/* START Inner Page Content */
#InnerHeader {
WIDTH: 844px;
HEIGHT: 92px;
TOP: 6px;
BACKGROUND-COLOR: #D4D6C0;
OVERFLOW: hidden;
BACKGROUND-IMAGE: url(../images/mainInner/banner.jpg);
}
#InnerLogo {
WIDTH: 248px;
HEIGHT: 92px;
FLOAT: left;
}
#InnerHeaderRight {
WIDTH: 224px;
HEIGHT: 92px;
FLOAT: right;
}
#NavLeftHolder {
WIDTH: 185px;
MIN-HEIGHT: 623px;
HEIGHT: auto !important;
FLOAT: left;
BACKGROUND-COLOR: #F7F7F4;
BACKGROUND-IMAGE: url(../images/mainInner/leftNavBottomBG.jpg);
BACKGROUND-POSITION: bottom;
BACKGROUND-REPEAT: repeat-x;
}
#InnerRightHolder {
WIDTH: 659px;
MIN-HEIGHT: 623px;
HEIGHT: auto !important;
FLOAT: right;
BACKGROUND-COLOR: #F2F1E8;
}
#imageBanner {
WIDTH: 587px;
HEIGHT: 201px;
TOP: 27px;
}
#imageBanner2 {
WIDTH: 587px;
HEIGHT: 301px;
TOP: 27px;
}
#content-Text {
MARGIN-TOP: 49px;
MARGIN-LEFT: 45px;
WIDTH: 565px;
MIN-HEIGHT: 405px;
HEIGHT: auto !important;
}
#content-Text span {
FONT-WEIGHT: bold;
}
#content-TextLeft {
FLOAT: left;
WIDTH: 300px;
}
#content-TextRight {
FLOAT: left;
MARGIN-LEFT: 15px;
WIDTH: 250px;
}
.scroll {
OVERFLOW: auto;
PADDING-RIGHT: 9px;
WIDTH: 556px;
HEIGHT: 405px;
}
/********************************************************************/
/* Right Side Column */
#Reviews {
FONT-STYLE: italic;
FONT-SIZE: 11px;
}
/********************************************************************/
/* SITE MAP */
ul#sitemap li {
PADDING: 2px;
MARGIN-LEFT: 40px;
}
ul#sitemap2 li {
PADDING-LEFT: 2px;
MARGIN-LEFT: 80px;
}
ul#sitemap3 li {
PADDING-LEFT: 2px;
MARGIN-LEFT: 120px;
}
/********************************************************************/
/* SITE MAP */
#reservations-Text {
MARGIN-TOP: 49px;
MARGIN-LEFT: 45px;
WIDTH: 565px;
MIN-HEIGHT: 405px;
HEIGHT: auto !important;
}
#reservations-Text span {
FONT-WEIGHT: bold;
}
#reservations-Text b {
FONT-WEIGHT: bold;
COLOR: #406618;
}
#reservations-TextLeft {
FLOAT: left;
WIDTH: 275px;
}
#reservations-TextRight {
FLOAT: left;
MARGIN-LEFT: 15px;
WIDTH: 275px;
}
#reservations-bottom {
CLEAR: both;
WIDTH: 550px;
HEIGHT: 625px;
BACKGROUND-IMAGE: url(../images/reservations/bg.jpg);
BACKGROUND-REPEAT: no-repeat;
PADDING: 15px 40px;
}
/********************************************************************/
/* */
#secondaryLinks {
TEXT-ALIGN: center;
}
/********************************************************************/
/* Form Style */
.errortext {
FONT-WEIGHT: bold;
COLOR: #990000;
}
/********************************************************************/
/* Links */
#copyRight A:link, #copyRight A:visited {
COLOR: #406618;
TEXT-DECORATION: none;
}
#copyRight A:hover {
COLOR: #406618;
TEXT-DECORATION: underline;
}
#LeftTop-Content A:link, #LeftTop-Content A:visited, #RightSide A:link, #RightSide A:visited {
COLOR: #001147;
TEXT-DECORATION: underline;
}
#LeftTop-Content A:hover, #RightSide A:hover {
COLOR: #001147;
TEXT-DECORATION: none;
}
#reservations-Text A:link, #reservations-Text A:visited {
COLOR: #406618;
TEXT-DECORATION: underline;
}
#reservations-Text A:hover {
COLOR: #406618;
TEXT-DECORATION: none;
}
#secondaryLinks A:link, #secondaryLinks A:visited {
COLOR: #336699;
TEXT-DECORATION: none;
FONT-SIZE: 11px;
}
#secondaryLinks A:hover {
COLOR: #BA8748;
TEXT-DECORATION: underline;
FONT-SIZE: 11px;
}
A:link, A:visited, #content p.directoryEmployeeInfo A:link, #content p.directoryEmployeeInfo A:visited {
COLOR: #336699;
FONT-WEIGHT: normal;
TEXT-DECORATION: none;
}
A:hover, #content p.directoryEmployeeInfo A:hover {
COLOR: #BA8748;
FONT-WEIGHT: normal;
TEXT-DECORATION: underline;
}