/* HTML Elements */
body{ background-color:#e9e9e9;  font-family:Verdana,Geneva,sans-serif;  color:#545454;  line-height:1.5em}

h1, h2, h3{ color:#00aeef;  font-family:Verdana,Geneva,sans-serif;  font-weight:normal;  margin-left:10px}

h2{font-size:1.3em; line-height:1.5em}

h3{font-size:.8em; text-transform:uppercase; line-height:1.5em; margin-left:10px}

h4{font-size:.8em; line-height:1.5em}

p{ font-family:Verdana,Geneva,sans-serif;  font-size:.8em;  margin:10px}
a{ color:#00aeef}

a:hover{ color:#000}

/* END HTML Elements */
#wrapper{    margin-top:15px;     width:955px;     margin-left:auto;     margin-right:auto;     background-color:#FFF;     background-image:url(../images/footercap.gif);  background-position:bottom;  background-repeat:no-repeat;  padding-bottom:5px}
/* Start Header */
#topheadwrap{    }

#header{    padding:10px 0 0 0;     background-image:url(../images/headercap.gif);  background-repeat:no-repeat}

#logo{ float:left;  margin-left:10px}

#headphnaddr{ text-align:right;  margin-right:10px}

#subheader{background-color:#07b0ef;  color:#FFF;  font-size:10px;  font-weight:bold;  width:955px;  height:26px}

.subheadertext{margin-left:15px}
.phone{ font-size:16px;  font-weight:bold;  line-height:18px}

.address{ font-size:12px;  font-weight:normal;  margin:0;  padding:0;  line-height:14px}

#introtext{ font-size:10px;  line-height:14px}

.clear{ clear:both !important}

/* END Header */
/* Start Homepage Content */
#defaulth1{    margin-top:30px;     margin-bottom:35px;     text-indent:-9999px;     width:322px;     height:58px}
#reqapptaction{position:relative; float:right; top:-30px}
#reqapptaction img{    z-index:5000}

#herocopy{    float:left;     width:955px;     height:374px;     background-image:url(../images/defaulthero.jpg);  background-repeat:no-repeat}

#herocopy p{ width:335px;  line-height:1.4em;  font-size:.75em;  margin-left:45px}

#herocopy a{ color:#000;  text-decoration:none;  font-style:italic}

#herocopy a:hover{ color:#00aaef;  text-decoration:none;  font-style:italic}

.herohighlight{ font-weight:bold;  color:#00aeef}

.highlight{ color:#00aeef}

#herocontent{ width:955px;  height:374px}

#heroapptbox{ width:200px;  height:374px;  background-color:#cfcfcf;  text-align:center}

.fpfimg{ }

#specialimg{ }

#requestapptimg{ margin-bottom:10px}

#heroapptbox .text-input{ width:140px;  position:relative}

#heroapptbox .phone-input{ width:40px;  margin-left:0;  margin-right:0;  padding-left:0;  padding-right:0;  position:relative}

#heroapptbox .text-input-notes{ color:#000;  width:130px;  padding:0;  font-size:11px;  background-color:#faffbd;  overflow:auto;  border:none}

#heroapptbox .checkbox{ background-color:Transparent}

#heroapptbox .checkboxtxt{ font-size:11px;  font-weight:bold}

#heroapptbox .exampleText{ color:#bbb;  font-size:11px;  text-align:center;  font-weight:bold;  background-color:#FFF}

#heroapptbox input{ color:#000;  font-size:11px;  text-align:center;  background-color:#faffbd;  margin:2px}

.faqsidebar{ width:180px;  text-align:left;  margin-bottom:20px;  margin-top:20px;  margin-left:8px;  display:block;  border:solid 1px #e9e9e9;  background-color:#faffc8;  padding:10px 0 10px 0}

.faqsidebar h2{  margin-left:0;  font-size:1.2em;  text-align:center}

.faqsidebar p{ font-family:Georgia,"Times New Roman",Times,serif;  font-size:.8em;  padding:5px;  font-style:italic}

.faqsidebar ul{ list-style-type:disc;  font-family:Georgia,"Times New Roman",Times,serif;  font-size:.8em;  margin:10px 10px 10px 25px;  font-style:italic}

.faqsidebar ul li{ margin:10px}

#sidebar{ float:right;  width:200px;  margin:0 0 0 0}

.faqinfobox p, .faqinfobox h3{ margin:5px;  padding:0}

.footerbutton{ margin:2px}

/* END Homepage Content */
/* START Internal Page Content */
/*Dental 101*/
.dentalimg{ float:left;  margin:5px}

/* HEADER IMAGES */
.pageheads{    width:363px;     height:36px;     text-indent:-9999px;     margin-top:35px;     background-repeat:no-repeat}

.pageheadbreak{    width:99%;     margin-bottom:10px;     position:inherit;        color:#ccc}

#aboutushead{    background-image:url(../images/pageheads/aboutushead.gif)}

#bridgeshead{    background-image:url(../images/pageheads/bridgeshead.gif)}

#cadcamheader{    background-image:url(../images/pageheads/cadcamhead.gif)}

#contactushead{    background-image:url(../images/pageheads/contactushead.gif)}

#crownshead{    background-image:url(../images/pageheads/crownshead.gif)}

#dentureshead{    background-image:url(../images/pageheads/dentureshead.gif)}

#hygienehead{    background-image:url(../images/pageheads/hygienehead.gif)}

#insurancehead{    background-image:url(../images/pageheads/insurancehead.gif)}

#fillingshead{    background-image:url(../images/pageheads/fillingshead.gif)}

#orthodonticshead{    background-image:url(../images/pageheads/orthodonticshead.gif)}

#ourteamhead{    background-image:url(../images/pageheads/ourteamhead.gif)}

#periodonticshead{    background-image:url(../images/pageheads/periodonticshead.gif)}

#rootcanalhead{    background-image:url(../images/pageheads/rootcanalhead.gif)}

#specialtyhead{    background-image:url(../images/pageheads/specialtyhead.gif)}

#technologyhead{    background-image:url(../images/pageheads/technologyhead.gif)}

#veneershead{    background-image:url(../images/pageheads/veneershead.gif)}

#whiteninghead{    background-image:url(../images/pageheads/whiteninghead.gif)}

#wisdomteethhead{    background-image:url(../images/pageheads/wisdomteethhead.gif)}

/* END HEADER IMAGES */
.emergency{    float:right;     margin:0 10px 0 0}
.emergency img{  vertical-align:middle}

.emergency a{    text-decoration:none;     font-weight:bold;     color:#FFF;     font-size:10px}

.emergency a:hover{   color:#00aeef}

.introimg{    margin:0 15px 0 5px !important;     border:solid 4px #ccc;     float:left}

#sidebar1{    float:left;     width:130px;     margin:10px}

#sidebar1 img{    margin-top:20px}

#sidebanners{    text-align:center}

#internalcopy{    width:70%;     float:left;     margin-left:45px}

#internalcontent{    width:745px;     padding-bottom:15px}

#internalcontent ul{    list-style-type:disc;     font-family:Georgia,"Times New Roman",Times,serif;     font-size:.8em;     margin:10px 10px 10px 35px;     font-style:italic}

#internalcontent ul li ul li{    font-size:1.4em}

#internalcontent ol{    list-style-type:decimal;     font-family:Georgia,"Times New Roman",Times,serif;     font-size:.8em;     margin:10px 10px 10px 35px;     font-style:italic}

#internalcontent ul li, #internalcontent ol li{    margin-top:10px; margin-bottom:10px}

#contentwrapper{}

#aboutuscontent{    width:480px;     float:right}

#aboutuscontentsupp{    padding-top:25px}

.vtbuttonlrg{     float:left;      clear:left;      margin-left:22px;      margin-top:10px}
.techwrap{    width:690px;     height:160px;     border:solid 1px #c2c2c2;     margin:0;     padding:0}

.techimg{    float:left;     margin:10px}

.serviceswrap{    width:561px;     height:84px;     border-bottom:solid 3px #c2c2c2;     margin:0;     padding:0}

.serviceswrap h3{     margin:0 !important;      padding:0 !important}

.serviceswrap p{    height:74px !important;     line-height:1.2em !important;     font-size:12px !important}

.servicesbox a{text-decoration:none}

.servicesbox{    margin-left:50px;     margin-top:10px;     margin-bottom:10px}

.servicesbox h3{    margin:0 !important;     font-size:16px;     font-weight:bold}

.serviceimg{    float:left;     margin:10px;     border:solid 1px #c2c2c2}

.techpanel{    margin:10px !important}

#cadcam{    margin:0;     padding:0}

#cadcamhead{    width:188px;     height:35px;     background-image:url("../images/pageheads/cadcamheader.gif");     text-indent:-9999px}

#edrhead{    width:418px;     height:35px;     background-image:url("../images/pageheads/edrheader.gif");     text-indent:-9999px}

#xrayhead{    width:254px;     height:35px;     background-image:url("../images/pageheads/xrayheader.gif");     text-indent:-9999px}

#intraoralhead{    width:298px;     height:35px;     background-image:url("../images/pageheads/intraoralheader.gif");     text-indent:-9999px}

#emergencyhead{    width:321px;     height:35px;     background-image:url("../images/pageheads/emergencyheader.gif");  text-indent:-9999px}

/* END Internal Page Content */
/* Footer Modules */
#socialimages{    position:relative;     right:15px;     float:right}

.footmodcontent p{    margin:0 0 5px 10px;     padding:0;     width:205px;     line-height:1.1em}

.footmodwrapper{    margin:10px 0 0 13px}

.locationmap{    float:left;     margin-left:10px}

#footmodulecontent{background-color:#5b5b5b;    padding-left:4px}

.modBoxTop{width:225px; height:180px; background-image:url("../images/modBoxTopContentBG.png"); float:left; background-repeat:no-repeat; margin:6px}

.modBoxTop .locationText{padding:2px; font-size:12px; color:#fff; line-height:1.2em; text-align:left; height:80px}

.modBoxOutro{font-size:11px; color:#fff; line-height:1.2em; text-align:Center; margin:10px 10px 0 10px}

.modBoxWrap{height:145px; max-height:145px}

.modNav{float:right; padding:5px}

#servicesNav{margin-left:8px; margin-top:10px; height:96px}

#servicesNav li{font-size:11px; float:left; width:101px; color:#fff; padding:3px; line-height:1em; text-align:left; list-style-image:url("../images/modBox/serviceListArrow.png"); list-style-position:inside}

.modBoxContentImg{float:right; padding:3px}

.modBoxIntroImg{margin:10px auto; width:100%; text-align:center}

.modBoxBottom{width:461px; height:147px; background-image:url("../images/modBoxBottomContentBg.png"); float:left; background-repeat:no-repeat; margin:1px 6px 6px}

.modBoxBottomLeft{float:left; width:205px; height:135px; padding:8px 13px}

.modBoxBottomRight{float:left; width:205px; height:135px; padding:8px}

.modBoxBottomLeft p{margin:5px; padding:0; font-size:11px; color:#fff; line-height:1.2em}

.modRight{margin-left:1px}

.modBoxHead{width:220px; height:40px; text-align:center}

.modBoxHead h2{color:#fff; font-family:Century Gothic,sans-serif; font-weight:normal; padding:7px; font-size:18px; text-shadow:#000 -1px -1px; letter-spacing:.1em}

.modBoxVideoLeft{margin:45px 0 0 18px; float:left}

.modBoxVideoHead{margin:10px auto; width:260px; height:29px; text-indent:-9999px; background-image:url("../images/modBox/videoHead.png")}

.modBoxVideoRight ul{    width:260px;     height:88px;     margin-left:175px !important;     position:relative;     background-image:url("../images/modBox/videoListBg.png");  list-style-type:none;  list-style-image:none}
.modBoxVideoRight ul li{ float:left;  width:129px;  height:16px;  line-height:1em;  list-style-type:none !important;  list-style-image:none !important;  padding-top:2px !important;  margin:0 !important;  font-size:11px;  font-weight:bold;  color:#FFF;  text-align:center}

.modBoxVideoRight ul li a{ color:#FFF;  text-decoration:none}

.modBoxVideoRight ul li a:hover{ color:#00aeef}

/* END Footer Modules */
/* Site Index */
#index{ width:955px;  margin:0 auto 0 auto}

#indexul{ width:80%;  margin-left:auto;  margin-right:auto;  font-size:10px;  line-height:1em;  padding-top:10px;  list-style-type:none;  color:#7f8185}

#indexul a{ color:#7f8185;  text-decoration:underline;  font-weight:normal}

#indexul a:hover{ color:#000;  text-decoration:none}

#indexul li{ float:left;  width:25%;  text-align:center}

#logoicon{ margin-top:10px;  width:100%;  text-align:center}

/* END Site Index */
.clearleft{    clear:left}
.clearright{    clear:right}

span.LV_valid{     background-image:url('/OfficeRedesign/Views/Public/images/valid.gif');      height:21px;  width:21px;      position:inherit;      margin-right:-22px;      margin-top:3px}

span.LV_invalid{     background-image:url('../Views/Public/images/invalid.gif');      height:21px;  width:21px;  position:inherit;      margin-right:-22px}

#apptconfirmblock{    background-color:#cfcfcf;     background-image:url('../../../Public/images/apptconfirmbg.gif') !important;  background-repeat:no-repeat;  width:181px;  height:282px;  margin:0 auto 0 auto;  padding:5px 0 0 0}

.apptlogoimg{ margin:5px}

.phoneinput{ width:30px !important}

/* Contact Us Form */
#contactus{ font-size:15px;  font-weight:bold;  margin-left:35px}

#contactcol1{ width:275px;  float:left}

#contactcol1 input{ width:250px;  height:25px;  margin-bottom:15px;  line-height:25px;  font-size:15px;  font-weight:bold;  color:#3c3c3c;  padding:0;  border-style:solid;  border-width:1px;  border-color:#909090}

#contactcol2 p{ width:380px;  background-color:#e9e9e9;  margin:10px 0 0 0;  padding:10px}

#contactcol2{ width:325px;  float:left}

#contact_message{ overflow:auto;  width:400px;  height:150px;  margin:0;  padding:0;  border-style:solid;  border-width:1px;  border-color:#909090;  font-size:15px;  font-weight:bold;  color:#3c3c3c;  font-family:Arial}

#contact_form p{ line-height:normal;  font-size:10px}

#contactbutton{ margin:10px 0 0 0}

#contactbutton a{ color:#FFF;  text-decoration:none}

#contactbutton a:hover{ color:#000}

/* Office Hours */
.hoursheader{  width:191px;   height:52px;   background-image:url('../images/hourshead.gif') !important;  text-indent:-9999px;  margin:0 0 10px 0;  padding:0;  border-bottom:solid 1px #909090}

#officehours{ width:191px;  text-align:center;  margin-left:15px}

.hours{ margin-bottom:10px}

.hours h4{ margin-bottom:3px;  font-size:16px}

.officephoto{ float:right}

.contentimgr{ float:right;  margin:10px}

.contentimgleft{ float:left;  padding:10px}

.contentimgright{ float:right;  padding:10px}

#bios table table td{ vertical-align:middle !important;  text-align:left !important}

#bios p{ display:none}

#bios table table{ margin:0 !important;  padding:0 !important}

.hideme{ display:none}

#insurancelist{ width:75%}

#insurancelist li{ float:left;  padding:5px;  list-style-type:none}

.staffwrap{ height:130px;  margin:10px;  background-color:#f2f2f2}

.staffwrap img{ float:left;  border:solid 2px #00aeef;  vertical-align:middle;  margin-top:8px;  margin-left:10px}

.staffwrap p{ float:left;  width:290px;  height:114px;  margin:8px 0 0 10px;  padding-top:15px}

/* Doc Bios */
#bioscrollwrap{    float:right}

.biocaptop{    width:401px;     height:26px;     background-image:url(/Views/Master_1/1/images/bios/biocaptop.jpg)}

.biocapbottom{    width:401px;     height:26px;     background-image:url(/Views/Master_1/1/images/bios/biocapbottom.jpg)}

.biosinglecontent{    width:401px;     background-image:url(/Views/Master_1/1/images/bios/biobodybg.jpg)}
.biophotobg{    width:364px;     height:235px;     background-image:url(/Views/Master_1/1/images/bios/biobgphotoback.jpg);  margin-left:auto;  margin-right:auto}

.biointro{ position:relative;  width:100% }

.biointro img{ margin-top:15px}

.biointro h2{ position:absolute;  top:125px;  left:-25px;  width:100%;  text-align:right}

.biointro h2 span{ color:#FFF;  letter-spacing:-1px;  padding:5px;  font-size:20px}

.biotitle{}

.biocopy{ padding:10px}

/* bio thumbnails */
.biothumbwrap{    background-color:#555;     background-image:url("../images/bios/biobgphotoback_thumb.jpg");  margin-top:10px;  margin-bottom:10px;  height:75px;  width:200px;  cursor:pointer}

.biothumbimg{ width:75px;  float:left}

.thumbtitle{ font-size:14px;  font-weight:bold;  text-align:right;  color:#000;  padding:3px 8px 3px 3px}

#biosidebar{ float:left;  width:200px;  margin-left:50px}

Here is the CSS used for the PDS Office Websites

PDS Office Website CSS

css

CSS