/* Family Eye Care of Apex Site Design and Code by Rouviere Media - http://www.rouviere.com Revision - 20091202 9:30 */ /* Text Colors -- Blue text #1776a5 | Green Text #0a815d -- */ /* @group General layout and styling */ * { margin: 0; padding: 0; } body { font-family: "Myriad Pro", Arial, sans-serif; font-size: .938em; line-height: 1.4em; font-weight: normal; color: #191919; background: #fff url(../images/bg_body.png) repeat-x; margin-top: -7px; } #container { width: 984px; margin: 0 auto; height: 100%; } .outerpair1 { background: url(../images/dropshadow-bottom.png) left bottom no-repeat; padding-bottom: 30px; margin: 0 0 30px 0; } .outerpair2 { background: url(../images/dropshadow-main.png) left top no-repeat; padding: 0 15px 40px 15px; margin: 0; } .outerpair3 { background: url(../images/bg_sidebar.jpg) repeat-y right top; } #content { width: 984px; margin: 0; padding: 0; min-height: 600px; } #main_content { min-height: 500px; background: #fff; margin: 10px 0 -16px 0; padding: 1px 0; } #main { float: left; width: 731px; } /* @group Styling */ h1 { font-size: 1.2em; } h2 { font-size: 1.1em; } h3 { font-size: 1em; } h1, h2, h3, h4, h5, h6 { margin-left: 20px } strong { font-size: .825em; } p.blue { color: #1776a5; } a img { border: none; } .float_lft { float: left; margin: 0 5px 5px 0; } .float_rt { float: right; margin: 20px 10px 5px 0; } img.float_lft { float: left; margin: 10px 10px 10px 30px; } img.float_rt { float: right; margin: 10px 20px 10px 20px; } img.flush_rt { float: right; margin: 0 0 10px 10px; } img.full_flush_rt { float: right; margin: 0 0 0 10px; } img.flush_lft { float: left; margin: 10px 10px 0 0; } .centered { text-align: center; } .clearfloats { clear: both; } a.addthis_button img { margin: 0 0 10px 30px; } /* @end */ /* @group Links */ a:link, a:visited { color: #1776a5; text-decoration: none; } a:hover, a:active { text-decoration: underline; } /* @end */ /* @group Lists */ ul { list-style-type: none; } ul#footer_nav li { display: inline; } ul#info li { display: inline; } ul#dr_info li { display: inline; } li a:hover, li a:active { text-decoration: underline; } /* @end */ /* @end */ /* @group Banner */ #banner { height: 155px; } #banner img { margin: 30px 0 30px 30px; } #top_nav { float: right; position: relative; top: 20px; left: -10px; } ul#top_links { float: left; margin: 0; padding: 0; } ul#top_links li, ul#info li { display: block; float: left; font-size: 1em; color: #0A815D; border-right: 1px solid #0A815D; margin-bottom: 10px; } ul#top_links li.last, ul#info li.last { border: none; } #top_nav p.phone { clear: left; margin-left: 11px; width: 150px;font-size: 1em; color:#1776a5; line-height: 2em; } ul#top_links a:link, ul#info a:link, ul#top_links a:visited, ul#info a:visited { color: #0A815D; text-decoration: none; padding: .3em .9em .2em .9em; } ul#top_links li a:hover, ul#info li a:hover { background-color: #0a815d; color: #fff; } body#home #top_nav a.home, body#directions #top_nav a.directions, body#hours #top_nav a.hours, body#contact_us #top_nav a.contact, body#forms #top_nav a.forms, body#payment #top_nav a.payment, body#appointment #top_nav a.appointment { background-color: #0a815d; color: #fff; } /* @end */ /* @group Main Navigation */ ul#main_nav { list-style-type: none; width: 730px; height: 42px; } ul#main_nav li { display: inline; } ul#main_nav li a { text-indent: -9999px; display: block; float: left; height: 42px; } a.exams { background: url(../images/nav_exams.png) no-repeat bottom center; width: 144px; } a.glasses { background: url(../images/nav_glasses.png) no-repeat bottom center; width: 239px; } a.contacts { background: url(../images/nav_contacts.png) no-repeat bottom center; width: 193px; } a.insurance { background: url(../images/nav_insurance.png) no-repeat bottom center; width: 154px; } ul#main_nav li a.exams:hover, ul#main_nav li a.glasses:hover, ul#main_nav li a.contacts:hover, ul#main_nav li a.insurance:hover { background-position: top center; } body#exams ul#main_nav li a.exams, body#glasses ul#main_nav li a.glasses, body#contacts ul#main_nav li a.contacts, body#insurance ul#main_nav li a.insurance { background-position: top center; } #home.search ul#main_nav { width: 960px; } .know { background: url(../images/bg_know_about.png) no-repeat; width: 224px; height: 53px;} /* @end */ /* @group Main Content */ /* @group General Styling */ #main_content h2 { font-size: 1.4em; font-weight: normal; margin: 30px 30px 15px 30px; } #main_content p { margin: 0 0 0 30px; } #main p { margin: 0 20px 10px 30px; } #meet_doctors { width: 731px; height: 520px; margin: 0; position: relative; background: #fff url(../images/bg_doctors.jpg); } #meet_doctors h3 { color: #1081c5; text-align: center; font-size: 1.2em; line-height: 1.5em; font-weight: normal; margin: 0; padding: 20px 0; } #doctors .info { width: 200px; float: right; } #doctors img.flush_lft { position: absolute; bottom: 0; left: 0; } #doctors h4 { margin: 0 0 10px 0; font-weight: normal; } #doctors p { font-size: .9em; line-height: 1.4em; margin: 0; } #dr_marino { float: right; width: 160px; margin: 10px 30px 60px 30px; } #dr_scheiner { float: right; clear: right; width: 160px; margin: 0 30px 0 30px; } p.large_green { color: #0A815D; margin: 0; padding-left: 30px;} #comprehensive { height: 47px; margin: 0; padding: 0; text-indent: -9999px; background: #fff url(../images/comprehensive.jpg) no-repeat right top; } span.gray { font-size: 12px; color: #333; } /* @end */ /* @group Home Page */ #home #main { background: #fff url(../images/face.jpg) no-repeat right top; } #home #main_content h2 { font-size: 1.4em; font-weight: normal; margin: 30px 30px 15px 30px; } #main ul li { font-size: 1em; color: #2073a2; line-height: 2em; text-indent: 60px; } /* @end */ /* @group Location Page */ #bldg_front { float: left; margin: 0 10px 20px 40px; } #bldg_front img { margin: 0 10px 5px 20px; } #bldg_front p { font-size: 11px; margin: 0 0 0 30px; } #bldg_back { float: left; margin: 0 0 10px 5px; } #bldg_back p { font-size: 11px; margin: 5px 0 0 10px; } #map { margin: 0 0 20px 30px; } #map small a[style] { color: #1776a5 !important; } /* @end */ /* @group Hours Page */ #hours #main ul li { color: #000; margin: 0; } /* @end */ /* @group PDF Forms */ #pdf_forms p { float: left; margin: 10px 0 20px 50px; text-align: center; } /* @end */ /* @group Policies */ #policies #main h3 { margin: 10px 0 10px 40px; } #policies #main p { margin: 0 30px 20px 40px; text-align: justify; } #policies #meet_doctors { border-top: 1px solid #1776a5; } /* @end */ /* @group Exams Page */ body#exams #main { height: 770px; } #exams #main p { text-align: justify; margin: 0 30px 20px 30px; } #slideshow { margin-top: 65px; } /* @end */ /* @group Glasses Page */ #glasses .left { float: left; width: 370px; margin-bottom: 0; padding-bottom: 0; } #glasses .right { float: right; width: 350px; } .frames { float: left; margin: 10px 0 20px 20px; font-size: 11px; } img.glasses { margin: 0 0 0 40px; } #glass #main { margin: 0; padding: 0; } /* @end */ /* @group Contacts Pages */ #contacts #nav { width: 390px; float: right; margin-left: 20px; } #contacts ul.nav_contacts { float: right; width: 380px; margin: -35px 20px 20px 0; } #contacts.care ul.nav_contacts { margin-top: -55px; } #contacts #main ul li { text-indent: 5px; } ul.nav_contacts a:link, ul.nav_contacts a:visited { font-size: 1.1em; line-height: 1.4em; display: block; padding: .2em; border: 1px solid #fff; } ul.nav_contacts a:hover, ul.nav_contacts a:active { color: #1776a5; background-color: #d1e1ee; text-decoration: none; border: 1px solid #1776a5; } body.solution ul.nav_contacts a.solution, body.care ul.nav_contacts a.care, body.services ul.nav_contacts a.services, body.order ul.nav_contacts a.order { color: #1776a5; background-color: #d1e1ee; border: 1px solid #1776a5; } #contacts.solution img.flush_rt { margin: 0 0 20px 20px; } #contacts.solution ul.nav_contacts, #contacts.services ul.nav_contacts { margin-left: 20px; } #contacts.solution #main p, #contacts.services #main p { font-size: 1.1em; line-height: 1.7em; } #contacts.order img.flush_rt { margin-top: -230px } #contacts #main p { text-align: justify; margin-left: 30px; margin-right: 30px; } #contacts.services #image_box { float: right; width: 400px; height: 360px; } #contacts.services #image_box p { font-size: .9em; } /* @end */ /* @group Insurance */ .carriers { float: left; width: 230px; margin: 10px 20px 30px 110px; color: #1776a5; font-size: 1.1em; line-height: 2em;} #insurance #meet_doctors { border-top: 1px solid #1776a5; } /* @end */ /* @group Low Vision Page */ #low_vision #main { width: 950px; } #low_vision #sidebar { position: relative; top: -830px; left: 0; } #low_vision h2 { width: 300px;font-size: 32px; margin: 20px 0 20px 30px; } #low_vision #main p { float: left; font-size: 1.3em; text-align: left; line-height: 2em; } #low_vision img.flush_rt { float: right; margin: -60px -25px 10px 10px; } #low_vision img.flush_rt.bottom { float: right; margin: 0 -25px -10px 0; padding: 0; } #low_vision .outerpair3 { background: none;} /* @end */ /* @group Lasik Page */ #lasik.candidate #main { background: url(../images/ocean_view.jpg) no-repeat left top; min-height: 680px; } #lasik #text { width: 700px; position: relative; top: 0; left: 0;} #lasik.services #main { height: 700px; background: url(../images/dr_marino_lasik.jpg) no-repeat bottom left; } #lasik.services #text { width: 360px; float: right; margin-top: 20px; padding-right: 20px; } #lasik #text p { margin-right: 0; } #lasik.candidate #text p { margin-right: 20px; } #lasik #text img.float_lft { margin-left: -30px; } #lasik.candidate #text { width: 500px; background-color: #fff; opacity: 0.8; margin: 110px 0 0 30px; padding: 10px 0;} #lasik.post_op h3 { font-weight: normal; color: #1776a5; } #lasik.post_op #main p { text-align: justify; margin-left: 30px; margin-right: 40px; line-height: 1.7em; } ul.nav_lasik { float: right; margin: -35px 20px 20px 10px; } ul.nav_lasik li a { text-indent: 10px; } ul.nav_lasik a:link, ul.nav_lasik a:visited { font-size: 1.1em; line-height: 1.4em; display: block; padding: .2em; border: 1px solid #fff; } ul.nav_lasik a:hover, ul.nav_lasik a:active { color: #1776a5; background-color: #d1e1ee; text-decoration: none; border: 1px solid #1776a5; } #lasik.candidate ul.nav_lasik a:link, #lasik.candidate ul.nav_lasik a:visited { background: #d1e1ee;border: 1px solid #d1e1ee; } #lasik.candidate ul.nav_lasik a:hover, #lasik.candidate ul.nav_lasik a:active { border: 1px solid #1776a5; } body#lasik.candidate ul.nav_lasik a.candidate, body#lasik.services ul.nav_lasik a.services, body#lasik.post_op ul.nav_lasik a.post_op { color: #1776a5; background-color: #d1e1ee; border: 1px solid #1776a5; } /* @end */ /* @group Cataracts Page */ ul.nav_cataracts { float: right; margin: -35px 20px 20px 10px; } ul.nav_cataracts li a { text-indent: 10px; } ul.nav_cataracts a:link, ul.nav_cataracts a:visited { font-size: 1.1em; line-height: 1.4em; display: block; padding: .2em; border: 1px solid #fff; } ul.nav_cataracts a:hover, ul.nav_cataracts a:active { color: #1776a5; background-color: #d1e1ee; text-decoration: none; border: 1px solid #1776a5; } body.candidate ul.nav_cataracts a.candidate, body.services ul.nav_cataracts a.services, body.care ul.nav_cataracts a.care { color: #1776a5; background-color: #d1e1ee; border: 1px solid #1776a5;} #cataracts #main p { text-align: justify; line-height: 1.6em; } #cataracts #nav { float: right; width: 395px ; height: 380px; } #cataracts.services #nav { height: 340px; } #cataracts.care h3 { font-weight: normal; color:#1776a5; } #cataracts #main ul li { color: #000; } /* @end */ /* @group Retinopathy, Glaucoma, Dry Eyes and Children */ #cataracts #main img.float_rt, #retinopathy #main img.float_rt, #glaucoma #main img.float_rt, #dry_eyes #main img.float_rt { margin: -10px 5px 10px 20px; } #childrens_eyes #main, #confirmation #main { height: 700px; background: url(../images/kids.jpg) no-repeat right bottom; } #retinopathy .float_rt, #glaucoma .float_rt, #dry_eyes .float_rt { margin: 0 0 10px 15px; } #retinopathy #main p, #glaucoma #main p, #dry_eyes #main p { text-align: justify; line-height: 2.2em; margin-left: 40px;margin-right: 40px;} #our_practice img.float_rt { margin: 0 0 10px 20px; } /* @end */ /* @group Our Practice */ #practice #main p { text-align: justify; line-height: 2em; margin-left: 40px ;margin-right: 40px; } #practice img.flush_rt { margin-left: 20px; } /* @end */ /* @group Staff Page */ .staff-1, staff-2 { width: 730px; height: 330px; } .staff-1 img { float: left; margin-bottom: 20px; } .staff-1 .content { float: right; width: 350px; } .content h3 { margin: 0 0 5px 30px; color: #1776a5; font-size: 1.1em; font-weight: normal; } .staff-2 img { float: right; } .staff-2 .content { float: left; width: 320px; } #staff .content p { line-height: 1.6em; } #meet_drs .bio p { text-align: justify; margin-right: 30px; line-height: 1.6em; } #meet_drs img.flush_lft { margin: 0 20px 0 0; } #main #comprehensive p { text-indent: -9999px; } /* @end */ /* @end */ /* @group Sidebar */ #sidebar { float: right; width: 224px; background-color: #f2f2f2; margin: -55px 29px 0 0; height: auto; overflow: hidden; } #sidebar li#need_to_know { background: url(../images/bg_know_about.png) no-repeat; width: 224px; height: 53px; text-indent: -9999px;} #sidebar a { text-decoration: none; } ul#key li { width: 200px; height: 30px; margin: 10px; } ul#key li a { font-size: 1.2em; color: #000; background-color: #fff; display: block; width: 11em; padding: .2em; line-height: 1.4em; border: 1px solid #999; text-decoration: none; text-indent: 20px; } ul#key li a:hover { background-color: #edf6fb; color: #000;} body#lasik ul#key li a.lasik{ background-color: #edf6fb; color: #000; } ul#second li { width: 200px; height: 30px; font-size: 1.2em; margin: 10px 0 0 10px; } ul#second li a { color: #2073a2; text-indent: 20px; display: block; width: 11em; padding: .2em; line-height: 1.4em; text-decoration: none; border-bottom: 1px solid #1776A5; } ul#second li a:hover { background-color: #d1e1ee; color: #1776A5; } body#cataracts ul#second li a.cataracts, body#retinopathy ul#second li a.retinopathy, body#glaucoma ul#second li a.glaucoma, body#dry_eyes ul#second li a.dry_eyes, body#childrens_eyes ul#second li a.childrens_eyes { background-color: #d1e1ee; color: #1776A5; } ul#general li { width: 200px; height: 30px; border-bottom: 1px solid #0A815D; font-size: 1.2em; margin: 10px 0 0 10px; } ul#general li a { color: #0A815D; text-indent: 20px; display: block; width: 11em; padding: .2em; line-height: 1.4em; text-decoration: none; } ul#general li a:hover { background-color: #0a815d; color: #fff; } body#practice ul#general li a.practice, body#staff ul#general li a.staff { background-color: #0a815d; color: #fff; } #announcements { background-color: #f2f2f2; } #sidebar li#news { background: url(../images/bg_news.png) no-repeat; width: 224px; height: 45px; text-indent: -9999px; margin: 20px 0 0 0 ;} #announcements p { margin: 0 ;padding: 20px; } /* @end */ /* @group Forms */ /* @group General Styling */ #freeform { width: 400px; margin-left: 30px; margin-top: 40px; font-size: 16px; } #freeform label, label span { display: block; padding-bottom: .25em; color: #1776a5; } #freeform label { float: left; width: 100%; } #freeform label span { float: left; width: 30%; text-align: left; } fieldset { width: 400px; height: 300px; border: none; } #contacts.order fieldset { height: 210px; } fieldset input, textarea { float: left; width: 50%; border: 1px solid #999; font-family: "Myriad Pro", Arial, sans-serif; font-size: 14px; padding: 2px 0 0 2px; } input#username, input#password { border: 1px solid #999; font-size: 1.2em; color: #333; } fieldset textarea#comments { float: left; border: 1px solid #999; font-size: 16px; height: 150px; } select#brand { text-indent: 2px; } #contact_us #freeform { margin-left: 100px; } fieldset input:hover, fieldset textarea#comments:hover, #search_input input:hover, input#username:hover, input#password:hover, input#keywords:hover { border-color: #1776a5; } fieldset input:active, input:focus, #search_input input:focus { border-color: #1776a5; } input.radio, input.checkbox, input.submit { width: auto; } input.submit { float: right; font-size: 12px; } #contact #intro_text p { margin: 10px; font-size: 1.4em; } ul.client_list a:link, ul.client_list a:visited { border-bottom: 1px dotted #a71a22; text-decoration: none; color: #1776a5; } ul.client_list a:hover, ul.client_list a:active { border-bottom: 1px solid #a71a22; text-decoration: none; color: #1776a5; } ul#ad_search { margin-left: 50px; } #ad_search li { font-size: 14px; } /* @end */ /* @group Contact Order Form */ /* @end */ /* @group Contact Form */ /* @end */ /* @group Search Box */ #search_box { width: 182px; height: 37px; float: right; margin: -50px 20px 0 0; background-image: url(../images/bg_search.png); } input#keywords { position: relative; top: 3px; left: 30px; width: 130px; height: 13px; background: #edf6fb; border: none; color: #1776a5; } input[type=text]:focus, input[type=password]:focus, textarea { outline: 0 none; } #search_results table { margin-left: 30px; } /* @end */ /* @end */ /* @group Footer */ #footer { clear: both; width: 954px; font-size: 10px; height: 45px; margin: -100px 0 0 16px; } ul#footer_nav { height: 25px; border-top: 1px solid #0a815d; border-bottom: 1px solid #0a815d; margin: 5px 0 0 0; } ul#footer_nav li { border-right: 1px solid #0a815d; } ul#footer_nav li.last { border: none; } ul#footer_nav li a { text-decoration: none; color: #0A815D; font-size: 1.4em; padding: 4px 54px; line-height: 2em; } ul#footer_nav li a:hover { text-decoration: underline; } #footer p { font-size: 1em; color: #0A815D; } #footer p#copyright { float: left; margin: 5px 0 0 10px; } #footer p.info { float: right; margin: 5px 10px 0 0; padding: 0; } #footer a:link, #footer a:visited { color: #0A815D; } #footer p.info a:link, #footer p.info a:visited { text-decoration: underline; } #footer p.info a:hover { color: #1776a5; text-decoration: none; } /* @end */ /* Family Eye Care of Apex Site Design and Code by Rouviere Media - http://www.rouviere.com Revision - 20091019 9:19 */ /* Text Colors -- Blue text #1776a5 | Green Text #0a815d -- */ /* @group General layout and styling */ * { margin: 0; padding: 0; } body { font-family: "Myriad Pro", Arial, sans-serif; font-size: .938em; line-height: 1.4em; font-weight: normal; color: #191919; background: #fff url(../images/bg_body.png) repeat-x; margin-top: -7px; } #container { width: 984px; margin: 0 auto; height: 100%; } .outerpair1 { background: url(../images/dropshadow-bottom.png) left bottom no-repeat; padding-bottom: 30px; margin: 0 0 30px 0; } .outerpair2 { background: url(../images/dropshadow-main.png) left top no-repeat; padding: 0 15px 40px 15px; margin: 0; } .outerpair3 { background: url(../images/bg_sidebar.jpg) repeat-y right top; } #content { width: 984px; margin: 0; padding: 0; min-height: 600px; } #main_content { min-height: 500px; background: #fff; margin: 10px 0 -16px 0; padding: 1px 0; } #main { float: left; width: 731px; } /* @group Styling */ h1 { font-size: 1.2em; } h2 { font-size: 1.1em; } h3 { font-size: 1em; } h1, h2, h3, h4, h5, h6 { margin-left: 20px } strong { font-size: .825em; } p.blue { color: #1776a5; } a img { border: none; } .float_lft { float: left; margin: 0 5px 5px 0; } .float_rt { float: right; margin: 20px 10px 5px 0; } img.float_lft { float: left; margin: 10px 10px 10px 30px; } img.float_rt { float: right; margin: 10px 20px 10px 20px; } img.flush_rt { float: right; margin: 0 0 10px 10px; } img.full_flush_rt { float: right; margin: 0 0 0 10px; } img.flush_lft { float: left; margin: 10px 10px 0 0; } .centered { text-align: center; } .clearfloats { clear: both; } a.addthis_button img { margin: 0 0 10px 30px; } /* @end */ /* @group Links */ a:link, a:visited { color: #1776a5; text-decoration: none; } a:hover, a:active { text-decoration: underline; } /* @end */ /* @group Lists */ ul { list-style-type: none; } ul#footer_nav li { display: inline; } ul#info li { display: inline; } ul#dr_info li { display: inline; } li a:hover, li a:active { text-decoration: underline; } /* @end */ /* @end */ /* @group Banner */ #banner { height: 155px; } #banner img { margin: 30px 0 30px 30px; } #top_nav { float: right; position: relative; top: 20px; left: -10px; } ul#top_links { float: left; margin: 0; padding: 0; } ul#top_links li, ul#info li { display: block; float: left; font-size: 1em; color: #0A815D; border-right: 1px solid #0A815D; margin-bottom: 10px; } ul#top_links li.last, ul#info li.last { border: none; } #top_nav p.phone { clear: left; margin-left: 11px; width: 150px;font-size: 1em; color:#1776a5; line-height: 2em; } ul#top_links a:link, ul#info a:link, ul#top_links a:visited, ul#info a:visited { color: #0A815D; text-decoration: none; padding: .3em .9em .2em .9em; } ul#top_links li a:hover, ul#info li a:hover { background-color: #0a815d; color: #fff; } body#home #top_nav a.home, body#directions #top_nav a.directions, body#hours #top_nav a.hours, body#contact_us #top_nav a.contact, body#forms #top_nav a.forms, body#payment #top_nav a.payment, body#policies #top_nav a.policies { background-color: #0a815d; color: #fff; } /* @end */ /* @group Main Navigation */ ul#main_nav { list-style-type: none; width: 730px; height: 42px; } ul#main_nav li { display: inline; } ul#main_nav li a { text-indent: -9999px; display: block; float: left; height: 42px; } a.exams { background: url(../images/nav_exams.png) no-repeat bottom center; width: 144px; } a.glasses { background: url(../images/nav_glasses.png) no-repeat bottom center; width: 239px; } a.contacts { background: url(../images/nav_contacts.png) no-repeat bottom center; width: 193px; } a.insurance { background: url(../images/nav_insurance.png) no-repeat bottom center; width: 154px; } ul#main_nav li a.exams:hover, ul#main_nav li a.glasses:hover, ul#main_nav li a.contacts:hover, ul#main_nav li a.insurance:hover { background-position: top center; } body#exams ul#main_nav li a.exams, body#glasses ul#main_nav li a.glasses, body#contacts ul#main_nav li a.contacts, body#insurance ul#main_nav li a.insurance { background-position: top center; } /* @end */ /* @group Main Content */ /* @group Home Page */ #home #main { background: #fff url(../images/face.jpg) no-repeat right top; } #home #main_content h2 { font-size: 1.4em; font-weight: normal; margin: 30px 30px 15px 30px; } #main ul li { font-size: 1em; color: #2073a2; line-height: 2em; text-indent: 60px; } #home.search #main { padding: 0 30px 0 30px; background: none; } #support { width: 950px; height: 1px; background-color: #fff ; } #home.search .outerpair3 { background: none; } /* @end */ /* @group Location Page */ #bldg_front { float: left; margin: 0 10px 20px 40px; } #bldg_front img { margin: 0 10px 5px 20px; } #bldg_front p { font-size: 11px; margin: 0 0 0 30px; } #bldg_back { float: left; margin: 0 0 10px 5px; } #bldg_back p { font-size: 11px; margin: 5px 0 0 10px; } #map { margin: 0 0 20px 30px; } #map small a[style] { color: #1776a5 !important; } /* @end */ /* @group Hours Page */ #hours #main ul li { color: #000; margin: 0; } /* @end */ /* @group PDF Forms */ #pdf_forms p { float: left; margin: 10px 0 20px 50px; text-align: center; } /* @end */ /* @group Policies */ #policies #main h3 { margin: 10px 0 10px 40px; } #policies #main p { margin: 0 30px 20px 40px; text-align: justify; } #policies #meet_doctors { border-top: 1px solid #1776a5; } /* @end */ /* @group Glasses Page */ #glasses .left { float: left; width: 370px; margin-bottom: 0; padding-bottom: 0; } #glasses .right { float: right; width: 350px; } .frames { float: left; margin: 10px 0 20px 20px; font-size: 11px; } img.glasses { margin: 0 0 0 10px; } #glass #main { margin: 0; padding: 0; } /* @end */ /* @group Contacts Pages */ ul.nav_contacts { float: right; margin: -35px 20px 20px 10px; } #contacts.care ul.nav_contacts { margin-top: -55px; } #contacts #main ul li { text-indent: 5px; } ul.nav_contacts a:link, ul.nav_contacts a:visited { font-size: 1.1em; line-height: 1.4em; display: block; padding: .2em; border: 1px solid #fff; } ul.nav_contacts a:hover, ul.nav_contacts a:active { color: #1776a5; background-color: #d1e1ee; text-decoration: none; border: 1px solid #1776a5; } body.solution ul.nav_contacts a.solution, body.care ul.nav_contacts a.care, body.services ul.nav_contacts a.services, body.advantages ul.nav_contacts a.advantages, body.order ul.nav_contacts a.order { color: #1776a5; background-color: #d1e1ee; border: 1px solid #1776a5; } #contacts.solution img.flush_rt { margin: 0 0 20px 20px; } #contacts.solution ul.nav_contacts, #contacts.services ul.nav_contacts { margin-left: 20px; } #contacts.solution #main p, #contacts.services #main p { font-size: 1.1em; line-height: 1.7em; } #contacts.order img.flush_rt { margin-top: -230px } #contacts #main p { text-align: justify; margin-left: 30px; margin-right: 30px; } #contacts.services #image_box { float: right; width: 400px; height: 360px; } #contacts.services #image_box p { font-size: .9em; } body#contacts.advantages #nav { width: 390px; float: right; margin: 50px 0 10px 20px; } body#contacts.advantages #contacts ul.nav_contacts { float: right; width: 380px; margin: 0 20px 20px 0; } body#contacts.advantages #main h2 { width: 275px; float: left; margin-right: 0; } body#contacts.advantages table#advantages { float: left; clear: both; width: 650px; border-collapse: collapse; margin-left: 40px; } table#advantages td { padding: 10px; border: 1px solid #0a815d; color: #1776a5; } table#advantages tr { color: #1776a5; } #other { clear: left; margin-left: 10px; } #other p { float: left; font-size: .9em; line-height: 1.2em; margin-top: 10px; } #other p.order { float: right; margin-top: 10px; } p.order a { margin-right: 20px; } /* @end */ /* @group Insurance */ .carriers { float: left; width: 230px; margin: 10px 20px 30px 110px; color: #1776a5; font-size: 1.1em; line-height: 2em;} #insurance #meet_doctors { border-top: 1px solid #1776a5; } /* @end */ /* @group Low Vision Page */ #low_vision #main { width: 950px; } #low_vision #sidebar { position: relative; top: -830px; left: 0; } #low_vision h2 { width: 300px;font-size: 32px; margin: 20px 0 20px 30px; } #low_vision #main p { float: left; font-size: 1.3em; text-align: left; line-height: 2em; } #low_vision img.flush_rt { float: right; margin: -60px -25px 10px 10px; } #low_vision img.flush_rt.bottom { float: right; margin: 0 -25px -10px 0; padding: 0; } #low_vision .outerpair3 { background: none;} /* @end */ /* @group Lasik Page */ #lasik.candidate #main { background: url(../images/ocean_view.jpg) no-repeat left top; min-height: 680px; } #lasik #text { width: 700px; position: relative; top: 0; left: 0;} #lasik.services #main { height: 700px; background: url(../images/dr_marino_lasik.jpg) no-repeat bottom left; } #lasik.services #text { width: 360px; float: right; margin-top: 20px; padding-right: 20px; } #lasik #text p { margin-right: 0; } #lasik.candidate #text p { margin-right: 20px; } #lasik #text img.float_lft { margin-left: -30px; } #lasik.candidate #text { width: 500px; background-color: #fff; opacity: 0.8; margin: 110px 0 0 30px; padding: 10px 0;} #lasik.post_op h3 { font-weight: normal; color: #1776a5; } #lasik.post_op #main p { text-align: justify; margin-left: 30px; margin-right: 40px; line-height: 1.7em; } ul.nav_lasik { float: right; margin: -35px 20px 20px 10px; } ul.nav_lasik li a { text-indent: 10px; } ul.nav_lasik a:link, ul.nav_lasik a:visited { font-size: 1.1em; line-height: 1.4em; display: block; padding: .2em; border: 1px solid #fff; } ul.nav_lasik a:hover, ul.nav_lasik a:active { color: #1776a5; background-color: #d1e1ee; text-decoration: none; border: 1px solid #1776a5; } #lasik.candidate ul.nav_lasik a:link, #lasik.candidate ul.nav_lasik a:visited { background: #d1e1ee;border: 1px solid #d1e1ee; } #lasik.candidate ul.nav_lasik a:hover, #lasik.candidate ul.nav_lasik a:active { border: 1px solid #1776a5; } body#lasik.candidate ul.nav_lasik a.candidate, body#lasik.services ul.nav_lasik a.services, body#lasik.post_op ul.nav_lasik a.post_op { color: #1776a5; background-color: #d1e1ee; border: 1px solid #1776a5; } /* @end */ /* @group Cataracts Page */ ul.nav_cataracts { float: right; margin: -35px 20px 20px 10px; } ul.nav_cataracts li a { text-indent: 10px; } ul.nav_cataracts a:link, ul.nav_cataracts a:visited { font-size: 1.1em; line-height: 1.4em; display: block; padding: .2em; border: 1px solid #fff; } ul.nav_cataracts a:hover, ul.nav_cataracts a:active { color: #1776a5; background-color: #d1e1ee; text-decoration: none; border: 1px solid #1776a5; } body.candidate ul.nav_cataracts a.candidate, body.services ul.nav_cataracts a.services, body.care ul.nav_cataracts a.care { color: #1776a5; background-color: #d1e1ee; border: 1px solid #1776a5;} #cataracts #main p { text-align: justify; line-height: 1.6em; } #cataracts #nav { float: right; width: 395px ; height: 380px; } #cataracts.services #nav { height: 340px; } #cataracts.care h3 { font-weight: normal; color:#1776a5; } #cataracts #main ul li { color: #000; } /* @end */ /* @group Retinopathy, Glaucoma, Dry Eyes and Children */ #cataracts #main img.float_rt, #retinopathy #main img.float_rt, #glaucoma #main img.float_rt, #dry_eyes #main img.float_rt { margin: -10px 5px 10px 20px; } #childrens_eyes #main, #confirmation #main { height: 700px; background: url(../images/kids.jpg) no-repeat right bottom; } #retinopathy .float_rt, #glaucoma .float_rt, #dry_eyes .float_rt { margin: 0 0 10px 15px; } #retinopathy #main p, #glaucoma #main p, #dry_eyes #main p { text-align: justify; line-height: 2.2em; margin-left: 40px;margin-right: 40px;} #our_practice img.float_rt { margin: 0 0 10px 20px; } /* @end */ /* @group Our Practice */ #practice #main p { text-align: justify; line-height: 2em; margin-left: 40px ;margin-right: 40px; } #practice img.flush_rt { margin-left: 20px; } /* @end */ /* @group Staff Page */ .staff-1, staff-2 { width: 730px; height: 330px; } .staff-1 img { float: left; margin-bottom: 20px; } .staff-1 .content { float: right; width: 350px; } .content h3 { margin: 0 0 5px 30px; color: #1776a5; font-size: 1.1em; font-weight: normal; } .staff-2 img { float: right; } .staff-2 .content { float: left; width: 320px; } #staff .content p { line-height: 1.6em; } #meet_drs .bio p { text-align: justify; margin-right: 30px; line-height: 1.6em; } #meet_drs img.flush_lft { margin: 0 20px 0 0; } #main #comprehensive p { text-indent: -9999px; } /* @end */ /* @end */ /* @group Sidebar */ #sidebar { float: right; width: 224px; background-color: #f2f2f2; margin: -55px 29px 0 0; height: auto; overflow: hidden; } #sidebar li#need_to_know { background: url(../images/bg_know_about.png) no-repeat; width: 224px; height: 53px; text-indent: -9999px;} #sidebar a { text-decoration: none; } ul#key li { width: 200px; height: 30px; margin: 10px; } ul#key li a { font-size: 1.2em; color: #000; background-color: #fff; display: block; width: 11em; padding: .2em; line-height: 1.4em; border: 1px solid #999; text-decoration: none; text-indent: 20px; } ul#key li a:hover { background-color: #edf6fb; color: #000;} body#lasik ul#key li a.lasik{ background-color: #edf6fb; color: #000; } ul#second li { width: 200px; height: 30px; font-size: 1.2em; margin: 10px 0 0 10px; } ul#second li a { color: #2073a2; text-indent: 20px; display: block; width: 11em; padding: .2em; line-height: 1.4em; text-decoration: none; border-bottom: 1px solid #1776A5; } ul#second li a:hover { background-color: #d1e1ee; color: #1776A5; } body#cataracts ul#second li a.cataracts, body#retinopathy ul#second li a.retinopathy, body#glaucoma ul#second li a.glaucoma, body#dry_eyes ul#second li a.dry_eyes, body#childrens_eyes ul#second li a.childrens_eyes { background-color: #d1e1ee; color: #1776A5; } ul#general li { width: 200px; height: 30px; border-bottom: 1px solid #0A815D; font-size: 1.2em; margin: 10px 0 0 10px; } ul#general li a { color: #0A815D; text-indent: 20px; display: block; width: 11em; padding: .2em; line-height: 1.4em; text-decoration: none; } ul#general li a:hover { background-color: #0a815d; color: #fff; } body#practice ul#general li a.practice, body#staff ul#general li a.staff { background-color: #0a815d; color: #fff; } #announcements { background-color: #f2f2f2; } #sidebar li#news { background: url(../images/bg_news.png) no-repeat; width: 224px; height: 45px; text-indent: -9999px; margin: 20px 0 0 0 ;} #announcements p { margin: 0 ;padding: 20px; } /* @end */ /* @group Forms */ /* @group General Styling */ #freeform { width: 400px; margin-left: 30px; margin-top: 40px; font-size: 16px; } #freeform label, label span { display: block; padding-bottom: .25em; color: #1776a5; } #freeform label { float: left; width: 100%; } #freeform label span { float: left; width: 30%; text-align: left; } fieldset { width: 400px; height: 300px; border: none; } #contacts.order fieldset { height: 210px; } fieldset input, textarea { float: left; width: 50%; border: 1px solid #999; font-family: "Myriad Pro", Arial, sans-serif; font-size: 14px; padding: 2px 0 0 2px; } input#username, input#password { border: 1px solid #999; font-size: 1.2em; color: #333; } fieldset textarea#comments { float: left; border: 1px solid #999; font-size: 16px; height: 150px; } select#brand { text-indent: 2px; } #contact_us #freeform { margin-left: 100px; } fieldset input:hover, fieldset textarea#comments:hover, #search_input input:hover, input#username:hover, input#password:hover, input#keywords:hover { border-color: #1776a5; } fieldset input:active, input:focus, #search_input input:focus { border-color: #1776a5; } input.radio, input.checkbox, input.submit { width: auto; } input.submit { float: right; font-size: 12px; } #contact #intro_text p { margin: 10px; font-size: 1.4em; } ul.client_list a:link, ul.client_list a:visited { border-bottom: 1px dotted #a71a22; text-decoration: none; color: #1776a5; } ul.client_list a:hover, ul.client_list a:active { border-bottom: 1px solid #a71a22; text-decoration: none; color: #1776a5; } ul#ad_search { margin-left: 50px; } #ad_search li { font-size: 14px; } /* @end */ /* @group Appointment Form */ #appointment #freeform { width: 600px; margin-left: 30px; margin-top: 40px; font-size: 16px; } #freeform label span { float: left; width: 30%; text-align: left; } fieldset { width: 600px; height: 360px; border: none; } /* @end */ /* @group Search Box */ #search_box { width: 182px; height: 37px; float: right; margin: -50px 20px 0 0; background-image: url(../images/bg_search.png); } input#keywords { position: relative; top: 3px; left: 30px; width: 130px; height: 13px; background: #edf6fb; border: none; color: #1776a5; } input[type=text]:focus, input[type=password]:focus, textarea { outline: 0 none; } #search_results table { margin-left: 30px; } /* @end */ /* @end */ /* @group Footer */ #footer { clear: both; width: 954px; font-size: 10px; height: 45px; margin: -100px 0 0 16px; } ul#footer_nav { height: 25px; border-top: 1px solid #0a815d; border-bottom: 1px solid #0a815d; margin: 5px 0 0 0; } ul#footer_nav li { border-right: 1px solid #0a815d; } ul#footer_nav li.last { border: none; } ul#footer_nav li a { text-decoration: none; color: #0A815D; font-size: 1.4em; padding: 4px 54px; line-height: 2em; } ul#footer_nav li a:hover { text-decoration: underline; } #footer p { font-size: 1em; color: #0A815D; } #footer p#copyright { float: left; margin: 5px 0 0 10px; } #footer p.info { float: right; margin: 5px 10px 0 0; padding: 0; } #footer a:link, #footer a:visited { color: #0A815D; } #footer p.info a:link, #footer p.info a:visited { text-decoration: underline; } #footer p.info a:hover { color: #1776a5; text-decoration: none; } /* @end */