/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* End CSS Reset */
/* Page Structure, ID's */
body { text-align:center; background:url(/images/index/bg.jpg) #303237 top left repeat-x; }
.interior_body { text-align:center; background:url(/images/interior/int-bg.jpg) #F8EFB8 top left repeat-x; }
/*================================================= INDEX PAGE =================================================*/
#main_wrapper { width:957px; margin:0 auto; }
#nav { width:957px; height:56px; float:left; }
#header { width:957px; height:115px; float:left; }
#logo { width:327px; float:left; height:115px; }
#tagline { width:630px; height:115px; float:left; }
#flash { width:957px; height:251px; float:left; }
#index_bottom_container { width:957px; height:354px; float:left; }
#welcome_bg { width:635px; height:354px; float:left; background:url(/images/index/welcome-bg.jpg) top left no-repeat; }
#index_welcome_text { width:605px; float:left; margin:70px 15px 0 15px; display:inline; }
#meet_the_dr_bg { width:322px; height:224px; float:left; background:url(/images/index/meet-doc-bg.jpg) top left no-repeat; }
#more_info_btn { width:109px; height:25px; float:left; margin:160px 0 0 188px; display:inline; }
#patient_forms { width:322px; height:130px; float:left; background:url(/images/index/forms-bg.jpg) top left no-repeat; }
#footer { width:957px; height:40px; float:left; }
#copyright { width:957px; float:left; text-align:center; padding:15px 0 0px 0; }
/*================================================= INTERIOR TEMPLATE =================================================*/
#interior_content_container { width:957px; float:left; background:url(/images/interior/stretch.jpg) top left repeat-y; }
#section_header { width:957px; height:94px; float:left; }
#under_header_gradiant { width:957px; height:53px; float:left; }
#left_content_container { width:614px; float:left; margin:-28px 20px 0px 45px; padding:0 0 100px 0; display:inline; position:relative; text-align:left; }
#right_nav { width:241px; float:left; margin:-53px 0 0 0; position:relative; }
#interior_footer_stretch { height:141px; text-align:center; background:url(/images/interior/footer-stretch.jpg) #F8EFB8 top left repeat-x; }
#interior_footer { width:957px; height:40px; margin:0 auto; }
/*================================================= MEET DR HUBER PAGE =================================================*/
#inner_left_column { width:172px; float:left; }
#inner_right_column { width:442px; float:left; margin: -8px 0 0 0; }
/*================================================= OUR TEAM PAGE =================================================*/
.inner_content_row { width:614px; float:left; padding:0 0 38px 0; }
.inner_content_row_left { width:172px; float:left; }
.inner_content_row_right { width:442px; float:left; margin: -8px 0 0 0; }
/*================================================= OFFICE TOUR =================================================*/
.tour_row { float:left; padding:0 0 10px 0; }
.tour_thumb { width:157px; height:157px; float:left; padding:0 54px 0 0; }
.tour_thumb_last { width:157px; height:157px; float:left; }
/*================================================= HYGIENE AND WELLNESS PAGE =================================================*/
li.blue_bullet { margin:0 0 5px 35px; position:relative; list-style-type:disc; }
.blue_bullet { font-family:verdana, arial, helvetica; font-size:12px; color:#738fa4; text-decoration:none; line-height:150%; font-weight:bold; text-align:left; }
/*================================================= FINANCIAL OPTIONS PAGE =================================================*/
#interior_one_column_container { width:867px; float:left; margin:20px 45px 0px 45px; padding:0 0 100px 0; text-align:left; display:inline; }
/*================================================= SMILE GALLERY PAGE =================================================*/
#gallery_container { width:771px; float:left; margin:0 33px 0 33px; }
#patient1 { width:771px; height:500px; float:left; background-color:white; border:solid #3c5d70 2px; border-bottom-style:none; padding:14px 15px 13px 15px; }
#patient2 { width:771px; height:500px; float:left; background-color:white; border:solid #3c5d70 2px; border-bottom-style:none; padding:14px 15px 13px 15px; display:none; }
#patient3 { width:771px; height:500px; float:left; background-color:white; border:solid #3c5d70 2px; border-bottom-style:none; padding:14px 15px 13px 15px; display:none; }
#patient4 { width:771px; height:500px; float:left; background-color:white; border:solid #3c5d70 2px; border-bottom-style:none; padding:14px 15px 13px 15px; display:none; }
#patient5 { width:771px; height:500px; float:left; background-color:white; border:solid #3c5d70 2px; border-bottom-style:none; padding:14px 15px 13px 15px; display:none; }
#patient6 { width:771px; height:500px; float:left; background-color:white; border:solid #3c5d70 2px; border-bottom-style:none; padding:14px 15px 13px 15px; display:none; }
#patient7 { width:771px; height:500px; float:left; background-color:white; border:solid #3c5d70 2px; border-bottom-style:none; padding:14px 15px 13px 15px; display:none; }
.patient_img { width:274px; height:404px; float:left; padding:0 13px 0 0; }
.patient_ba_img { width:484px; height:150px; float:left; }
.patient_info { width:484px; float:left; padding:15px 0 0 0; }
/*================================================= CONTACT PAGE =================================================*/
#contact_list { float:left; width:321px; margin:0 140px 0 0; display:inline; }
#map_container { width:406px; float:left; }
/*================================================= SLIDER STYLES =================================================*/
#slider { width:805px; height:125px; float:left; background-color:#3c5d70; padding:15px 0; }
/*
root element for the scrollable.
when scrolling occurs this element stays still.
*/
div.scrollable {
/* required settings */
position:relative;
overflow:hidden;
width: 768px;
height:125px;
float:left;
}
/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accomodate scrollable items.
it's enough that you set width and height for the root element and
not for this element.
*/
div.scrollable div.items {
/* this cannot be too large */
width:20000em;
position:absolute;
}
/*
a single item. must be floated in horizontal scrolling.
typically, this element is the one that *you* will style
the most.
*/
.items a {
float:left;
height:125px;
width:84px;
padding:0 30px 0 0;
/* for IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;
}
.items a:hover, .items a.active {
/* for IE */
filter:alpha(opacity=100);
/* CSS3 standard */
opacity:1.0;
}
.items a.selected:hover,
.items a.selected:link {
filter:alpha(opacity=100);
opacity:1.0;
}
.prev {
width:7px;
height:13px;
float:left;
margin:56px 5px;
/*comment out because not enougg images for scroll*/
/*background:url(/images/smile/previous-btn.jpg) top left no-repeat;*/
}
.next {
width:7px;
height:13px;
float:left;
margin:56px 5px;
/*comment out because not enougg images for scroll*/
/*background:url(/images/smile/next-btn.jpg) top left no-repeat;*/
}
/*================================================= NAVIGATION =================================================*/
#top_navigation { width:957px; height:56px; float:right; }
#top_navigation li { }
#top_navigation a { display:block; }
#top_navigation li { float:left; }
#top_navigation li a { height:56px; }
#home a { background: url(/images/nav/home.jpg) top center no-repeat; width:62px; height:56px; }
#our_practice a { background: url(/images/nav/practice.jpg) top center no-repeat; width:138px; height:56px; }
#patient_services a { background: url(/images/nav/patient-services.jpg) top center no-repeat; width:164px; height:56px; }
#patient_education a { background: url(/images/nav/patient-education.jpg) top center no-repeat; width:171px; height:56px; }
#financial_options a { background: url(/images/nav/financial-options.jpg) top center no-repeat; width:171px; height:56px; }
#smile_gallery a { background: url(/images/nav/smile-gallery.jpg) top center no-repeat; width:142px; height:56px; }
#contact_us a { background: url(/images/nav/contact.jpg) top center no-repeat; width:109px; height:56px; }
#home a:hover, #our_practice a:hover, #patient_services a:hover, #patient_education a:hover, #financial_options a:hover, #smile_gallery a:hover, #contact_us a:hover { background-position:bottom; }
.right_nav_94 { height:94px; }
.right_nav_95 { height:95px; }
.right_nav_86 { height:86px; }
.dropdown { background:#2C2324; visibility:hidden; text-align:left; line-height:150%; _width:100px; position:relative; z-index:1; }
.dropdown2 { list-style-type:none; padding:0 10px 2px 10px; _width:185px; }
.right_nav_sh {margin: 0 0 -3px 0; -margin: 0 0 -4px 0; *margin: 0 0 -4px 0; }
#photo_column { width: 175px; float: left;}
#forms_text { width: 425px; float: left;}
.print_forms_wrapper { width:100%; float:left;}
.printer_icon { width:48px; height:40px; float:left; }
.print_text { width:200px; float:left; margin:10px 0 0 5px;}
/*================================================= LINKS ======================================================*/
a:link{font-family:verdana, arial, helvetica; font-size:12px; color:#1a1112; text-decoration:none; font-weight:normal; text-align:left; }
a:visited{font-family:verdana, arial, helvetica; font-size:12px; color:#1a1112; text-decoration:none; font-weight:normal; text-align:left; }
a:hover{font-family:verdana, arial, helvetica; font-size:12px; color:#1a1112; text-decoration:underline; font-weight:normal; text-align:left; }
a.black_12bu_link:link{font-family:verdana, arial, helvetica; font-size:12px; color:#1a1112; text-decoration:underline; font-weight:bold; text-align:left; }
a.black_12bu_link:visited{font-family:verdana, arial, helvetica; font-size:12px; color:#1a1112; text-decoration:underline; font-weight:bold; text-align:left; }
a.black_12bu_link:hover{font-family:verdana, arial, helvetica; font-size:12px; color:#1a1112; text-decoration:underline; font-weight:bold; text-align:left; }
a.droplink:link { font-family:verdana, arial, helvetica; font-size:10px; color:#FFF; text-decoration:none; font-weight:bold; }
a.droplink:visited { font-family:verdana, arial, helvetica; font-size:10px; color:#FFF; text-decoration:none; font-weight:bold; }
a.droplink:hover { font-family:verdana, arial, helvetica; font-size:10px; color:#FFF; text-decoration:underline; font-weight:bold; }
a.mmd_link:link { font-family:verdana, arial, helvetica; font-size:12px; color:#FFF; text-decoration:underline; font-weight:bold; }
a.mmd_link:visited { font-family:verdana, arial, helvetica; font-size:12px; color:#FFF; text-decoration:underline; font-weight:bold; }
a.mmd_link:hover { font-family:verdana, arial, helvetica; font-size:12px; color:#FFF; text-decoration:underline; font-weight:bold; }
a.facebook_link:link { font-family:verdana, arial, helvetica; font-size:12px; color:#1a1112; text-decoration:none; font-weight:bold; line-height:22px; text-align:left; }
a.facebook_link:visited { font-family:verdana, arial, helvetica; font-size:12px; color:#1a1112; text-decoration:none; font-weight:bold; line-height:22px; text-align:left; }
a.facebook_link:hover { font-family:verdana, arial, helvetica; font-size:12px; color:#1a1112; text-decoration:underline; font-weight:bold; line-height:22px; text-align:left; }
/*================================================= TEXT =======================================================*/
p { font-family:verdana, arial, helvetica; font-size:12px; color:#1a1112; text-decoration:none; font-weight:normal; line-height:150%; text-align:left; }
.black_11 { font-family:verdana, arial, helvetica; font-size:11px; color:#1a1112; text-decoration:none; font-weight:normal; line-height:140%; text-align:left; }
.black_12_b { font-family:verdana, arial, helvetica; font-size:12px; color:#1a1112; text-decoration:none; font-weight:bold; line-height:150%; text-align:left; }
.black_12_nb { font-family:verdana, arial, helvetica; font-size:12px; color:#1a1112; text-decoration:none; font-weight:normal; line-height:150%; text-align:left; }
.black_12_bi { font-family:verdana, arial, helvetica; font-size:12px; color:#1a1112; text-decoration:none; font-weight:bold; font-style:italic; line-height:150%; text-align:left; }
.copyright_text { font-family:verdana, arial, helvetica; font-size:12px; color:#fff; text-decoration:none; font-weight:bold; line-height:150%; text-align:center; }
.blue_18_b { font-family:verdana, arial, helvetica; font-size:18px; color:#738fa4; text-decoration:none; font-weight:bold; line-height:150%; text-align:left; }
.blue_12_b { font-family:verdana, arial, helvetica; font-size:12px; color:#738fa4; text-decoration:none; font-weight:bold; line-height:150%; text-align:left; }
.facebook_text { font-family:verdana, arial, helvetica; font-size:12px; color:#fff; text-decoration:none; font-weight:bold; line-height:22px; text-align:left; }
/*================================================= MARGINS ====================================================*/
.img_margin { margin:0 10px 5px 0; }
.fifteen_bottom { margin:0 0 15px 0; }
.thirty_left { margin:0 0 0 30px; }
.five_top { margin:8px 0 0 0; }
/*================================================= FLOATS ====================================================*/
.left { float:left; }
.right { float:right; }
/*================================================= BEGIN CLEARFIX FOR FLOAT STYLES ============================*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;_height: 1%;}
.clearfix {display:block;}