/* @override http://spivack.com/css/layout.css http://www.spivack.com/css/layout.css */ html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img,a img,:link img,:visited img {border:0;} address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;} q:before,q:after {content:'';} body { background:#75797f url("../images/bg-body.jpg") top repeat-x; text-align:center; font:14px/18px Arial, Helvetica, sans-serif; color: #eaeaea; padding: 0; } #whoson_chat_link { position: absolute; margin: 0 auto; left: 425px; text-align: center; top: 45px; z-index: 1000; } #body-bottom { background: url("../images/bottom-body.jpg") bottom repeat-x; } blockquote { margin-left:10px; margin-right:10px; } h1 { font-size:1.2em; color:#aee2fc; } h1 a.notlink { color:#aee2fc; } h2 { font-size:1.1em; color:#dbe1e9; } h2 a.notlink { color:#dbe1e9;} h3 { font-size:1.0em; color:#ffffff; } h3 a.notlink { color:#ffffff; } h1 span,h2 span,h3 span { display:none; } sup { font-size: .7em; line-height: 1em; } a:link,a:visited { color:#d5eaa0; text-decoration:underline; outline:none; } a:hover,a:active { color:#ffffff; text-decoration:underline; outline:none; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} /* End hide from IE-mac */ .clear {clear: both;} div.clear { height:.01em; clear:both; overflow:hidden; } div.clear-h2 { height:10px; clear:both; overflow:hidden; } p.back-to-top { text-align:right; display:block; padding-right:15px; background:url("../images/bullet-back-to-top.jpg") right no-repeat; } p.back-to-top-clear { text-align:right; display:block; padding-right:15px; background:url("") right no-repeat; } p.more-info { text-align:right; display:block; } img.img-left { float:left; margin:0px 15px 3px 0px; } img.img-left-margin { float:left; margin:0px 0px 0px 28px; } img.img-right { float:right; margin:0px 0px 0px 0px; } form { width:150px; margin:10px 0 15px 0; } form label { font-size:.95em; } form br { line-height:0; height:0; } input, textarea, select { background-color:#b4dffd !important; border:1px solid #b4dffd; color:#414141; width:214px; height:21px; line-height:18px; vertical-align: middle; margin-bottom:4px; padding-top:1px; padding-left:4px; font-family: Arial, Helvetica, sans-serif; font-size:1.0em; } select { width:150px; padding:0; } textarea { height:66px; overflow:auto; } #contact_business { display: none; } #contact-main { margin:20px 0 10px 0; } #contact-main label { width:220px; position:relative; display:block; text-align:right; margin-bottom:10px; font-size:1.0em; } #contact-main label input, #contact-main label textarea, #contact-main label select { width:170px; position:absolute; left:110%; top:-2px; } #contact-main label select { width:175px; } #contact-main label textarea { height:100px; overflow:auto; } input.submit, input.submit-contact-main { width:60px; height:20px; cursor:pointer; padding:0; } input.submit-contact-main { margin:95px 0 0 243px; } #wrap { background:url("../images/bg-wrap.jpg") repeat-y; width:935px; margin:0 auto; text-align:left; } #wrap-img { background:url("../images/bottom-img.jpg") bottom no-repeat; width:935px; margin:0 auto; text-align:left; padding-bottom: 30px; } #masthead { position:relative; background:url("../images/masthead_NEW.jpg"); height:87px; padding-left: 379px; } #masthead p.homelink { position:absolute; left:40px; width:250px; top:6px; height:74px; } #masthead .homelink a { width:250px; height: 74px; display: block; text-align: left; text-indent: -9999px; overflow: hidden; } #masthead a#whoson_chat_link { position:absolute; background:url("../images/livechat_icon_new.gif"); right:340px; width:152px; top:48px; height:30px; } #masthead a#whoson_chat_link img { position: absolute; left: -1000px; height: 0 !important; width: 0 !important; } #column-left { width:266px; float:left; padding-left: 24px; background: url("../images/col-left-bg.jpg") top no-repeat; display:inline; } #column-left p, #column-left h1, #column-left h2, #column-left h3, #column-left ul, #column-left dl { margin:0px 15px 10px 18px; } #column-left form { padding-left:24px; } #column-left ul { padding-left:5px; } #column-left ul li { background:transparent none; padding-left:10px; } #column-right { width:622px; float:right; padding-right: 23px; background: url("../images/col-right-bg.jpg") top no-repeat; display:inline; } #column-right p, #column-right h1, #column-right h2, #column-right h3, #column-right h4, #column-right h5, #column-right h6, #column-right ul,#column-right ol, #column-right dl { margin:0px 26px 10px 28px; } #column-right form { margin-left:30px; } #column-right ul, #column-right ol { padding-left:5px; } #column-right ul li, #column-right ol li { background:transparent url("../images/bullet-new.jpg") -5px 2px no-repeat; margin-bottom: .5em; padding-left:10px; } #column-right ul.multi { padding-left:5px; } #column-right ul.multi li { background:transparent none; padding-left:10px; float:left; width:150px; line-height:20px; } #column-right dl { padding-left:5px; } #column-right dl dt { font-weight:bold; color:#99CC00; } #column-right dl dd { background:transparent none; padding-left:10px; margin-left:5px; } body#testimonials h2 { margin-top:50px; } body#thankyou #column-right { padding-bottom:500px; } #eye-online{ height:400px; padding:0 0 20px 30px; } #header-flash { height:333px; float: left; width: 645px; background:url("../images/header-flash.jpg"); } #header-flash p, #header-flash noscript { padding: 5px 0 0 30px; color: #FFFFFF;} #header-flash a:link, #header-flash a:visited {color: #FFFFFF;} #header-flash a:hover, #header-flash a:active {color: #FFFF00; text-decoration: none;} #header-graphic { height:333px; float: left; width: 645px;} body#about #header-graphic { background:url("../images/header-flash.jpg"); } body#meetdoctors #header-graphic { background:url("../images/header-flash.jpg"); } body#blade-free #header-graphic { background:url("../images/header-flash2.jpg"); } body#lasik #header-graphic { background:url("../images/header-flash3.jpg"); } body#technology #header-graphic { background:url("../images/header-flash4.jpg"); } body#why #header-graphic { background:url("../images/header-flash.jpg"); } body#experience #header-graphic { background:url("../images/header-flash2.jpg"); } body#news #header-graphic { background:url("../images/header-flash3.jpg"); } body#testimonials #header-graphic { background:url("../images/header-flash4.jpg"); } body#financing #header-graphic { background:url("../images/header-flash.jpg"); } body#lasik-alt #header-graphic { background:url("../images/header-flash2.jpg"); } body#eye-pg #header-graphic { background:url("../images/header-flash3.jpg"); } body#youthful-pg #header-graphic{ background:url("../images/header-flash4.jpg"); } body#cataract #header-graphic{ background:url("../images/header-flash.jpg"); } body#forms #header-graphic{ background:url("../images/header-flash2.jpg"); } body#phys-forms #header-graphic{ background:url("../images/header-flash2.jpg"); } body#contact #header-graphic { background:url("../images/header-flash3.jpg"); } body#thankyou #header-graphic { background:url("../images/header-flash4.jpg"); } body#sitemap #header-graphic { background:url("../images/header-flash.jpg"); } body#blog #header-graphic { background:url("../images/header-flash2.jpg"); } #subhead { height:38px; } body#index #subhead { background:url("../images/subhead-index.jpg"); } body#about #subhead { background:url("../images/subhead-about.jpg"); } body#meetdoctors #subhead { background:url("../images/subhead-meet-our-doctors.jpg"); } body#lasik #subhead { background:url("../images/subhead-lasik.jpg"); } body#blade-free #subhead { background:url("../images/subhead-blade-free.jpg"); } body#experience #subhead { background:url("../images/subhead-experience.jpg"); } body#technology #subhead { background:url("../images/subhead-technology.jpg"); } body#why #subhead { background:url("../images/subhead-why.jpg"); } body#testimonials #subhead { background:url("../images/subhead-testimonials.jpg"); } body#financing #subhead { background:url("../images/subhead-financing.jpg"); } body#lasik-alt #subhead { background:url("../images/subhead-lasik-alternatives.jpg"); } body#eye-pg #subhead { background:url("../images/subhead-eye-health.jpg"); } body#youthful-pg #subhead { background:url("../images/subhead-youthful.jpg"); } body#cataract #subhead { background:url("../images/subhead-cataract.jpg"); } body#news #subhead { background:url("../images/subhead-news.jpg"); } body#forms #subhead { background:url("../images/subhead-forms.jpg"); } body#phys-forms #subhead { background:url("../images/subhead-clinician-portal.jpg"); } body#blog #subhead { background:url("../images/subhead-blog.jpg"); } body#contact #subhead { background:url("../images/subhead-contact.jpg"); } body#thankyou #subhead { background:url("../images/subhead-thankyou.jpg"); } body#sitemap #subhead { background:url("../images/subhead-sitemap.jpg"); } #in-the-news { width: 621px; float: left; background:url("../images/news-wrap.jpg") repeat-y ; } #title-in-the-news { height: 62px; background: url("../images/title-in-the-news.jpg"); } #in-the-news-bottom { height: 34px; background: url("../images/news-bottom.jpg"); clear: both; position:relative; } #in-the-news-bottom a.lm-1 { position: absolute; top: 3px; left: 95px; height: 20px; width: 100px; } #in-the-news-bottom a.lm-2 { position: absolute; top: 3px; left: 288px; height: 20px; width: 106px; } #in-the-news-bottom a.lm-3 { position: absolute; top: 3px; left: 497px; height: 20px; width: 100px; } #in-the-news-bottom a span {display: none;} #news-pod { padding-top: 125px; width: 210px; float: left; background: url("../images/news-colorado2008-2.jpg") top no-repeat; display:inline; } #ifs-pod { padding-top: 125px; width: 210px; float: left; background: url("../images/home_promo_ifs.jpg") top no-repeat; display:inline; } #abc-pod { padding-top: 125px; width: 201px; float: left; background: url("../images/news-abc.jpg") top no-repeat; display:inline; } #local-2-pod { padding-top: 125px; width: 210px; float: left; background: url("../images/news-local-2.jpg") top no-repeat; display:inline; } #financing-options { width: 621px; float: left; } #title-financing-options { background: url("../images/title-financing-options.jpg") top no-repeat; padding-top: 58px; width: 621px; } #financing-bottom { background: url("../images/financing-bottom.jpg"); height: 24px; clear:both; } #financing-text { display:block; padding:10px 20px 20px 20px; } #title-news { height: 60px; background: url("../images/title-news.jpg") top no-repeat; } #title-contact { height:100px; background:url("../images/title-contact.jpg") ; } #title-patient-forms { height: 80px; background: url("../images/title-patient-forms.jpg"); } #title-lasik-commitment { height:127px; position:relative; background:url("../images/title-lasik-commitment3.jpg"); } #title-lasik-commitment a{ position:absolute; width: 267px; height: 127px; } #title-ifs-technology { height:127px; position:relative; background:url("../images/title-ifs-technology.jpg"); } #title-ifs-technology a{ position:absolute; width: 267px; height: 127px; } #title-patient-survey { height:140px; position:relative; background:url("../images/title-patient-survey.jpg"); } #title-patient-survey a{ position:absolute; width: 267px; height: 143px; } #title-latisse-ad { height:127px; position:relative; background:url("../images/title-latisse-ad.jpg"); margin-bottom:10px; } #title-latisse-ad a{ position:absolute; width: 267px; height: 127px; } #title-in-the-news { height: 62px; backgournd: url("../images/title-in-the-news.jpg"); } #title-why-choose { height:58px; background:url("../images/title-why-choose.jpg") ; width: 620px; } #title-eye-banner{ margin-top:40px; height:53px; background:url("../images/title-eye-banner.jpg") ; } #title-eye-banner a{ position: absolute; width: 268px; height: 53px; } #title-blog{ height:60px; background:url("../images/title-blog.jpg") no-repeat; } #banner{ height:164px; margin-left:20px; position:relative; background:url("../images/cosmetic-btn.jpg") no-repeat; } #banner a { position:absolute; left: -1px; top: 3px; width: 185px; height: 160px; } #bbb-logo{ height:100px; margin-top:20px; margin-left:20px; position:relative; } #column-left #news-nav { background:url("../images/news-nav.jpg") top left no-repeat; width:266px; height:185px; margin:0; padding:0; } #news-nav li span { display: none; } #news-nav li { float:left; list-style:none; position:relative; } #column-left #news-nav li, #news-nav a { height:86px; display:block; padding: 0px; } #news-nav-01, #news-nav-02, #news-nav-03 { margin-top:0; width:266px; } #news-nav-01 a:hover { background:url("../images/news-nav.jpg") -266px -0px no-repeat; } #news-nav-02 a:hover { background:url("../images/news-nav.jpg") -266px -86px no-repeat; } #news-nav-03 a:hover { background:url("../images/news-nav.jpg") -266px -172px no-repeat; } #map-lasik { height:65px; display:block; background:url("../images/btn-map-lasik.gif") no-repeat; position: relative; margin-bottom: 10px; } #map-lasik a { position: absolute; top: 0px; left: 18px; width: 266px; height: 66px; } #map-lasik a:hover { background:url("../images/btn-map-lasik.gif") -284px 0px no-repeat; } #map-lasik span { display:none; } #map-vision { height:65px; display:block; background:url("../images/btn-map-vision.gif") no-repeat; position: relative; margin-bottom: 10px; } #map-vision a { position: absolute; top: 0px; left: 18px; width: 266px; height: 65px; } #map-vision a:hover { background:url("../images/btn-map-vision.gif") -284px 0px no-repeat; } #map-vision span { display:none; } .back-to-top { height:15px; display:block; background:url("../images/back-to-top.gif") no-repeat; position: relative; width: 75px; margin-bottom: 10px; margin-left: 500px; } .back-to-top a { position: absolute; top: 0px; width: 76px; height: 15px; left: 0px; } .back-to-top a:hover { background:url("../images/back-to-top.gif") -75px 0 no-repeat; } .back-to-top span { display:none; } #footer { width:auto; margin:0 auto; overflow: hidden; text-align:center; background: #25282c url("../images/footer.jpg") top repeat-x; padding-top: 20px; font-size: .95em; } #footer p { color:#dbe1e9; margin:0 120px 10px 120px; } #footer a:link, #footer a:visited { color:#a5d2e8; text-decoration: none; } #footer a:hover, #footer a:active { color:#a5d2e8; text-decoration: underline;} #footer ul {margin-bottom:10px;} #footer li { padding:0 5px 0 7px; display: inline; border-left: 1px solid #a5d2e8; } #footer li.first { border: none; } .navContainer { position:relative; } .promoBtn { position:absolute;top:8px;left:23px; } #nav { background:url("../images/nav.jpg") top left no-repeat; width:290px; height:333px; margin:0; padding:0; float: left; } #nav li span { display: none; } #nav li { float:left; list-style:none; position:relative; } #nav li, #nav a { height:32px; display:block; } #nav-01 { margin-top:3px; width:290px; } #nav-02, #nav-03, #nav-04, #nav-05, #nav-06, #nav-07, #nav-08, #nav-09 { margin-top:0; width:290px; } #nav-01 a:hover { background:url("../images/nav.jpg") -290px -3px no-repeat; } #nav-02 a:hover { background:url("../images/nav.jpg") -290px -35px no-repeat; } #nav-03 a:hover { background:url("../images/nav.jpg") -290px -67px no-repeat; } #nav-04 a:hover { background:url("../images/nav.jpg") -290px -99px no-repeat; } #nav-05 a:hover { background:url("../images/nav.jpg") -290px -131px no-repeat; } #nav-06 a:hover { background:url("../images/nav.jpg") -290px -163px no-repeat; } #nav-07 a:hover { background:url("../images/nav.jpg") -290px -195px no-repeat; } #nav-08 a:hover { background:url("../images/nav.jpg") -290px -227px no-repeat; } #nav-09 a:hover { background:url("../images/nav.jpg") -290px -259px no-repeat; } body#lasik #nav-01 { background:url("../images/nav.jpg") -290px -3px no-repeat; } body#blade-free li#nav-011 a, body#experience li#nav-012 a { color:#aee2fc!important; } body#technology #nav-02 { background:url("../images/nav.jpg") -290px -35px no-repeat; } body#why #nav-03 { background:url("../images/nav.jpg") -290px -67px no-repeat; } body#testimonials #nav-04 { background:url("../images/nav.jpg") -290px -99px no-repeat; } body#financing #nav-05 { background:url("../images/nav.jpg") -290px -131px no-repeat; } body#lasik-alt #nav-06 { background:url("../images/nav.jpg") -290px -163px no-repeat; } body#eye-pg #nav-07 { background:url("../images/nav.jpg") -290px -195px no-repeat; } body#youthful-pg #nav-08 { background:url("../images/nav.jpg") -290px -227px no-repeat; } body#cataract #nav-09 { background:url("../images/nav.jpg") -290px -259px no-repeat; } #main-nav { width:550px; height:40px; margin:0; padding:0; border:0px solid #C00; } #main-nav span { display: none; } #main-nav li, #main-nav a { height:40px; display:block; } #main-nav li { float:left; list-style:none; _display:inline; position:relative; } #main-nav-00 { width: 64px;margin-left:0px;} #main-nav-01 { width: 130px;} #main-nav-02 { width: 90px;} #main-nav-03 { width: 142px;} #main-nav-04 { width: 82px;} #main-nav-00 a:hover { background:url("../images/main-nav-over-new.jpg") 1px 0px no-repeat; } #main-nav-01 a:hover { background:url("../images/main-nav-over-new.jpg") -63px 0px no-repeat; } #main-nav-02 a:hover { background:url("../images/main-nav-over-new.jpg") -193px 0px no-repeat; } #main-nav-03 a:hover { background:url("../images/main-nav-over-new.jpg") -283px 0px no-repeat; } #main-nav-04 a:hover { background:url("../images/main-nav-over-new.jpg") -425px 0px no-repeat; } body#index #main-nav-00 { background:url("../images/main-nav-over.jpg") -0px 40px no-repeat; } body#index #main-nav-01 { background:url("../images/main-nav-over.jpg") -60px 40px no-repeat; } body#about #main-nav-02 { background:url("../images/main-nav-over.jpg") -180px 40px no-repeat; } body#blog #main-nav-03 { background:url("../images/main-nav-over.jpg") -304px 40px no-repeat; } body#contact #main-nav-04 { background:url("../images/main-nav-over.jpg") -304px 40px no-repeat; } #main-nav li ul { position:absolute; left:-9999px; padding-right:1px; background-color:#24292d; } #main-nav li ul li { height:20px; border-bottom:1px solid #000; } #main-nav li ul li a { width:100%; height:20px; line-height:20px; } #main-nav li ul li a span { display:block; padding-left:5px; text-align:center; } #main-nav a:link, #main-nav a:visited, #main-nav a:hover, #main-nav a:active { font-size:1.0em; color:#FFFFFF; text-decoration:none; } #main-nav li:hover ul, #main-nav li.sfHover ul { left: auto; } #main-nav-02 ul a:hover{ background-image:none; background-color:#24292d; color:#b4dffd; text-decoration:none; } #main-nav-02 ul { width:120px; margin-top:-2px;} #main-nav-04 ul a:hover{ background-image:none; background-color:#24292d; color:#b4dffd; text-decoration:none; } #main-nav-04 ul { width:120px; margin-top:-2px;} #sub-nav { background: url("../images/sub-nav-wrap.gif") repeat-y; width: 215px; float: right; margin: 5px 12px 0 10px; } #sub-nav-bottom { background: url("../images/sub-nav-bottom.gif") bottom no-repeat; padding-bottom: 12px; } #commitment-bottom { height: 72px; width: 215px; background: url("../images/sub-nav-commitment.gif"); clear: both; } #commitment-bottom a { position:absolute; width:215px; height:72px; } #commitment-bottom .lasik-commitment { height: 72px; width: 215px; background: url("../images/sub-nav-commitment.gif"); clear: both; } #column-right ul#sub-nav-links { background: url("../images/sub-nav-top.gif") top no-repeat; width: 188px; margin: -2px 0 0 0px; padding: 0px 10px 0 17px; } ul#sub-nav-links li { background:transparent url("../images/bullet-subnav.gif") 0px 3px no-repeat; padding: 0 0 8px 16px; line-height: 18px; border-bottom:1px dashed #6c6e71; } ul#sub-nav-links li.title { color: #b4dffd; font-weight:bold; background: none; padding: 20px 0 10px 5px; height: 20px;} ul#sub-nav-links li a { } ul#sub-nav-links li a:link, ul#sub-nav-links li a:visited {color: #ffffff; text-decoration:none;} ul#sub-nav-links li a:hover, ul#sub-nav-links li a:active {color: #b4dffd; text-decoration: none;} #nav li ul { position:absolute; left:-9999px; background-color:#2e3135; margin-left:290px; margin-top:-34px; } #nav li ul li { height:2em; border-bottom:1px solid #000; border-top:none; } #nav li ul li a { width:100%; height:2em; line-height:2em; } #nav li ul li a span { display:block; padding-left:5px; } #nav a:link, #nav a:visited, #nav a:hover, #nav a:active { font-size:1.0em; color:#FFFFFF; text-decoration:none; } #nav li:hover ul, #nav li.sfHover ul { left: auto; } #nav-01 ul a:hover{ background-image:none; background-color:#2e3135; color:#b4dffd; text-decoration:none; } #nav-01 ul, #nav-01 li { width:15em; } body#blog #column-right{ padding-bottom:400px;} body#blog h3.storytitle{ margin-top:15px; } .storycontent p em { font-style:italic;} div.feedback { margin-left:45px; } div.storycontent{ margin:0 0 0 0; } div.menu{ margin:0 150px 0 0px; } div.meta { padding-top:3px; padding-left:5px; font-size:.8em; color:#fff; background-color:#9ab1ce; margin:0 0px 10px 0px; height:20px } div.meta a{ color:#fff; } div.meta a:hover{ color:#2A2A2A; } #blog blockquote p{ background-color:#F1F7FB; margin:0 20px 0 38px; } #blog ol { list-style-type:decimal !important; margin:0 0 0 45px !important; } #commentform{ padding:0 0 0 40px;} form#wp_commentform #wp_submit{ width:120px; } #blog ol li p {margin:0 0 10px 0;} #blog ol li p cite { font-size:.9em;} .blogbutton {margin-left:10px;} .blogbutton-inside {margin-left:-10px;} body#blog #column-right p {margin-right:0px; padding-right:60px;} #menu{ list-style-type:none;} #menu ul { margin:5px 20px 5px 8px; } #menu ul li ul li { font-weight:bold; padding-right:0px; padding-left:0px; } #categories ul, #meta ul, #archives ul {margin:0 0 0 60px; padding-bottom:20px; } #meta ul li{ margin-bottom:6px; } #meta ul li.rss{ height:12px; padding-left:20px; padding-bottom: 6px; background:url("../images/rss-icon.gif")left no-repeat; } #categories ul a { color:#fff; text-decoration:underline; } #meta ul a { color:#fff; text-decoration:underline; } #archives ul a { color:#fff; text-decoration:underline; } #categories ul a:hover { color:#000; text-decoration:underline; } #meta ul :hover { color:#000; text-decoration:underline; } #archives ul :hover { color:#000; text-decoration:underline; } body#blog #column-left #rss ul li{ list-style-type:none; padding-left:0px; } a.rs{ background:url("../images/rss-icon.gif") no-repeat; list-style-type:none; padding-left:20px; }