/* ---------------------------------------------------------------------------- Copyright Einstein Industries 2005. Used with Permission. May not be duplicated or reproduced. Please check for cross-browser compatibility prior to making changes MINIMUM BROWSER CHECK :: Mozilla/IE6/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; } /* Remove inconsistent (among browsers) default padding or margin */ html,body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,pre,form,fieldset,input { margin:0; padding:0; } /* prevent blue linked image borders */ a img,:link img,:visited img { border:none; } /* global elements * ------------------------------------------------------------------------- */ /* root selectors */ body { background:url("../images/layout/body-bg.gif") repeat-x top left #224466; text-align:left;font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; text-decoration:none; } p,dl,dt,dd,ul,ol,li { line-height:16px; } p,pre,blockquote { margin-bottom:8px; } a:link,a:visited { color:#0066CC; text-decoration:underline; } a:hover,a:active { text-decoration:none; } h1 span,h2 span,h3 span { display:none; } h1 {font-size:14px;} h2 {font-size:13px;} h3 {font-size:12px;} form { width:164px; padding:10px 0 15px 25px; } input, textarea { background-color:#fff; border:1px solid #000; width:150px; height:16px; margin-bottom:4px; padding-top:2px; padding-left:4px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; } textarea { height:70px; overflow:auto; } /* classes */ .right { text-align:right; } .center { text-align:center; } .clear { clear:both; height:.01em; overflow:hidden } .submit, .submit-main-contact { cursor:pointer; background:url("../images/layout/submit.gif") no-repeat; width:50px; height:18px; border:0;} .submit-main-contact { margin:85px 0 0 220px; } /* main contact - */ #main-contact { padding:20px 0 10px 25px; } #main-contact label, #main-contact select { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; } #main-contact label { width:200px; position:relative; display:block; text-align:right; color:#000; } #main-contact label input, #main-contact label textarea, #main-contact select { background-color:#fff; border:1px solid #000; position:absolute; width:200px; left:110%; top:-2px; } #main-contact label textarea { width:200px; height:100px; top:0; } /* framework * ------------------------------------------------------------------------- */ #wrap { background:url("../images/layout/bg.gif") repeat-y; width:769px; margin:0 auto; } #top { background:url("../images/layout/top.gif") no-repeat top; height:84px;} #nav { background:url("../images/layout/nav.gif") no-repeat top; height:29px;} #header { background:url("../images/layout/header.jpg") no-repeat top; height:181px; position:relative;} #column-left { width:544px; float:left; } #column-left p{ line-height:17px; } #welcome { background:url("../images/layout/welcome.jpg") no-repeat top; padding:60px 0 20px 0;} #welcome p {padding: 0 24px 0 165px;} #welcome ul { margin-bottom:8px; padding: 0 24px 0 165px; text-align:center;} #welcome li { padding: 0 5px 0 7px; display:inline; line-height: 8px; font-size:12px; font-weight:bold; color:#29425A;} #welcome li a {font-size:12px; color:#0B2743;} #welcome-divider { background:url("../images/layout/welcome-divider.gif") repeat-x; height:30px; margin:30px 24px 0 165px;} #non-inasive-bg { background:url("../images/layout/non-invasive-bg.gif") repeat-y; } #non-invasive { background:url("../images/layout/non-invasive.gif") no-repeat top; padding:57px 0 10px 0; width:544px;} #non-invasive p {float:left; width:225px; padding-left:35px;} #drmittelman-bg { background:url("../images/layout/drmittelman-bg.gif") repeat-y; margin:20px 0;} #drmittelman { background:url("../images/layout/drmittelman.jpg") no-repeat top; padding-top:47px; } #drmittelman p {padding:0 210px 0 60px; } #drmittelman-bottom { background:url("../images/layout/drmittelman-bottom.gif") no-repeat top; height:20px; } #photogallery { background:url("../images/layout/photogallery.gif") no-repeat top; padding-top:55px; } #photogallery p {padding: 0 24px 0 35px;} #photogallery img {padding-left:5px; display:inline;} #column-right { width:225px; float:left; } #column-right p {padding: 0 36px 0 25px;} #contact { background:url("../images/layout/contact.jpg") no-repeat top; padding:180px 0 20px 0;} #map { background:url("../images/sub/map.jpg") no-repeat top; padding:180px 0 20px 0;} #map img { padding-left:8px; } #procedures { background:url("../images/layout/procedures.gif") no-repeat top; padding-top:50px;} #procedures ul {padding: 0 36px 0 40px; margin-bottom:15px; } #procedures ul li { font-size:12px; text-indent:-.9em; } #procedures ul li a:link,a:visited { color:#000; text-decoration:none; font-size:12px; } #procedures ul li a:hover,a:active { text-decoration:underline; } #procedures ul li.top { font-size:12px; list-style-image:url(../images/layout/listbox.gif); font-weight:bold; text-indent:0; } #bottom { background:url("../images/layout/bottom.gif") no-repeat; width:769px; height:48px; clear:both; overflow:hidden; } /* SUB PAGES------------------------------------------- */ #column-left-sub { width:544px; float:left; } #column-left-sub p, #column-left-sub h1, #column-left-sub h2, #column-left-sub h3 {padding: 0 24px 0 35px;} #column-left-sub ul { padding: 0 56px 0 70px; list-style-type:square; padding-bottom: 8px; } #column-left-sub ol { padding: 0 56px 0 80px; } #column-left-sub ol li { padding-bottom: 8px; list-style-type:decimal;} #title-aesthetics { background:url("../images/sub/title-aesthetics.jpg") no-repeat top; padding:60px 0 20px 0;} #title-contact { background:url("../images/sub/title-contact.jpg") no-repeat top; padding:60px 0 20px 0;} #title-thankyou { background:url("../images/sub/title-thankyou.jpg") no-repeat top; padding:60px 0 20px 0;} #title-doctor { background:url("../images/sub/title-doctor.jpg") no-repeat top; padding:60px 0 20px 0;} #title-non-invasive { background:url("../images/sub/title-non-invasive.jpg") no-repeat top; padding:60px 0 20px 0;} #title-plastic-surgery { background:url("../images/sub/title-plastic-surgery.jpg") no-repeat top; padding:60px 0 20px 0;} #title-surgery-center{ background:url("../images/sub/title-surgery-center.jpg") no-repeat top; padding:60px 0 20px 0;} /* SPRITE NAVIGATION */ #nav { background: url(../images/layout/nav.gif) top left no-repeat; width: 769px; /* Width of buttons, not entite image (or half of entire image) */ height: 29px; /* Height of entire image */ } #nav span { display: none; } #nav li, #nav a { height: 29px; /* Each button must have the same height, define it here */ display: block; } #nav li { float: left; list-style: none; _display: inline; /* fixes IE/Win double margin float bug (safe) */ } /* margin-left - you will need to adjust this value to "center" your nav, if needed */ /* width - width of each button, they will each most likely be unique */ #nav-01 { width: 74px; margin-left: 11px;} #nav-02 { width: 116px;} #nav-03 { width: 115px;} #nav-04 { width: 106px;} #nav-05 { width: 90px;} #nav-06 { width: 138px;} #nav-07 { width: 108px;} /* Changed values should match "width" numbers specified above */ #nav-01 a:hover {background: transparent url(../images/layout/nav.gif) -11px -29px no-repeat;} #nav-02 a:hover {background: transparent url(../images/layout/nav.gif) -85px -29px no-repeat;} #nav-03 a:hover {background: transparent url(../images/layout/nav.gif) -201px -29px no-repeat;} #nav-04 a:hover {background: transparent url(../images/layout/nav.gif) -316px -29px no-repeat;} #nav-05 a:hover {background: transparent url(../images/layout/nav.gif) -422px -29px no-repeat;} #nav-06 a:hover {background: transparent url(../images/layout/nav.gif) -512px -29px no-repeat;} #nav-07 a:hover {background: transparent url(../images/layout/nav.gif) -650px -29px no-repeat;} /* footer * ------------------------------------------------------------------------- */ #footer { width:760px; text-align:center; margin:0 auto; font-size:10px; } #footer a:link, #footer a:visited, #footer p { text-decoration:none; color:#fff; } #footer a:hover, #footer a:active { text-decoration:underline; } #footer ul { margin-bottom:5px; } #footer li { padding: 0 5px 0 7px; display:inline; border-left: 1px solid #fff; } #footer li.first { border: none; } #footer li span{ font-size:10px;} /* bnas * ------------------------------------------------------------------------- */ #bna-body { background-image:none; background-color:#FAF7F0; width:600px; height:450px;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#062645; text-align:center;} #bna-body a {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#062645;} #bna-top {background:url("../images/bna/top.gif") no-repeat top ; height:76px; position:relative;} #bna-top a { position:absolute; top:0; height:76px; left:0; width:338px;} #bna-image { height:300px;} #bna-bottom {background:url("../images/bna/bottom.gif") no-repeat top ; height:80px; padding-top:3px;} #bna-bottom h1{color: #062645; font-size: 15px; font-weight: bold; text-align:center; margin: 8px 0 0px 0; padding:0;} #bna-bottom p{color: #062645; font-size: 12px; text-align:center; margin: 0px 0 5px 0; padding:0;}