/* ---------------------------------------------------------------------------- Copyright Einstein Industries 2004. Used with Permission. May not be duplicated or reproduced. Please check for cross-browser compatibility prior to making changes MINIMUM BROWSER CHECK :: IE5.x/IE6/Op7/NS7/Safari CSS Document - layout.css ---------------------------------------------------------------------------- */ /* undo some default styling of common (X)HTML browsers * ------------------------------------------------------------------------- */ /* remove default link styles */ :link,:visited { text-decoration:none; } /* No list-markers by default - must redefine bullets w/ bg graphics */ ul,ol { list-style:none; } /* Avoid browser default inconsistent heading font-sizes and pre/code */ h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; } h1,h2,h3,h4,h5,h6{ font-family:Arial, Helvetica, sans-serif; color:#4a4728; } /* Remove inconsistent (among browsers) default padding or margin */ ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl { margin:0; padding:0; } /* prevent blue linked image borders */ a img,:link img,:visited img { border:none; } /* basic elements * ------------------------------------------------------------------------- */ body { background:#ffffff url(../images/backgroung.gif) repeat; text-align:left; } p, a:link, a:visited { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#4a4728; text-decoration:none; } p, ul, li, dt, dd { line-height: 13px; } p, pre, blockquote { margin-bottom:7px; } a:link, a:visited { text-decoration:underline; } a:hover, a:active { text-decoration:none; } h1 span, h2 span, h3 span { display:none;} #column-left p{margin:35px 10px 0px 10px; font-size:10px; } #column-left h2{padding:0; margin:0;} #left-top1 p { padding-right:5px; margin:10px 0 4px 10px; font-size:10px; } #left-top1 h2{padding:0; margin:0;} #left-green-bg p {margin:10px 0 0 10px; font-size:11px; } #bottom-right-bottom p {margin:50px 15px 0 20px; font-size:11px; } #bottom-right-bottom h2{padding:0; margin:0;} #bottom-right-links ul{ padding-top:0px;} #bottom-right-links li { line-height:19px; margin:0px 60px 0 60px; padding:0 0px 0 5px; font-size:11px; font-weight: bold; border-left-width: 2px; border-left-style: solid; border-left-color: #4b6b2c; font-family: Arial, Helvetica, sans-serif; } #bottom-left-bottom p{margin:10px 10px 0px 20px; color:#f3ecd2; } #bottom-right-center p {margin:50px 20px 0 15px; font-size:11px; } #bottom-right-center h2{padding:0; margin:0;} #bottom-right-procedures p {margin:10px 0 0 10px; font-size:11px; } #bottom-right-right p {margin:10px 20px 0 19px; font-size:11px; background-repeat: no-repeat;} #right-bottom-center-whats p { font-size:11px; padding-top:0; margin-top:35px; } #right-bottom-center-whats h2{padding:0 0 9px 0; margin:0;} #bottom-nav-links p {padding:85px 20px 0px 15px; font-size:11px; } /* classes */ .left { text-align:left; } .right { text-align:right; } .center { text-align:center; } .hide { display:none; } .thumbs-left { margin:2px 8px 0 0; } .thumbs-right { margin:2px 0 0 8px; } .padding-left-25px{ padding-top: 0px; padding-right: 30px; padding-bottom: 0; padding-left: 30px; } .padding-left-10px{padding-left:10px; padding-right:10px;} .padding-left-10px h2{margin:0; padding:0;} .skin-products{ padding:10px 30px 0 35px; font-size:11px; color: #AD600A; font-weight: bold;} .sidebar-header{padding-left:20px;font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#B4742A} .sidebar-product{padding-left:0px;font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#9C6425} #skin-learn-more{padding-left:10px;} .and-more{padding:10px 30px 0 30px;font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#4a4728; font-weight:bold;} /* contact forms * ------------------------------------------------------------------------- */ /* quick contact */ form { width:240px; padding-left:20px; padding-bottom:15px; padding-top:15px; } input, textarea { background-color:#fff; border:1px solid #5CA600; width:210px; height:18px; margin-bottom:4px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#474425; background-color:#FFFFFF;} textarea { height:100px; } .submit { width:54px; height:15px; cursor:pointer; padding:0; } body#blog .commentform-submit { margin: 0 auto; } /* main contact */ #big-contact, #wp_commentform { padding:20px 0 0 0; } #big-contact form, #big-contact label, #big-contact input, #big-contact textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#474425; } #big-contact label { position:relative; display:block; text-align:right; width:150px; margin-bottom:-8px; } #big-contact label input, #big-contact label textarea { position:absolute; left:110%; top:-2px; } #big-contact label textarea { top:0; width:250px; height:100px; } .submit-big-contact { width:54px; height:15px; cursor:pointer; margin-top:85px; } #contact_business { display: none; } /* do not remove */ /* skeleton * ------------------------------------------------------------------------- */ #wrap { background:url(../images/bg-index.jpg) repeat-y; width:778px; margin:0 auto; } #banner{ padding:0 0 0 0; width:778px; height:230px; background-image:url(../images/top.jpg); background-repeat: no-repeat; } #column-left { background-image:url(../images/index_topleft1.jpg); background-repeat:no-repeat; width:263px; height:220px; float:left; position:relative; } #left-top-divider{ background-image:url(../images/index_dividerleft1.jpg); width:263px; background-repeat: no-repeat; height:55px; } #left-green-bg{background-image:url(../images/index_left_bg.jpg); width:263px; background-repeat: repeat-y; } #column-right { background-image:url(../images/index-top-center-girl_new.jpg); width:514px; height:259px; background-repeat: no-repeat; float:right;} #tagline {margin:110px 0px 0 130px; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3F7B25; text-decoration:underline; font-weight: bold;} #tagline a{ font-size:11px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3F7B25; text-decoration:underline; font-weight: bold;} #tagline a:hover{ font-size:11px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3F7B25; text-decoration:underline; font-weight: bold;} #bottom-right-bottom{margin:0 0 0 4px; background-image:url(../images/procedures_brown_box.jpg); width:245px;height:41px; background-repeat: no-repeat; float:left;} #bottom-right-end-bottom{margin:42px 0 0 0px; background-image:url(../images/bottom_procedures_brown_box.jpg); width:245px; height:17px; background-repeat: no-repeat; float:left;} #bottom-left-bottom{background-image:url(../images/appointments.jpg); width:263px; background-repeat: no-repeat; float:left; margin-bottom:10px;} #appoint-end{ width:263px; height:33px; background-image:url(../images/appointments_end.jpg); background-repeat: no-repeat;} #bottom-right-center{ margin:0 0 0 2px; background-image:url(../images/right_bottom_center_top.jpg); width:264px; background-repeat: no-repeat; float:left;} #bottom-right-right{margin:246px 0px 0 2px; background-image:url(../images/brown_box_bg.jpg); background-color:#E7DDCC; width:245px; float:right; background-repeat: repeat-y;} #bottom-right-procedures{background-image:url(../images/procedures_brown_box.jpg); width:245px; height:38px;} #right-bottom-center-bottom{background-image:url(../images/green_flower.jpg); width:263px; height:47px; background-repeat: no-repeat;} #right-bottom-center-whats{margin:40px 0 0 0; background-image:url(../images/whats_new.jpg); width:264px; background-repeat: no-repeat;} #bottom { background:url(../images/bottom_bg.jpg) repeat-y; height:400px; padding:0; margin:0 ; clear:both; position:relative;} #bottom-half{ background:url(../images/bottom_bg.jpg) repeat-y; padding:0; margin:0 ;} #bottom-end { background:url(../images/bottom.jpg) no-repeat; width:778px; height:48px; } #bottom-end-contact{ width:215px; margin-left:550px; } #bottom-nav { background:url(../images/footer.jpg) no-repeat; width:778px; height:111px; margin:0 auto; } #bottom-nav-links { width:100%; padding:0 0 0 0; text-align:center; } #skin-button{background-image:url(../images/index_dividerleft2.jpg); background-repeat:no-repeat; width:263px; height:25px;} #padding-new{width:264px; height:1px;} #welcome-copy{ padding:115px 0 0 53px; width:210px;} /* skeleton inside * ------------------------------------------------------------------------- */ #sub-wrap { background:url(../images/sub/slices/bg-sub.jpg) repeat-y; width:778px; margin:0 auto; } #sub-column-left { margin:0; padding:0; width:263px; float:left; } #sub-column-left p{ padding-left:10px; padding-top:0px; padding-right:10px; font-size:10px; } #sub-column-left h2{padding:0; margin:0;} #sub-bottom-left-bottom{background-image:url(../images/appointments.jpg); width:263px; height:62px; background-repeat: no-repeat; background-color:#C6E4B1; } #sub-column-right { width:510px; padding:0; margin:0 0 0 265px;} #sub-column-right h1{padding:25px 30px 0 35px; } #sub-column-right p,h2,h3{padding:10px 30px 0 35px; } #sub-column-right li {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4a4728; font-weight: bold; margin:10px 30px 0 70px; list-style-position: inside; list-style-type: square; } body#blog sub-column-right li { margin-top:0; } ol#commentlist li { margin-top:0 ; list-style-type: none; } #sub-column-right li span {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight: normal; color:#4a4728; margin:10px 30px 0 25px;} #sub-column-right h1{font-size:18px; } #sub-column-right h2{font-size:16px; } #sub-column-right h3{font-size:14px; } #sub-column-right h4{ padding:10px 30px 0 35px; font-size:13px; font-style: italic; font-weight: bold;} #sub-column-right img { margin-right:10px;} #sub-left-top p { padding-right:5px; margin:35px 0 4px 10px; } #sub-left-top1 p { padding-right:5px; margin:10px 0 4px 10px; } #sub-left-top2 { background-image:url(../images/sub/slices/bg-sub_appt.jpg); background-repeat:repeat-y; width:263px;} #sub-appt-bg p { padding:15px 10px 4px 10px; } #sub-appt-bottom{ background-image:url(../images/sub/slices/sub_appt_bottom.jpg); background-repeat:no-repeat; width:263px; } #sub-appt-bg{ background-image:url(../images/sub/slices/bg-sub_appt.jpg); background-repeat:repeat-y; width:263px;} #sub-bottom-right-bottom{margin:0 0 0 0; background-color:transparent; background-image:url(../images/sub/slices/sub_procedures.jpg); width:263px; height:41px; background-repeat: no-repeat; float:left;} #sub-procedures{ padding-right:5px; margin:55px 0 4px 10px; } #sub-bottom-right-bottom p {margin:0; font-size:11px; } #sub-bottom-right-links p {line-height:19px; margin:20px 10px 0 50px; font-size:11px; font-weight: bold;} #sub-bottom-right-links ul {margin:20px 10px 0 20px;} #sub-bottom-end-contact{ width:215px; } #sub-bottom-end-contact p {padding:10px 0 0 15px;} #sub-bottom { width:778px; height:47px; padding:0 0 0 0; margin:0 0 0 0; background-image:url(../images/sub/slices/sub_footer.jpg); background-repeat: no-repeat; clear:both; overflow:hidden; position:relative;} #sub-appts-box{ background-image:url(../images/sub/slices/bg-sub_appt.jpg); background-repeat: repeat-y; } #sub-left-top-divider{ background-image:url(../images/index_dividerleft1.jpg); width:263px; background-repeat: no-repeat; height:55px; } #sub-left-blog{ background-image:url(../images/bottom_learnmore.jpg); width:263px; background-repeat: no-repeat; height:20px; } body#blog #sub-left-lists { background-image:url(../images/title-blog.jpg); width:263px; background-repeat: no-repeat; height:55px; } body#blog #menu {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4a4728; } body#blog .meta {font-family:Arial, Helvetica, sans-serif; } #sub-appointments{ width:263px; height:87px; background-image:url(../images/sub/slices/sub_appointments.jpg); background-repeat: no-repeat;} #sub-appts-box {margin:0 0 0 0;} #sub-contact-procedures{ width:263px; height:87px; background-image:url(../images/sub/slices/sub_contact_procedures.jpg); background-repeat: no-repeat;} #sub-contact-procedures p{padding:70px 20px 0 20px; margin:0 0 0 0;} #sub-bottom-nav { background:url(../images/sub/slices/sub_bottom_nav.jpg) no-repeat; width:778px; height:111px; margin:0 auto; } #sub-bottom-copy { width:700px; text-align:center; margin:0 auto; } #column-right-inside { } /* page headers *--------------------------------------------------------------------------*/ /* footer * ------------------------------------------------------------------------- */ #footer { width:700px; text-align:center; margin:0 auto; margin-bottom:10px; } #sub-footer { width:778px; height:47px; background-image:url(../images/sub/slices/sub_footer.jpg); background-repeat:no-repeat; margin:0 auto; } #footer a { text-decoration:none; } #footer a:hover { text-decoration:underline; } /*-------------- Begin Slideout Navigation --------------*/ #menubar { position: relative; } .menu .options { margin-right:1px; margin-bottom:1px; border:1px solid #BDBCAF; } .menu a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000033; display:block; padding:2px 10px; text-decoration:none; background-color:#C6E4B1; } .menu a:hover { color:#fff; background-color:#916304; } /*---------- End Slideout Navigation ----------*/ /* horizontal navigation * ------------------------------------------------------------------------- */ #nav { background:url(../images/sprite_nav.jpg) no-repeat; height:34px; position:relative; } #nav li { position:absolute; top:0; } #nav li, #nav a { height:34px; display:block; } #nav span { display:none; } #nav-01 { width:77px; left:0px; } #nav-02 { width:89px; left:77px; } #nav-03 { width:152px; left:166px; } #nav-04 { width:101px; left:318px; } #nav-05 { width:91px; left:419px; } #nav-06 { width:74px; left:510px; } #nav-07 { width:106px; left:584px; } #nav-08 { width:88px; left:690px; } #nav-01 a:hover { background:url(../images/sprite_nav.jpg) -0px -34px no-repeat; } #nav-02 a:hover { background:url(../images/sprite_nav.jpg) -77px -34px no-repeat; } #nav-03 a:hover { background:url(../images/sprite_nav.jpg) -166px -34px no-repeat; } #nav-04 a:hover { background:url(../images/sprite_nav.jpg) -318px -34px no-repeat; } #nav-05 a:hover { background:url(../images/sprite_nav.jpg) -419px -34px no-repeat; } #nav-06 a:hover { background:url(../images/sprite_nav.jpg) -510px -34px no-repeat; } #nav-07 a:hover { background:url(../images/sprite_nav.jpg) -584px -34px no-repeat; } #nav-08 a:hover { background:url(../images/sprite_nav.jpg) -690px -34px no-repeat; } /* ---Blog CSS--- */ #blog #sub-wrap #sub-column-right #commentlist #comment-31 p { display:inline; padding-left:5px; } body#blog #commentform { font-family:Arial, Helvetica, sans-serif; font-size:10px; width:135px; padding-left:45px; padding-bottom:15px; padding-top:15px; } .meta { padding:10px 30px 0 35px; } .feedback { text-align:right; margin-right:20px; } li#categories, li#search, li#archives, li#meta { margin-left:20px; margin-bottom:10px; } li#categories ul li, li#search ul li, li#archives ul li, li#meta ul li { margin-left:20px; } /* ------------------------ search button form elements ------------------------ */ input.search, input.search { width:20px; height:20px; cursor:pointer; padding:0; } img.c2c { padding-top:80px; margin-left:30px; } img.c2c-inside { padding-top:20px; margin-left:30px; } p.qc-text { color:#f3ecd2; } /* ------------ Specials pop-up ------------ */ #specials { background:#C6E4B2; margin:20px 20px 20px 20px; padding:10px; } #specials p { margin: 0 0 10px 0; padding:0; } .non-links { color:#4a4728; }